@charset "utf-8";


/* Startseiten Container für "Aktuelle Projekte" */
#c2053 {margin-left:260px}



* {padding:0px; margin:0px;border:0px}



html {height:100%}
body {
	margin: 0px;
	border:0px;
	text-align: center;
	/*font: normal 15px/140% Syntax,'Bitstream Vera Sans','Microsoft Sans Serif', Arial, sans-serif;*/
	font: normal 13px/145% 'Bitstream Vera Sans','Microsoft Sans Serif', Arial, sans-serif;
	background-color:#fff;
	color:#3F3F3F;
}


/*---------------  layout container ------------------*/



#logo {z-index:100;position:absolute;top:0px;left:20px;width:200px; height:100px; text-align:left; overflow:hidden}
#logo img {border:0;}
#logo_print {display:none}


#wrap {
	clear:both;
	max-width: 1600px; 
	background-color: transparent;
	text-align: left;
	padding: 245px 0px 0px 60px;
}

#content_b {
	max-width: 1200px; 
	background-color: transparent;
	text-align: left;
	padding: 35px 0px 0px 35px;
}

#footer, .preloader {display:none}


/* Floatverhalten und unterer Abstand aller Boxen */
.box {float: left; text-align:left; /*border: 1px solid fuchsia */
}

/* schmale Boxen */
.thinBox_top {width:260px;}
.thinBox {width:250px;padding:8px 5px 0px}
.thinBox_bottom { width:260px; height:27px; padding:0}

