html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, input,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
html {
	overflow: auto;
}

body { 
	color: black;
	background: #5D95AE;
	overflow: auto;
}


ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* layout */
 
body {
	/* overflow:hidden; Needed to eliminate scrollbars*/
	font: normal 12px/16px Verdana,Geneva,Arial,Helvetica,sans-serif;
	letter-spacing: -0.03em;
}


#header{
	width:100%;
	height:187px;
	 background: url(../../fileadmin/images/bg_header.jpg) repeat-x;
    letter-spacing: 0em;
	top:0px;
	left:0px;
	padding:0;
	margin:0;
	
	z-index: 3;
	position:absolute;
	
}

#pagestopper {
	width: 900px;
}

#logo{
	
	top:25px;
	right:25px;
	z-index: 30;
	position:absolute;
	
}
#metanav{
	width:230px;
	height:85px;
	 
	top:163px;
	right:5px;
	z-index: 30;
	position:absolute;
	color:#cccccc;
	font-weight:bold;
	text-transform:uppercase;
	
}
#kran{
	width:216px;
	height:183px;
	 background: url(../../fileadmin/images/kran.png) 0 bottom no-repeat;
    margin:0px auto;	
	top:0px;
	left:0px;
	z-index: 3;
	position:absolute;
	
}
#left{
			height:auto;
			width:120px;
			left:75px;
			top:244px;
			z-index: 2;
			  
			position:absolute;
			
			 
} 
#left .csc-textpic-imagewrap{
	margin-top:6px;
	 
	
}

#left  img{
	border: 1px solid #ffffff;
}
#left .csc-textpic-caption{
	font-size:10px;
	color:#ffffff;
	
}

#content .csc-textpic-caption{
	font-size:10px;
	color:#ffffff;
	
}

#content{
			height:auto;
			width:645px;
			left:247px;
			top:244px;
			z-index: 5;
			color:#ffffff;	 
			position:absolute;
}

#content .csc-textpic{
	width:100%;
	
}

#content .csc-textpic-imagewrap{
	/*width:234px;*/
	height:100%;
	margin-top: 20px!important;
	margin-left:40px!important;
}

#content .csc-textpic-left .csc-textpic-imagewrap{
	margin-left:0px!important;
}

#content  {
	 
	margin-bottom:5px;
}

#content .contenttable{
	height:100%;
}


#content .contenttable {
	width:100%;
	
	color:#ffffff;
}

#content .contenttable td{
	
}

 

.farbigeslayout{
    width:435px ;
	height:auto;
	margin-top:20px;
	
	line-height:170%;
     
	background-image:url(../../fileadmin/bgpics/teaser.png);
	padding-left:20px; 
	padding-top:10px;
	padding-bottom:10px;
}

#content .farbigeslayout .bodytext{
	width:400px;
}

.news-single-item a,
.bodytext a{
text-decoration:underline;
color:#ffffff;
}

.clear{
 clear:both;
}

/**/
.title,.csc-firstHeader{
    text-transform:uppercase;
	font-weight: bold;
	padding-bottom:5px;
}

p.orange-list-headline {
	float: left; 
	color: #f3c000;
	margin: 0 20px 0 0;
	line-height: 20px;
	font-weight: normal;
}

p.orange-list-text {
	float: left; 
	width: 370px;
	border-left: #f3c000 1px solid;
	padding: 0 0 0 20px;
	line-height: 20px;
	font-weight: normal;
}

.subtitle{
	font-weight:bold;
	padding-bottom:15px;
	color:#f3c000;
}
.normallayout .csc-header-n2{
    font-weight:bold;
	padding-bottom:5px;
}

.normallayout .csc-header-n2 h1{
    
	padding-top:10px;
}

.normallayout a,.magiclist a{
	text-decoration:underline;
	color:#ffffff;
	}
.normallayout li,.magiclist li{
 background: url(../../fileadmin/images/dreieck_weis.gif) no-repeat 0px 3px;
 padding-left:15px;
}
.magiclist li a{
	text-decoration:none;
} 

