@charset "utf-8";
/* CSS Document */

#preloader{
	position:absolute;
	top:0px;
left:0px;
}

h1.csc-firstHeader{
	margin-bottom:20px;
}

html, body {
	background:#131313;
	margin:0px;
	padding:0px;
	color:#000000;
	font-family: Tahoma,Arial,Helvetica,Verdana,sans-serif;
	font-size:1em;
}

body { background:url(../_images/header.jpg) no-repeat center top;}

.hardwaredetails { margin-top: 50px; }

.contenttable td{
	vertical-align:top;
}

.contenttable ul { margin-top: 6px; margin-bottom: 0px; }
.contenttable ul { margin-top: 0px; margin-bottom: 0px; }
.contenttable p {margin: 0px; }


th.align-left, td.align-left { text-align: left; }
th.align-right, td.align-right { text-align: right; }
th.align-center, td.align-center { text-align: center; }

.bodytext a{
	font-size:12px;
}

#menu{
	position:absolute;
	top:65px;
	left:192px;
	z-index:1000000;
}

.news_headline{
	font-weight:bold;
	color: #4C4C4C;
	border-top:1px solid #4C4C4C;
}

.news_headline a,
.news_headline a:visited {
	text-decoration:none;
	color:#4C4C4C;
}

.news_headline a:hover{
	color:#4C4C4C; /* #666666;*/
}

.news_details{
	padding-bottom:15px;
	/*border-bottom:1px solid #4C4C4C;*/
	margin-bottom:15px;
}

.news_details a:hover{
	color:#4C4C4C;
}

.news_details a{
	font-weight:bold;
	text-decoration:none;
}
.news_details a:visited { color:#4C4C4C; }

.mailform{
	font-size:11px;
	color:#4C4C4C;
}

.mailform table{
	width:460px;
}

.mailform .check .left{
	width:20px;
}

.mailform .mf-text{
	position:relative;
	left:-80px;
	width:300px;
}

.mailform .mf-submit{
	position:relative;
	left:-80px;
}

.mailform .radio legend{
       font-weight:bold;
       padding-top:5px;
       padding-bottom:5px;
}

.mailform .radio input, .mailform .radio label{
	padding-top:5px;
	padding-bottom:5px;
}

.mailform .comment{
	padding:10px 0 10px 0;
	font-weight:bold;
}

.mailform .layout{
	position:relative;
}

.mailform .layout .left{
	width:80px;
}

.mailform fieldset{
	border:none;
	background:none;
	margin:0px;
	padding:0px;
	width:450px;
	/* width:250px; ehemaliger wert, geändert am 10/09/2009 von sp */
}

#barcode {
	background: url(../_images/barcode.png) repeat-y 5px 0px;
	position:relative;
	margin:0 auto;
	width:980px;
	overflow:hidden;
	/*z-index: 1;*/
	z-index: 10;
	top:0px;
}	

.clear { clear:both; font-size:0px;}	

#body {
	width:900px;
	margin: 0 auto;
	padding: 0px;
	position:relative;
	top:26px;
	z-index: 20000;	
}

/* --- Grafiken der Navigation vorladen START --- */
.preloading {
	position: absolute;
	top: 0;
	left: -6000px;
	display: none;
}
/* --- Grafiken der Navigation vorladen STOP --- */

a img { border: none; }

