/*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 top left fixed;
   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
*/
i{
	font-style:normal;
}
a,
a:link, 
a:active,
a:visited{
   text-decoration: none;
   background-color: inherit; 
   color:#999999;
  
}
.level2 > li > a {
   font-weight:700;
}
li.act > a {
   color:#fff;
    font-size:120%;
}
/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   background-color: inherit;
}

/* center wrapper, min max width */
div{
	text-align: left;
}
h1{
	font-weight:normal;
}
h2{
	color:#333333;
	font-size:12px;
	padding:10px 0 0 0;
}
h3{
	color:#333333;
	font-size:12px;
}

b, strong{
	font-weight:bold;
}
#pagewrapper {
   margin: 0 auto;       /* this centers wrapper */
  /* padding:20px 0 0 0;*/
  padding:0;
    width: 100%;
   max-width: 990px;
    /*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;
	
}
li.act > a {
    color: #FFF;
    font-size: 120%;
}
/*xxxxxxxxxxxxxxx header start xxxxxxxxxxxxxxx*/
div#header {
	margin:20px 0;
    padding:0 34px
}
#header ul{
    display:block;
    overflow:hidden;
    
}
#header li{
	list-style:none;
	float:left;
	margin: 0;
	padding:0;
    height: 33px;
    background: #FFFFFF;
}
#header li#logo{
    width:480px;
}
#header li#division {
	width:263px;
}
#header li#changedivision{
	background: #000000;
	width:179px;
}
#header li a{
	display:block;
    height:33px;
}
#logo a{
    background: transparent url(../img/elem/headerlogo_coll.gif) no-repeat;
}
li#division a{
	background: transparent url(../img/elem/header_collgif.gif) no-repeat;
}
li#changedivision a{
	background: #000000 url(../img/elem/header_gotocomp.gif) no-repeat;
}
li#changedivision a:hover{
	background-image: url(../img/elem/header_gotocomp_ov.gif);
}
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;*/
    display:none;
}

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;
	
}


/*xxxxxxxxxxxxxxx header ende xxxxxxxxxxxxxxx*/
div#leftcol {
	clear:both;
	float:left;
	width:744px;
    background:#000;
	/*border:1px solid #CCCCCC;*/
}
#rightcol {
	clear:none;
	float:left;
    margin-left:3px;
	width:170px;
	/*background:transparent url(../img/elem/designerrast_bg.gif) no-repeat 170px 87px;*/
	background:#000;
    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#naviwrap{
    float:left;
    width:638px;
   margin-left: 142px;
    /*height:100px;*/
}
div#topnav {
    

}
div#contentframe {
   margin: 0;  
	line-height:16px;
   /*border: 1px solid #99CCFF;*/
    max-width:100%;
   }
div#content {
    padding:0 0 30px 0;
	float:left;
	width:747px;
   /*border: 1px solid #99CCFF;*/
    max-width:100%;
}
div#mobiletitle{
    display:none;
}
div#mobiletitle h1{
    color: #FFF;
    font-size: 30px;
    padding:15px 0 15px 20px;
    font-family: "Roboto Condensed",sans-serif;
    line-height: 30px;
}
div#main {
    padding:0 34px;
    background:url(../img/elem/designerrast_bg.gif) repeat-x transparent;
    clear:both;
    min-height:500px;
}
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;
}
.csc-frame-frame2 DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol {
    margin-left: 3px !important;
}

#contentleft div.backbtn{
	padding-left:24px;
}
.backbtn a{
	color:#999999;
}
.backbtn a:hover{
	color:#A0BF3D;
}
#page_presse .backbtn{
	display:none;
}
.invis{
	display:none;
}
/****rgsmoothgallery****/
div.rgsgcontent div.myGallery {
    border: none;
	}
#externalthumbs{
	padding:20px 0 20px 98px;
}
#externalthumbs .label{
	display:none;
}
div.thumbnail{
	height:24px !important;
	width:45px !important;
	margin-left: 8px !important;
	float:left;
	border:2px solid #333;
	cursor:pointer;
}
/****jfmulticontent****/
div.jdGallery a.open{
	width:100% !important;
}
.ui-widget-content{
	border:none;
	background:none;
}
.ui-tabs {
	padding:0;
}
.ui-tabs .ui-tabs-panel{
	padding:0;
}
.ui-tabs h1,
.ui-tabs .ui-tabs-nav{
	display:none;
}
/****animation startseite****/
#page_start #startcontent{
	margin:24% 0 auto 0;
}
#morph {
	background: #fff ;
    width:100% !important;
	max-width:1000px;
	width:10px;
	/*opacity: .2;*/
	height:33px;
	
}
#morph a{
	display:block;
	float:right;
    height:33px;
    width:229px;
	background: url(../img/start/clear.gif)  transparent no-repeat ;
}
#morph a.logo{
    float:left;
	background: url(../img/start/bg_start.gif)  transparent no-repeat ;
    width:310px
}
#morph a.koll{
	background: url(../img/start/bg_start_koll_s1.gif)  #000 no-repeat ;
}
#morph a.koll:hover{
	background: url(../img/start/btn_kollektion.gif)  transparent no-repeat ;
}
#morph a.comp{
	background: url(../img/start/bg_start_comp_s1.gif)  transparent no-repeat ;
}
#morph a.comp:hover{
	background: url(../img/start/btn_unternehmen.gif)  transparent no-repeat ;
}

html {
    height: 100%;
}
body#page_start {
    height: 100%;
    background-size: cover;
    background-attachment: fixed !important;
    background-repeat: no-repeat;
    background-position:center;
}
/* slimmenu */
/* slimmenu */
/* slimmenu */
.menu-collapser{
    background:#fff;
    padding-top: 8px;
    z-index:998;
}
.liste #leftcol #content div.csc-textpic-intext-left img,
.liste #leftcol #content div.csc-textpic-imagewrap{
    width: 245px !important;
    height:180px;
    overflow:hidden;
   
}
.liste div#leftcol #content .csc-frame,
.liste div#leftcol #content .csc-default {
    background-color: #FFFFFF;
    border-bottom: 2px solid #F5F5EF;
    clear: both;
    color: #333333;
    min-height: 180px;
	padding-right:10px;
}
.liste div#leftcol div#content .bodytext a span.detail,
.liste div#leftcol div#content .bodytext a {
    display: block;
    float: right;
    margin: 3px auto auto;
    padding: 0 5px 0 10px;
}
.liste div#leftcol div#content .csc-frame-frame1 .bodytext a {
    display: inline;
    float: none;
    margin: 0;
    padding: 0;
}
.liste #content .csc-textpic-text,
.liste #content p {
    padding-left: 0px;
}
.liste #content .csc-frame-frame1 h2{
    padding: 20px 0 10px 0;
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 700;
    font-size: 32px;
	
}
.liste #content .csc-frame-frame1 h2 a {
    padding-bottom: 20px;
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 700;
    font-size: 32px;
	
}
a.backbtn {
    padding: 0px 0px 0px 108px;
}