/*
	� 2010 Surrontec 
	main.css - v1.0
	Autor: Dennis Decker		
*/

/* +++++ GLOBAL SITE STUFF ++++ */

*{		
	color:#FFFFFF;
}
body {	
	background-color:#000000;
}
i{
	color:#d6d1ac;
   	font-weight:normal;
}
hr{
	border-color:transparent -moz-use-text-color transparent;
	border-style:none none none;
	border-width:0px 0 medium;
	height:3px;
	background:url(../images/bigDivider.png) scroll center center no-repeat;
	padding:5px;
}
p{
	font-size:12px;
}
h1{
	font-size:24px;
}
h2{
	font-size:18px;
}
h3{
	font-size:14px;
}
input{
	color:#333;
}
.clr{
	clear:both;
}
a{
	text-decoration:none;
}
/* +++++ CUSTOM STUFF ++++ */
body#startPage{
	background:#000000 url(../images/bg.jpg) top center repeat-x;
}
body#prodPage{
	background:#000000 url(../images/bgtile.jpg) top center repeat;
}
.inPage{
	position:relative;
	background:#000000 url(../images/bg2.jpg) top center repeat-x;
	height:525px;
}
.mainLayer{
	position:relative;
	top:-55px;
	left:-600px;
	background:transparent url(../images/top_gfx.png) scroll center center no-repeat; 
	height:282px; 
	width:300px; 
	margin:auto; 
	z-index:2;
}
table{
	text-align:left;
	font-size:11px;
}
th{
	display:table-cell;
	width:auto;
	padding:8px;
    text-align:left;
}
tr{
	display:table-row;
	background:url(../images/bigDivider.png) scroll bottom center no-repeat;
	white-space:nowrap;
}
td{
	color:#d6d1ac;
    padding:8px 0 ;
}
table#specTable tr{	
	background:url(../images/bigDivider650.png) scroll bottom center no-repeat;
}
/* TOP LANE */
.topLane{
	height:12px;
	width:100%;
	background:transparent url(../images/topLane_01.png) top center repeat-x;
}
.langBox{
	position:relative;
	display:block;
	left:782px;
	height:43px;
	width:153px;
	background:#000000 url(../images/topLane_lang.png) top left no-repeat;
}
.langBoxInner{
	display:block;
	position:relative;
	width:140px;		
	padding:20px 0 0 10px;
}
div.langBoxInner span{
	color:#dcdcdc;
	font-size:10px;
	letter-spacing:0.01em;
	width:90px;
	float:left;
}
a.flag{
	display:block;
	width:16px;
	height:11px;
	float:left;
	margin-right:8px;
}
/* LANG BUTTONS */
a.de{
	background:transparent url(../images/flags.png) bottom left no-repeat;
}
a#active.de{
	background:transparent url(../images/flags.png) bottom right no-repeat;
}
a.de:hover{
	background:transparent url(../images/flags.png) bottom center no-repeat;
}
a.en{
	background:transparent url(../images/flags.png) top left no-repeat;
}
a#active.en{
	background:transparent url(../images/flags.png) top right no-repeat;
}
a.en:hover{
	background:transparent url(../images/flags.png) top center no-repeat;
}
a.flag span{
	text-indent:-9999px;
	width:16px;
}

/* MAIN BOX */
.bigWrapper,
.langWrapper{
	width:960px;
	margin:auto;
}
.headWrapper{
	position:absolute;
	display:block;
	top:60px;
}
.logo{
	display:block;
	width:375px;
	height:39px;
	padding-left:25px;   
	float:left;
    top: -10px;
}
.logo h1, 
.logo small,
.headLink span,
.headerImage h2,
.imgTitle h3,
.btn span,
.btnInfo span{
    display:block;
    text-indent:-9999px;
}
.headContainer{
	background:transparent url(../images/bigDivider.png) top center no-repeat;
	position:relative;
	display:block;
	clear:both;
	top:23px;
	height:362px;
}
.headerImage{
	position:relative;
	display:block;
	width:963px;
	height:327px;
	top:2px;
	/*margin-top:23px;*/
}
.headText{
	padding:110px 0 0 25px;
	display:block;
	width:460px;
	height:165px;
	overflow:hidden;
	font-size:13px;
	line-height:20px;
	letter-spacing:0.02em;	
	
}
/* header images*/

/* content */
.contentWrapper{
	position:relative;
	display:block;
}
.contentInner p,
.footerLinks a{
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	letter-spacing:0.05em;
	text-decoration:none;
}
#news{
	background:url(../images/headline_map-de.png) top left no-repeat;
	height:16px; 
	width:220px;
}
#whysourroundTec{
	background:url(../images/headline_map-de.png) bottom left no-repeat;
	height:16px; 
	width:220px;
}
#spec{
	background:url(../images/prod_titles_map-de.png) top left no-repeat;
	height:16px; 
	width:176px;
}
#finish{
	background:url(../images/prod_titles_map-de.png) bottom left no-repeat;
	height:16px; 
	width:176px;
}
.imgTitle{
	margin-bottom:15px;
}
.contentLeft,
.contentRight{
	float:left;
	padding:3px 25px 25px 25px; 
	width:435px;
	overflow:hidden;
	height:265px;
}
.cBox{
	display:table;
	position:relative;
	height:200px;
}
a.btn{
	position:absolute;
	top:205px;
	height:25px;
	width:125px;
	display:block;
}
#blog,
#readmore{
	background-color:transparent;
	background-image:url(../images/linkButtons_map-de.png); 
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:-100px -100px;
}
#blog{
	background-position:top right;
	width:89px !important;
}
#readmore{
	background-position:top left;
}
a#blog:hover{
	background-position:bottom right;
}
a#readmore:hover{
	background-position:bottom left;
}
a.btnInfo{
	position:relative;	
	height:24px;
	width:113px;
	display:block;
}
#moreInfo{
	background-color:transparent;
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-image:url(../images/btnInfos_map.png);
	background-position:top left;
}
a#moreInfo:hover{
	background-position:bottom left;
}
.specWrapper{
	display:block;
	position:relative;	
}
.specInner{
	padding:3px 25px 25px;
}