h1 { color:#4C4C4C; font-weight:normal; }
h2 { font-size:1.4em; color:#666666; font-weight:bolder; }
h3 { font-size:1.2em; color:#666666; }
	
li a { color:#666666; font-size:1em; }	
li a:link { color:#666666; text-decoration:none; }	
li a:visited { color:#333333; }	
li a:hover {overflow:visible;}
li a:active { color:#666666; }

a { color:#666666; font-size:0.8em; }	
a:link { color:#666666;  text-decoration:none; }	
a:visited { color:#333333; }	
a:hover { color:#ffffff; overflow:visible; }
a:active { color:#666666; }
.bodytext a:hover{color:#000000;}
.hardwaredetails div a { font-size: 12px; }
.hardwaredetails div a:hover, 
.hardwaredetails div a:visited , 
.hardwaredetails a:hover { font-size: 12px; color:#666666; }

p { color:#666666; font-size:12px; margin: 5px 0px 5px 0px; }
hr { 
	height: 1px; 
	border:0px solid #fff; 
	background:#595959; 
	margin: 20px 0px 20px 0px; 
	display: block; 
	clear:both;
}

ul { margin-left: 20px; padding:0px; }

li {
	font-size: 12px;
	color: #666666;
	line-height: 130%;
	margin-left: 0px;
	padding-left: 0px;
}

#header {
	position:relative;
	width:900px;
	height:170px;
	margin: 0 auto;
	z-index:1000000;
}

.header-line {
	height:5px;
	width:100%;
	background:url(../_images/header-blue-border.gif);
	z-index:1001;
	position:absolute;
	top:171px;
	left:0px;
	font-size:0px;
}

#logo {
	height:67px;
	width:161px;
	position:absolute;
	top:35px;
	left:-20px;
}

/*# {
	position:relative;  
	left:830px;
}*/

/* ###### Kontaktbox - LEFT START ##### */	
#kontaktBox .top{ 
	width: 190px; 
	height: 9px; 
	font-size:0px;
	background: url(../_images/whiteBoxTop.png) no-repeat; 
}

#kontaktBox .text { 
	width: 170px; 
	height: auto;
	background: #fff; 
	color: #4c4c4c;
	padding: 0px 5px 0px 15px;
	background-color: #fff;
}
.phoneIcon {
	position: relative;
	top: -8px;
	left: 140px;
	margin-top: -14px;
	width: 22px;
}
.phoneIcon p { margin:0px; padding:0px; }

#kontaktBox .text a,
#kontaktBox .text a:hover,
#kontaktBox .text a:active { 
	color: #4c4c4c;
	font-size: 11px;
	padding-left: 0px;
	text-decoration:none;
}


#kontaktBox .text h1 { color: #4c4c4c; font-size:13px; padding: 0px; margin: 0px; font-weight: bold; text-transform:uppercase; }
#kontaktBox .text p { color: #4c4c4c; font-size: 11px; }
#kontaktBox .text p.end { color: #4c4c4c; font-size: 11px; margin-bottom: 0px; }

#kontaktBox .bottom { 
	width: 190px; 
	height: 9px; 
	background: url(../_images/whiteBoxBottom.png) no-repeat; 
}
/* ###### Kontaktbox - LEFT STOP ##### */	


/* ##### newsBox START #### */
#newsBox,
.respond  {
	width:190px;
	height:auto;
	margin:0 10px 10px 0;
}
#newsBox .top,
.respond .top{ 
	width: 190px; 
	height: 9px; 
	background: url(../_images/newsTopCorner.gif) no-repeat; 
	font-size: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#newsBox .text,
.respond .text { 
	width: 170px; 
	height: auto;
	background: url(../_images/newsContentBg.gif) top left repeat; 
	padding:10px;
}

#newsBox .text h1, .respond .text h1 { color:#4c4c4c; font-size:13px; padding: 0px; margin: 0px; font-weight: bold; text-transform:uppercase; }
#newsBox .divider,.respond.divider  { font-size:0px; background:url(../_images/newsDivider.gif) top center no-repeat; height:2px; margin: 10px 0px 0px 0px; }
#newsBox .text a,#newsBox .text a:hover,#newsBox .text a:active,
.respond .text a,.respond .text a:hover,.respond .text a:active  { color: #4c4c4c; font-weight:bold; font-size:11px; text-decoration:none; }
.respond .text a,.respond .text a:hover,.respond .text a:active  { font-weight:normal;}
#newsBox p, .respond p { color:#4c4c4c; font-size: 11px; }

#newsBox .bottom,
.respond .bottom  { 
	width: 190px; 
	height: 39px; 
	background: url(../_images/newsBottomCorner.gif) no-repeat; 
}

.respond .bottom  { 	height: 19px; }




#newsBox .downloads { /*float:left; */ }
#newsBox .downloads div { /*float:left;*/ }
#newsBox .downloads h1 { margin-bottom: 10px; }
#newsBox .downloads .text { padding: 5px 0px 5px 0px; float:left; }

#newsBox .downloads .text a { border-bottom: 1px solid #4c4c4c; }
#newsBox .downloads .text p, 
#newsBox .text .downloads a, 
#newsBox .text .downloads a:hover  { 
	font-size:10px; 
	font-weight:normal; 
}

#newsBox .downloads .text .pdf { float:left; border: 0px solid #fff; margin-right: 5px; }



/* ##### newsBox STOP #### */

.divider { 
	font-size:0px; 
	background:url(../_images/newsDivider.gif) top center no-repeat; 
	height:2px; 
	padding: 10px 0px 0px 0px; 
	margin: 0px 0px 5px 0px;
	clear: left;
}


/* ###### COLBoxes floating - START ###### */
.colBoxes { float: left; width: 230px; height: auto; padding-right: 10px;}
.colBoxes h1 { font-size:13px; color: #4c4c4c; font-weight:bold; text-transform:uppercase; margin-bottom: 8px; }
.colBoxes a,
.colBoxes a:hover,
.colBoxes a:active, .colBoxes a:visited,
.colBoxes .colBoxContent a,
.colBoxes .colBoxContent a:hover,
.colBoxes .colBoxContent a:active, .colBoxes .colBoxContent a:visited{ 
	color: #4c4c4c;
	font-size: 11px;
	font-weight: bold;
	padding-left: 0px;
	text-decoration: none;
}
.colBoxes .link { display: block;margin-top: 15px; }

/* ###### COLBoxes floating - START ###### */

/* ###### roundcolBoxes floating - START ###### */
.roundcolBoxes { 
	float: left; 
	width: 220px; 
	height: auto; 
	margin-top: 10px; 
	margin-right: 20px;
	background: url(../_images/roundcolBoxes-top.jpg) top left no-repeat;
	padding-top: 10px;
}

.roundcolBoxes.right{ 
	float:right; 
}

/*.roundcolBoxes .top { height: 10px; background: url(../_images/roundcolBoxes-top.jpg) top left no-repeat; font-size: 0px; }*/
.roundcolBoxes .content { float:left;background: #e8e8e8; } 
.roundcolBoxes .content_large { background: #e8e8e8; width: 220px; } 
.roundcolBoxes .bottom { clear:left;height: 10px;  background: url(../_images/roundcolBoxes-bottom.jpg) top left no-repeat; }
.roundcolBoxes p { margin-bottom: 0px; padding-bottom: 0px; margin-top: 0px; }
.roundcolBoxes .previewProduktbild { 
	float:left; 
	padding: 5px;
	width:70px;
	height: 100%; 
}

.roundcolBoxes .text { float:left; width:140px; }
.roundcolBoxes .content_large .text { width:200px; padding:0px 10px 0px 10px;  background: #e8e8e8; }

.roundcolBoxes .content_large .text a,
.roundcolBoxes .content_large .text a:hover,
.roundcolBoxes .content_large .text a:visited,
.roundcolBoxes .content_large .text a:active { font-size:12px; color:#666666; }

.roundcolBoxes .content_large .text h1 { text-transform:none; }
.roundcolBoxes .text h1,
.roundcolBoxes .text h1 a,
.roundcolBoxes .text h1 a:link,
.roundcolBoxes .text h1 a:hover,
.roundcolBoxes .text h1 a:visited,
.roundcolBoxes .text h1 a:active,
.roundcolBoxes .content_large .text h1 a,
.roundcolBoxes .content_large .text h1 a:hover,
.roundcolBoxes .content_large .text h1 a:visited,
.roundcolBoxes .content_large .text h1 a:active


 { font-size:13px; color: #4c4c4c; font-weight:bold; text-transform:none; margin-bottom: 8px; margin-top:0px; }
.roundcolBoxes a,
.roundcolBoxes a:hover,
.roundcolBoxes a:visited,
.roundcolBoxes a:active { 
	color: #4c4c4c;
	font-size: 11px;
	padding-left: 0px;
	text-decoration: none;
}
/* ###### roundcolBoxes floating - START ###### */




#links {
	width:190px;
	z-index:1001;
	float:left;
	position:absolute;
	top:0px;
	left:-35px;
}

#produkteBox {
	width:160px;
	height:auto;/*650px*/
	padding-top:1px;
	margin-bottom:20px;
	background:url(../_images/trans01.jpg) bottom no-repeat #3347ad;
	border-right:1px solid black;
	color:#FFFFFF;
	font-size:0.8em;
}

#produkteBox ul {
	list-style-type:none;
	width:100%;
	margin-left:-40px;
}

#produkteBox ul li {
	padding:2px 10px 2px 10px;
	border-bottom:1px solid #485ec3;
	width:140px;
}

#produkteBox ul li#last {
	border:none;}

#mainBox {
	width:720px;
	height:auto;
	background:url(../_images/cornerBottomMain.gif) bottom left no-repeat #fff;
	display:table;
	position:relative;
	top:9px;
	left:174px;
	z-index:300;
}

#mainBox .topLeft{
	background:url(../_images/topLeftCorner.gif) no-repeat;
	position:absolute;
	top:0px;
	left:174px;
	width:9px;
	height:9px;
	font-size:0px;
	margin-bottom:-9px;
}

/* ###### Produktauflistung floating - START ###### */

.produktListe { position: relative; }
.produktListe .image { width: 140px; float: left; }
.produktListe .listing { position: relative; left: 60px; float:left; }

.produktListe ul { 
	width: 330px;
	list-style:none; 
	margin-left:5px; 
	padding-left: 0px; 
	margin-bottom: 10px;
}
.produktListe li { 
	line-height: 160%;
	width: 260px; 
	text-decoration:none; 
	padding: 0px 0px 4px 0px;
	background: url(../_images/dotted.gif) left bottom repeat-x; 
}
.produktListe a,
.produktListe a:hover,
.produktListe a:link,
.produktListe a:active,
.produktListe a:visited { text-decoration:none; font-size: 12px; color:#4c4c4c; }




/*.produktListe { }
.produktListe .image { float:left; width: 140px; }
.produktListe .listing {float:left; position: relative; left: 60px; }

.produktListe ul { 
	width: 330px;
	float:left;
	list-style:none; 
	margin-left:5px; 
	padding-left: 0px; 
	margin-bottom: 10px;
}
.produktListe li { 
	line-height: 160%;
	width: 260px; 
	text-decoration:none; 
	padding: 0px 0px 4px 0px;
	background: url(../_images/dotted.gif) left bottom repeat-x; 
}
.produktListe a,
.produktListe a:hover,
.produktListe a:link,
.produktListe a:active,
.produktListe a:visited { text-decoration:none; font-size: 12px; color:#4c4c4c; }
*/



/* ###### Produktauflistung floating - STOP ###### */




/* ###### Welcomebox - LEFT START ##### */	
#welcomeBox{	
	position:relative;
	top:-29px;
	left:-20px;
	width:504px;
	height: auto;
	z-index:110;
	margin-bottom:-19px;
}

#welcomeBox .top{ 
	width: 504px; 
	height: 35px; 
	background: url(../_images/welcomeBoxTop.gif) no-repeat; 
}

#welcomeBox .text { 
	width: 385px; 
	height: auto;
	background: url(../_images/welcomeBoxPattern.gif) top left repeat; 
	color: #fff;
	padding:28px 65px 5px 40px;
}

#welcomeBox .text h1 { color: #fff; font-size:25px; padding: 0px; margin: 0px; font-weight: normal; text-transform:uppercase; }
#welcomeBox .text h2 { color: #fff; font-size:13px; padding: 0px; margin: 0px; font-weight: normal; text-transform:uppercase; }
#welcomeBox .text p { color: #fff; }
#welcomeBox .text a, #welcomeBox .text a:hover, #welcomeBox .text a:active,
#welcomeBox li a, #welcomeBox li a:hover, #welcomeBox li a:active { 
	color: #fff; 
	border-bottom:1px solid #515cac; 
	text-decoration:none; 
	font-weight: bold; 
}

#welcomeBox li { color: #fff; }


#welcomeBox .bottom { 
	width: 490px; 
	height: 39px; 
	background: url(../_images/welcomeBoxBottom.gif) no-repeat; 
}

/* ###### Welcomebox - LEFT STOP ##### */	


.mainBoxSpacer {
position: absolute;
width: 600px;
height: 9px;
background: #fff;
top: 0px;
left:182px;
margin-bottom: -9px;
font-size:0px;
}

#content {
	float:left;
	position:relative;
	width:480px;
	padding:10px 20px 32px 20px;
}


#rechts {
	position:absolute;
	top:0px;
	width:200px;
	height:auto;
	background: none;
	left:694px;
}

#suche {
	height:53px;
	width:200px;
	position:relative;
	top:0;
	background:url(../_images/trans02.png) repeat-x bottom;
	margin-bottom:10px;
}

html* #suche {
	top:1px;
}

#suchbox {
	position:relative; 
	top:16px; 
	left:50%; 
	margin-left:-90px; 
	width:190px; 
	height:25px;
}

