* {
margin: 0px;
padding: 0px;
}

img {
border-width: 0;
}

html>body #wrap {
height:auto;
text-align:center; 
}

body {
background-color: #D0E3ED;
}

body, html {
font: normal 12px arial, helvetica, verdana, sans-serif;letter-spacing: 1px;
margin:auto;  
text-align:center; 
}


#wrap {
border: solid 1px #227AA7;
width: 812px; 
margin:auto;  
background: url("../images/page_bg.gif") repeat-y top center #FFF;
height:100%;
min-height:100%;
text-align:left; 
clear:both; 
position:relative;
}

#wrapPopup {
border: solid 1px #227AA7;
margin:auto;  
background: #227AA7;
text-align:left; 
}
#footervervolgpagina {
background: url("../images/footer_vervolgpagina.gif") no-repeat bottom left transparent;
bottom:1px; 
height:59px; 
width:512px; 
margin-left: 0px;
text-align: left;
position:relative; 
clear:both;font-size: 11px;
text-align: left;
padding-left: 300px; padding-top: 100px;
}
#footervervolgpaginatxt {
color: #000;
text-decoration: none;
padding-top: 38px;
}
#footervervolgpagina a {
color: #E5B93D;
text-decoration: none;
margin: 0px 0px 10px 4px;
}
#footervervolgpagina a:hover {
text-decoration: underline;
}
#footer {padding-top: 100px;
background: url("../images/footer.gif") no-repeat bottom left transparent;
bottom:1px; 
height:30px; 
width:512px; 
margin-left: 0px;
text-align: left;
position:relative;  
clear:both;font-size: 11px;
padding-left: 300px;padding-bottom: 7px;
}

#footer txt {
color: #FFF;
text-decoration: none;
margin: 0px 5px; padding-bottom: 48px; border:solid 10px;
}
#footer a {
color: #E5B93D;
text-decoration: none;
margin: 0px 0px 10px 4px;
}
#footer a:hover {
text-decoration: underline;
}
#header { 
background: url("../images/otb_oppervlaktetechniek.jpg") no-repeat top left #FFF;
height:179px;
width:812px;
text-align: center;
}
h1 {
color: #6C7B83;
font-size: 20px;
margin-bottom: 8px;
margin-top: 0px;
margin-left: 3px;font-weight: bold;
}
h2 {
color: #2B7EA8;
font-size: 12px;
margin-bottom: 8px;
margin-top: 10px;margin-left: 4px;
}
h3 {
color: #2B7EA8;
font-size: 12px;
margin-bottom: 2px;
margin-top: 6px;
font-weight: bold;margin-left: 3px;
}
h4 {
color: #6C7B83;
font-size: 14px;
margin-bottom: 8px;
margin-top: 0px;
margin-left: 4px; 
}
h5 {
color: #6C7B83;
font-size: 12px;
margin-bottom: 8px;
margin-top: 10px;margin-left: 4px;
}

.boldtxt {
color: #000000;
font-size: 12px;font-weight: bold;
margin-bottom: 8px;
margin-top: 4px;margin-left: 0px;
}
.boldtxtsub {
color: #CBA230;
font-size: 11px;font-weight: bold;
margin-bottom: 0px;
margin-top: 0px;margin-left: 4px;
}
.small {
color: #000;
font-size: 9px;

}
a {font-size: 12px;color:#287DA9;font-weight: normal; text-decoration: underline;}
a:hover {font-size: 12px; color: #E5B93D; font-weight: normal; text-decoration: underline;}



a.small {font-size: 9px;color:#287DA9;font-weight: normal; text-decoration: underline;}
a.small:hover {font-size: 9px; color: #E5B93D; font-weight: normal; text-decoration: underline;}



#txt p {
margin-bottom: 12px;
padding: 4px;
border: solid 1px #D7E6EE;
background: #F6F9FB; 
}
#txtsub p {
margin-bottom: 12px;
padding: 4px;
border: solid 1px #E3B73C;
background: #F9F0D7; 
}
#txtsubHalf {
margin-bottom: 12px;margin-left: 4px;
padding: 4px;
border: solid 1px #E3B73C;
background: #F9F0D7; 
}
#txtsubHalf p{
margin-bottom: 12px;margin-left: 0px;
padding: 4px;

}
#txtNormal p {
margin-bottom: 12px;
padding: 4px;
}

