/* ### GENERAL ### */
* { padding: 0px; margin: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #a7a9ac; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #545051; }
body {  background: url('../images/header-bg.gif') repeat-x #fff; }
img { display: block; border: 0px; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; }
.bottom10{clear: both;padding-bottom:10px;}
.red {color: #F00;}

/* ### WRAPPER ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%;}
.center { margin: 0 auto; width: 960px; }

	/* ### MAIN CONTAINER ### */
	#mainCntr { margin: 0 auto; width: 100%;}

		/* ### HEADER CONTAINER ### */
		#headerCntr { margin: auto; position: relative; width: 960px; height: 114px; }
		#headerCntr h1 { padding-top: 10px;}
		#headerCntr h1 a { display: block; width: 298px; height: 102px; text-indent: -9999px; background: url('../images/logo.gif') no-repeat; }
	
		/* ### EASY CONTAINER ### */
		#easyCntr { height: 235px; background: #2c3b50 url('../images/easycntr-bg.gif') bottom repeat-x; }
		
			/* ### EASY BOX ### */
			.easyBox { width: 960px; position: relative; }
			.easyBox h3 { padding-top: 30px; font-size: 40px; color: #FFFFFF; font-weight: bold; }
			.easyBox p { padding-top: 30px; font-size: 22px; line-height: 30px; color: #ff9f03; font-weight: bold; }
			.easyBox div.video { padding: 14px 0px 0px 25px; position: absolute; top: -36px; right: 0px; width: 436px; height: 303px; background: url('../images/player.gif'); }

		/* ### CONTENT CONTAINER ### */	
		#contentCntr { padding-top: 35px; padding-bottom: 55px; background: #ffffff url('../images/content-bg.gif') bottom repeat-x; }
		#contentCntr h2 { padding-bottom: 40px; font-size: 28px; font-weight: bold; color: #2a3c53; }
		#contentCntr div.center { overflow: hidden; }
			
			/* ### LEFT CONTAINER ### */	
			#leftCntr { width: 635px; float: left; } 
			
				/* ### TEXT BOX ### */ 
				.textBox { width: 635px; overflow: hidden; }
				.textBox .left { padding-right: 10px; float: left; width: 310px; }
				.textBox .right { float: right; width: 310px; }
				.textBox h3{ padding-bottom: 25px; font-size: 16px; color: #333333;}
				.textBox p{ padding-bottom: 25px; font-size: 12px; color: #737373; line-height: 25px;}
				.textBox a { color: #737373; text-decoration: underline; font-weight: bold }
				.textBox strong {color: #2B3D54;}
				.textBox a:hover{ text-decoration: none;}
				
			/* ### RIGHT CONTAINER ### */	
			#rightCntr { width: 275px; float: right; } 
				
				/* ### WIE BOX ### */ 
				.wieBox { width: 275px; }
				.wieBox h3 { padding: 0px 0px 20px 0px; font-size: 16px; color: #333333;}
				.wieBox ul {padding: 0px 0px 40px 15px; list-style: none; }
				.wieBox li { padding-left: 25px; line-height: 30px; background: url('../images/bullet.gif') no-repeat;}
				.wieBox li a { color: #FF8301; font-weight: bold; text-decoration: none; font-size: 16px; }
				.wieBox li a:hover { text-decoration: underline;}

				/* ### RECENSIES BOX ### */  
				.recensiesBox { width: 278px; font-size: 12px; color: #333333; line-height: 30px;margin-bottom:20px; }		
				.recensiesBox h3 { padding: 0px 0px 20px 0px; font-size: 16px; color: #333333;}
				.recensiesBox p { font-size: 14px; color: #333333; line-height: 30px; }
				.recensiesBox div.text { width: 278px; background: url('../images/quote1.gif') #ECECEC no-repeat left top; }
				.recensiesBox div.text blockquote { padding: 20px 25px 20px 25px; width: 228px; background: url('../images/quote2.gif') no-repeat right bottom; }
				.recensiesBox em { display: block; font-style: normal; color: #2a3c53; }
		
		/* ### CONTACT CONTAINER ### */
		#contactCntr { padding: 35px 0px; overflow: hidden; background: url('../images/contact-bg.gif') top left repeat-x  #fff; }
		#contactCntr .left { float: left; width: 630px; }
		#contactCntr .right { float: right; width: 300px; }
			
			/* ### FORM BOX ### */
			.formBox { padding-left: 5px; width: 630px; }
			.formBox h3 { font-size: 16px; color: #FF8301;}
			.formBox address  { padding: 15px 0px 20px 0px; line-height: 37px; font-size: 16px; font-weight: bold; font-style: normal; color: #2a3c54; }
			.formBox address span{ display: block;}
			.formBox address a { color: #2a3c54; text-decoration: none; }
			.formBox address a:hover { text-decoration: underline; }
			.formBox form { display: block; }
			.formBox fieldset { border: 0px; overflow: hidden; }
			.formBox form span { padding: 5px 0; display: block; }
			.formBox form input.field { padding: 8px; margin-bottom: 7px; float: left; width: 280px; height: 17px; border: 0px; background: url('../images/search.gif') no-repeat; }
			.formBox form label { width: 98px; height: 33px; line-height: 33px; float: left; font-size: 16px; font-weight: bold; color: #395171; display: block; }
			.formBox form textarea { padding: 10px; margin-bottom: 10px; float: left; width: 512px; height: 110px; font-size: 12px; color: #395171; border: 0px; background: url('../images/text-area.gif') no-repeat; }
			.formBox form input.verzend-button { margin-left: 98px; border: none; cursor: pointer; width: 86px; height: 37px; background: url('../images/button.gif') no-repeat;  }		
	
			/* ### NEWS BOX ### */
			.newsBox { width: 300px; }
			.newsBox h3{ font-size: 16px; color: #333333; }
			.newsBox ul{ padding: 15px 0px 0px 0px; list-style: none;}
			.newsBox li{ padding-left: 25px; line-height: 38px; height: 38px; background: url('../images/het-icon.gif') left no-repeat;}
			.newsBox li a { color: #FF8301; font-size: 14px; text-decoration: underline;}
			.newsBox li a:hover { text-decoration: none; }

			/* ### UPDATE BOX ### */
			.updateBox { padding-top: 32px; width: 300px; }
			.updateBox h3 { padding-bottom: 12px; font-size: 16px; color: #333333; }
			.updateBox p { padding-bottom: 20px; color: #737373; }
			.updateBox form { display: block; }
			.updateBox form fieldset{ border: 0px; overflow: hidden; }
			.updateBox form input.field { padding: 8px; margin-right: 8px; float:left; width: 186px; height:17px; font-size: 13px; color: #999999; border: 2px solid #cccccc; }
			.updateBox form input.button { width: 86px; height: 36px; float: left; cursor: pointer; background: url('../images/button.gif') no-repeat; border: 0px;}
		
			/* ### CONNECT BOX ### */
			.connectBox { padding-top: 45px; width: 300px; }
			.connectBox h3 { padding-bottom: 20px; font-size: 16px; color: #333333; }
			.connectBox ul{ list-style: none; overflow: hidden; }
			.connectBox li { float: left; width: 150px; line-height: 20px; } 
			.connectBox li a.dx-sol { background: url('../images/dx-icon.gif') no-repeat; }
			.connectBox li a.dxadsl { background: url('../images/dxadsl-icon.gif') no-repeat; }
			.connectBox li a.tweet { background: url('../images/tweet.gif') no-repeat; }
			.connectBox li a.dig-icon { background: url('../images/dig-icon.gif') no-repeat; }
			.connectBox li a.stumble { background: url('../images/stumble-this.gif') no-repeat ;}
			.connectBox li a.facebook { background: url('../images/facebook-icon.gif') no-repeat;}
			.connectBox li a.Delicious { background: url('../images/decline-box.gif') no-repeat;}
			.connectBox li a { padding-left: 20px; color: #44A4CB; font-size: 12px; font-weight: normal; text-decoration: underline; } 
			.connectBox li a:hover { text-decoration: none; }
		
	/* ### FOOTER CONTAINER  ### */	
	#footerCntr {padding: 20px 0px; background: #2b3a4e; }
	#footerCntr p { color: #aab1b9; line-height: 30px; }
	#footerCntr  a { color: #aab1b9; }
	#footerCntr  a:hover { text-decoration: none; }