/******************/
/* Allgemeines */
/******************/
	  
input {				/* Alle Eingabefelder in Formularen ( Kontakt, Suche) */
	font-size:12px;
}

select{				/* Alle Auswahlfelder in Formularen ( Suche) */
	font-size:12px;
}

a:link { 
	  text-decoration:none;
	  color: #666666; 
}				/* noch nicht besuchte Ziele */

a:visited { 
	  text-decoration:none;
	  color: #666666; 
	  } 

a:hover { 
	  text-decoration:none;
	  color:#C00015;
	}

a:active { 
	  text-decoration:none;
	  color:#C00015;
	  } 			 /* Angeklickte Verweise */

#platzhalter {
	width: 20px;
  	float: left;
}

/*
#link {									  
	  	float: left;
		padding-top: 4px;
		padding-bottom: 5px;
	  }
*/			/* allgemeine Links, in unserem Fall die oben und unten */	

.internal-link .internal-link:visited {
	color:#000000; 
}

.internal-link:visited {
	color:#000000; 
}

.internal-link:hover {
	color:#C00015;
}
	
h1.csc-firstHeader{			/*Seitenüberschriften*/
	margin-top: -4px;
}

h1{				/*Überschriften im RTE */
	font-size:14px;
/*	line-height: 160%;*/
	margin-bottom:11px;
}

h2.csc-firstHeader{
	margin-top: -4px;
}

h2 {
	font-size:12px;
	margin-bottom:0px;	/*schiebt gemeinsam mit p { margin-top: 0px; } Text an Zwischenüberschrift heran*/
}

p { 
	margin-top: 0px; 
	margin-bottom:11px;
}

h3.csc-firstHeader{
	margin: 0 0 10px 0;
	padding-left:5px;
	background: #DDE6EB;
	color: #990000;
	font-size:11px;
	font-weight:bold;
}

.csc-header-n2 h4{
	font-size:12px;
	color:#C00015;
	margin-bottom:0px;
}

h3 {
	font-size:12px;
	line-height: 160%;
	font-weight: normal;
}


p {
/*	padding:0px 0 5px 0;	/*damit texte in p lesbarer sind*/
/*	margin:0px; 		/*damit p nicht mit Abstand dargestellt werden*/
/*	text-align:left;*/
}



table.contenttable{
	font-size:11px;

}

table.contenttable td{
	vertical-align:top;
	padding-right:15px;
}

table.htmlarea-showtableborders{
border:1px solid #000000;
}

img{
	border:0;
}

ul{
margin-top:0px;
}

#Rahmen{
border:1px solid #000000;
}

/*********************************/
/* Seitenstrukturierung allg. */
/*********************************/

#body {
     	background-color: #FFFFFF;
	color:#336600;
	margin: 0px;
    	padding: 0px;
}
	 
#haupt_container {			/* ist das eigentliche Dokument, was im Browser zentriert ausgerichtet wird */
	font-size: 11px;
	line-height:160%;		/*wichtig für Schriftbild*/
     	font-family: Tahoma, Arial, Verdana, Sans-Serif;
/*     	margin: 0px auto;      	/* standardkonforme horizontale Zentrierung */
      	width: 990px;
}

/*********************************/
/* Bannerbereich: Logo + Bannerbild + Zwischenzeile !? */
/*********************************/
#banner {
	  	width: 990px;
	  	height:150px;
	  }
	  
#logo {
	  	width: 182px;
		height: 47px; 
	  	float: left;
		border-left: 13px solid transparent;
		border-right: 38px solid transparent;
		border-top: 90px solid transparent;
		border-bottom: 13px solid transparent;
	  }

*html #logo{
/*	  	background-color: #F2F2F2;
		border-left: 13px solid #F2F2F2;
		border-right: 38px solid #F2F2F2;
		border-top: 90px solid #F2F2F2;
		border-bottom: 13px solid #F2F2F2;
*/
	  	background-color: #FFFFFF;
		border-left: 13px solid #FFFFFF;
		border-right: 38px solid #FFFFFF;
		border-top: 90px solid #FFFFFF;
		border-bottom: 13px solid #FFFFFF;
}
	  
