@charset "UTF-8";

@font-face {
    font-family: 'qsbookreg';
    src: url('../font/quicksand_book-webfont.eot');
    src: url('../font/quicksand_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/quicksand_book-webfont.woff') format('woff'),
         url('../font/quicksand_book-webfont.ttf') format('truetype'),
         url('../font/quicksand_book-webfont.svg#quicksand_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body,td,th {font-size: 16px;color: #FFF;font-family:qsbookreg;background-color: #313b43;}
body {
	clear: both;
	float: none;
	height: 100%;
	width: auto;
	margin: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;

	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #424345;
	background-image: linear-gradient(bottom, rgb(42,48,54) 25%, rgb(60,66,74) 50%, rgb(42,49,54) 75%);
background-image: -o-linear-gradient(bottom, rgb(42,48,54) 25%, rgb(60,66,74) 50%, rgb(42,49,54) 75%);
background-image: -moz-linear-gradient(bottom, rgb(42,48,54) 25%, rgb(60,66,74) 50%, rgb(42,49,54) 75%);
background-image: -webkit-linear-gradient(bottom, rgb(42,48,54) 25%, rgb(60,66,74) 50%, rgb(42,49,54) 75%);
background-image: -ms-linear-gradient(bottom, rgb(42,48,54) 25%, rgb(60,66,74) 50%, rgb(42,49,54) 75%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.25, rgb(42,48,54)),
	color-stop(0.5, rgb(60,66,74)),
	color-stop(0.75, rgb(42,49,54))
);
	/*	background-image: url(../img/d3fectBG_LT.png);
	background-repeat: no-repeat;
	background-position:0px 0px;
	background-size: auto 100%;*/

}
a {
	color: #009fe3;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #c4cf03;
}
a:hover {
	text-decoration: underline;
	color: #e6007e;
}
a:active {
	text-decoration: none;
	color: #e6007e;
}
h1 {
	font-size: 24px;
	color: #FFF;
}
h1.DocumentHeadline {
	font-size: 32px;
	color: #FFF;
}
h2 {
	font-size: 20px;
	color: #FFF;
}
h3 {
	font-size: 18px;
	color: #FFF;
}
h4 {
	font-size: 16px;
	color: #FFF;
}
h5 {
	font-size: 14px;
	color: #FFF;
}
h6 {
	font-size: 12px;
	color: #FFF;
}
#wrapper {
	/*background-attachment: scroll;*/
	background-image: url(../img/d3fectBG_LT.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	clear: both;
	float: none;
	height: auto;
	width: auto;
	padding-top: 0px;
}
#wrapper2 {
	/*background-attachment: scroll;*/
	background-image: url(../img/d3fectBG_RT.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px;
	clear: both;
	float: none;
	height: auto;
	width: auto;
	padding-top: 0px;
}
#wrapper_bmid {
	/*background-attachment: scroll;*/
	background-image: url(../img/d3fectBG_MB.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 0px;
	clear: both;
	float: none;
	height: auto;
	width: auto;
	padding-top: 0px;
}
#wrapper_bl {
	/*background-attachment: scroll;*/
	background-image: url(../img/d3fectBG_LB.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0px;
	clear: both;
	float: none;
	height: auto;
	width: auto;
	padding-top: 0px;
}
#wrapper_br {
	/*background-attachment: scroll;*/
	background-image: url(../img/d3fectBG_RB.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin: 0px;
	clear: both;
	float: none;
	height: auto;
	width: auto;
	padding-top: 0px;
	padding-bottom: 30px;
}
#wrapper .wpr_cont {
	padding: 0px;
	clear: both;
	float: none;
	height: auto;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header {
	margin: 0px;
	clear: both;
	height: 105px;
	width: 938px;
	padding-right: 11px;
	padding-left: 11px;
	display: block;
}
#header #logo a {
	background-image: url(../img/main_logo.png);
	background-repeat: no-repeat;
	background-position: 50% 60px;
	display: block;
	width: 220px;
	height: 91px;
	float: left;
}
#header #logo a .WebsiteLogo{
	display: none;
}

#btnavl1 {
	clear: right;
	float: right;
	height: 34px;
	width: 710px;
	margin-top: 57px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	line-height:34px;
}
#btnavl1 a{color:#fff; display:block; float: left; padding-left:10px; padding-right: 10px; margin-right: 5px;font-size: 18px;height:34px; }

