@charset "UTF-8";
/* CSS Document */

html { width: 100%; height: 100%; }

body { width: 100%; height: 100%; padding: 0px; margin: 0px; background: #2a3c7a; font: normal 11px Verdana, Arial, Helvetica, sans-serif; }

.clearer { clear: both; }


#container {
	width: 872px;
	margin: auto;
	position: relative;
	min-height: 100%;
	background-image:url(../images/content-back.gif);
	background-repeat:repeat-y;
	}
	
* html #container {
	height: 100%;
	}
	
#links-lblauw {
	background-image:url(../images/links-top.gif);
	background-repeat: no-repeat;
	background-color: #909bc8;
	float: left;
	width: 73px;
	}
	
#links-lblauw img {
	margin-top: 255px;
	}
		
#header {
	float: left;
	}
	
#links {
	width: 233px;
	height: 100%;
	background: #fff;
	float: left;
	}
	
#links p {
	padding: 5px;
	color: #3D5497;
	font-size: 10px;
	}
	
#links ul {
	color: #3D5497;
	list-style: none;
	padding:5px;
	line-height: 18px;
	}

#links ul a {
	color: #3D5497;
	text-decoration: underline;
	}
	
#links ul li.bruin {
	color: #938159;
	}

#links ul li.bruin a {
	color: #938159;
	text-decoration: underline;
	}
	
#rechts {
	width: 566px;
	background-color: #fff;
	float: left;
	}
	
#rechts #balkje {
	height: 70px;
	width: 566px;
	background-color: #3d5597;
	background-image:url(../images/menu-balkje-onder.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	}
	
#footer {
	position: absolute;
	bottom: 0;
	}

	
/* ----------------------------------------- CONTENT ----------------------------------------- */
	
	
#rechts #content {
	width: 512px;
	height:auto;
	margin-top: 13px;
	background-color: #e9ebf4;
	padding: 70px 20px 30px 20px;
	}
	
#content h1 {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #3d5597;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
	}

#content h2 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #3d5597;
	margin: 0px;
	padding: 0px;
	}
	
#content p {
	}	
	
#content a {
	color: #3d5597;
	text-decoration: none;
	}
	
#content #bruin {
	background: #938159;
	margin: 0px -20px;
	padding: 5px 20px;
	color: #fff;
	}

#content #bruin a {
	color: #000;
	}
	
#content #bruin ul li {
	list-style:square;
	line-height: 20px;
	}
	
#content #blauw {
	background: #909BC8;
	margin: 0px -20px;
	padding: 5px 20px;
	color: #fff;
	}
	
	#content #blauw1 {
	background: #909BC8;
	margin: 0px -20px;
	padding: 5px 20px;
	color: #fff;
	height: 266px;
	}
		
	#content #blauw2 {
	background: #909BC8;
	margin: 0px -20px;
	padding: 5px 20px;
	color: #fff;
	height: 206px;
	}
	
#plaatjec {
	align: middle;
	}
	
.bodykop a {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #2A3C7A;
	text-decoration:underline;
	}
	
#blauw table.product {
	float: left;
	margin-left: 7px;
	margin-right: 7px;
	margin-bottom: 15px;
	width: 155px;
	}
	
#blauw table.product .titel {
	background: #938159;
	border: 1px solid #fff;
	width: 142px;
	height: 30px;
	padding-left: 8px;
	vertical-align: middle;
	line-height:13px;
	}		
	
.bodykop {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #3d5597;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
	}	
	
input {
color: #000000;
font-size: 10px;
font-family: Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
font-style: normal;
font-weight: normal;
background-color: #d1b77e;
width: 100%;
border-top-style: none;
border-right-style-value: none;
border-bottom-style: dotted;
border-left-style-value: none;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-top-width: medium;
border-right-width-value: medium;
border-bottom-width: 1px;
border-left-width-value: medium;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-top-color: #ffffff;
border-right-color-value: #ffffff;
border-bottom-color: #ffffff;
border-left-color-value: #ffffff;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
}

textarea {
color: #000000;
font-size: 10px;
font-family: Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
font-style: normal;
font-weight: normal;
background-color: #d1b77e;
width: 100%;
border-top-width: 1px;
border-right-width-value: 1px;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-bottom-width: 1px;
border-left-width-value: 1px;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-top-style: dotted;
border-right-style-value: dotted;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-bottom-style: dotted;
border-left-style-value: dotted;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-top-color: -moz-use-text-color;
border-right-color-value: -moz-use-text-color;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-bottom-color: -moz-use-text-color;
border-left-color-value: -moz-use-text-color;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
}

.bodyzwart ul li {
	list-style-image: url("../images/opsom.gif");
	}



	
/* ----------------------------------------- OVERLAY ----------------------------------------- */

#overlay {
	position: absolute;
	z-index: 1;
	width: 799px;
	height: 243px;
	display:block;
	top: 0px;
	left: 50%;
	margin-left: -363px;
	}
	
* > #overlay {
	background:url(../images/header-overlay.png) no-repeat;
	}
	