#bannerbild {
	  	width: 727px; 
		height: 150px; 
		float:right;			/*Rechtsausrichtung Bild */
		border-left: 30px solid #C00015;  	/* roter Streifen zwischen Logo und Banner */
}

/*********************************/
/* Erste Nebennavi (horizontal): Leerbreich + Sprachauswahl  */
/*********************************/
#navi_oben{
	padding-top:6px;	/* Balkenbreite; height funzt nicht*/
	height:20px;
}

*html #navi_oben{
	padding-top:0px;
}

#zwischenzeile {
	border-left: 260px solid #FFFFFF;	 /* breiter Rand, für eine einfache Einrückung der Links English, Download, Sitemap */
}

* html #zwischenzeile {	
	width:990px; 
	position: relative;
	line-height:150%;
	top: 5px;		/*setzt navi oben mittig von zwischenzeile*/
}

#sprachauswahl {
	top:8px;		/*rückt Sprachauswahl auf eine Linie mit Navi*/
	position:relative;
	width: 150px; 	/* Abstand Sprachauswahl und die anderen Links */
	float: left; 	/* Setzt Sprachauswahl und die anderen Links in eine Linie. */
	z-index:1;	/*sonst werden Links durch ?? verdeckt und sind nicht anklickbar*/
	  }

*html #sprachauswahl {
	top:2px;		/*Korrektur zur top-Position von Mozilla*/
	  }

div#sprachauswahl table tr td {
	font-size: 11px;
}

#sprachauswahl a {
	color:#333333;		/* Schriftfarbe*/
}

#sprachauswahl a:hover {
	color:#C00015;		/* Schriftfarbe bei mouseover*/
}

#navi_oben a {
	color: #333333;		/* Schriftfarbe*/
}

#navi_oben a:hover{
	color: #C00015;		/* Schriftfarbe bei mouseover*/
}

#navi_oben ul li{
	display:inline;
	padding-right: 15px;	/*setzt Links etwas auseinander*/
}

/*********************************/
/* Orientierungsleiste */
/*********************************/
#orientierungsleiste {
	  	width:990px;
		height:20px; 
		padding-top: 5px;	
		color:#C00015;
		background-color: #F2F2F2;
		border-bottom: 1px solid #666666;	
 }

* html #orientierungsleiste {
		height: 25px; 
		position: relative;
		top: -10px;		/* begrenzt Navi_oben auf 18px */	
	  }	  

#orientierungspfad a {
		color:#C00015;
	  }

#orientierungspfad a:hover{
		color:#333333;
}

/*********************************/
/* Suche */
/*********************************/	
* html #sucheleiste {
	position:relative;
	top:-10px;			/*ranrücken an Pfadmenü*/
	  }
  
#suchmaske {
	  	width: 230px; 
/*		padding:0px;		/* Abstandhalter zur Sucheingabe oben,rechts,unten,links */
		background: #DDE6EB;	/* wenn transparent, Farbe + height weglassen*/
		height: 25px;		/*wenn wieder transparent, height weglassen !*/
	  }

*html #suchmaske {
	margin-bottom:-19px;		/*Höhe beeinflussen*/
	  }

/*********************************/
/*Formulare*/
/*********************************/
table.csc-searchform, td.csc-form-labelcell, p.csc-form-label {	/*Schriftgröße in Formularen, z.B. Download*/
		font-size:11px;
	}

td.csc-searchResultRange{
	font-size:12px;
}

td.csc-form-fieldcell input{			/*Eingabefelder Formulare*/
}

/*********************************/
/* Hauptbereich: Navigation + Inhalt + Bild */
/*********************************/
#hauptbereich {
	border-left: solid 260px #FFFFFF; 	/* Hintergrundfarbe fuer linke Spalte  */ 
	background-color: #FFFFFF; 	/* Hintergrundfarbe fuer Mittelspalte, für gleich lange Spalten */
	float:left; 				/*ohne float:left im mozilla Navi über Fußzeile */
	width: 720px;			/*260px + 720px + 2*5px Rand vom mozilla=990px */
	border-bottom: 20px solid #FFFFFF; 	/* weiße Zeile bis zur unteren Navi */ 	
	  }

