/*copyright www.woywodt.de */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
/*****************
basic layout 
*****************/
body {
   text-align: center;
   font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#000000 url(../img/elem/bg_koll.png) repeat-x;
   line-height: 15px;
   color: #999999;
   margin:0;    /* gives some air for the pagewrapper */
   font-size: 11px;
}
/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}
/*
default link styles in typo.css
*/

a:visited {
   background-color: inherit;
  /*color: #787676;                 a different color can be used for visited links */
}
/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   background-color: inherit;
}

/* center wrapper, min max width */
div{
	text-align: left;
}
#pagewrapper {
   margin: 0 auto;       /* this centers wrapper */
  /* padding:20px 0 0 0;*/
  padding:0;
   width: 1008px;
    /*background:transparent url(../img/elem/vorlage_bg.jpg) no-repeat;*/
   border:1px solid transparent; /*IE-Hack*/
}
/* IE6-Hack  nur IE liest die nachfolgende Anweisung! */
*html #pagewrapper{
	padding:20px 0 0 0;
}
/* IE7-Hack  nur IE liest die nachfolgende Anweisung!*/ 
*+html #pagewrapper{
	padding:20px 0 0 0;
	
}

/*xxxxxxxxxxxxxxx header start xxxxxxxxxxxxxxx*/
div#header {
	height: 33px;
	margin:20px 0;

}
#header ul{
	padding-left:34px;
}
#header li{
	list-style:none;
	float:left;
	margin: 0;
	padding:0;
}
#logo{	
}
li#division a{
	display:block;
	background: #FFFFFF url(../img/elem/header_collgif.gif) no-repeat;
	height: 33px;
	width:200px;
}
li#headerlang{
	background-color: #FFFFFF;
	float:left;
	margin:0 2px 0 0;
	height: 20px;
	width:66px;
	padding:13px 0 0 0;
	font-size:11px;
	color:#000000;
	font-weight:bold;
	/*text-align:right;*/
	/*border:1px solid #CCCCCC;*/
}

li#headerlang a{
	font-weight:normal;
	color:#999999;
	/*text-align:right;*/
	/*border:1px solid #CCCCCC;*/
}
/* IE6-Hack  nur IE liest die nachfolgende Anweisung! */
*html li#headerlang{
	height: 33px;
}
/* IE7-Hack  nur IE liest die nachfolgende Anweisung!*/ 
*+html li#headerlang{
	height: 33px;
	
}
li#changedivision a{
	display:block;
	background: #000000 url(../img/elem/header_gotocomp.gif) no-repeat;
	height: 33px;
	width:221px;
}
li#changedivision a:hover{
	background-image: url(../img/elem/header_gotocomp_ov.gif);
}

/*xxxxxxxxxxxxxxx header ende xxxxxxxxxxxxxxx*/
div#leftcol {
	clear:both;
	float:left;
	width:781px;
	/*border:1px solid #CCCCCC;*/
}
#rightcol {
	clear:none;
	float:right;
	width:204px;
	/*background:transparent url(../img/elem/designerrast_bg.gif) no-repeat 170px 87px;*/
	margin-right:22px;
	font-size:11px;
	/*border:1px solid #CCCCCC;*/
}
/* IE6-Hack  nur IE6 liest die nachfolgende Anweisung! */
*html #rightcol{
   margin-right:18px;
   /*border: 1px solid #CCCCCC;*/
}

/* IE7-Hack  nur IE7 liest die nachfolgende Anweisung!*/ 
*+html div#rightcol{
   margin-right:18px;
   /*border: 1px solid #CCCCCC;*/
}
div#topnav {
   margin-left: 142px;

}
div#contentframe {
   margin: 0;  
    padding:0 0 0 34px;
	line-height:16px;
   /*border: 1px solid #99CCFF;*/
   }
div#content {
    padding:0 0 30px 0;
	float:left;
	width:747px;
   /*border: 1px solid #99CCFF;*/
}
#decoright,
#decoleft{
	float:right;
	background: transparent url(../img/elem/designerrast_bg.gif) no-repeat;
	width:34px;
	height:700px;	
}
#decoleft{
	float:left;
	/*background-color:#CCCCCC;*/
}

div#main {
}
div#maincenter,
div#mainleft {
	display:none;
}
.clearmain hr{
	clear:left;
	/*border:1px;*/
	padding-top:10px;
}
#mainright a{
display:block;
}
#mainright a:hover{
/*filter:alpha(opacity=25);
-moz-opacity:.25;
opacity:.25;*/
/*border:2px solid #FF0000;
width:200px;
height:100px*/

}
.csc-textpic-caption:hover{
	background-color:#FF0000;
}
/*text auf bild technische daten und farbinfos*/
#content .csc-frame-frame1 dd.csc-textpic-caption{
	padding: 0 25px 0 406px;
	/*margin-top:-260px !important;*/
	margin-top:-320px !important;
	font-size:11px;
	line-height:20px;
}
#content .csc-frame-frame1 div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
margin-bottom:-260px;
}
div.csc-textpic-intext-left div.csc-textpic-imagewrap, 
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
margin-right:0 !important;
}

div.backbtn{
	float:left;
	padding-left:108px;
}
#contentleft div.backbtn{
	padding-left:24px;
}
.backbtn a{
	color:#999999;
}
.backbtn a:hover{
	color:#A0BF3D;
}
#page_presse .backbtn{
	display:none;
}
.invis{
	display:none;
}

#page_Presse #leftcol #content,
#page_Referenzen #leftcol #content{
	background-color:transparent;
}
#page_Presse #leftcol #content .csc-textpic,
#page_Referenzen #leftcol #content .csc-textpic{
	clear:both;
	/*border:1px solid #FF0000;*/
	min-height:180px;
	height:auto !important; /*just another IE-Hack*/
	height:180px; /*IE kann kein min-height*/
	border-bottom:2px solid #F5F5EF;
	background-color:#FFFFFF;
	color:#333333;
}
#page_Presse #leftcol #content .csc-textpic-image,
#page_Referenzen #leftcol #content .csc-textpic-image{
	display:block;
}
#page_Presse #leftcol #content .csc-textpic-text,
#page_Referenzen #leftcol #content .csc-textpic-text{
	/*height:180px;*/
	display:block;
	padding:14px 3px 15px 258px;
}
#page_Referenzen #leftcol #content .csc-textpic-text{
	padding-top:8px;
}
/* IE6-Hack  nur IE liest die nachfolgende Anweisung! */
*html #page_Presse #leftcol #content .csc-textpic-text,
*html #page_Referenzen #leftcol #content .csc-textpic-text{
	padding-left:10px;
}
/* IE7-Hack  nur IE liest die nachfolgende Anweisung!*/ 
*+html #page_Presse #leftcol #content .csc-textpic-text,
*+html #page_Referenzen #leftcol #content .csc-textpic-text{
	padding-left:10px;
}
#page_Presse #content .csc-textpic-text p,
#page_Referenzen #content .csc-textpic-text p{
	padding-left:0;
}
#page_Presse #content p, 
#page_Referenzen #content p {
padding-right:20px;
}