* {
margin: 0;
padding: 0;
}

br.clr {
float: none;
clear: both;
}

#menu span, #reset span, #verstuur span, #btnport span{
visibility: hidden;
}

li{
list-style: none;
margin: 0;
padding: 0;
height: 15px;
}

p, #content ul{
font: normal 10px/16px Verdana;
margin: 0 0 15px 0;
}
html, body {
height: 100%;
}
body {
background: url(../images/bg.jpg) top center repeat-y #FFF;
}

h1{
font: bold 28px Georgia;
color: #FF8300;
}

h2{
font: bold 13px Georgia;
color: #ff8300;
margin: 0 0 10px 0;
}

strong{
font-weight: bold;
}

img {
border-width: 0;
}

html{ 
behavior: url(../scripts/iepngfix.htc) 
}

/*wrap*/

#wraphead{
background: url(../images/header.jpg) top center no-repeat;
margin: 0 auto;
width: 980px;
height: 156px;
position: relative;
}

#wrapcontent{
margin: 0 auto;
width: 980px;
background: url(../images/menubg.png) no-repeat;
background-position: 0 156px;
position: relative;
min-height: 100%;
height: auto !important;
height:100%; 
}

/*header*/

#header{
background: url(../images/header.jpg) top center no-repeat;
width: 100%;
height: 156px;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}

#logo{
position: absolute;
height: 96px;
width: 239px;
margin: 18px 0 0 20px;
}

#kop{
position: absolute;
display: block;
width: 480px;
height: 50px;
margin: 67px 0 0 350px;
}

#adres{
font: normal 12px/15px Georgia;
position: absolute;
margin: 25px 0 0 855px;
height: 98px;
width: 148px;
}

#adres .straat{
color: #002b3d;
}

#adres .mob{
color: #ff8300;
}

#adres .mail{
color: #7f571f;
}

#lvw{
position: absolute;
background: url(../images/lvw.jpg) no-repeat;
top: 150px;
left: 855px;
height: 13px;
width: 130px;
z-index: 1;
}
a:link#lvw, a:active#lvw, a:visited#lvw{
font: normal 10px Verdana;
color: #002b3d;
text-decoration: underline;
padding: 0 0 0 16px;
}
a:hover#lvw{
top: 151px;
text-decoration: none;
color: #000;
}

/*menu*/


#menu{
position: absolute;
top: 156px;
left: 74px;
width: 206px;
height: 167px;
}

#menu li{
width: auto;
height: 43px;
}

.btn1, .btn2, .btn3, .btn4{
background: url(../images/navbg2.jpg) no-repeat left top;
overflow: hidden;
height: 43px;
width: 206px;
display: block;
}

a.btn1 { background-position: 0 0;}
a.btn2 { background-position: 0 -43px;}
a.btn3 { background-position: 0 -86px;}
a.btn4 { background-position: 0 -129px;}

a:hover.btn1 {background-position: -418px 0;}
a:hover.btn2 {background-position: -418px -43px;}
a:hover.btn3 {background-position: -418px -86px;}
a:hover.btn4 {background-position: -418px -129px;}

a#a1 { background-position: -209px 0;}
a#a2 { background-position: -209px -43px;}
a#a3 { background-position: -209px -86px;}
a#a4 { background-position: -209px -129px;}

.submenu{
position: absolute;
z-index: 100;
top: 156px;
left: 260px;
/*margin: 156px 0 0 260px;*/
width: 208px;
background: url(../images/subbg.jpg) top left no-repeat;
display: block;
}
#p1 {
padding: 0;
background: none;
}
#p2 {
padding: 42px 0 0 0;
}
#p3 {
padding: 84px 0 0 0;
}
#p4 {
padding: 126px 0 0 0;
}

.submenu li #sub{
background: url(../images/randsub.png) top left no-repeat;
display: block;
height: 39px;
font-family: Verdana;
font-size: 10px;
color: #002b3d;
line-height: 13px;
}