* html #hauptbereich {
	width: 990px;
	position: relative;
	top:-10px;		/* rückt alles an sucheleiste ran */
	  }

/*********************************/
/* Spalte fuer die linke Navigationsliste */
/*********************************/
div#linke_spalte{
	 height:auto;
	 float:left; 		/*Text rechts neben der Navigation*/
	 position:relative; 
	 margin-left:-260px; 	/*hält Navi links am Rand*/
 }

/*********************************/
/*Inhalt + Bild*/
/*********************************/
div#inhalt_innen_container { 
	min-height:430px;
	height:auto;		/*verschiebt Fußzeile bei Bedarf nach unten*/
}

*html div#inhalt_innen_container {
	height:430px;		/*IE versteht min-height nicht*/
}

/*********************************/
/* Hauptspalte fuer den Inhalt */ 
/*********************************/
div#mittelspalte{ 
	border-left: 3px solid #C00015; 
	width: 465px;
	height: auto;
	float:left;			/*Bild rechts neben Text*/
	padding-left:10px;
}

/* Hauptspalte fuer den Inhalt  - Vorlage Startseite */ 

div#mittelspalte_start { 
	border-left: 3px solid #C00015; 
	width: 465px;
	height: auto;
	float:left;			/*Bild rechts neben Text*/
	padding-left:10px;
}

*html div#mittelspalte_start{ 
	width: 488px;
}


#welcome	{
/*	border: 0px solid Red;*/
	width: 426px;
	float: right;
}


/*Box 1*/
#box_lo	{
	width: 198px;
	height: 209px;
	background: #FFF url(../gfx/box_lo.gif) 0px 0px no-repeat;
	float: left;
}

/*Box 2*/
#box_ro	{
	width: 228px;
	height: 209px;
	background: #FFF url(../gfx/box_ro.gif) 0px 0px no-repeat;
	float: right;
}

/*Box 3*/
#box_lu	{
	width: 198px;
	height: 210px;
	background: #FFF url(../gfx/box_lu.gif) 0px 0px no-repeat;
	float: left;
}

/*Box 4*/
#box_ru	{
	width: 228px;
	height: 209px;
	background: #FFF url(../gfx/box_ru.gif) 0px 0px no-repeat;
	float: right;
}

div#news_mittelspalte{ 
	border-left: 3px solid #C00015; 
/*	width: 730px;		/*wenn mit Bild aus ImageMagick*/
	height: auto;
	float:left;			/*roter Strich lang genug bei mehreren Bildern und wenig Text !?*/
	padding-left:10px;
}

div#markenbild{
	padding-bottom:10px;
}

*html div#markenbild{
	padding:0px;
}

/*********************************/
/* Spalte Bild*/ 
/*********************************/
div#rechte_spalte {
	 float:right; 		/*Rechtsausrichtung Bild */
	width:242px;
}

div#rechte_spalte_produkte {
	 float:right; 		/*Rechtsausrichtung Bild */
	width:242px;
	padding-top:20px;
}

/*********************************/
/*Navigation*/
/*********************************/
#navigation {
/*	border-top:1px solid #BBBBBB;	/*wenn Suchmaske auf weißem Hintergrund; zur Begrenzung Navi nach oben, wenn oberster Link hover (weiß) ist*/ 
  	width: 230px; 
	height: auto;
	  }

*html #navigation {
	  width: 230px; 
}

#navigation ul{
	list-style:none;
	margin: 0px;
	padding:0px;	/* sonst ist um Navi soviel Platz !?*/
}

#navigation ul li {
	list-style: url(none) none outside; 	/*sonst irgendwelche Listenpunktfragmente*/
	margin: 0px;
	padding:0px;			/* Rahmenlinie unten geht über die gesamte Breite weiter, und wird nicht eingerückt */
}