.normaltable{font-size: 11px;color:#515B61;
font: normal 11px arial, helvetica, verdana, sans-serif;
margin-bottom: 12px;
border: solid 1px #D7E6EE;
background: #F6F9FB; 
font-weight: bold; width:390px; 
}
.normaltable2{font-size: 11px;color:#515B61;
font: normal 11px arial, helvetica, verdana, sans-serif;
margin-bottom: 12px;
font-weight: bold; width:390px; 
}
.sitetable{font: normal 11px arial, helvetica, verdana, sans-serif; letter-spacing: 1px;
margin-bottom: 12px;
border: solid 1px #D7E6EE;
background: #F6F9FB; 
font-weight: normal; width:390px; 
}
#content {
margin-left: 14px;
margin-top: 25px;
margin-bottom: 20px;
padding: 0px 0px 20px 0px;
width: 380px;
float: left;
font-size: 12px;
line-height: 16px;
text-align: left;
letter-spacing: 1px;
background: #FFFFFF;
float: left;overflow: hidden;
}

#content_vervolg{
margin-left: 14px;
margin-top: 25px;
margin-bottom: 20px;
padding: 0px 0px 20px 0px;
width: 410px;
float: left;
font-size: 12px;
line-height: 16px;
text-align: left;
letter-spacing: 1px;
background: #FFFFFF;float: left;overflow: hidden;
}


#contentBig{
margin-left: 14px;
margin-top: 25px;
margin-bottom: 20px;
padding: 0px 0px 20px 0px;
width: 100%;
float: left;
font-size: 12px;
line-height: 16px;
text-align: left;
letter-spacing: 1px;
background: #FFFFFF;float: left;
overflow: hidden;
}
#contentPopup{
margin-left: 2px;
margin-top: 2px;
margin-bottom: 2px;
padding:1px;
width: 100%;
float: left;
font-size: 11px;
text-align: left;
background: #FFFFFF;float: left;
}
#sitemap  {
margin-left: 4px;
margin-bottom: 20px;
padding: 4px;
border: solid 1px #D7E6EE;
background: #F6F9FB; 
}
#sitemap a {
display: block;
width: 330px;
padding:0px 0 0 0px;
color: #000;
font-weight: normal;
text-decoration: none;
}
#sitemap a:hover{
width: 330px; padding:0px 0 0 0px; color: #FABA07;
}

#sitemapsmall  {
 font-size: 10px;
 text-align: left;width: 200px;
}
#sitemapsmall  a {
font-size: 10px;
font-weight: normal;
}

#sitemapsmall a:hover{
font-size: 10px;color: #FABA07;
}
#productenlijst {
list-style: none;
}
#productenlijst  {
margin-left: 4px;
margin-bottom: 20px;
padding: 4px;
border: solid 1px #D7E6EE;
background: #F6F9FB; 
}
#productenlijst a {
line-height: 20px;
display: block;
width: 350px;
padding:0px 0 0 30px;
color: #000;
font-weight: normal;
font-size: 12px;
text-decoration: none;
background: url(../images/bg_productenlijst.gif) no-repeat top left #F6F9FB;
}
#productenlijst a:hover{
background: url(../images/bg_productenlijst_select.gif) no-repeat top left #F6F9FB;
width: 350px; padding:0px 0 0 30px; color: #FABA07;
line-height: 20px;
}
#productenlijst a#selected {
background: url(../images/bg_productenlijst_select.gif) no-repeat top left #F6F9FB;
color: #236688;font-weight: bold;
}

#productenlijstsub {
list-style: none;
}