.normallayout li li,.magiclist li li{
	margin-left:10px;
	background: url(../../fileadmin/images/linie_weis.gif) no-repeat 0px 3px;	
}

/*news */ 
#news-liste{
	position:absolute;
	top:185px;
	left:20px;
	width:auto;
	height:auto;
	z-index: 6;
	
	 
}



#news-liste a{
	text-decoration:none;
}

#newsmenu{
    position:absolute;
	top:165px;
	left:65px;
	width:auto;
	height:auto;
	z-index: 6;
	font-size:10px;  

}
#newsmenu a{
  width:80px; 	
  height:10px;
  display:block;
  color:#46859d; 
  text-decoration:none;
  font-weight:bold;
  
 padding-left:20px;
  
  background:url(../../fileadmin/images/news_pfeil_unten.gif) no-repeat;
  background-position:62px 7px;
  
}

div#newsmenu1 a:hover{
  width:80px; 	
   height:10px;
  display:block;
  color:#f3c000; 
  text-decoration:none;
  font-weight:bold;
  
 padding-left:20px;
 
  background:url(../../fileadmin/images/news_pfeil_unten.gif) no-repeat;
  background-position:62px 7px;
  
}


#newsdiv{
	
	width:380px;
	height:500px;
	
 
}
.pic  {
	position:relative;
	 left:10px;
	 width:144px;
	height:auto;
	overflow:hidden;
	top:40px;
	z-index:10;
	background:url(../../uploads/pics/news_bild.gif) no-repeat;
}

.pic img{
 position:relative;
	top:0px;
	right:-12%;
	 width:auto;
}

.news .left{
	width:180px;
	float:left;	
}

.inhalt,.date,.free{
	width:140px;
    margin-left:15px;
	color:#46859d;
}
 .inhalt a, .date a,.free a{
   color:#46859d;
}
.date{
padding-top:5px;
}
.inhalt{
	  

	
}
.news{
width:auto;
   height: 74px;
   
}
.leftline{
   width:140px;
   border-bottom:1px solid #a2c2ce;
   margin-left:15px;
   font-size:1px;
   line-height:1px;
}

img{
	border:none;
}

.news-single-item{
	background-color: transparent;
	border:0;
	padding:0;
	width:620px;
	
}


.news-single-img{
 
	float:left;
	margin:0;
	margin-top:12px;
	padding:0;
}

.news-single-img a.lightbox{
	margin-top: 20px;
	
	

}


.news-single-date{

	
}

.news-single-item h2{
  margin-top:10px;
  text-transform:uppercase;
  
  color:#F3C000;
  	font: normal 11px/16px Verdana,Geneva,Arial,Helvetica,sans-serif;
	
	font-weight:bold;

	
}
.news-single-item h2{
margin-top:10px;
padding-bottom:10px;
	
}
/*men�*/

.sub {
 
}

.layer a{
	font-weight:bold;
	text-decoration:none;
    color:#a2c2ce;	
	letter-spacing: 0px;
	font-size: 11px;
}
.layer a:hover,.layer_aktiv a{
	font-weight:bold;
	text-decoration:none;
    color:#f3c000;	
	width:300px;
	letter-spacing: 0px;	
	font-size: 11px;
}
.ausgewaehlt a , .ausgewaehlt a:hover {
font-weight:bold;
	text-decoration:none;
    color:#f3c000;	
	letter-spacing: 0px;	
	font-size: 11px;	 
	 background:url(../../fileadmin/images/bg_hover.png);
	 display:block;
	 height:auto;
	 width:300px;
	
}
 
.ausgewaehlt {
	
}


.menue{
	position:absolute;
    top:166px;
	left:248px;
	margin:0;
	padding:0;
	z-index:16;
	font-size:10px;
	white-space:nowrap;
}
.menue a{
	font-weight:bold;
	
}
.menue .aktiv a,.menue a:hover{
	font-weight:bold;
	text-decoration:none;
    color:#f3c000;	
	display:block;
	white-space:nowrap;

}