#navigation ul li a {
	height: 20px;	/*nicht unter <li>, weil sonst Untermenü mit in diese Höhe reingequetscht wird (typo3-bedingt)*/
	display:block;	/*alle Links schön gespreizt*/
	padding:5px 5px 0px 5px;		/*Abstand oben/rechts/unten/links*/
	border-bottom: 1px solid #FFFFFF;	/* abteilen der Links*/
	background-color: #BBBBBB;	/*Farbe für Links erste Ebene*/
	color:#333333;			/*Farbe für Links erste Ebene*/
}

*html #navigation ul li a {
	height: 25px;
}

div#navigation ul li a:hover {	
	/*Klassen RO funzen nicht, deshalb hier zentrale Festlegung für alle*/
	background-color:#FFFFFF; 
	color:#000000;
	border-bottom: 1px solid #BBBBBB;	/*damit bei rollover auch letzter Link gegen weißen Hintergrund begrenzt wird*/
}

/* 1. Ebene */

div#navigation ul li a.navi_links {
/*	background-color: #BBBBBB;
	color:#333333;		

darf an der Stelle nicht definiert werden, sonst funzt hover im mozilla nicht ??!!
*/
}

div#navigation ul li a.navi_links_hover  {

/*funzt nicht*/
}

div#navigation ul li a.navi_links_active {
	background-color:#BBBBBB;
	color:#C00015;	
	border-bottom: 1px solid #FFFFFF;	/*damit im mozilla bei aktiver Seite Link nicht ganz grau ist, bei rollover Aktuelles*/
}

div#navigation ul li a.navi_links_actifsub {	/*übergeordnete Navi des aktiven Links*/
	background-color:#BBBBBB;
	color:#C00015;	
}

/* 2. Ebene */

#navigation ul li a.navi_links_2 {
	background-color: #CCCCCC;
	color: #333333;
	padding-left:30px;
}

#navigation ul li a.navi_links_2_active {
	background-color: #CCCCCC;
	color:#C00015;
	padding-left:30px;
}

#navigation ul li a.navi_links_2_hover {

/*hover funktioniert nicht !?*/
}

#navigation ul li a.navi_links_2_actifsub {
	padding-left:30px;
	background-color: #CCCCCC;
	color: #C00015;
}

/* 3. Ebene */

#navigation ul li a.navi_links_3 {
	background-color: #DDDDDD;
	color: #333333;
	padding-left:60px;
}

#navigation ul li a.navi_links_3_hover {

/*funzt nicht !!??*/
}

#navigation ul li a.navi_links_3_active {		/*Link, wenn kein untergeordneter Link geöffnet*/
	padding-left:60px;
	background-color: #DDDDDD;
	color:#C00015;
}

#navigation ul li a.navi_links_3_actifsub {	/*übergeordnete Navi des aktiven Links*/
	padding-left:60px;
	background-color: #DDDDDD;
	color:#C00015;
}

/* 4. Ebene */

#navigation ul li a.navi_links_4 {
	background-color: #EEEEEE;
	color: #333333;
	padding-left:90px;
}

#navigation ul li a.navi_links_4_active {
	padding-left:90px;
	background-color: #EEEEEE;
	color:#C00015;
}

/* Hauptbereich zu Ende */
/**************************************/
/* Untere Navileiste: */
/**************************************/
div#fusszeile {
	  	width: 990px;
		height: 25px; 
		padding-top: 5px;
		background-color: #F2F2F2;
		color: #666666;
		border-top: 1px solid #666666;
		float:left;		/*sonst im mozilla fusszeile "weg"*/
	  }

#nebennavi {
		width: 100px; 
	  	float: left;
	  }
	  
#nebennavileer {
		width: 263px; 
	  	float: left;
	  }


/****************************************/
/* Formulare: Mail-, Such-, Anmeldeformular */

/****************************************/
input , textarea, select{
	border: 1px solid #dddddd;	/*Rahmen um Formularelemente vertieft, wenn nicht hier definiert*/
}

/* Mailformular */

.mailformular	/*Style für Eingabefelder*/
{
	color:#000000;
	font-size:11px;
	font-family :Tahoma, Arial;
}