.mainWrapper{
	display:block;
	position:relative;	
}
.mainContent{
	padding:3px 25px 25px;
}

/* SUBPAGES */

.mainLeft{
	width:650px;
	float:left;
}
.mainRight{
	width:200px;
	float:right;
}
.moreLinks{
	display:block;
	height:215px;
	width:218px;
	background:url(../images/moreLinks-de.png) no-repeat top left scroll;	
	margin-left:15px;
}
.moreLinks ul{
	display:block;
	position:relative;
	padding-left:25px;
	padding-top:55px;	
}
.moreLinks li{
	height:30px;
}
.moreLinks span{
	font-size:11px;
}
.freeCallback{
	display:block;
	height:161px;
	width:218px;
	background:url(../images/freeCallback-de.png) no-repeat top left scroll;
	margin-left:15px;
}
.freeCallback li{
	height:30px;
}
.freeCallback p{
	font-size:12px;
	color:#d6d1ac;
	display:block;
	position:relative;
	padding-left:44px;
	padding-top:51px;
	line-height:18px;
	width:143px;
}

a#icon_datasheed{
	background:url(../images/icons.png) no-repeat left top scroll;
}
a#icon_reviews{
	background:url(../images/icons.png) no-repeat left -16px scroll;
}
a#icon_requestdemo{
	background:url(../images/icons.png) no-repeat left -32px scroll;
}
a#icon_forwardpage{
	background:url(../images/icons.png) no-repeat left -48px scroll;
}
a#icon_print{
	background:url(../images/icons.png) no-repeat left -64px  scroll;
}
a#icon_call{
	background:url(../images/icons.png) no-repeat left -80px  scroll;
}

a.icon{
	display:block;
	padding-left:26px;
	height:16px;
}
.picBoxOuter{			
	display:block;	
	margin-left:15px;
	width:218px;
	background:transparent url(../images/pBox-b.png) repeat-y scroll left top;
}
.picBoxTop{
	position:relative;
	background:transparent url(../images/pBox-h-de.png) no-repeat scroll left top;
	height:63px;
	top:-15px;
}
.picBoxTop2{
	position:relative;
	background:transparent url(../images/pBox2-h-de.png) no-repeat scroll left top;
	height:63px;
	top:-15px;
}
ul.quickLinks{
	display:block;
    position:relative;
    top:-25px;
}
.quickLinks li{
	display:block;
    padding:8px 0;
    font-size:11px;  
}
.picBoxTop span,
.picBoxTop2 span{
	display:block;
	text-indent:-9999px;
}
.quickLinks li a:hover{
	color:#D6D1AC;
    text-decoration:underline;
}
.picBoxCenter{
	padding:0 30px;
}
.picBoxBottom{
	position:relative;
	bottom:-15px;
	clear:both;	
	height:16px;
	margin-bottom:15px;
	background:transparent url(../images/pBox-f.png) no-repeat scroll left bottom;
}
.tbn{
	float:left;
}
.tbr{
	float:right;
}

/* footer */
.footerWrapper{
	display:block;
	position:relative;
	background:transparent url(../images/bigDivider2.png) scroll top left no-repeat;
	height:17px;
}
.footerWrapper{
	padding:25px;
}
.footerLinks{
	display:table;
	width:auto;
	float:left;
}
.footerSymbol{
	position:absolute;
	background:transparent url(../images/bottom_gfx.png) scroll top left no-repeat; 
	height:234px;
	width:344px;
	left:100px;
	top:-120px;
	z-index:-1;
}
.copyright{
	color:#898989;
	display:table;
	width:auto;
	float:right;
	font-size:11px;
	font-weight:normal;
	line-height:20px;
	letter-spacing:0.05em;
	text-decoration:none;
}
.Message{
	text-align:center;
	width:650px;
	border:#FF0000 1px solid;
	margin:auto;
	color:#FF0000;
	background:#FFCCCC;
	padding:8px;
	font-weight:bold;
	margin-bottom:15px;
}
.manuInner{
	display:block; 
	position:relative; 
	/*top:-125px; */
    top:-60px;
	height:536px;
}
.manuBox{
	display:block; 
	position:relative; 
	height:486px; 
	margin-right:21px;  
	float:left;
}
.manBoxInner{
	display:block; 
	position:relative;
	width:auto;
	top:263px;
	height:320px; 
	padding:0 12px; 
	font-size:12px; 
	line-height:20px; 
	color:#dcdcdc; 
	text-align:justify;
}
.manBoxLink{
	position:absolute; 
	padding:12px;
}
.manuExplain{
	clear:both;
	text-align:center; 
	display:block; 
	position:relative; 
	background:url(../images/man_wert_de.png) no-repeat scroll 0% 0%; 
	height:534px; 
	width:938px;
	top:-125px;
}
#specTable2 td,
#specTable2 th{
	padding: 5px !important;
    border: 1px solid #333;
}
#specTable2 td p{
	font-size:11px;
}