/* CSS Document */
html {
overflow-y: scroll;   /* this will allways display the scrollbar */
}

* { margin: 0; padding: 0; }
body { width: 100%; text-align: center; color: #353535; font-family: arial; font-size: 12px; background-image:url(../images/bg.jpg); background-repeat:no-repeat; background-position: 0% 0%;}
img { border: none; }

p { text-align: justify; margin-top: 5px; line-height: 20px; }
.clearall { clear: left; width: 100%; }
.row { width: 100%; float: left; display: inline; }


h1, h2 {
color:#000066;
font-size:16px;
margin: 5px 0px 5px 0px;
}

h5 {
color:#000066;
font-size:14px;
}


#page { width: 989px; margin-left: auto; margin-right: auto; margin-top:15px; text-align: left; }

.mainFrame {background-image:url(../images/main_frame.png);background-repeat:no-repeat;background-position: 0% 0%;width:989px;height: 654px;padding:11px 14px 0px 14px;}
.topHolder {width:961px;height: 184px;background-color: #e2ecf6;}
.CTInfo {background-image:url(../images/content_topbar.jpg);background-repeat:no-repeat;background-position: 0% 0%;width:765px;height: 32px;}
.breadcrumb {float:left;color: #1d4b79; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 14px;padding:5px 10px 0px 20px;}
.phoneholder {float:right;color: #1d4b79; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 16px;padding:5px 10px 0px 0px;}
.separator { clear:both; width:959px;height: 10px;background-color: #e2ecf6;}
.smallSep { clear:both; width:158px;height: 10px;background-color: #e2ecf6;}
.clear {clear:both;}
.mainContainer { width:959px; height:410px;background-color: #e2ecf6;}
.LeftContainer {float:left;width:158px;height: 100%;margin-right: 10px;margin-left: 10px;}
.RightContainer {float:left;width:781px;height: 100%;}
.ClearContent { width:770px; height:360px;padding:5px;overflow: auto;}

.productsHolder img {margin:4px;border:solid 1px #03294e;}

.LPTop {width:100%;height: 5px;background-image:url(../images/menus_top.jpg);background-repeat:no-repeat;background-position: 0% 0%;}
.LPBottom {width:100%;height: 5px;background-image:url(../images/menus_bottom.jpg);background-repeat:no-repeat;background-position: 0% 0%;}
.LPHeader {	width:100%;	background-color: #c5def6;	color: #03294e; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 16px;text-align:center;}

.LPContentVideo {width:148px;height:100px;background-color: #c5def6;color: #03294e; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size: 11px;text-align: left;padding:5px;overflow: auto;}

.LPContentNews {width:148px;height:130px;background-color: #c5def6;color: #03294e; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size: 11px;text-align: left;padding:5px;overflow: auto;}



.LPContent {width:148px;background-color: #c5def6;color: #03294e; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size: 12px;text-align: left;padding:5px;overflow: auto;}


.tinputs {width:145px;	margin:2px 0px 2px 0px;	border:solid 1px #03294e;color: #03294e;font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size: 12px;}
.tarea {width:145px;height:50px;margin:2px 0px 2px 0px;border:solid 1px #03294e;color: #03294e;font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size: 12px;overflow: auto;}

.tinputs_contact_form {width:200px;	margin:2px 0px 2px 0px;	border:solid 1px #03294e;color: #03294e;font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size: 12px;}
.tarea_contact_form {width:200px;height:100px;margin:2px 0px 2px 0px;border:solid 1px #03294e;color: #03294e;font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size: 12px;overflow: auto;}



.tbtns {margin:5px 0px 2px 0px;border:0px;float:right;}
#map           {width:360px;height: 350px;float:right;margin:0px 10px 0px 5px;border:solid 1px #03294e;}


#address_box  {width:360px;height: 350px;float:right;margin:0px 10px 0px 5px; text-align:right; font-size:16px;}


#contactForm {width:370px;height: 300px;float:left;margin:0px 10px 0px 5px;}
#dealer_worden {width:370px;height: 450px;float:right;margin:0px 10px 0px 5px;border:solid 0px #03294e;}



.CFLeft {width:90px;float:left;color: #03294e; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 13px;text-align:right;padding:5px;}
.CFRight {width:260px;float:left;text-align:left;padding-left:10px;padding:5px;}



#page .table_with_links a{
color:#000066;
font-size:13px;
 }

#page .table_with_links a:hover{
color:#000066;
font-size:13px;
 }
 
#page .table_with_links a:visited{
color:#000066;
font-size:13px;
 }


 
 


#page .menu1 { width: 100%; float: left; display: inline; height: 30px; color: #FFF; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 16px; }

.menu1 .lc { width: 18px; float: left; display: inline; height: 30px; background: url(../images/m1.gif); }
.menu1 .last { width: 23px; height: 30px; float: left; display: inline; background: url(../images/last.gif) ; }
.menu1 .seperator { width: 2px; height: 30px; float: left; display: inline; background: url(../images/seperator.gif) no-repeat;}

.menu1 .home { width: 100px; height: 30px; float: left; text-align: center; }
.menu1 .home a { display: block; width: 100px; background: url(../images/menuline.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }
.menu1 .home a:hover { display: block; width: 100px; background: url(../images/menuline3.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }
.menu1 .home a.selected { display: block; width: 100px; background: url(../images/menuline2.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }

.menu1 .water_application { width: 190px; height: 30px; float: left; text-align: center; }
.menu1 .water_application a { display: block; width: 190px; background: url(../images/menuline.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }
.menu1 .water_application a:hover { display: block; width: 190px; background: url(../images/menuline3.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }
.menu1 .water_application a.selected { display: block; width: 190px; background: url(../images/menuline2.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }

.menu1 .company_application { width: 240px; height: 30px; float: left; text-align: center; }
.menu1 .company_application a { display: block; width: 240px; background: url(../images/menuline.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }
.menu1 .company_application a:hover { display: block; width: 240px; background: url(../images/menuline3.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }
.menu1 .company_application a.selected { display: block; width: 240px; background: url(../images/menuline2.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }

.menu1 .rapporten { width: 120px; height: 30px; float: left; text-align: center; }
.menu1 .rapporten a { display: block; width: 120px; background: url(../images/menuline.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }
.menu1 .rapporten a:hover { display: block; width: 120px; background: url(../images/menuline3.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }
.menu1 .rapporten a.selected { display: block; width: 120px; background: url(../images/menuline2.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }

.menu1 .faq { width: 130px; height: 30px; float: left; text-align: center; }
.menu1 .faq a { display: block; width: 130px; background: url(../images/menuline.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }
.menu1 .faq a:hover { display: block; width: 130px; background: url(../images/menuline3.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }
.menu1 .faq a.selected { display: block; width: 130px; background: url(../images/menuline2.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }

.menu1 .contact { width: 130px; height: 30px; float: left; text-align: center; }
.menu1 .contact a { display: block; width: 130px; background: url(../images/menuline.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }
.menu1 .contact a:hover { display: block; width: 130px; background: url(../images/menuline3.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }
.menu1 .contact a.selected { display: block; width: 130px; background: url(../images/menuline2.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }



#page .menu2 { width: 100%; float: left; display: inline; height: 30px; color: #FFF; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 16px; }

.menu2 .lc { width: 18px; float: left; display: inline; height: 30px; background: url(../images/m1.gif); }
.menu2 .last { width: 23px; height: 30px; float: left; display: inline; background: url(../images/last.gif) ; }
.menu2 .seperator { width: 2px; height: 30px; float: left; display: inline; background: url(../images/seperator.gif) no-repeat;}

.menu2 .home { width: 100px; height: 30px; float: left; text-align: center; }
.menu2 .home a { display: block; width: 100px; background: url(../images/menuline.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }
.menu2 .home a:hover { display: block; width: 100px; background: url(../images/menuline3.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }
.menu2 .home a.selected { display: block; width: 100px; background: url(../images/menuline2.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }

.menu2 .cat1 { width: 190px; height: 30px; float: left; text-align: center; }
.menu2 .cat1 a { display: block; width: 190px; background: url(../images/menuline.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }
.menu2 .cat1 a:hover { display: block; width: 190px; background: url(../images/menuline3.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }
.menu2 .cat1 a.selected { display: block; width: 190px; background: url(../images/menuline2.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }

.menu2 .cat2 { width: 170px; height: 30px; float: left; text-align: center; }
.menu2 .cat2 a { display: block; width: 170px; background: url(../images/menuline.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }
.menu2 .cat2 a:hover { display: block; width: 170px; background: url(../images/menuline3.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }
.menu2 .cat2 a.selected { display: block; width: 170px; background: url(../images/menuline2.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }

.menu2 .cat3 { width: 190px; height: 30px; float: left; text-align: center; }
.menu2 .cat3 a { display: block; width: 190px; background: url(../images/menuline.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }
.menu2 .cat3 a:hover { display: block; width: 190px; background: url(../images/menuline3.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }
.menu2 .cat3 a.selected { display: block; width: 190px; background: url(../images/menuline2.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }

.menu2 .cat4 { width: 130px; height: 30px; float: left; text-align: center; }
.menu2 .cat4 a { display: block; width: 130px; background: url(../images/menuline.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }
.menu2 .cat4 a:hover { display: block; width: 130px; background: url(../images/menuline3.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }
.menu2 .cat4 a.selected { display: block; width: 130px; background: url(../images/menuline2.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }

.menu2 .cat5 { width: 130px; height: 30px; float: left; text-align: center; }
.menu2 .cat5 a { display: block; width: 130px; background: url(../images/menuline.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }
.menu2 .cat5 a:hover { display: block; width: 130px; background: url(../images/menuline3.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }
.menu2 .cat5 a.selected { display: block; width: 130px; background: url(../images/menuline2.gif); height: 30px; line-height: 29px; color: #FFF; text-decoration: none; }


#ontharding_content{
	width: 755px;
}

#ontharding_content p{
text-align: left;
}

#ontharding_content ul{
list-style: circle;
margin: 10px 0px 10px 10px;
}

#ontharding_content li{
margin: 4px 0px 4px 15px;
}

#ontharding_left{
	width: 280px;
	float: left;
}
#ontharding_afbeeldingen{
	width: 185px;
	float: left;
}

#ontharding_afbeeldingen img{
	margin: 5px 0px 5px 0px;
}

#ontharding_right{
	width: 280px;
	float: right;
}


#page .footer{  width:989px; height:auto; color: #000099;  }
.fLeft { float:left;padding-left:10px; }
.fRight { float:right;padding-right:10px; }
.fValidators {clear:both;padding-top:5px;padding-left:10px;}
.footer a {color: #000099;}


#menulink {
	width: 145px;
	margin-top: 10px;
	margin-left: 0px;
	background-color: #c5def6;
	float: left;
	display: inline;
}

#menulink ul {
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
	display: block;
}

#menulink li {
	display: inline;
}

#menulink1 ul {
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
	display: block;
}

.maimtec_content ul{
list-style: circle;
margin: 10px 0px 10px 10px;
}

.maimtec_content li{
margin: 4px 0px 4px 15px;
}

#menulink1 li {
	display: inline;
}

#menulink a{
	background-image: url(../images/left_menu_button.png);
	background-repeat: no-repeat;
	display: block;
	float: left;
	width: 130px;
	height: 23px;
	margin-top: 0px;
	margin-left: 0px;
	background-color: #c5def6;
	padding-top: 5px;
	padding-left: 20px;
	font-family:Tahoma, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
text-decoration: none;
}



#menulink a:hover{
	background-image: url(../images/left_menu_button_hover.png);
	text-decoration: none;
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:11px;
	color:#f58400;
	font-weight:bold;
}
#menulink .active a {
	background-image: uurl(../images/left_menu_button_hover.png);
}


img.floatLeft { float: left; padding-right: 20px;  }
img.floatRight { float: right; padding-left:20px;  }
img.floatCenter {    display:block; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px; }


table.some_padding td{
padding: 5px;
}


table.padding_10 td{
padding: 10px;
}

table.padding_20 td{
padding: 20px;
}



