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

/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #8c806e; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #8c806e; }
body { background: #e8e8e8; }
img { border: 0px; display: block; }
a, input { outline: none; }

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

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

/* ### main container ### */
#mainCntr { margin: 52px auto; width: 726px; border: 1px solid #010101; }

	/* ### header container ### */
	#headerCntr { position: relative; width: 726px; height: 40px; background: url('') left top no-repeat; }
	#headerCntr h1 {
	position: absolute;
	top: 9px;
	left: 7px;
	width: 716px;
	height: 59px;
}
	#headerCntr h1 a { display: block; width: 116px; height: 53px; text-indent: -9999px; background: url('') no-repeat; }
	
		/* ### product box ### */
		.productBox { padding-left: 170px; width: 576px; overflow: hidden; }
		.productBox h1 { padding: 5px 0 0px 20px; font-size: 26px; color: #b62953; font-style: italic;  }
		.productBox ul { padding: 3px 70px 0 8px; list-style: none; float: center; }
		.productBox li { padding-left: 5px; float: left; }
		.productBox a { margin-top: 25px; width: 86px; height: 44px; font-size: 14px; line-height: 34px; color: #fff; text-decoration: none; float: left; font-weight: bold; display: block; text-align: center; background: url('../images/button.png') left top no-repeat; }
		.productBox a:hover { text-decoration: underline }
		.productBox .img { padding-top: 57px; float: right; }
		
		/* ### menu box ### */
		.menuBox { width: 726px;}
		.menuBox ul { padding-left: 30px; list-style: none; }
		.menuBox li { padding-right: 75px; float: left; line-height: 22px; font-size: 13px; position: relative }
		.menuBox a { color: #fff; text-decoration: none; display: block; font-weight: normal; }
		.menuBox a:hover { text-decoration: underline; }
		.menuBox li.second { margin-left: 0px; }
		.menuBox li.last { padding-right: 0px;  }
		.menuBox  ul li ul { position: absolute; padding-left: 0px; list-style: none; width: 700px; }
		.menuBox ul li ul li { padding: 0 0 0 99px; line-height: 27px; font-size: 18px; }
		.menuBox ul li ul li.first { padding-left: 0px; }
		.menuBox ul li ul a { color: #000; }
		.menuBox  ul li ul a:hover { text-decoration: underline; }
		
	/* ### content container ### */
	#contentCntr { padding-top: 12px; overflow: hidden; width: 726px; }
	
		/* ### center container ### */
		#centerCntr { float: left; width: 726px; }
		
			/* ### text box ### */
			.textBox { padding-left: 36px; margin-left: 27px; width: 635px; background: #fff; }
			.textBox h2 { padding: 5px 0 0px 0; font-size: 26px; color: #b62953;   }
			.textBox h3 { padding: 5px 0 0px 0; font-size: 15px; color: #b62953;   }
			.textBox h4 { padding: 5px 0 0px 400px; font-size: 14px; color: #000000;  font-style: italic; text-decoration:underline  }
			.textBox p { padding: 0 30px 0px 0; line-height: 18px; font-size: 13px; color: #000; font-weight: normal; } 
			
			/* ### image box ### */
			.imageBox { padding: 32px 0; width: 726px; overflow: hidden;  }
			.imageBox ul { padding-left: 27px; list-style: none; }
			.imageBox li { padding-right: 65px; float: left; }
			.imageBox li.last { padding-right: 0px; }
			
		/* ### footer container ### */
		#footerCntr { padding-left: 40px; overflow: hidden; width: 686px; background: #000; }
		#footerCntr .link { padding: 4px 0; width: 72px; float: left; }
		#footerCntr ul { list-style: none; }
		#footerCntr li { line-height: 13px; float: left; font-size: 11px; }
		#footerCntr a { color: #fff; text-decoration: none; font-weight: normal; }
		#footerCntr a:hover { text-decoration: underline; }