#productenlijstsub  {
margin-left: 4px;
margin-bottom: 20px;
padding: 4px;
border: solid 1px #E4B83D;
background: #F8F0DB; 

}
#productenlijstsub a {
line-height: 18px;
display: block;
width: 350px;
padding:0px 0 0 30px;
color: #317392;
font-weight: normal;
font-size: 12px;
text-decoration: none;
background: url(../images/bg_productenlijstsub.gif) no-repeat top left #F8F0DB;
}
#productenlijstsub a:hover{
background: url(../images/bg_productenlijstsubselect.gif) no-repeat top left #F8F0DB;
width: 350px; padding:0px 0 0 30px; color: #FABA07;
line-height: 18px;
}

/* productenlijsten met 2 vakken naast elkaar*/


#productenlijstsubHalf {
list-style: none;
}

#productenlijstsubHalf  {
margin-left: 0px;
margin-bottom: 1px;
padding: 3px;
background: #F8F0DB; 
}
#productenlijstsubHalf  a {
line-height: 18px;
display: block;
width: 160px;
padding:0px 0 0 30px;
color: #317392;
font-weight: normal;
font-size: 12px;
text-decoration: none;
background: url(../images/bg_productenlijstsub.gif) no-repeat top left #F8F0DB;
}
#productenlijstsubHalf  a:hover{
background: url(../images/bg_productenlijstsubselect.gif) no-repeat top left #F8F0DB;
width: 160px; padding:0px 0 0 30px; color: #D8A209;
line-height: 18px;
}





.datatabel {
border: solid 1px #000f00;
}
#right{
margin-top: 0px;
float: right;
/*clear: all;*/
width: 180px;
padding-right: 14px;
padding-top: 50px;
}
#right_vervolg {
margin-top: 0px;
float: right;
/*clear: all;*/
width: 150px;
padding-right: 14px;
padding-top: 50px;
}
#righttop {
text-align: right;
background: #fff;
height:115px;

}
#righttop_images {
text-align: right;
background: #fff;
height:300px;

}
#rightbottom{
text-align: right;
padding:0px;
height: 170px;

}
#margin {
padding:8px;border:solid 1px;
}
#header img.none {
margin: 0;
clear: both;
float: none;
}

/*linkermenu*/
#left {
float: left;
text-align: left;
}

#leftmenu {
margin-top: 0px;
margin-left: 0px; color:#ffffff;
width: 216px;
text-align: left;
}

#menu1 {position: absolute; top: 179px; left: 15px; z-index: 1; visibility: hidden;font-size: 11px;}
#menu2 {position: absolute;  top: 179px; left: 15px; z-index: 2; visibility: hidden;font-size: 11px;}
#menu3 {position: absolute;  top: 179px; left: 15px; z-index: 3; visibility: hidden;font-size: 11px;}
#menu4 {position: absolute; top: 179px; left: 15px; z-index: 4; visibility: hidden;font-size: 11px;}
#menu5 {position: absolute;  top: 179px; left: 15px; z-index: 5; visibility: hidden;font-size: 11px;}
#menu6 {position: absolute;  top: 179px; left: 15px; z-index:6; visibility: hidden;font-size: 11px;}

#hoofdmenu {
list-style: none;
}
#hoofdmenu2 {
list-style: none;
}
#hoofdmenu a {
line-height: 29px;
display: block;
width: 187px;
height: 29px;
padding:0px 0 0 14px;
color: #000;
font-weight: normal;
font-size: 11px;
text-decoration: none;
background: url(../images/menu.gif) no-repeat top left #FFF;
}
#hoofdmenu a:hover{
background: url(../images/select_menu.gif) no-repeat top left #FFF;
width: 187px;padding:0px 0 0 14px;color: #FFF;
height: 29px;
}
#hoofdmenu a#selected {
background: url(../images/select_menu.gif) no-repeat top left #FFF;
color: #fff;
}
#hoofdmenu2 a {
line-height: 29px;
display: block;
width: 187px;
height: 29px;
padding:0px 0 0 14px;
color: #000;
font-weight: normal;
font-size: 11px;
text-decoration: none;
background: url(../images/menu.gif) no-repeat top left #FFF;
}
#hoofdmenu2 a:hover{
background: url(../images/select_menu.gif) no-repeat top left #FFF;
width: 187px;padding:0px 0 0 14px;color: #FFF;
height: 29px;
}
#hoofdmenu2 a#selected {
background: url(../images/select_menu.gif) no-repeat top left #FFF;
color: #fff;
}
/* ### SUBMENU ###*/
#submenu  {
list-style: none;
}
#submenu a {
line-height: 20px;
display: block; 
width: 177px;
padding-left:24px;
height: 20px;
font-weight: normal;
font-size: 10px;
color: #000000;
text-decoration: none;
background: url(../images/submenu.gif) no-repeat top left #FFF;
}
#submenu a:hover {
width: 177px;
padding-left:24px;
height: 20px;
color: #5095B8;
background: url(../images/select_submenu.gif) no-repeat top left #FFF;
}
#submenu a#subselected {
background: url(../images/select_submenu.gif) no-repeat top left #FFF;
width: 177px;color: #A7831F;
padding-left:24px;height: 20px;
}
/* ### EIND MENU ###*/