.submenu li .sub1{
margin: 0 0 0 6px;
padding: 0 5px 0 54px;
}
.submenu li .sub2{
margin: 0 0 0 11px;
padding: 0 5px 0 49px;

}
.submenu li .sub3{
margin: 0 0 0 15px;
padding: 0 5px 0 45px;
}
.submenu li .sub4{
margin: 0 0 0 19px;
padding: 0 5px 0 41px;
}
.submenu li .sub5{
margin: 0 0 0 24px;
padding: 0 5px 0 36px;
}
.submenu li .sub6{
margin: 0 0 0 28px;
padding: 0 5px 0 32px;
}
.submenu li .sub7{
margin: 0 0 0 32px;
padding: 0 5px 0 28px;
}
.submenu li .sub8{
margin: 0 0 0 36px;
padding: 0 5px 0 24px;
}
.submenu li .sub9{
margin: 0 0 0 41px;
padding: 0 5px 0 20px;
}
.submenu li .sub10{
margin: 0 0 0 45px;
padding: 0 5px 0 15px;
}
.submenu li .sub11{
margin: 0 0 0 49px;
padding: 0 5px 0 11px;
}
.submenu li .sub12{
margin: 0 0 0 54px;
padding: 0 5px 0 7px;
}

.submenu li .links{
float: left;
width: 60px;
margin: 0 0 0 6px;
padding: 0 5px 0 54px;
font-weight: bold;
border-right: 1px solid #ccd5d8;
}

.submenu li .rechts{
background: #fff !important;
width: 69px;
border-bottom: 1px solid #ccd5d8;
font-weight: bold;
padding: 0 0 0 13px;
height: 25px !important;
}

a:hover.rechts, .submenu li .a-int{
background: url(../images/hoverbg.gif) top left repeat-x !important;
}

.submenu .floatleft{
float: left;
}

.submenu .float{
float: right;
}

.submenu li .img2{
padding: 0 0 0 14px;
}

#wrapcontent .submenu li .regel2{
height: 32px;
padding-top: 7px;
}

#wrapcontent .submenu li .regel1{
height: 26px;
padding-top: 13px;
}

a:hover#sub, a:active#sub{
background-position: -214px 0 !important;
}

.submenu li .a1, .submenu li .a2, .submenu li .a3, .submenu li .a4, .submenu li .a5, .submenu li .a6, .submenu li .a7, .submenu li .a8, .submenu li .a9, .submenu li .a10, .submenu li .a11, .submenu li .a12{
background-position: -214px 0 !important;
}


.submenu li{
height: 39px;
}

/*content*/

#content{
background: url(../images/contentbg.jpg) no-repeat;
background-position: -205px 153px;
float: left;
margin: 0 0 0 468px;
padding: 0 74px 0 22px;
width: 345px;
min-height: 650px; 
height: auto !important; 
height: 100%;
}
#content img{
float: left;
padding: 3px 3px 3px 3px;
}
.topheader {
margin-top: 163px !important;
}
.bottom{
margin-bottom: 25px;
}
#btnport{
background: url(../images/btnport.png) no-repeat;
display: block;
width: 134px;
height: 36px;
margin: 0 5px 0 -4px;
float: left;
}

#name, #formadres, #phone, #mail{
background: url(../images/formbg.jpg) no-repeat top left;
margin: 3px 0 3px 0;
left: 630px;
height: 24px;
width: 201px;
border: none;
float: left;
}

#textfield{
background: url(../images/textformbg.jpg) no-repeat top left;
margin: 3px 0 3px 0;
height: 94px;
width: 201px;
border: none;
float: left;
}

label{
font: bold 11px Verdana;
color: #002b3d;
display: block;
height: 24px;
width: 140px;
float: left;
margin: 3px 0 3px 0;
}

#verstuur{
border: none;
background: url(../images/verzend.png) no-repeat top left;
height: 29px;
width: 98px;
margin: 0 0 0 136px;
}

#reset{
border: none;
background: url(../images/leeg.png) no-repeat top left;
height: 29px;
width: 98px;
margin: 0 0 0 9px;
}

#map_canvas{
height: 350px;
width: 342px;
margin: 30px 0 15px 0;
}

.gmnoprint{
font: normal 10px Georgia;
}

/*h3.pagina, h3.pagina a:link, h3.pagina a:hover, h3.pagina a:visited, h3.pagina a:active{
font: normal normal normal 10px/16px Verdana;
text-align: center;
color: #000;
}

h3.pagina span, h3.pagina span a:link, h3.pagina span a:hover, h3.pagina span a:visited, h3.pagina span a:active{
color: #FF8300;
font-weight: bold;
}*/

/*a*/

a:link, a:hover, a:active, a:visited{
text-decoration: none;
border: none;
outline: none;
}