#suchbox form input {
	border:0px solid #fff; 
	width:125px; 
	height:15px; 
	float:left; 
	margin-right:0px;
	margin-left:10px;
	z-index:2;
	position: absolute;
	font-size: 12px;
	padding-top: 2px;
}

#suchbox form a {
	background: url(../_images/lupe_IE6.gif) no-repeat 0 0px;
	height:23px;
	width:23px;
	position:relative;
	left:155px;
	display:block;
	z-index: 2;
}

#suchbox form a:hover {
	background: url(../_images/lupeInv_IE6.gif) no-repeat 0 0px;
	z-index:5;
}


/* --- Referenzen Auflistung --- */
.referenzen a { text-decoration: underline; } 



/* ##### FOOTER START #### */
#bottomBannerLine {
	position: relative;
	top: 0px;
	left: 154px;
	width: 758px;
	height: 395px;
	background:url(../_images/bottomBanner.gif) bottom repeat-x ; 
	z-index: 20;
	margin-top: -375px;
	margin-bottom: 25px;
	z-index: 100;
}

#bottomGradient {
background:transparent url(../_images/bottomGradient.png) repeat-x scroll center bottom;
bottom:35px;
*bottom: 34px;
height:200px;
position:absolute;
left:0px;
width:100%;
z-index: 5;
}