.ttdark {background: transparent url(../img_style/thinBoxDark_top.png) top center no-repeat; color: #dedede;}
.ttdark h3 {color: #fff}
.ttdark h4 {color: #efefef}
.tbdark {background: transparent url(../img_style/thinBoxDark_bottom.png) top center no-repeat;}

.ttlight {background: transparent url(../img_style/thinBoxLight_top.png) top center no-repeat;color:#333 /*color: #5B5B5B*/;}
.ttlight h3 {color: #666}
.ttlight h4 {color: #000}
.tblight {background: transparent url(../img_style/thinBoxLight_bottom.png) top center no-repeat;}


/* breite Boxen */
.fatBox_top {width:520px;}
.fatBox_bottom {width:520px; height:27px; padding:0}

.ftdark{background: transparent url(../img_style/fatBoxDark_top.png) top center no-repeat; color: #dedede;}
.ftdark h3 {color: #fff}
.ftdark h4 {color: #efefef}
.fbdark{background: transparent url(../img_style/fatBoxDark_bottom.png) top center no-repeat;}

.ftlight{background: transparent url(../img_style/fatBoxLight_top.png) top center no-repeat; color: #1F1B1B;}
.ftlight h3 {color: #666}
.ftlight h4 {color: #000}
.fblight{background: transparent url(../img_style/fatBoxLight_bottom.png) top center no-repeat;}

/* große Boxen über ganze Breite */
.bigBox_top {width:780px;  }
.bigBox_bottom {width:780px; height:27px; padding:0}

.btdark{background: transparent url(../img_style/bigBoxDark_top.png) top center no-repeat; color: #dedede;}
.btdark h3 {color: #fff}
.btdark h4 {color: #efefef}
.bbdark{background: transparent url(../img_style/bigBoxDark_bottom.png) top center no-repeat;}

.btlight{background: transparent url(../img_style/bigBoxLight_top.png) top center no-repeat; color: #333;}
.btlight h3 {color: #666}
.btlight h4 {color: #000}
.bblight{background: transparent url(../img_style/bigBoxLight_bottom.png) top center no-repeat;}


/* gemeinsame Werte Boxen */
.thinBox_top, .fatBox_top, .bigBox_top {padding:25px 0 0 0; min-height:296px }

/*-- Abstand Contenelemente zu boxen --*/
.thinBox_top p, .thinBox_top div, .thinBox_top ul, .fatBox_top p, .fatBox_top div, .fatBox_top ul, .bigBox_top p, .bigBox_top div, .bigBox_top ul {padding: 0px 18px; margin:0;}
.thinBox_top div div, .thinBox_top div div div, .fatBox_top div div, .fatBox_top div div div, .bigBox_top div div, .bigBox_top div div div {padding:0px;margin:0;}
.ref_box div, .ref_box div div, .ref_box div div div,  .ref_box p.bodytext {padding:0px;margin:0;}


/* Referenz Bild */
div.ref_box  {float:left; padding:0px 0px 0px 20px}

/*-- Typografie --*/

#content a:link, #content a:visited, #content a:active {color: #cc3333; /*color: #cd5c5c*/; text-decoration:none;}
#content a:hover {text-decoration: underline}
#content a.external-link-new-window {font-weight: bold; font-size: 13px; line-height:250%; padding-bottom: 3px; border-bottom: 1px dotted #cc3333}
#content a.external-link-new-window:hover {text-decoration: none}
#content .ttdark a, #content .ftdark a, #content .btdark a {color: #FF8F8F; }
#content .ttdark a:visited, #content .ftdark a:visited, #content .btdark a:visited {color: #FF8F8F; }
.ttdark a.external-link-new-window, .ftdark a.external-link-new-window, .btdark a.external-link-new-window {color: #fff ! important; }


/* #content_b a:link, #content_b a:visited, #content_B a:active {color: #cd5c5c; text-decoration:none;}
#content_b a:hover {text-decoration: underline} */

h1,h2,h3,h4  { padding-top:0.3em; padding-left:9px; margin: 0px;font-weight:normal}
/*.box h1,.box h2,.box h3,.box h4 {padding-left:0}*/ 
h1 {font-size: 1.4em;text-transform:uppercase;margin-bottom:0.8em}
h2 {font-size: 0.8em; padding:0.1em 9px 0.8em;}
h3 {font-size: 0.9em;text-transform:uppercase;padding-bottom:0.8em;}
h4 {font-size: 1.1em;text-transform:uppercase;margin-bottom:0.8em}
h4 .portfolio {font-size:1.05em;font-family:"Segoe Script","Skia","Arial", sans-serif;}
h4 a .portfolio, h4 a:link .portfolio, h4 a.visited .portfolio  {color:#38224F}
h5 {font-size: 90%;}
.scroll {border-bottom:1px dashed #dedede;}
.scrollContainer h4 {font-size:1.28em;border-bottom:1px dashed #dedede;margin-bottom:0.5em;padding-bottom:0.3em}


p {padding-top: 0.5em;padding-bottom:0em; margin-left:0.6em }
.box p, .box ul {margin-left:0.6em;padding:0px}
.csc-textpic-text p {padding:0px ! important }

/* Sitemap Menüs */
.csc-menu-1 {list-style-type:none;padding:0px;margin:0px}
.csc-menu-1 li a {font-size:96%;}

/* Liste */
.csc-bulletlist ul {padding:0px}
.csc-bulletlist-1 li {margin: 0em;padding:0em;list-style-type:none;line-height:130%;}
.csc-bulletlist-2 li{ list-style-type:none; font-size:1.2em; line-height:130%;margin:0em;padding:0em}

/* Formulare*/
div.tx-felogin-pi1 {width: 450px} 
.tx-felogin-pi1 form, div.tx-felogin-pi1 div {margin: 0.6em;}
div.tx-felogin-pi1 legend {display:none}
.tx-felogin-pi1 form label {float:left; width: 80px; color: #000; font-size: 80%}
.tx-felogin-pi1 form input {border: 1px dotted #ccc; background-color: #f9f9f9; padding: 0px 2px; }
.tx-felogin-pi1 form input:focus {background-color: #000; color:#fff}
.tx-felogin-pi1 form input[type="submit"] {border: 1px solid #000; background-color: #333; color: #fff; margin-left: 80px; }
div.tx-felogin-pi1 h3 {text-transform: none; font-weight: bold}



/* Start Teaser */
.teaser {clear:both;width: 482px;}
.teaser_top {height:4px;}
.teaser_body {min-height:92px;background:#fff;border-bottom:1px dashed #dedede}
.teaser_bottom {height:10px;}
.teaser {line-height:120% }
.teaser h1, .teaser h1 a:link, .teaser h1 a:visited,  .teaser h3, .teaser h3 a:link, .teaser h3 a:visited  {font-size:14px;letter-spacing:-0.05em;font-weight:bold;color:#000;line-height:120%;margin:0; padding-bottom: 0.4em;}
.teaser_body h2, .teaser_body h3 {padding-left:7px}
.teaser_body h2 {padding-bottom:0px}

.teaser p, .teaser div  {padding: 0px;font-size:13.5px}
.teaser p {padding-right:15px}
.teaser div.csc-textpic-imagewrap {margin:0px 10px 0px 5px !important;}

.teaser p.bodytext a:hover {color:#000; text-decoration:underline}
.teaser em {color:#666;font-size:12px}
#content .teaser a:link, #content .teaser a:visited, #content .teaser a:active {color:#3F3F3F ! important; }



/*  Text IMG Rand Teaser */
.teaser div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {padding:0px! important}
.teaser div.csc-textpic-imagewrap dl {border:0px ! important; padding:0px ! important; margin:0px}


.clear {width:100%;clear:both; }
.csc-textpic-clear {line-height:0em;font-size:0em}

/* Download Formatierung */
table.csc-uploads td {vertical-align: top}
table.csc-uploads {float:left}
td.csc-uploads-fileName {display:none}

/* logout Link */
#logout {position: absolute; top: 5px; right: 20px; display: block; width: 160px; height:30px; 
  background: transparent url(../img_style/submit.gif) top left no-repeat}
#logout a:link, #logout a:visited, #logout a:hover {color: #D04646; font-weight: bold; line-height:200%; padding: 3px; text-decoration: none}


/* –--------–--------–-------- Navigation nav –--------–-------------------------------*/
/* Main Navigation */
#mnav { position:absolute; top:15px; left:320px; width:670px; }
#mnav ul { list-style-type:none;padding:0px;margin:0px;}
#mnav li {float:left; list-style:none; padding:0px 12px 0px;}
#mnav li a {display:block;font-size: 0.9em;color:#666; text-decoration:none}


#snav {position:absolute; top:40px; left:295px;list-style-type:none;padding:0px;margin:0px}
#snav li {float:left; list-style:none; padding:0px 10px 0px;}
#snav li a {display:block;font-size: 0.7em;color:#666; text-decoration:none}

#snav li a.active, #mnav li a.active {color:#CC3333; ! important}

/* Ref Paginierung*/
div.tx-gsipagenav-pi1 {display:inline-block}
table.pb {padding:0px; border-collapse:collapse; width:225px;margin-bottom:5px; margin-left:10px}
td.prev {width: 20px; text-align:left;padding-right:25px;overflow:hidden;text-indent:-2000px} 
td.next {width: 20px; text-align:right; padding-left:25px;overflow:hidden;text-indent:2000px}
table.pb td.prev a {display:block;height:18px;width: 20px; background: transparent url(../img_style/prev.gif) bottom left no-repeat} 
table.pb td.next a {display:block;height:18px;width: 20px; background: transparent url(../img_style/next.gif) bottom right no-repeat}
table.pb td a:link, table.pb td a:visited, table.pb td a:hover {color:#fff ! important; font-size: 0.0001em}


/* –--------–--------–-------- Referenzen Menü remen –--------–-------------------------------*/
div.rmen {
	z-index:550;position:absolute; top:95px; left:200px; padding-left:0px; width: 749px;
	border-width:0px 1px 1px 0px;border-style: dashed;border-color: #ccc; 
	}

#kwicks_container { 
	height: 122px; float:right; padding: 0px 0px 0px 4px ;
	background:transparent url(../img_style/rmen_bg_l.gif) center left no-repeat; 
	}
#kwicks {
	position: relative; 
}

#kwicks .kwick.no {
	float: left;
	display: block;
	width: 33px; /* ebenso im JS Seitenheader angleichen */
	height: 122px;
	background-repeat:no-repeat ! important;
	background-position: -3px -2px ! important;
	background-color:transparent;
}

#kwicks .kwick.act{
	float: left;
	display: block;
	border-right:1px solid #993333;
	width: 40px; /* ebenso im JS Seitenheader angleichen */
	height: 122px;
	background-color:#fff;
	background-repeat:no-repeat ! important;
	background-position: -3px -2px ! important;
  }


#kwicks .kwick a:link, #kwicks .kwick a:visited, #kwicks .kwick a:hover {
	display:block;
	width:100%;height:122px  ;
	background-color: transparent;
  }
  
/* #kwicks .kwick a span.menu {display:none} */
#kwicks .kwick a strong.menu {display:none}



/*-----–--------  rmen tooltip -----–-------- */
#kwicks .kwick a {text-decoration:none}

#kwicks .kwick a:hover {
   position: relative;
}
#kwicks .kwick a span.tool {
   display: none;
}
#kwicks .kwick a:hover span.tool {
   display: block; width: 172px; height:44px;overflow:hidden;
   position: absolute; top: -44px; left: 0px; 
   text-align:left;
  
   /* formatting only styles */
   padding: 3px 4px 0px 4px; z-index: 75;
   background: transparent url(/fileadmin/templates/img_style/tooltip_bg.gif) top left no-repeat; 
   font: bold 11px/125% Arial, sans-serif; color: #f5f5f5 ! important; 
   /* end formatting */
 }



/* –--------–--------–-------- Content Glider glider –--------–-------------------------------*/
#slider {
margin:0 auto;
position:relative;
}
.scroll {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
clear:left;
overflow-x:hidden;
overflow-y:auto;
position:relative;
}
.scrollContainer div.panel {
padding:0;
}
.scrollButtons {
cursor:pointer;
}
ul.navigation {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0 0 0 7px;
white-space:nowrap;
}
div#slider_nav {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
float:left;
width:100%;
}
ul.navigation li {
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
float:left;
margin:5px 5px 0 0;
padding:0;
}
ul.navigation li.selected {
border-bottom:1px solid #FFFFFF;
}
ul.navigation a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#ECECEC none repeat scroll 0 0;
color:#333344;
display:block;
float:left;
font-weight:normal;
padding:1px 11px 1px 8px;
text-decoration:none;
text-transform:none;
width:auto;
}
ul.navigation a:hover, ul.navigation li.selected a {
background-color:transparent;
}
ul.navigation #current a {
background-color:#FFFFFF;
border-bottom:1px solid #FFFFFF;
}
.scrollButtons {
cursor:pointer;
position:absolute;
top:8px;
}
.scrollButtons.left {
left:-25px;
}
.scrollButtons.right {
right:-25px;
}

.tel {font-family:monospace}