/* ################################################## */
/*  MADE BY: WWW.POELMANAUTOMATISERING.NL             */
/*  MARIJN POELMAN                                    */
/* ################################################## */

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Georgia; font-size: 13px; color: #5a5b53; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #002953; }
html { background: #19782c; }
body { background: url('../images/bodyBg.gif') #fff repeat-x; }
img { border: 0px; display: block; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; height: 1px; }

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

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 1000px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 1000px; height: 379px; background: url('../images/headerBg.png') no-repeat; }
	#headerCntr h1 { display: none; }
	 
	.headerSlideshow {
		position: absolute; top: 132px; left: 541px;
	}
	
		/* ### MENU CONTAINER ### */
		#menuCntr { position: absolute; top: 127px; left: 0px; width: 520px; }
		#menuCntr ul { padding-left: 20px; overflow: hidden; width: 500px; list-style: none; }
		#menuCntr li { float: left; display: inline; }
		#menuCntr li a { padding: 0px 20px 0px 10px; display: block; float: left; height: 39px; line-height: 39px; text-decoration: none; color: #fff; }
		#menuCntr li a:hover, #menuCntr li.selected a { color: #19792c; background: url('../images/menuHBg.gif') no-repeat right; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding: 5px 90px 20px 20px; overflow: hidden; width: 890px; background: url('../images/contentBg.gif') repeat-y; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; width: 490px; }
		
			/* ### TEXT BOX ### */
			.textBox { overflow: hidden; width: 490px; }
			.textBox h1 { padding-bottom: 10px; font-size: 24px; font-weight: normal; color: #19792c; }
			.textBox h2 { padding-bottom: 10px; font-size: 19px; font-weight: normal; color: #19792c; }
			.textBox h3 { padding-bottom: 10px; font-size: 13px; font-weight: bold; text-decoration: underline; color: #19792c; }
			.textBox img.left { float: left; }
			.textBox img.right { float: right; }
			.textBox p { padding-bottom: 10px; }
			.textBox a { font-family: Georgia; color: #19792c; text-decoration: none; }
			.textBox a:hover { font-family: Georgia; color: #19792c; text-decoration: underline; }
			.textBox ul { list-style: circle; list-style-type: circle; }
			.textBox li { list-style: circle; list-style-type: circle; }
	
			/* ### TEXT BOX ### */
			.bestellen { overflow: hidden; width: 490px; }
			.bestellen h2 { padding-bottom: 10px; font-size: 24px; font-weight: normal; color: #19792c; }
			.bestellen table {
				background : 		#fff;
				border-collapse: 	collapse; 
				border:				1px solid #ccc;
				width:				490px;
				font: 				12px Verdana, Arial, Helvetica, sans-serif;		
				line-height:		18px;	
			}
	
			.bestellen th
			{
				background:			#fafafa;
				padding:			5px;
				border:				1px solid #aaa;
				text-align:			right;
				padding-right:		10px;
			}
			
			.bestellen td
			{
				padding:			5px;
				padding-left:		15px;
				border:				1px solid #ccc;
			}
			
			.bestellen .stappen
			{
				width:				490px;
				height:				30px;
				font: 				12px Verdana, Arial, Helvetica, sans-serif;		
				line-height:		18px;
			}
			
			.bestellen .stappen .stap
			{
				float:				left;
				width:				100px;
				font: 				12px Verdana, Arial, Helvetica, sans-serif;		
				line-height:		18px;
				border:				1px solid #ccc;
				padding:			3px 5px;
				text-align:			center;
				margin:				5px;
				background-color:	#fff;
			}
			
			.bestellen .stappen .selected
			{
				border:				1px solid #19792c;
				color:				#333;
				background-color:	#fff;
			}
			
			/* ### PROJECTEN BOX ### */
			.projectenBox { padding-bottom: 25px; overflow: hidden; width: 490px; }
			.projectenBox ul { padding-bottom: 10px; overflow: hidden; width: 490px; list-style: none; }
			.projectenBox li { padding-right: 13px; float: left; display: inline; text-align: center; }
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 380px; background: url('../images/rightBg.gif') repeat-y; }
		#rightCntr div.top { background: url('../images/rightTop.gif') no-repeat top; }
		#rightCntr div.bottom { padding: 18px 26px 26px 26px; background: url('../images/rightBottom.gif') no-repeat bottom; }
		#rightCntr h3 { padding-bottom: 10px; font-size: 16px; font-weight: normal; color: #19792c; }
		
			/* ### NAV BOX ### */
			.navBox { padding-bottom: 25px; width: 328px; }
			.navBox ul { list-style: none; }
			.navBox li { line-height: 20px; font-size: 12px; }
			.navBox li a { text-decoration: none; color: #2d2d2d; }
			.navBox li a:hover { text-decoration: underline; }
			
			/* ### LAATSTE BOX ### */
			.laatsteBox { padding-bottom: 25px; overflow: hidden; width: 328px; }
			.laatsteBox ul { padding-bottom: 10px; overflow: hidden; width: 328px; list-style: none; }
			.laatsteBox li { padding-right: 9px; float: left; display: inline; }
			.laatsteBox li.last { padding-right: 0px; }
			.laatsteBox a.button { display: block; float: right; width: 97px; height: 28px; line-height: 28px; text-align: center; text-decoration: none; color: #fff; background: url('../images/buttonBg.gif') no-repeat; }
			.laatsteBox a.button:hover { text-decoration: underline; }
			.laatsteBox a.button2 { display: block; float: right; width: 97px; height: 48px; line-height: 48px; text-align: center; text-decoration: none; color: #fff; background: url('../images/buttonBg.gif') no-repeat; }
			.laatsteBox a.button2:hover { text-decoration: underline; }
			
			/* ### CONTACT BOX ### */
			.contactBox { width: 328px; }
			.contactBox ul { padding-bottom: 20px; overflow: hidden; width: 328px; list-style: none; }
			.contactBox li { float: left; display: inline; width: 228px; line-height: 18px; font-size: 12px; }
			.contactBox li.first { width: 100px; }
			.contactBox a.button { padding: 0px 20px 0px 20px; display: block; height: 53px; line-height: 53px; text-decoration: none; color: #fff; background: url('../images/button2Bg.gif') no-repeat; }
			.contactBox a.button:hover { text-decoration: underline; }
			.contactBox a.button2 { padding: 0px 20px 0px 20px; display: block; font-size:20px; height: 53px; line-height: 53px; text-decoration: none; color: #fff; background: url('../images/button2Bg.gif') no-repeat; }
			.contactBox a.button2:hover { text-decoration: underline; }
		
/* ### FOOTER CONTAINER ### */
#footerCntr { width: 100%; background: #19782c; }
#footerCntr div.content { margin: 0 auto; padding-top: 24px; width: 1000px; background: url('../images/footerBg.gif') no-repeat top; }
#footerCntr ul { padding-left: 0px; overflow: hidden; width: 800px; list-style: none; }
#footerCntr li { padding-left: 30px; float: left; display: inline; width: 150px;}
#footerCntr li.large { width: 110px; }
#footerCntr li a { text-decoration: none; color: #fff; }
#footerCntr li a:hover { text-decoration: underline; }
#footerCntr a { text-decoration: none; color: #fff; }
#footerCntr a:hover { text-decoration: underline; }
#footerCntr p { padding: 20px 0px 20px 0px; text-align: center; color: #fff; }