/*ACHTUNG: 

Das IE7.js/IE8.js-Skript (um Darstellungsprobleme beim IE6 zu umgehen) hat Schwierigekleiten mit Umlauten in CSS-Dateien, AUCH IN DEN KOMMENTAREN!!! Die typische Fehlermeldung in der Javascript-Konsole lautet: "style ist null oder kein Objekt" 

Ansonsten:
Die Schrift Lucida NIE benutzen, sie rendert stark unterschiedlich
"floated"-Divs muessen ein display:inline und overflow:hidden notiert haben
Container, die Floatende Divs enthalten, muessen overflow:auto und eine width und/oder height-Angabe haben

*/

/* RESET fuer alle Abstaende etc: */
@import"reset.css";
/* Wichtige Farben
Name Farbe 1 		= #
Name Farbe 2		= #
*/
html, body {
	height:100%;
}
/*wichtig bei zentriertem Inhalt, damit die Seite nicht wegen eingeblendeter Scrollbars springt*/
body{
  overflow: -moz-scrollbars-vertical;
  background:#F8F7F5;
}


sup{
	font-size:85%;
	vertical-align:top;
}
sub{
	font-size:85%;
	vertical-align:bottom;
}
body, html, p, div, table, td, input, textarea, select, h1, h2, h3, h4, h5, h6, ul, ol, li {
	/* font-family: Arial; */
	font-family:"PT Sans", Helvetica, Arial, sans-serif;
	font-size:13px;
	margin:0;
	padding:0;
}
body {
}
p, ul, ol {
	margin-bottom:10px;
}
/* Bug im IE:  Inputfelder haben immer einen Margin oben*/
input {
	margin:-1px 0;
}      /* all browsers read this, used to target IE6 */
html>body input {
	margin:0px;
}       /* IE 6 cannot read this, others can */
*+html>body input {
	margin:-1px 0;
}      /* targets IE7 */
/* Hier allgemeingültige Formatierungen */
#b_spalte2 a, #spalte3 a, #c_spalte5_zusatztext a, #c_spalte3 a, #b_spalte2 a{
	color:#F19A00;
	text-decoration:none;
	padding-left:10px;
	background:url(/fileadmin/templates/m/a-pfeil.gif) no-repeat 2px center;
}
#b_spalte img{
	display:none;
}
#b_spalte2 a:hover,#c_spalte3 a:hover, #c_spalte5_zusatztext a:hover, #c_spalte3 a:hover, #b_spalte2 a:hover{
	text-decoration:underline;
}

h2{
	font-size:20px;
	margin-bottom:15px;
	font-weight:normal;
	line-height:25px;
}
h2.csc-subheader{
	font-weight:bold;
	margin-top:-15px;
	margin-bottom:5px;
}
h3{
	font-size:11px;
	font-weight:bold;
	margin-bottom:15px;
	text-transform:uppercase;
	letter-spacing:1px;
}
.divider hr{
	display:none;
}
.divider{
	height:1px;
	line-height:1px;
	overflow:none;
	background:url(../m/bg_divider.gif) repeat-x;
	margin-bottom:10px;
}
.align-right{
	text-align:right;	
}
.align-left{
	text-align:left;	
}
.align-center{
	text-align:center;	
}
td{
	vertical-align:top;	
}
#c_spalte3 ul, #b_spalte2 ul, #c_spalte5_zusatztext ul, #c_spalte3 ol, #b_spalte2 ol, #c_spalte5_zusatztext ol{
	margin-left:0;
}
#c_spalte3 ul ul, #b_spalte2 ul ul, #c_spalte5_zusatztext ul ul, #c_spalte3 ol ol, #b_spalte2 ol ol, #c_spalte5_zusatztext ol ol{
	margin-bottom:0;
}
#c_spalte3 li, #b_spalte2 li, #c_spalte5_zusatztext li{
	padding-left:10px;	
	background:url(../m/dot.gif) no-repeat 0 0.7em;
}
/* Beginn CLEAR-Problematik */
	/* Oft ist das Clearen gar nicht noetig: Man kann dem umgebenden Container ein "overflow:auto;" oder auch ein "overflow:hidden;" geben und eine Breitenangabe. Floatende Divs benoetigen eine Breitenangabe, "diplay:inline" und "overflow:hidden;". Das Layout muss bei Anwendung bitte in den verschiedenen Browsern getestet werden. */
	.cl {
	clear:both;
	height:0;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
}
/* ALTERNATIV kann auch dem umgebenden Container die Klasse .clearfix migeben, die nachfolgend definiert ist. */
	.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/* Hide from IE Mac \*/
	.clearfix {
	display:block;
}
/* End hide from IE Mac */
	/*Angabe fuer IE6*/
	* html .clearfix {
	height:1px;
}
/*Ende Angabe fuer IE6*/
/* Ende CLEAR-Problematik */