#menu-top {
	height: 65px;
	width: 543px;
	margin-top: 53px;
	margin-left: 243px;
	}
	
		ul#nav1 {
			margin: 0px;
			padding: 0px 0px 0px 0px;
			}
			
		ul#nav1 li {
			float: left;
			list-style: none;
			margin: 0px;
			padding: 0px;
			}
			
		ul#nav2 {
			margin: 0px;
			padding: 4px 0px 0px 0px;
			}
			
		ul#nav2 li {
			float: left;
			list-style: none;
			margin: 0px;
			padding: 0px;
			}
			
		li.tandwielen a {
			width: 76px;
			height: 18px;
			background:url(../images/menu/tandwielen.gif) no-repeat;
			padding: 12px 0px 0px 8px;
			font: normal 10px Arial, Helvetica, sans-serif;
			color: #fff;
			text-decoration: none;
			display: block;
			}
			
		li.tandwielen a:hover, li.tandwielen a.over {
			background:url(../images/menu/tandwielen-r.gif);
			}
			
		li.tandwielkasten a {
			width: 102px;
			height: 18px;
			background:url(../images/menu/tandwielkasten.gif);
			padding: 12px 0px 0px 8px;
			font: normal 10px Arial, Helvetica, sans-serif;
			color: #fff;
			text-decoration: none;
			display: block;
			}
			
		li.tandwielkasten a:hover, li.tandwielkasten a.over {
			background:url(../images/menu/tandwielkasten-r.gif);
			}
			
		li.tandheugels a {
			width: 84px;
			height: 18px;
			background:url(../images/menu/tandheugels.gif);
			padding: 12px 0px 0px 8px;
			font: normal 10px Arial, Helvetica, sans-serif;
			color: #fff;
			text-decoration: none;
			display: block;
			}
			
		li.tandheugels a:hover, li.tandheugels a.over {
			background:url(../images/menu/tandheugels-r.gif);
			}			
			
		li.wormwielen a {
			width: 82px;
			height: 18px;
			background:url(../images/menu/wormwielen.gif);
			padding: 12px 0px 0px 8px;
			font: normal 10px Arial, Helvetica, sans-serif;
			color: #fff;
			text-decoration: none;
			display: block;
			}
			
		li.wormwielen a:hover, li.wormwielen a.over {
			background:url(../images/menu/wormwielen-r.gif);
			}
			
		li.verspanende a {
			width: 166px;
			height: 22px;
			background: url(../images/menu/verspanende.gif);
			padding: 7px 0px 0px 8px;
			font: normal 10px Arial, Helvetica, sans-serif;
			color: #fff;
			text-decoration: none;
			display: block;
			}
			
		li.verspanende a:hover, li.verspanende a.over {
			background:url(../images/menu/verspanende-r.gif);
			}
			
		li.spline a {
			width: 158px;
			height: 18px;
			background: url(../images/menu/spline.gif);
			padding: 12px 0px 0px 8px;
			font: normal 10px Arial, Helvetica, sans-serif;
			color: #fff;
			text-decoration: none;
			display: block;
			}
			
		li.spline a:hover, li.spline a.over {
			background:url(../images/menu/spline-r.gif);
			}
		
		li.lieren a {
			width: 45px;
			height: 22px;
			background: url(../images/menu/lieren.gif);
			padding: 7px 0px 0px 8px;
			font: normal 10px Arial, Helvetica, sans-serif;
			color: #fff;
			text-decoration: none;
			display: block;
			}
			
		li.lieren a:hover, li.lieren a.over {
			background:url(../images/menu/lieren-r.gif);
			}
			
		li.revisies a {
			width: 142px;
			height: 22px;
			background: url(../images/menu/reparaties.gif);
			padding: 7px 0px 0px 8px;
			font: normal 10px Arial, Helvetica, sans-serif;
			color: #fff;
			text-decoration: none;
			display: block;
			}
			
		li.revisies a:hover, li.revisies a.over {
			background:url(../images/menu/reparatie-r.gif);
			}
			
		li.laswerk a {
			width: 157px;
			height: 22px;
			background: url(../images/menu/contructiewerk.gif);
			padding: 7px 0px 0px 8px;
			font: normal 10px Arial, Helvetica, sans-serif;
			color: #fff;
			text-decoration: none;
			display: block;
			}
			
		li.laswerk a:hover, li.laswerk a.over {
			background:url(../images/menu/constructiewerk-r.gif);
			}
			
#menu-links {
	height: 34px;
	width:auto;
	margin-top: 91px;
	margin-left: 36px;
	}
	
		ul#nav-links {
			padding: 0px;
			margin: 0px;
			}
		
		ul#nav-links li {
			list-style: none;
			float: left;
			}
		
		ul#nav-links li.links a {
			background:url(../images/menu-links/menu-links-l.jpg) no-repeat;
			padding: 13px 7px;
			display: block;
			}
			
		ul#nav-links li.links a:hover, ul#nav-links li.links a.over {
			background:url(../images/menu-links/menu-links-l.jpg) no-repeat;
			}
		
		ul#nav-links li.rechts a {
			background:url(../images/menu-links/menu-links-r.jpg) no-repeat;
			padding: 13px 5px;
			display: block;
			}
			
		ul#nav-links li.rechts a:hover, ul#nav-links li.rechts a.over {
			background:url(../images/menu-links/menu-links-r.jpg) no-repeat;
			}
		
		ul#nav-links li a, ul#nav-links li.leeg a {
			font: bold 10px Arial, Helvetica, sans-serif;
			text-decoration: none;
			color: #938159;
			padding: 13px 3px;
			background:url(../images/menu-links/menu-links-back.jpg) repeat-x;
			display: block;
			}

		ul#nav-links li a:hover, ul#nav-links li a.over {
			color: #2A3C7A;
			background:url(../images/menu-links/menu-links-back-over.jpg) repeat-x;
			}
			
		ul#nav-links li.leeg a:hover, ul#nav-links li.leeg a.over {
			background:url(../images/menu-links/menu-links-back.jpg) repeat-x;
			}

/* ----------------------------------------- OVERLAY 2 ----------------------------------------- */

#overlay2 {
	position: absolute;
	z-index: 2;
	top: 108px;
	left: 50%;
	margin-left: -150px;
	}