/* CSS De Gier Verhuizingen */
body, html{
 margin: 0;
 padding: 0;
 background: #fff;
 font-family: "Trebuchet MS", sans-serif;
}
h1{
 display: none;
}
div{
 margin: 0px;
 padding: 0px
}
a,
img{
 outline: none;
 padding: 0px;
 margin: 0px;
 border: none;
}
div#header {
 float: left;
 width: 100%;
 height: 251px;
 padding: 0px;
 margin: 0px;
 background: url(images/headerbg.jpg) repeat-x;
}
div#wrapper_header{
 margin: auto;
 text-align: left;
 width: 701px;
 height: 100%;
 padding: 0 10px 0 10px;
}
div#top{
 float: left;
 height: 41px;
 width: 100%;
}
div#top ul{
 float: right;
 margin:  0px;
 padding: 10px 0 0 0;
}
div#top ul li{
 list-style: none;
 float: left;
 padding-left: 23px;
  cursor: pointer;
}
div#company{
 float: left;
 height: 156px;
 width: 100%;
}
div#company div#logo{
 float: left;
 height: 136px;
 width: 201px;
 padding-top: 20px;
}
div#company div#erkend{
 float: left;
 height: 58px;
 width: 106px;
 padding: 20px 0 0 394px;
}
div#company div#slogan{
 float: left;
 height: 50px;
 width: 428px;
 padding: 28px 0 0 72px;
}
div#menu{
 float: left;
 height: 54px;
 width: 100%;
 background:url(images/menubg.jpg) no-repeat;
}
div#menu ul {
 margin:0px;
 padding:0px 0px 0px 40px;
}
div#menu li {
 display:block;
 float:left;
 font-size: 16px;
 line-height: 54px;
 list-style-image:none;
 list-style-type:none;
 padding:0px 25px 0px 0px;
}
div#menu li a {
 color:#FFFFFF;
 font-weight: bold;
 text-decoration:none;
 text-transform:uppercase;
}
body.home div#menu li.home a,
body.nieuws div#menu li.nieuws a,
body.bodyactus div#menu li.nieuws a,
body.diensten div#menu li.diensten a,
body.vloot div#menu li.vloot a,
body.geschiedenis div#menu li.geschiedenis a,
body.klanten div#menu li.klanten a,
body.contact div#menu li.contact a,
div#menu li a:hover {
 border-bottom:3px solid #008000;
}
div#content{
 float: left;
 width: 100%;
 height: 100%;
 padding: 0px;
 margin: 0px;
}
div#wrapper_content{
 margin: auto;
 text-align: left;
 height: 100%;
 width: 701px;
}
body.home div#wrapper_content div#submenu,
body.contact div#wrapper_content div#submenu,
body.vloot div#wrapper_content div#submenu,
body.geschiedenis div#wrapper_content div#submenu,
body.klanten div#wrapper_content div#submenu,
body.bodyactus div#wrapper_content div#submenu,
body.nieuws div#wrapper_content div#submenu{
 display: none;
}
div#wrapper_content div#submenu{
 float: left;
 width: 199px;
 padding-top: 15px;
 margin-right: 36px;
 font-size: 11px; 
}
div#wrapper_content div#submenu ul{
 margin: 0px;
 padding: 0px;
}
div#wrapper_content div#submenu ul li{
 padding-bottom: 5px;
 display: block;
 height: 16px;
 }
div#wrapper_content div#submenu ul li a{
 padding-left: 20px;
 background: url(images/arrowb.gif) no-repeat;
 background-position: 0px 3px;
 text-decoration: none;
 color: #3f3f3f; 
}
div#wrapper_content div#submenu ul li a:hover{
 padding-left: 20px;
 background: url(images/arrowg.gif) no-repeat;
 background-position: 0px 3px;
 border-bottom: 1px solid #ffbf00;
 color: #ffbf00;
}
div#wrapper_content div#inter{
 float: left;
 width: 465px;
 height: 100%;
 padding-top: 10px;
 color: #3f3f3f;
 font-size: 11px;
}
div#wrapper_content div#inter h2{
 width: 465px;
 border-bottom: 1px solid #c1c1c1;
 color: #ffbf00;
 font-size: 20px;
 padding: 2px 0px 3px 0px;
 margin: 0px;
}

div#wrapper_content div#inter img{
border: 4px solid #d1d1d1;
float: left;
margin: 6px;
}
div#wrapper_content div#inter img.home{
 border: 4px solid #d1d1d1;
 width: 442px;
 height: 132px;
 padding: 0px;
 margin: 6px 7px 6px 7px;
 float: left;
}
div#wrapper_content div#inter p{
 font-size: 11px;
 padding: 3px 0px 3px 0px;
 margin: 0px;
 clear: left;
}
div#wrapper_content div#inter ul{
padding:0px;
margin: 10px 0px 10px 25px;
list-style-type: circle;
}
div#wrapper_content div#inter ul li{
 font-size: 11px;
 color: #3f3f3f;
 padding-left: 10px;
}

div#wrapper_content div#inter a{
 font-size: 11px;
 color: #ffbf00;
 text-decoration: none;
}
div#wrapper_content div#inter a:hover{
 text-decoration: underline;
}
div#wrapper_content div#right{
 width: 199px;
 height: 174px;
 float: left;
 background:url(images/nieuwsbg.jpg) no-repeat;
 padding: 0px 0 0 0px;
 margin: 15px 0 0 37px;
 color: #3f3f3f;
}
div#wrapper_content div#right h3{
 font-size: 13px;
 padding: 12px 0 0 30px;
 margin: 0px;
 background: url(images/nieuwsitem.jpg) no-repeat;
 background-position: 14px 15px;
}
div#wrapper_content div#right p{
 font-size: 11px;
 padding: 15px 0px 0px 15px;
 margin: 0px;
}
div#wrapper_content div#right a{
 color: #3f3f3f;
 text-decoration: none;
 padding: 15px 0 0 15px;
 margin: 0px;
 font-size: 11px;
}
div#wrapper_content div#right a:hover{
 text-decoration: underline;
}
div#footer{
 float: left;
 width: 100%;
 height: 40px;
 margin-top: 5px;
}
div#footer div#wrapper_footer{
 margin: auto;
 text-align: left;
 width: 701px;
 border-top: 1px solid #c1c1c1;
 color: #3f3f3f;
 }
div#footer div#wrapper_footer p{
 margin: 0px;
 padding: 2px 0px 0px 0px;
 font-size: 11px;
}
div#footer div#wrapper_footer a{
 font-size: 11px;
 color: #ffbf00;
 text-decoration: none;
}
div#footer div#wrapper_footer a:hover{
 text-decoration: underline;
}