#footer {	
	position:relative;
	background:url(../_images/footer-bg.gif) repeat-x top #25338b;
	height:35px;
	top: 0px;
	width:100%;
	color:#FFFFFF;
	z-index:6;

}

#footer-container{
	margin:0 auto;
	width:900px;
}
	
#footer ul {
	font-size:11px;
	margin: 0px;
	padding:0px;
	padding-top: 5px;
	
	}

#footer ul li {
	display:inline;
	padding: 8px 5px 10px 10px;
	background:url(../_images/footerBorderLeft.jpg) no-repeat;
	
}

#footer ul li a { line-height: 30px; color: #fff;  text-decoration:none; }
#footer ul li a:hover,
#links a:hover { color: #4C6AFF; }
/* ##### FOOTER START #### */	
	
	
#construktiv {
	float: left;
	margin-right: 80px;
	}

#construktiv a {
	display: block;
	font-size: 11px;
	color: #4c6aff;
	text-decoration: none;
	margin-top: 14px;
}


.produktLinks {
	float:left;
	width:200px;
	margin:5px;
}

.produktTeaserLinks{
	display:block;
	height:auto;}
.produktTeaserLinks *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#e8e8e8;
}
.produktTeaserLinks1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f5f5f5;
  border-right:1px solid #f5f5f5;
  background:#ededed}