#btnavl2 {
	clear: right;
	float: right;
	height: 25px;
	width: 710px;
	margin-top: 10px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	line-height:25px;
}
.clr {
	font-size: 1px;
	line-height: 1px;
	text-decoration: none;
	clear: both;
}
.clrSP {
	font-size: 1px;
	line-height: 1px;
	margin-top: 20px; 
	text-decoration: none;
	clear: both;
}
#attSidebar {
	float: left;
	height: 300px;
	width: 240px;
	margin-top: 15px;
	clear: left;
	background-image:url(../img/blk-trans.png);
}
#btnavl2 a{color:#fff; display:block; float: left;padding-left:10px;padding-right: 10px;margin-right: 5px;}

#btnavl3 {
	clear: left;
	float: left;
	height: auto;
	width: 230px;
	display: block;
	overflow-x: hide;
}
#btnavl3 a{color:#fff; display:block;float: none;padding-left:10px;padding-right: 10px; overflow:hidden; width: auto; margin-left:0px; margin-right: 0px; clear: both; height:27px; line-height:27px;margin-bottom: 1px; }


.nav a{background-image:url(../img/blk-trans.png); }
.nav a.active{background-color:#0399d9; background-image:none;}
.nav a:hover{background-color:#0399d9;  background-image:none;text-decoration: none; }
/*.nav a.active{background-color:#e6007e; }
.nav a.active{background-color:#c4d003; }*/
#columns {
	padding: 10px;
	float: left;
	height: auto;
	min-height: 600px;
	width: 918px;
	margin-left: 10px;
	background-image:url(../img/blk-trans.png);
	
	padding-top: 0px;
}



	
#columns img[align=middle] {
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}


#columns img[align=right] {
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 10px;
}

#columns img[align=left] {
	margin-top: 2px;
	margin-right: 10px;
	margin-bottom: 2px;
	margin-left: 0px;
}



#columns .col1 {
	float: left;
	width: 700px;;
	margin-left: 0px;
	margin-right: 0px;
	min-height: 100px;
	margin-bottom: 20px;
	background-image:url(../img/blk-trans.png);
	/*background-color:#313b43;*/
}

#columns .col1 img[align=middle]{
	width: 700px;
	height: 260px;
	/*overflow:hidden;
	clip: rect(0px 700px 250px 0px);
	position: absolute;
	margin-bottom: 260px;
	display:inline;*/
	}
#columns .col21 {
	float: left;
	width: 578px;
	text-align: justify;
	min-height: 100px;
	margin-bottom: 20px;
	/*background-color:#313b43;
	background-image:url(../img/blk-trans.png);*/
}
#columns .col22 {
	float: right;
	width: 300px;
	min-height: 100px;
	margin-bottom: 20px;
	padding: 10px;
	text-align: justify;
	padding-right: 10px;
	/*background-color:#313b43;*/
	background-image:url(../img/blk-trans.png);
}
#columns .col31 {
	float: left;
	width: 220px;
	margin-right: 20px;
	min-height: 100px;
	margin-bottom: 20px;
	/*background-color:#313b43;*/
}
#columns .col32 {
	float: left;
	width: 220px;
	margin-right:20px;
	min-height: 100px;
	margin-bottom: 20px;
	/*background-color:#313b43;*/
}
#columns .col33 {
	float: left;
	width: 220px;
	min-height: 100px;
	margin-bottom: 20px;
	/*background-color:#313b43;*/
}

#columns .col22 img{
/*	width: 32px;*/
	margin:0px;
	margin-bottom: 10px;
	height: auto;
	}
#columns .col31 img{
	width: 220px;
	margin:0px;
	margin-bottom: 10px;
	height: auto;
	}
#columns .col32 img{
	width: 220px;
	margin:0px;
	margin-bottom: 10px;
	height: auto;
	}
#columns .col33 img{
	width: 220px;
	margin:0px;
	margin-bottom: 10px;
	height: auto;
	}	
#columns .col41 {
	float: left;
	width: 340px;
	margin-right: 20px;
	min-height: 100px;
	margin-bottom: 20px;
	/*background-color:#313b43;*/
}
#columns .col42 {
	float: left;
	width: 340px;
	min-height: 100px;
	margin-bottom: 20px;
	/*background-color:#313b43;*/
}

#columns H2{
	margin-top:0px;
	margin-bottom:5px;
	}
#columns H3{
	margin-top:0px;
	margin-bottom:5px;
	font-style:italic;
	font-weight:normal;
	}

#columns p {
	text-align: justify;
	font-size:14px;
	line-height: 140%;
	 margin-bottom: 0px;
	
}
#columns p+p {
	text-indent: 1.5em;
  margin-top: 0px;
}


/*#columns .col22 img{
	width: 54px;
}*/