/* Klasse sinnvoll bei Dingen, die beispielsweise nur im Drucklayout abgezeigt werden sollen */
.inv {
	display:none;
}
/* Sektionsweite Formatierungen */
#allwrap {
	background: url(../m/bg_atelier-14.gif) repeat-x;
}
#slideBGWrapper{
	position:absolute;
	width:100%;
	height:350px;
	z-index:3;
	top:30px;
	left:0;
}
#slideBGWrapper div{
	height:350px;
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
}
#wrapper {
	width:1010px;
	margin:auto;
	padding-bottom:20px;
	z-index:5;
	position:relative;
}
#headwrapper {
	overflow:hidden;
	padding-top:10px;
	height:20px;
	text-transform:uppercase;
	color:#afafaf;
	padding-left:60px;
	padding-right:30px;
}
#headwrapper a {
	color:#afafaf;
	text-decoration:none;
	text-transform:uppercase;
	font-size:10px;
}
#h_spalte1 {
	float:left;
	display:inline;
	width:250px;
	height:20px;
	overflow:hidden;
	text-align: center;
	font-size:10px;
}
#h_spalte2 {
	float:right;
	display:inline;
	font-size:10px;
}
#headwrapper li {
	display:inline;
	margin-right:8px;
}
#bildzeile {
	height:360px;
	position:relative;
}
#b_spalte1 {
	width:250px;
	left:60px;
	/*background:green;*/
	height:320px;
	overflow:hidden;
	position:absolute;
	z-index:99;
}
#b_spalte2 {
	width:920px;
	left:60px;
	/*background: url(../m/bg_b_spalte2.gif) 250px 30px no-repeat;*/
	height:350px;
	position:absolute;
	z-index:99;
}


#content {
	overflow:auto;
	width:1010px;
	line-height:1.5em;
}
#c_spalte1, #c_spalte1 a, #c_spalte2 a, #c_spalte5_navi a{
	font-size:13px;	
}
#c_spalte1 li, #c_spalte2 li, #c_spalte5_navi li{
	margin-bottom:10px;	
}
#c_spalte1, #c_spalte2, #c_spalte3, #c_spalte4, #c_spalte5 {
	float:left;
	display:inline;
}
#c_spalte1 {
	width:130px;
	padding: 0 20px 20px 30px;
}
#c_spalte1 .count{
	width:50px;
	display:inline-block;
	text-align:right;
	padding-right:10px;
	cursor:pointer;
	vertical-align:top;
	display:none;
}
#c_spalte1 .nav{
	width:95px;
	display:inline-block;
	cursor:pointer;
	margin-left:60px;
	/* font-family:"Arial Narrow"; */
	font-family:"PT Sans", Helvetica, Arial, sans-serif;
}
#c_spalte1 li, #c_spalte1 li a{
	color:#000;
	text-decoration:none;
	display:block;
}
#c_spalte1 li:hover .count, #c_spalte1 li.on .count{
	color:#000;
}
#c_spalte1 li:hover a, #c_spalte1 li.on a, #c_spalte1 li:hover, #c_spalte1 li.on, #c_spalte2 li.on a:hover, h3{
	color:#f19a00;
}
#c_spalte1 li.on a{
}
#c_spalte2 {
	width:110px;
	padding: 0 20px 20px 0;
}
#c_spalte2 li a, #c_spalte5_navi li a{
	color:#000;
	text-decoration:none;
	/* font-family:"Arial Narrow"; */
	font-family:"PT Sans", Helvetica, Arial, sans-serif;
}
#c_spalte2 a:hover, #c_spalte2 li.on a, #c_spalte2 li.on li a:hover, #c_spalte2 li.on li.on a, #c_spalte5 li a:hover, #c_spalte5_navi li.on a, #c_spalte5 li.on li a:hover, #c_spalte5 li.on li.on a, #headwrapper a:hover, #headwrapper li.on a{
	color:#f19a00;
}

