/*
@import "/css/style.css";
*/
@import "/css/user.css";

* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%; /* Required */
}

body {
  color: #000;
  font: 11px Verdana, sans-serif;
  text-align: center;
  background: #FFF;
  background-image: url(/pics/welkom_bg.jpg);
  background-repeat: repeat-x;
}

#container-page {
  margin: 0 auto;
  width: 795px;
  text-align: left;
  position: relative;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
}

#container-head {
  display: block;
  height: 372px;
/* border: dotted 3px red; */
}

#head {
  padding: 0px;
  height:147px;
  width: 100%;
  display: block;
/*  border: 2px solid #FF00FF; */
}

#languages{
  position: relative;
  top: 10px;
  left: 10px;
  height: 20px;
  width: 130px;
/*  border: 2px solid #FFFF00; */
}

#languages img {
border: 0px;
}

#logo{
  position: relative;
  top: 30px;
  left: 225px;
  height: 300px;
  width: 800px;
/*  border: 2px solid #FFD700; */
}

#hmenu {
  height:32px;
  width: 100%;
  display: block;
  margin-bottom: 15px;
}
#hmenu ul {
  float:left;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin-right: 90px;
}
#hmenu .active {
  background-color: #3F3F3F;
}
#hmenu .active a {
  color: #FFF;
}
/*
#hmenu li:hover {
  background-color: #7AB0E0;
}
*/
#hmenu li {
  float:left;
  height:32px;
  padding-right:20px;
/*  border: 1px solid green; */
  text-align: center;
  display: block;
}
#hmenu a{
  color: #FFFFFF;
  text-align: center;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  display: block;
  width:100%;
  text-decoration: none;
  text-transform: uppercase;
/*  border: 1px solid yellow; */
}

#hmenu a:hover {
/*  color: #002143;*/
  color: #7AB0E0;
  text-decoration: none;
}

/*
    <div id="hmenu">
    <ul>
      <li class="normal"><a href="/">Home</a></li>
      <li class="normal"><a href="/test.html">test</a></li>
      <li class="active"><a href="/derde.html">derde</a></li>
   </ul>
   </div>

*/




#container-content {
  padding: 0px;
}

#container-content:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}



#clearboth{
  float: none;
  clear: both;
}