#mailform table {
	background-color:#FFFFFF;	/*Tabellen standardmäßig mit Hintergrund #dddddd, der bei border 0 trotzdem eine Art Gitter liefert !?*/
}

#mailform table td{
	padding:0;
	text-align:left;
	vertical-align:top;
}

#mailform label {	
	font-size:12px;
}

.csc-form-label{
	/*labelWrap.wrap auflösen im Object-Browser, weil sonst mal als p ,mal nicht ??!!*/
}

#mailform input {
	width: 320px;	/*gleiche Breite wie textarea !*/
}

#mailform textarea{
	width:320px; 
}

input#mailformformtype_mail {	/*	submit-button*/
	background-color:#AAAAAA;
	width:75px;
	float:left;
	font-size:13px;
}

/* uploads */

.tx-fileupload-pi1{}

/*      downloads*/

table.csc-uploads,  table.csc-uploads-0{
	background-color:#FFFFFF;		/*Tabellen standardmäßig mit Hintergrund #dddddd, der bei border 0 trotzdem eine Art Gitter liefert !?*/
}

td.csc-uploads-fileName{
	font-family: Tahoma, Arial;
	font-size:11px;
	text-align:left;
}

td.csc-uploads-fileName a{
	color:#000000;
}


td.csc-uploads-fileName a:visited{
	color:#000000;
}


td.csc-uploads-fileName a:hover{
	color:#C00015;
}

td.csc-uploads-fileSize p{
	font-size:11px;
	padding-left:20px;
}

#download-form .download-datei{
	font-size:14px;
	height:20px;
}

*html #download-form .download-datei{
	height:22px;
}

#download-form .download-ok{
	width:30px;
	font-size:14px;
}

/*********************************************************************/
/*		*NEWS				**/
/*********************************************************************/
/*-----------------------------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */

.news-latest-container HR.clearer {
	clear:left;
}

/*-----------------------------------  tt_news LATEST view  -----------------------------------*/
.news-latest-container {
	height:180px;
	padding : 4px 5px 0px 5px;	/* Innenabstand oben, unten, rechts, links*/
	background: #DDE6EB;
	margin-top: -10px;		/*zieht News an Box-Überschrift heran*/
}

*html .news-latest-container {
	height:185px;	
}

.news-latest-date {
/*	float:left;		/*Datum und Überschrift in einer Linie*/
}

.news-latest-container h1 {
}

*html .news-latest-item {
	height: 1%;
	line-height: 1.3em;
}

.news-latest-title{
/*	margin-left:70px;	/* schiebt Überschrift in kleinen Abstand zum Datum*/
	font-weight:bold;
	padding-top:5px;	/*schiebt Text auf Abstand zum Datum*/
}

.news-latest-subheader{
}

.news-latest-morelink{
/*	padding: 0px 5px 0px 5px; 		oben, rechts, unten, links-positoniert more-link unter der news*/
	margin-bottom:10px;		/*abstand zur nächsten news*/
	text-align:right;			/*more-link rechtsbündig*/
}

*html .news-latest-morelink{
	margin-bottom:20px;		/*abstand zur nächsten news*/
}

div#mehr{
font-weight:bold;
}

div#mehr a {
color:#000000;
}

div#mehr a:hover {
color:#C00015;
}


/*--------------------------------- tt_news SINGLE view  ---------------------------------*/
.news-single-img {
	float: right;
	margin-left:5px;
}

.news-single-imgcaption {
	padding:3px;
	clear:both;
}

.news-single-backlink, .news-single-backlink a {
	margin-bottom: 15px;
	margin-top: 10px;
}

/*--------------------------------- tt_news LIST view  ---------------------------------*/
.news-list-item{
/*	width:710px;		/*wenn einspaltig (mit Bild aus ImageMagick)*/
	width:465px;
}

.news-list-img {
	float: right;		/*Bild in einer Linie zum Text*/
}

.news-list-content h2{
margin-top:0px;			/*rückt Überschrift an Datum heran*/
margin-bottom:11px;
}

.news-list-content p{
margin-bottom:11px;

}