#c_spalte5 li.on li a{
	color:#000;
}
#c_spalte2 li.on li a{
	color:#000;
}
#c_spalte2 ul, #c_spalte5 ul{
	margin-bottom:0;
}
#c_spalte2 li.on li.on, #c_spalte5 li.on li.on{
	margin-bottom:6px;
}
#c_spalte2 li li:first-child, #c_spalte5 li li:first-child{
	margin-top:6px;
}
#c_spalte3 {
	width:405px;
	margin-left:30px;
	padding:0 20px 20px 20px;
}
#c_spalte4 {
	width:405px;
	margin-left:30px;
	padding:0 20px 20px 20px;
	display:none;
}
#c_spalte5 {
	width:175px;
	padding: 0 40px 20px 0;
}
#c_spalte5_navi{
}


/* Plugins */
.tx-indexedsearch-rules, .tx-indexedsearch-searchbox form p:last-child{
	display:none;
}
.tx-indexedsearch-whatis{
	border-top:1px solid #a0a0a0;;
	padding-top:15px;
	margin-top:10px;
	font-style:italic;
	
}
.tx-indexedsearch-browsebox{
	font-style:italic;
}
.tx-indexedsearch-searchbox-sword{
	width:205px;
}
.tx-fdfx2cols-pi1{
	width:405px;	
}
div.c2l1d-left{
	border:none;
	padding-right:20px;
	width:192px;
}
div.c2l1d-middle{
	border:none;
	width:192px;	
	position:relative;
	left:212px;
}
/* RTE Slideshow */
.tx-3srteslideshow-pi1{
	position:relative;
	z-index:50;
}
.tx-3srteslideshow-pi1 .slider{
	margin-left:30px;
}
.rteTop{
	height:320px;	
	line-height:1.8em;
}
.rteTop .image{
	height:320px;
	overflow:hidden;
}
.rteBottom .text{
	padding: 20px 20px 20px 50px;
	line-height:1.5em;
	width:405px;
}
.rteBottom .image{
	margin-top:20px;
}
.slider{
	padding:0 0 0 20px;
	background:#fff;
	margin-right:2px;
	position:relative;
	border-right:2px solid #D5D4CD;
}
.tx-3srteslideshow-pi1 .middle{
	left:250px;
	position:absolute;
	overflow:auto;
	height:15px;
	width:670px;
}
.tx-3srteslideshow-pi1 .rteBottom{
	left:250px;
	position:absolute;
}
.slider, .text_middle, .stepButtons{
	height:15px;
	line-height:15px;
	overflow:hidden;
	display:inline;
	float:left;
}
.stepButtons{
	position:absolute;
	left:50px;
	width:60px;
	z-index:990;
}
.text_middle{
	position:absolute;
	left:105px;
	width:535px;
	padding-right:30px;
	color:#a0a0a0;
	overflow:hidden;
		
}
#b_spalte2 .slider a{
	text-decoration:none;
	color:#D5D4CD;
	padding: 0 5px;
	font-size:12px;
	border-left:2px solid #D5D4CD;
	font-weight:bold;
	background:none;
}
#b_spalte2 .stepButtons a{
	background:none;
	padding:0;
	font-weight:bold;

}
#b_spalte2 .stepButtons a.inactive{
	cursor:default;
	color:#cccccc;
}
#b_spalte2 .stepButtons a{
	text-decoration:none;
}
.stepButtons .position{
	padding: 0 5px;
}

#b_spalte2 .slider a:hover, #b_spalte2 .slider .highlight{
	color:#F19A00;
}
#verlauf_links{
	position:absolute;
	top:0;
	height:350px;
	width:120px;
	display:none;
	z-index:2;
}
#verlauf_rechts{
	position:absolute;
	top:0;
	right:0;
	height:350px;
	width:120px;
	display:none;
	z-index:2;
}