#contentimg {
background: #fff;
padding: 2px;
float: left;
}

.contentimg2 {
background: #fff;
margin-right: 2px;
float: left;
}


#zoek .text, #select .text, #nieuw .text {
background: #000;
width: 157px;
padding: 8px 5px 2px 10px;
color: #FFF;
margin-bottom: 8px;
}
#zoek select, #zoek input {
background: #FFF;
color: #000;
font-size: 11px;
}
#zoek select {
width: 150px;
}
#zoekveld {
width: 100px;
float: left;
margin-top: 3px;
height: 15px;
}
#zoekbutton {
margin-top: 3px;
width: 45px;
}
#nieuw {
margin-bottom: 100px;
}
#nieuw input {
width: 150px;
background: #FFF;
color: #000;
font-size: 11px;
font-weight: bold;
}
#select .text {
color: #D499A5;
line-height: 20px;
}
#select a {
color: #FFF;
text-decoration: none;
}
#paging a {
color: #000;
text-decoration: none;
padding-left: 5px;
}


#links {
width: 500px;
text-align: right;
color: #564F6F;
font-size: 12px;
line-height: 13px;
margin-top: 20px;
}
#links a {
color: #564F6F;
font-weight: bold;
}

.li2{
	font-size: 12px;
	list-style: disc outside;
	margin-bottom: 3px;margin-left: 26px;
}

.li5{
	font-size: 12px;
	list-style: disc outside;
	margin-bottom: 3px;margin-left: 22px;
}
.li06{
	font-size: 10px;
}
.li4{
	font-size: 12px;
	list-style: disc outside; margin-bottom: 3px;margin-left: 26px;
}
.li3{
	font-size: 12px;list-style: disc inside; margin-bottom: 3px;
}
ol {font-size : 12px;font-style : normal;color: Black;position: relative;
left: 22px;margin-top: 2px;margin-bottom: 4px; 
} 
.ul2 {
font-size : 12px;font-style : normal;color: Black;position: relative;left: 14px;margin-top: 0px;margin-bottom: 12px;width:395px;
} 

input, textarea, select {margin:0px; font:12px Verdana, Arial, Helvetica, sans-serif;}
.formfield {margin:0px 15px 1px 0px; width:200px; height:15px; border:solid 1px #50575A; background-color:#EAF0F3;}
.formfield2 {margin:0px 15px 1px 0px; width:200px; height:15px; border:solid 1px #50575A; background-color:#F6F4EA;}
.sendbutton {border:solid 1px #A28B56; height:17px; margin:4px 1px 0 0; background-color:#E3B73C; font-weight:bold; color:#000; width:90px;}
textarea {margin:0px 15px 0px 0px; font:12px Verdana, Arial, Helvetica, sans-serif;width:200px; height:90px;border:solid 1px #50575A;background-color:#EAF0F3;}
.textareaSmall{margin:0px; font:11px Verdana, Arial, Helvetica, sans-serif;width:340px; height:50px;border:solid 1px #50575A;background-color:#D1E3ED;}

.select {
width:200px;
border-top: 1px solid #50575A;
border-left: 1px solid #50575A;
border-bottom: 1px solid #50575A;
border-right: 1px solid #50575A;
display: inline; font-size:11px;
}