.menue td{
	padding-right:20px;
}


.menue a{
	text-decoration:none;
	color:#ffffff;
	white-space:nowrap;
}

/* farbe von newsletter, login home*/
.NO24 a,.NO22 a,.NO23 a,.NO32 a{
 color:#a2c2ce;	
}
 

/*Supersized Stamp*/
.stamp{
	float: right;
	margin: 25px 20px 0 0;
}

#supersize {
	display: none;
}


		
/* SCROLL */
/*
#newsdiv  .jspContainer{position: absolute;overflow:hidden;z-index: 3;}
#newsdiv  .jspTrack{position: absolute;cursor: pointer;left: 177px;top: 0;height: 100%;background-color:#ffffff;}
#newsdiv  .jspDrag{position: absolute;cursor: pointer;overflow: hidden;background-color:#f3c000;}


#newsdiv  .jspDragTop{position: absolute;top: 0;left: 0;overflow: hidden;height: 0px;}
#newsdiv  .jspDragBottom{position: absolute;bottom: 0;left: 0;overflow: hidden;height: 0px;}
*/
#newsdiv .scroll-pane{overflow:  hidden;  height:420px;
	background-image:url(../../fileadmin/images/weis.gif);
	background-repeat:repeat-y;
}

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	
	position: absolute;
	top: 0;
	left: 177px;
	width: 8px;
	height: 100%;
	cursor: pointer
	

}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;

}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #ffffff;
	position: relative;
}

.jspDrag
{
	background: #f3c000;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;

}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
	cursor: pointer;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}




#content  .jScrollPaneContainer{position: absolute;overflow:hidden;z-index: 33;}
#content  .jScrollPaneTrack{position: absolute;cursor: pointer;right:0px;top: 0;height: 100%;background-color:#ffffff;}
#content  .jScrollPaneDrag{position: absolute;cursor: pointer;overflow: hidden;background-color:#f3c000;}


#content  .jScrollPaneDragTop{position: absolute;top: 0;left: 0;overflow: hidden;height: 0px;}
#content  .jScrollPaneDragBottom{position: absolute;bottom: 0;left: 0;overflow: hidden;height: 0px;}

/* #content  .scroll-pane{overflow:  hidden;  height:360px;} */
#content{
 
}


#teaser{
	position:absolute;
	top:630px;
	left:40px;
    width:350px;
	height:100px;
	background-image:url(../../fileadmin/bgpics/teaser.png);
}

 #form_kundenwahl{
	position:absolute;
	top:-30px;
	left:217px;
}
#form_kategoriewahl{
	position:absolute;
	top:-30px;
	left:0px;
	
	
}
.tx-ambildergalerie-pi1 .tx-ambildergalerie-pi1-listrowField-bild {
    width:200px;
	height:146px;	 
	margin-right:15px;
	margin-top:0px;
	float:left;
	 
}

#lightbox-image-details-caption{
    color:#46859d;
}
#lightbox-container-image-data-box{
	
    
}

.selectgallerie {
	font: normal 9px/9px Verdana,Geneva,Arial,Helvetica,sans-serif;	
	color:#46859D;
	font-size:11px; 
	width:201px;	
}

#mailform  {border:none;

width:450px;
padding:0px;
}

 
DIV.csc-mailform-field { 
	margin-bottom:6px;  
	font: normal 11px/11px Verdana,Geneva,Arial,Helvetica,sans-serif;	
}

DIV.csc-mailform-field  select{ 
	font: normal 11px/11px Verdana,Geneva,Arial,Helvetica,sans-serif;	
	color:#46859D;
	width: 55px;
}

DIV.csc-mailform-field label {
	width:80px; 
	display:block; 
	float:left; 
	vertical-align: middle;
	line-height: 100%;
	margin-top:3px;
	font-size: 12px;
	height: 18px;
}