.produktTeaserLinks2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fcfcfc;
  border-right:1px solid #fcfcfc;
  background:#ececec}
.produktTeaserLinks3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ececec;
  border-right:1px solid #ececec;}
.produktTeaserLinks4{
  border-left:1px solid #f5f5f5;
  border-right:1px solid #f5f5f5}
.produktTeaserLinks5{
  border-left:1px solid #ededed;
  border-right:1px solid #ededed}
.produktTeaserLinksfg{
	background:#e8e8e8;
	padding:5px 10px 10px 10px;}


.produktRechts {
	width:200px;
	margin:5px 20px 5px 5px;
	float:right;
}

*html .produktRechts {
	margin:5px 15px 5px 5px;
}

.produktTeaserRechts{
	display:block;
	height:auto; }
	
.produktTeaserRechts *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#e8e8e8; }
  
.produktTeaserRechts1 {
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f5f5f5;
  border-right:1px solid #f5f5f5;
  background:#ededed;
 }
 
.produktTeaserRechts2 {
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fcfcfc;
  border-right:1px solid #fcfcfc;
  background:#ececec }
  
.produktTeaserRechts3 {
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ececec;
  border-right:1px solid #ececec;
}
 
.produktTeaserRechts4 {
  border-left:1px solid #f5f5f5;
  border-right:1px solid #f5f5f5;
}

.produktTeaserRechts5 {
  border-left:1px solid #ededed;
  border-right:1px solid #ededed; }
  
.produktTeaserRechtsfg {
	background:#e8e8e8;
	padding:5px 10px 10px 10px;
}

/* BREADCRUMB */

#top_breadcrumb {
	font-size: 10px;
	line-height: 12px;
	color: #7F7F7F;
	position: absolute;
	left: 195px;
	top: 20px;
	z-index: 1000;
	width: 480px;
}

#top_breadcrumb a {
	color: #7F7F7F;
	text-decoration: none;
	font-size: 10px;
}

#top_breadcrumb a:hover {
	color: #4d4d4d;
}

#top_breadcrumb_white, #top_breadcrumb_white a {
	color: #97b7f8;
}

#top_breadcrumb_white a:hover {
	color: #6596f7;
}