#footer {
	height: 30px;
	width: auto;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	clear:both;
	
}
#footer img {
	margin-top: 2px;
	margin-bottom: 2px;
	float: right;
	
}
#footer span {
	display: block;
	float:left;
	height: 19px;
	width: 808px;
	margin-right: 0px;
	margin-left: 0px;
	background-image:url(../img/blk-trans.png);
	line-height: 19px;
	font-size: 15px;
	padding-left: 10px;
}

#footer span a{
color: #fff;
}

#modFeedback{margin:0px;clear: both;}
#modFeedback legend{margin-left: 0px;padding:0px;line-height: 25px;font-size: 22px; font-weight: 100;}
#modFeedback fieldset{	width: 455px; margin-bottom: 35px;border: none;padding: 0px;}
#modFeedback fieldset input.tf{border: 1px solid #777;float: left;margin-left: 5px;width: 240px;height: 23px;font-size: 16px;margin-bottom: 3px;line-height: 18px;background-color:#FFFFFF;color: #333333;margin-top: 8px;padding-left: 5px;padding-right: 5px;font-weight: normal;}
#modFeedback fieldset input.error{border-color: #e6007e;}
#modFeedback fieldset input.cb{height: 24px; width: 20px; float: left;}
#modFeedback fieldset div.required{color: #e6007e;float: left;height: 12px;font-size: 48px;margin-top: 10px;line-height: 22px;margin-left: -12px;width: 10px;font-weight: 800;}
#modFeedback fieldset label{display: block;font-size: 16px;margin-left: 0px;width: 185px;float: left;clear: both;line-height: 25px;height: 24px;margin-top: 12px;}
#modFeedback fieldset label.cb{width:375px; float:right; clear: right; margin-right: 20px; margin-top; 16px;}
#modFeedback fieldset label.ml,label.chp{
	display: block;
	clear: both;
	margin: 5px;
	font-size: 16px;
	line-height: 22px;
	float: none;
	width: 450px !important;;
	border: none;
	height: auto !important;
	margin-top: 10px;
	
}
#modFeedback fieldset label.chp{
	height: auto !important;
	margin-bottom: 10px
	padding-top: 5px;
	margin-top: 10px;
	border: none !important;
}

#modFeedback fieldset input.chp{
	height: 45px;
	width: 137px;
	margin-top: 10px;
	margin-right: 0px;
	text-align: center;
	font-size: 32px;
	text-transform: uppercase;
	line-height: 43px;
	padding: 0px;
	background-color: transparent;
	background-image: url(http://humancheck.bauteil.com/00000000000000000000000000000000.png);
}

#modFeedback fieldset img.chp{
	float: left;
	height: 47px;
	width: 137px;
	margin-top: 10px;
	margin-right: 10px;
	border: 1px solid #666666;
	margin-left: 20px;
	
	
}
#modFeedback fieldset textarea.ml{
	width: 431px !important;
	min-width: 431px !important;
	max-width: 431px !important;
	margin-top: 0px;
	margin-left: 5px;
	color: #111;
	border: 1px solid #666666;
	float: left;
	font-size: 14px;
	margin-bottom: 3px;
	line-height: 19px;
	height: 160px;
	min-height: 160px;
	background-color:#FFFFFF;
	color: #333333;
}
#modFeedback fieldset input.cb{
    border: none;
	float: left;
	margin-left:15px;
	width: 20px;
	height: 20px;
	font-size: 14px;
	margin-bottom: 3px;
	line-height: 18px;
	background-color: transparent;
	padding: 8px; 
	margin-top: 14px;
	clear: left;
	

}
#modFeedback fieldset div.spacer1{
clear: both;
height: 2px;
}
#modFeedback fieldset div.spacer2{
clear: both;
height: 1px;
}
#modFeedback fieldset div.spacer3{
clear: both;
height: 2px;
}
#modFeedback input.smtBtnNl{
border: 1px solid #666666;
margin: 0px;
height: 32px;
font-size: 24px;
line-height: 22px;
padding-left: 20px;
padding-right: 20px;
font-weight: normal;
background-color: #0399d9;
color: #ffffff;
float: right;
margin-right: 0px;
margin-top: -20px;
cursor: pointer;

}
#modFeedback input.smtBtnNl:hover{
color: #fff;
background-color: #c4cf03;
}

#modFeedback input.smtBtn{
border: 1px solid #666666;
margin: 0px;
height: 47px;
font-size: 24px;
line-height: 22px;
padding-left: 20px;
padding-right: 20px;
font-weight: normal;
background-color: #0399d9;
color: #ffffff;
float: right;
margin-right: 0px;
margin-top: -83px;
cursor: pointer;

}
#modFeedback input.smtBtn:hover{
color: #fff;
background-color: #c4cf03;
}

#modFeedback .modulealertfont{
color: #e6007e;
display: block;
padding: 10px;
}

