/* ################################################## */
/*  Made by: www.DIRECT BASING.com                    */
/*  Semantisch correcte xHTML Basing                  */
/* ################################################## */

/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #222222; height: 100%; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #222222; }
body { background: #fff; background: url(../images/bg.png) repeat-x 0 125px; }
img { border: 0px; display: block; }
a, input { color: #243664; outline: none; }
a:hover{ color: #243664} 
a:selected{ color: #243664} 

/* ### global classes ### */
.clear { clear: both; height: 0; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { width: 100%; padding-bottom: 220px; }

	/* ### header container ### */
	#headerCntr { position: relative; width: 980px; height: 126px; margin: 0 auto; }
	#headerCntr a.logo { position: absolute; top: 20px; left: 0; display: block; width: 264px; height: 84px; text-indent: -9999px; background: url(../images/logo.png) no-repeat; }
	#headerCntr a.logo:hover { background-position: 0 -84px; }
	
		/* ### menu box ### */
		.menuBox { position: absolute; top: 85px; right: 0px; }
		.menuBox ul { list-style: none; }

		.menuBox li.home { float: left; font-family: "Century Gothic"; font-size: 14px; text-transform: uppercase; }
		.menuBox li.home a { display: block; width: 62px; height: 27px; line-height: 27px; text-align: center; color: #243664; text-decoration: none; }
		.menuBox li.home a:hover , .menuBox li.home .active  { background: url(../images/mouse_over_home.png) no-repeat; color: #fff; }

		.menuBox li.omlo { float: left; font-family: "Century Gothic"; font-size: 14px; text-transform: uppercase; }
		.menuBox li.omlo a { display: block; width: 104px; height: 27px; line-height: 27px; text-align: center; color: #243664; text-decoration: none; }
		.menuBox li.omlo a:hover , .menuBox li.omlo .active { background: url(../images/mouse_over_peter-omlo.png) no-repeat; color: #fff; }

		.menuBox li.diensten { float: left; font-family: "Century Gothic"; font-size: 14px; text-transform: uppercase; }
		.menuBox li.diensten a { display: block; width: 82px; height: 27px; line-height: 27px; text-align: center; color: #243664; text-decoration: none; }
		.menuBox li.diensten a:hover , .menuBox li.diensten .active  { background: url(../images/mouse_over_diensten.png) no-repeat; color: #fff; }

		.menuBox li.garantie { float: left; font-family: "Century Gothic"; font-size: 14px; text-transform: uppercase; }
		.menuBox li.garantie a { display: block; width: 88px; height: 27px; line-height: 27px; text-align: center; color: #243664; text-decoration: none; }
		.menuBox li.garantie a:hover , .menuBox li.garantie .active  { background: url(../images/mouse_over_garantie.png) no-repeat; color: #fff; }

		.menuBox li.contact { float: left; font-family: "Century Gothic"; font-size: 14px; text-transform: uppercase; }
		.menuBox li.contact a { display: block; width: 88px; height: 27px; line-height: 27px; text-align: center; color: #243664; text-decoration: none; }
		.menuBox li.contact a:hover , .menuBox li.contact .active { background: url(../images/mouse_over_contact.png) no-repeat; color: #fff; }
	
	/* ### banner container ### */
	#bannerCntr { overflow: hidden; width: 100%; height: 539px; position: relative; }
	#bannerCntr li .overlay { position: absolute; top: 0; left: 50%; z-index: 100; margin-left: -960px; img: }
	#bannerCntr li .img { position: absolute; top: 0; left: 50%; z-index: 99; margin-left: -960px; }
	#bannerCntr ul { list-style: none; height: 539px; width: 100%; }
	#bannerCntr li { height: 539px; min-width: 100%; width: auto!important; width: 100%;  }
	#bannerCntr li h3 { text-align: center; width: 100%; font-size: 36px; color: #fff; font-weight: normal; position: absolute; top: 420px; left: 0; z-index: 200; font-family: "Century Gothic"; }
	#bannerCntr div.nav { position: absolute; bottom: 10px; left: 50%; z-index: 500; margin-left: -50px; }
	#bannerCntr div.nav a { float: left; width: 10px; height: 9px; text-indent: -9999px; background: url(../images/paging.png) no-repeat; margin-left: 5px; }
	#bannerCntr div.nav a.activeSlide { background-position: 0 -9px; }

	/* ### content container ### */
	#contentCntr { overflow: hidden; width: 980px; padding-top: 30px; margin: 0 auto; }
	
		/* ### left container ### */
		#leftCntr { float: left; width: 670px; }
		
			/* ### text ### */
			.textBox { width: 565px; }
			.textBox h3 { color: #243664; font-size: 24px; font-weight: normal; padding-bottom: 25px; font-family: "Century Gothic"; }
			.textBox p { color: #222222; line-height: 18px; font-family: Verdana; padding-bottom: 20px; }
			
			/* ### tekst dienstenpagina ### */
			.diensten{ min-height: 200px }
			.image { position: relative; float: left; margin-right: 15px;}
			
		
		/* ### right container ### */
		#rightCntr { float: right; width: 280px; }
		
			/* ### logo box ### */
			.logoBox { overflow: hidden; }
			.logoBox ul { list-style: none; }
			.logoBox li { text-align: center; overflow: hidden; padding-bottom: 15px; }
			.logoBox li:first-child { padding-bottom: 50px; }
			.logoBox li img { display: inline; margin: 0 7px; }
	
	/* ### footer container ### */
	#footerCntr { overflow: hidden; width: 100%; background: url(../images/footer_bg.png) repeat-x; position: absolute; bottom: 0; left: 0; }
	#footerCntr .center { width: 980px; margin: 0 auto; height: 170px; background: url(../images/footer_center.png) no-repeat; padding-top: 40px; }
	#footerCntr .contact { float: left; width: 740px; }
	#footerCntr h3 { color: #fff; font-size: 24px; font-weight: normal; padding-bottom: 25px; font-family: "Century Gothic"; }
	#footerCntr address { float: left; padding-right: 20px; line-height: 18px; font-family: Verdana; color: #fff; font-style: normal; }
	#footerCntr address a { color: #fff; }
	#footerCntr address a:hover { text-decoration: none; }
	#footerCntr .addthis { float: left; padding-top: 45px; }

.button { width: 129px; text-align: center; background:#243664; color:#FFF;  }