.csc-loginform DIV.csc-mailform-field label {
	width:120px; 
	display:block; 
	float:left; 
	vertical-align: middle;
	line-height: 100%;
	margin-top:3px;
	font-size: 12px;

}

.csc-mailform-field  INPUT {
 	width:178px;
	font: normal 11px/11px Verdana,Geneva,Arial,Helvetica,sans-serif;	
	color:#46859D;
	font-size:11px;
	height: 18px;
	border: 1px solid #ccc;	
	
 }
 
DIV.csc-mailform-field INPUT.csc-mailform-submit{
 margin-top:0px;
 margin-left:80px;
 width:180px;
 border: 0px;
 height: auto;
 }

.csc-loginform DIV.csc-mailform-field INPUT.csc-mailform-submit {
	margin-left: 120px;
	
}

.loginsubmit DIV.csc-mailform-field INPUT.csc-mailform-submit{
	margin-left:0px; 
	margin-top:10px; 
  }

#mailformimagebroschuere_bestellen{
	width:10px;
}
 
 #mailformaddresse{
	width:268px;
	overflow:  hidden;
 }
 
 .tx-danewslettersubscription-pi1 form{
	border:none;

width:450px;
padding:30px;

 }
.tx-danewslettersubscription-pi1-form-header{
color:#ffffff;
}
.tx-danewslettersubscription-pi1-form-row{
 margin-left:0px; 
 color:#fff;
 border:none;
 height:18px;
 margin-top:10px;
 height:10px;
 font-size:11px;
 width:130px;
 
}

.tx-amnewsletteranmeldung-pi1{
	color:#fff;
}

.tx-amnewsletteranmeldung-pi1 label{
	color:#fff;
	
}
.tx-amnewsletteranmeldung-pi1 .error{
	color:red;
	
}

.tx-amnewsletteranmeldung-pi1  select{
	font: normal 9px/9px Verdana,Geneva,Arial,Helvetica,sans-serif;	
	color:#46859D;
	font-size:11px; 
	width:55px;	
}
.tx-amnewsletteranmeldung-pi1 input{
	font: normal 11px/11px Verdana,Geneva,Arial,Helvetica,sans-serif;
	color:#46859D;
	font-size:11px; 
	width: 178px;
	border: 1px solid #ccc;
	height: 18px;
	
}
.inputimage,
.tx-amnewsletteranmeldung-pi1 .inputimage,
.tx-amnewsletteranmeldung-pi1 input.inputimage {
	width: 180px!important;
	border: 0px!important;
	height: auto!important;
	
}

.tx-amnewsletteranmeldung-pi1  td{
	height:25px;
	width:80px;
}
.tx-amnewsletteranmeldung-pi1  p{
	margin-bottom:12px;
}

.csc-uploads-fileName {
	padding-bottom:10px;
}

.last a{
text-decoration:underline;
color:#ffffff;
}

/* powermail */
fieldset.tx-powermail-pi1_fieldset legend {
	/* legend of Fieldset */
	font-weight: bold;
}

fieldset.tx-powermail-pi1_fieldset label {
	/* label */
	display: block;
	width: 80px;
	float: left;
	clear: both;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select.powermail_select {
	/* Input and textarea */
	width: 176px;
	color:#46859D;
	font-size:11px; 
}

#powermaildiv_uid1 input {
	margin-left:100px;
}
div.tx_powermail_pi1_fieldwrap_html {
	/* DIV container arround every field */
	margin: 10px 0;
}
.tx_powermail_pi1_fieldwrap_html_checkbox_title {
	padding-left:0px;
}

fieldset.tx-powermail-pi1_fieldset .powermail_check_inner_uid2_0 label{
	display:none;
}
#check_uid2_0{
	margin-left:0px;
	margin-top: 0px;

}

DIV.csc-textpic DIV.csc-textpic-single-image IMG {
	margin-bottom: 0px;	
}