@charset "utf-8";
* {
  margin:        0;
  padding:      0
}
html,body {
  height:        100%;
  text-align:      center;
  background:      #232323;
}
body,
td,
p {
  font-family:    Arial, Helvetica, Verdana, sans-serif;
  font-size:      11px;
  color:        #c2c2c2;
}
p {
  margin:        0 0 10px 0;
}

a { font-family: Arial, Helvetica, Verdana, sans-serif; }

a:link     { color: #999999; font-weight: normal; text-decoration: underline; font-size: 11px; }
a:active   { color: #FFFFFF; font-weight: normal; text-decoration: none; font-size: 11px; }
a:visited   { color: #999999; font-weight: normal; text-decoration: underline; font-size: 11px; }
a:hover   { color: #FFFFFF; font-weight: normal; text-decoration: none; font-size: 11px; }

#container{
  min-height:      100%;
  text-align:      left;
  margin:        -55px auto 0; /* -100px is voor de hoogte van de footer*/
}
* html #container {
  height:        100%; /*for IE as it treats height as min-height anyway*/
}
#header {
  height:        89px;
  padding:      55px 0 0 0; /* 100px is voor de hoogte van de footer*/
  background:      url(/style/img/top_verloop.gif) repeat-x;
  background-position:100px;
}
#logo {
  height:        55px; 
  width:        159px; 
  float:        left;
  background:      url(/style/img/logo_gavra.gif) no-repeat;
}
#logoindex {
  height:        55px; 
  width:        139px; 
  float:        left;
  background:      url(/style/img/logo_gavra_index.gif) no-repeat;
}
#content {
  width:        986px;
  min-height:      100%;
  margin-right:    auto; 
  margin-left:    auto;
  margin-top:      30px;
}
#contentfooter {
  width:        966px;
  margin-right:    auto; 
  margin-left:    auto;
  padding-right:    20px;
  text-align:      left;
  font-size:      10px; 
  color:        #626262;
}
#contentfooter a, #contentfooter a:visited {
  font-size:      10px; 
  color:        #626262;
  text-decoration:  none;
}
#contentfooter a:hover, #contentfooter a:active {
  color:        #FFFFFF;
}
#adres {
  float:        left; 
  margin-left:    18px; 
  margin-top:      11px; 
  font-size:      10px; 
  color:        #626262;
}
.floatright {
  float:        right;
}
#menuhomepage {
  float:        left; 
  margin-left:    90px; 
  *margin-left:    130px; 
  _margin-left:    65px; 
}
#menu {
  float:        left;
  display:inline;
  width:        396px;
  margin-top:      10px;
}
.menu1, .menu2, .menu3 {


} 
.menu1index, .menu2index, .menu3index {
  float:        left; 
  width:        132px;
  background:      url(/style/img/menu_bg_index.gif) repeat-x;
  height:        63px;
  margin-right:    1px;
}
#menu ul {
  list-style-type:  none;
  margin:        0px;
  padding:      0px;
}
#menu ul li {  
  margin:        0px;
  padding:      0px;
  height:        26px;
}
#menu ul li a, #menu ul li a:visited {
  background:      url(/style/img/menu_bg.gif) no-repeat;
  width:        118px;
  height:        22px;
  display:      block;
  overflow:      hidden;
  color:        #FFFFFF;
  line-height:    18px;
  text-decoration:  none;
  padding:      4px 7px 0px 7px;
}
#menu ul li a:hover, #menu ul li.active a {
  background:      url(/style/img/menu_mo.gif) no-repeat;
}
#menu ul li.active ul li a { background:none; }
#menu ul li.active ul li a:hover,
#menu ul li.active ul li.active a {background:      url(/style/img/menu_mo.gif) no-repeat; }
#menu ul li.active ul li.active ul li a { background:none; }
#menu ul li.active ul li.active ul li a:hover,
#menu ul li.active ul li.active ul li.active a {        background:      url(/style/img/menu_mo.gif) no-repeat; }

#menu ul li a.active, 
#menu ul li a.active:visited, 
#menu ul li a.active:hover, 
#menu ul li a.active:active {
  background:      url(/style/img/menu_mo.gif) no-repeat;
}
#menu ul li ul { float:left; width:132px; margin-left:132px; position:absolute;top:129px; }
#menu ul li ul li ul { position:absolute;top:0px;  }
#menuhomepage ul {
  list-style-type:  none;
  margin:        0px;
  padding:      0px;
}
#menuhomepage ul li {  
  margin:        0px;
  padding:      0px;
}
#menuhomepage ul li a, #menuhomepage ul li a:visited {
  background:      none;
  width:        118px;
  height:        19px;
  display:      block;
  color:        #FFFFFF;
  text-decoration:  none;
  padding:      7px 7px 0px 7px;
}
#menuhomepage ul li a:hover, #menuhomepage ul li a:active {
  background:      url(/style/img/menu_mo_index.gif) no-repeat;
}
#menuhomepage ul li a.active, #menuhomepage ul li a.active:visited, #menuhomepage ul li a.active:hover, #menuhomepage ul li a.active:active {
  background:      url(/style/img/menu_mo_index.gif) no-repeat;
}

