/*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";

/* Höhe auf 100% setzen: */
html, body{
	height:100%;
}

/* Wichtige Farben
Name Farbe 1 		= #
Name Farbe 2		= #
*/


body, html, p, div, td, input, textarea, select, h1, h2, h3, h4, h5, h6{
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	margin-bottom:5px;	
}

/* 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 */

body{
	background: #e8e8e7 url(../m/bg_body.gif) repeat-x;
	color:#4c4c4d;
	line-height:1.4em;
}

/* Hier allgemeingültige Formatierungen */
a {
   color:#4c4c4d;
   text-decoration:none;
}
a:hover {
   text-decoration:underline;
}
#inhaltsspalte a {
   text-decoration:underline;
}

a img{
	border:none;
}
h2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:21px;	
	font-weight:normal;
}
h3{
	font-size:14px;	
}
td{
	vertical-align:top;
}

/* 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 */

#komplettrahmen{
	width:990px;
	margin:auto;
	background:url(../m/bg_komplettrahmen.jpg) no-repeat;
	overflow:auto;
	margin-bottom:5px;
}
#menuespalte{
	float:left;
	display:inline;
	width:240px;
	overflow:hidden;
	margin-right:15px;
}
#menue_e1{
	margin: 20px 0;
}
#menue_e1 li{
	padding:5px 5px 5px 0px;
	margin-right:15px;
	background:url(../m/bg_e1_li.gif) bottom no-repeat;
}
#menue_e1 a{
	font-size:16px;
	letter-spacing:1px;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	padding-left:20px;
	display:block;
}
#menue_e1 .on a{
	background:url(../m/e1_dot.gif) no-repeat left center;	
}
#menue_e2 li{
	padding: 4px 5px 4px 0px;
}
#menue_e2 a{
	text-decoration:none;	
	padding-left:20px;
	display:block;
	font-size:14px;
	color:#252525;
}
#menue_e2 li li a{
	padding-left:45px;
}
#menue_e2 .on li a, #menue_e2 .on .on li a{
	background:none;
}
#menue_e2 .on a, #menue_e2 li .on a, #menue_e2 li .on .on a{
	background:url(../m/e2_dot.gif) no-repeat left 0.3em;	
}
#menue_e2 ul ul {
	margin: 6px 0;
}
#inhaltsspalte{
	float:left;
	display:inline;
	width:685px;
	overflow:hidden;
	padding:10px;
	background:#fff;
	min-height:500px;
}
#ueberschrift{
	min-height:30px;
	background:url(../m/bg_ueberschrift_standard.gif) #d7ddd9;
	padding:19px 10px 0 10px;
	margin-bottom:20px;
}
#ueberschrift h2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:21px;	
	font-weight:normal;
	color:#4c4c4d;
	margin-bottom:0;
	line-height:normal;
}
#inhalt{
	padding:0 0 10px 10px;	
}
#inhalt p{
	line-height:1.7em;
}
#inhalt ul, #inhalt ol{
	margin-left:15px;
}
#inhalt ul li{
	list-style-type:disc;
}
#inhalt ol li{
	list-style-type:decimal;
}
#fusszeile{
	clear:both;
	width:710px;
	margin:auto;
	padding-left:280px;
	
}
#fusszeile, #fusszeile a{
	color:#99999a;	
	text-decoration:none;
	font-size:10px;
	margin-bottom:20px;
	letter-spacing:1px;
}
/* verschiedenes */
/*
.csc-textpic-intext-left-nowrap{
	margin-left:-10px;
}
*/

/* TT-News */
.news-list-item{
	overflow:auto;
	width:100%;
	margin-bottom:10px;
}
.list-image{
	float:left;
	width:150px;
	overflow:hidden;
}
.list-text{
	margin-left:150px;
}
.single-image{
	float:right;
	width:auto;
	overflow:hidden;
	margin:0 0 10px 10px;
}
.news-single-imgcaption{
	font-size:11px;
	line-height:normal;
	margin-top:5px;
	color:#9F9F9F;
}
.news-single-backlink{
	text-align:left;
	clear:both;
}
.news-list-browse{
	clear:both;
}

.tx-ttnews-browsebox table {
	margin:auto;
}
.tx-ttnews-browsebox table td {
	padding-right:10px;
}
.tx-ttnews-browsebox table td a {
	font-size:14px;
	text-decoration:none !important;
	color:#4C4C4D;
}

.tx-ttnews-browsebox table .tx-ttnews-browsebox-SCell p a {
	color:#ccc;
}

/* Kontaktformular */
.csc-mailform-field{
	width:100%;
	overflow:hidden;
	margin-bottom:10px;
}
.csc-mailform label{
	float:left;
	width:150px;
	display:inline;
}
.mf-submit{
	margin-left:150px;
}
.mf-input, .mf-text{
	width:250px;
}
/* RTE */
.starttabelle{
	border-collapse:collapse;
	background:rgb(228, 235, 231);
}
.starttabelle td{
	border:1px solid #fff;
}
.padding2535{
	padding:25px 35px;
}
.starttabelle h2{
	margin-bottom:25px;
}

/* NESCEFE */
.nes_50_50_rahmen{
	width:100%;
	overflow:auto;
}
.nes_50_50_box1, .nes_50_50_box2{
	float:left;
	width:50%;
	display:inline;
	overflow:hidden;
}
.nes_50_50_box1_padding{
	padding:0 5px 0 0;
}
.nes_50_50_box2_padding{
	padding:0 0 0 5px;
}