#columns .col22 h2{
	font-size: 22px;
	color:#0399d9;
	font-weight: normal;
}

#columns .col21 h2{
	font-size: 22px;
	color:#0399d9;
	font-weight: normal;
}
#modNewsletter{margin:0px;clear: both;}
#modNewsletter legend{margin-left: 0px;padding:0px;line-height: 25px;font-size: 22px; font-weight: 100;}
#modNewsletter fieldset{	width: 455px; margin-bottom: 35px;border: none;padding: 0px;}
#modNewsletter fieldset input.tf{border: 1px solid #777;float: left;margin-left: 5px;width: 240px;height: 23px;font-size: 16px;margin-bottom: 3px;line-height: 18px;background-color:#FFFFFF;color: #333333;margin-top: 8px;padding-left: 5px;padding-right: 5px;font-weight: normal;}
#modNewsletter fieldset input.error{border-color: #e6007e;}
#modNewsletter fieldset input.cb{height: 24px; width: 20px; float: left;}
#modNewsletter fieldset div.required{color: #e6007e;float: left;height: 12px;font-size: 48px;margin-top: 10px;line-height: 22px;margin-left: -12px;width: 10px;font-weight: 800;}
#modNewsletter fieldset label{display: block;font-size: 16px;margin-left: 0px;width: 185px;float: left;clear: both;line-height: 25px;height: 24px;margin-top: 12px;}
#modNewsletter fieldset label.cb{width:375px; float:right; clear: right; margin-right: 20px; margin-top; 16px;}
#modNewsletter fieldset label.ml,label.chp{
	display: block;
	clear: both;
	margin: 5px;
	font-size: 16px;
	line-height: 22px;
	float: none;
	width: 450px !important;;
	border: none;
	height: auto !important;
	margin-top: 10px;
	
}
#modNewsletter fieldset label.chp{
	height: auto !important;
	margin-bottom: 10px
	padding-top: 5px;
	margin-top: 10px;
	border: none !important;
}

#modNewsletter fieldset input.chp{
	height: 45px;
	width: 137px;
	margin-top: 10px;
	margin-right: 0px;
	text-align: center;
	font-size: 32px;
	text-transform: uppercase;
	line-height: 43px;
	padding: 0px;
	background-color: transparent;
	background-image: url(http://humancheck.bauteil.com/00000000000000000000000000000000.png);
}

#modNewsletter fieldset img.chp{
	float: left;
	height: 47px;
	width: 137px;
	margin-top: 10px;
	margin-right: 10px;
	border: 1px solid #666666;
	margin-left: 20px;
	
	
}
#modNewsletter fieldset textarea.ml{
	width: 431px !important;
	min-width: 431px !important;
	max-width: 431px !important;
	margin-top: 0px;
	margin-left: 5px;
	color: #111;
	border: 1px solid #666666;
	float: left;
	font-size: 14px;
	margin-bottom: 3px;
	line-height: 19px;
	height: 160px;
	min-height: 160px;
	background-color:#FFFFFF;
	color: #333333;
}
#modNewsletter fieldset input.cb{
    border: none;
	float: left;
	margin-left:15px;
	width: 20px;
	height: 20px;
	font-size: 14px;
	margin-bottom: 3px;
	line-height: 18px;
	background-color: transparent;
	padding: 8px; 
	margin-top: 14px;
	clear: left;
	

}
#modNewsletter fieldset div.spacer1{
clear: both;
height: 2px;
}
#modNewsletter fieldset div.spacer2{
clear: both;
height: 1px;
}
#modNewsletter fieldset div.spacer3{
clear: both;
height: 2px;
}
#modNewsletter input.smtBtnNl{
border: 1px solid #666666;
margin: 0px;
height: 32px;
font-size: 24px;
line-height: 22px;
padding-left: 20px;
padding-right: 20px;
font-weight: normal;
background-color: #0399d9;
color: #ffffff;
float: right;
margin-right: 0px;
margin-top: -20px;
cursor: pointer;

}
#modNewsletter input.smtBtnNl:hover{
color: #fff;
background-color: #c4cf03;
}

#modNewsletter input.smtBtn{
border: 1px solid #666666;
margin: 0px;
height: 47px;
font-size: 24px;
line-height: 22px;
padding-left: 20px;
padding-right: 20px;
font-weight: normal;
background-color: #0399d9;
color: #ffffff;
float: right;
margin-right: 0px;
margin-top: -83px;
cursor: pointer;

}
#modNewsletter input.smtBtn:hover{
color: #fff;
background-color: #c4cf03;
}

#modNewsletter .modulealertfont{
color: #e6007e;
display: block;
padding: 10px;
}