#maincontent {
  float:        right;
  width:        600px;
  margin-left:    -10px;
  display:inline;
}
.maincontenttop {
  background:      url(/style/img/content_bg_top.gif);
  width:        600px;
  height:        10px;
}
.maincontentcenter {
  background:      url(/style/img/content_bg_center.gif);

  width:        600px;
  overflow:      hidden;
}
.maincontentcenter img {
  border:        none;
  margin-left:    10px;
  margin-bottom:    0px;
}
.maincontentcenter h1 {
  font-size:      26px;
  font-weight:    normal;
  margin:        10px 0 10px 0;
  color:        #f1f1f1;
}
.maincontentcenter h2 {
  font-size:      26px;
  font-weight:    normal;
  margin:        30px 0 10px 0;
  color:        #f1f1f1;
}
.maincontentcenter h3 {
  font-size:      18px;
  font-weight:    normal;
  margin:        30px 0 10px 0;
  color:        #f1f1f1;
}
.maincontentcenter h4 {
  font-size:      14px;
  font-weight:    normal;
  margin:        15px 0 10px 0;
  color:        #f1f1f1;
}
.contenttext {
  padding:      20px 30px 20px 30px;
  overflow:      hidden;
}
.contenttext ul {
  padding:      10px 0px 10px 20px;
}

.maincontentbottom {
  background:      url(/style/img/content_bg_bottom.gif) no-repeat;
  width:        600px;
  height:        10px;
}
#footer {
  clear:        both;
  margin:        auto;
  height:        55px;
  background:      url(/style/img/bottom_ro.gif) no-repeat right;
}
#form-contact {
  float:        left;
}

.clearer {
  clear:        both;
  height:        1px;
  overflow:      hidden;
  margin:        -1px 0 0 0;
  padding:      0;
  font-size:       1px;
  line-height:      1px;
   
}
label {
  width:        120px;
  float:        left;
  display:      block;
  padding:      4px 10px 0 1px;
}
input {
  width:        300px;
  height:        16px;
  margin:        2px 0;
  border:        1px solid #000000;
/*  display:      inline;*/
  font-size:      11px;
}
textarea {
  width:        300px;
  font-family:Arial, Helvetica, sans-serif;
  margin:        2px 0;
  border:        1px solid #000000;
  display:      inline;
  float:        left;
  font-size:      11px;
}
input.btn {
  background-color:  #605644;
  height:        25px !important;
  border:        solid 1px #000000;
  cursor:        pointer;
  padding:      0 5px 5px 5px;
  *padding:      0;
  margin:        10px 0px 0 130px !important;
  color:        #ffffff;
  font-weight:    bold;
  float:        left;
}
.foutmelding {
  border:        solid 1px #FF0000;
  margin:        10px 0 10px 0;
  padding:      10px;
}

#form_error, #form_name, #form_email, #form_remark {
  display:                        none;
}

ul li.menu_nl a,
ul li.menu_en a,
ul li.menu_fr a {
  background-image:    none !important;
}

ul li.menu_nl,
ul li.menu_en,
ul li.menu_fr {
  display:      none;
}

/********************
* Login CSS
********************/ 

#login-container {
  width:         535px;
  margin:       0 auto;
  padding:       170px 0 20px 0;
  color:         #f1f1f1;
  text-align: left;
}

#login-header {
  background:       transparent url(/style/img/login_header.gif) no-repeat;
  height:       74px;
}

#login-header h2 {
  display:       none;
}

#login-content {
  background:      transparent url(/style/img/login_bg.gif) repeat-y;
  padding:      34px 34px 19px 34px;
}

#login-content label {
  font-size:       13px;
  font-weight:       bold;
  padding:       0 0 6px 1px;
  margin:       0;
  width:         228px;
  float:         left;
}

#login-content label.password {
  margin:       0 0 0 8px;
}

#login-content label.small {
  display: block;
  font-weight: normal;
  font-size: 11px;
  padding: 0 0 0 5px;
  margin: 6px 0 0 0;
  width: auto;
}

#login-content input {
  background:       transparent url(/style/img/login_input.gif) no-repeat;
  border:       0;
  color:         #303030;
  font-family:       arial, verdana;
  padding:       4px;
  margin:       0;
  height:       17px;
  width:         222px;
}

#login-content input.password {
  margin:       0 0 0 7px;
}

#login-content input.checkbox {
  background:      none;
  margin:       6px 0 0 0;
  _margin:       3px 0 0 0;
  *margin:       3px 0 0 0;
  width:         auto;
  height:        auto;
  border:        0;
  padding:      0;
}



#login-bottom {
  clear:         both;
  display:       block;
  margin:       15px 0 0 0;
}

#login-bottom input.checkbox {
  float:        left;
}

#login-bottom .login-button {
  background:       transparent url(/style/img/menu_mo.gif) no-repeat;
  color:         #fff;
  text-decoration:    none;
  width:         118px;
  height:       15px;
  padding:       6px 6px 6px 8px;
  float:        right;
}

#login-bottom a:hover {
  text-decoration:    underline;
}

#login-footer {
  background:       transparent url(/style/img/login_footer.gif) no-repeat;
  height:       20px;
}

/***
 * Registratie pagina css
 ***/
#registerForm .button {
  background:       transparent url(/style/img/menu_mo.gif) no-repeat;
  color:         #fff;
  text-decoration:    none;
  width:         118px;
  height:       27px;
  padding:       6px 6px 6px 8px;
  float:        right;
}

#registerForm label {
  width:        150px;
}

#registerForm .button {
  margin-right:    137px;
  margin-top:      10px;
}

#error {  display: block; }
#error ul{ margin: 0 0 10px 10px;  }
#error ul li{display: block;  }
#error ul li label{float: none; display: block; width: auto; color: red;}