/* Anwendbare Stile */
.csc-frame-frame1, .tx-3srteslideshow-pi1 .rteTop .text {
	background:#3c3c3c;
	color:#fff;
	padding:30px 225px 30px 20px;
	width:395px;
	margin-left:30px;
	height:230px;
	line-height:1.8em;
	overflow:hidden;
	margin-bottom:30px;
}
.csc-frame-frame1 h2, .tx-3srteslideshow-pi1 .rteTop .text h2{
	color:#f19a00;
}
.csc-frame-frame1 p:last-child, .tx-3srteslideshow-pi1 .rteTop .text p:last-child, td p:last-child, td h3:last-child, td h2:last-child{
	margin-bottom:0;
}
.referenztabelle td{
	padding-right:17px;
	width:195px;
}
.referenztabelle tr td:last-child{
	padding-right:0;
}
.referenztabelle td p:last-child{
	margin-bottom:7px;
}
.stimmungstabelle{
	width:395px;
	height:230px;
}
.stimmungstabelle td{
	vertical-align:bottom;
}

/* Kontaktformular */
.csc-mailform{
	border:0;	
}
.csc-mailform-field{
	overflow:auto;	
	margin-bottom:10px;
}
.csc-mailform-field label{
	float:left;
	width:120px;
}
.mf-text, .mf-input{
	width:200px;	
}
.mf-submit{
	margin-left:120px;
}
/* RTE */
.keinpfeil, #b_spalte2 .keinpfeil, #spalte3 .keinpfeil, #c_spalte5_zusatztext .keinpfeil, #c_spalte3 .keinpfeil, #b_spalte2 .keinpfeil{
	padding-left:0;
	background:none;

}
.abstand_unten_10{
	margin-bottom:10px;
}
td.abstand_unten_10{
	margin-bottom:0;
	padding-bottom:10px;
}
.abstand_unten_20{
	margin-bottom:20px;
}
td.abstand_unten_20{
	margin-bottom:0;
	padding-bottom:20px;
}
.abstand_unten_30{
	margin-bottom:30px;
}
td.abstand_unten_30{
	margin-bottom:0;
	padding-bottom:30px;
}
.abstand_unten_40{
	margin-bottom:40px;
}
td.abstand_unten_40{
	margin-bottom:0;
	padding-bottom:40px;
}
.kein_abstand_darunter{
	margin-bottom:0;
}
#bildzeile{
	displ ay:none;
}

.tx-3scustomers-pi1 .referenztabelle h3{
	margin-bottom:7px;
}

/* Header Slideshow */
ul.buttons{
	position:absolute;
	right:0;
	bottom:30px;
	margin:0;
	padding-right:5px;
	z-index:120;
}
#b_spalte2 ul.buttons li{
	background:0;
	padding:0 5px;
	height:20px;
	float:left;
	cursor:pointer;
	color: #fff;
}
#b_spalte2 ul.buttons .current{
	background:url(../m/bg_header_slideshow_current.gif) center bottom no-repeat;
}

.tx-3sheaderslideshow-pi1{
	position:relative;
}
.tx-3sheaderslideshow-pi1 .a14_logo{
	background:url(../m/a14-logo_trans.png) no-repeat;
	position:absolute;
	left:26px;
	top:30px;
	width:193px;
	height:101px;
	
}
.header_slideshow.linked{
	cursor:pointer;
}
.header_slideshow{
	background-repeat:no-repeat;
}
/* Anwendbar im RTE */
.leitsatz_popup{

}
#b_spalte2 a.schwarz, #spalte3 a.schwarz, #c_spalte5_zusatztext a.schwarz, #c_spalte3 a.schwarz, #b_spalte2 a.schwarz, a.schwarz{
	color:#000000;
	background:url(/fileadmin/templates/m/a-pfeil_blk.gif) no-repeat 2px center;
}
td.trennlinie{
	background:url(/fileadmin/templates/m/dotline.gif) repeat-x 0 center;
	height:6px;
}
tr.textzeile_starttabelle td{
	padding:3px 10px;
}
tr.textzeile_starttabelle h3{
	padding:0;
	margin:0;
	color:#ccc;
	font-size:17px;
	color:#000;
	/* font-family:"Arial Narrow"; */
	font-family:"PT Sans", Helvetica, Arial, sans-serif;
	font-weight:normal;
	letter-spacing:0;
}
