/*Stylesheet für Typo3 */

/*---------- allgemeine Styles -----------------*/
body, html{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	border:0;
	color:#00747c; /* Blau-Gruen */
	margin:0px;
	padding:0px;
}

/* Vertikaler Scrollbar in Gecko & Firefox permanent anzeigen (damit Center-Design nicht springt ...) */
html, body {
	height:100%;
	padding-bottom:1px;
}

body {
	background-color: #FFFFFF;
}

a{
	color:#00747c; /* Blau-Gruen */
	text-decoration:underline;
}

a:hover{
	color:#a44444; /* Rot */
	text-decoration:underline;
}

img{
	border:0;
}

table, tr, td {
	border:0;
	vertical-align:top;
	text-align:left;
}

h1, h2, h3, h4, h5, h6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: normal;

	padding-top: 12px;
	padding-left: 0px;
	padding-bottom: 4px;
	margin-left: 0px;

	text-decoration: none;
	text-align: left;

	vertical-align: baseline;
	color:#00747c; /* Blau-Gruen */
}

.csc-firstHeader, h5{ /*  Erste Überschrift pro Seite */
	color:#a44444; /* Rot */
}

.csc-textpicHeader h1{
	padding-top:0px;
	color:#00747c; /* Blau-Gruen */
}

hr{
	text-align:left;
	color:#00747c; /* Blau-Gruen */
	width:90%;
	size:1px;
}

/* Textfelder für Formulare */
input, select, textarea {
	font-size:11px;
	border: 1px solid #00747c; /* Blau-Gruen */
	color:#00747c; 
	margin-top:2px;
	margin-bottom:2px;
}

/* Farbe für Fehlermeldungen in E-mail-Formularen */

.fehler {
	color:#FF0000;
}

/* Alles umschließender Container für die zentrierte Ausrichtung der gesamten Seite */
#ebcontainer {
	position:relative;
	top: 0px;
	left: 0px;
	width:955px;
	margin:auto;
	background-image:url(grafik/layout/bg_body.jpg);
	background-repeat:repeat-y;
	z-index:1;
}

/* ---------- Haupt-Menü-Ebenen ------------------------- */
#ebmenue {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	top:135px;
	left:0px;
	width:220px;
	z-index:13;
}

#ebmenue a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#00747c; /* Blau-Gruen */

	line-height: 26px;
	text-align: left;
	text-decoration: none;
	padding-left: 18px;
}	


#ebmenue div.menue, #ebmenue div.menueaktiv{
	/* NaviIcon */
	background-repeat: no-repeat;
	background-position: left 0px;
	padding-left:12px;
	margin-left:0px;
}

#ebmenue div.menueebene2, #ebmenue div.menueebene2aktiv{
	/* NaviIcon */
	background-repeat: no-repeat;
	background-position: left 0px;
	padding-left:22px;
	margin-left:10px;
}

#ebmenue a:active,
#ebmenue a:hover,
#ebmenue div.menueaktiv a,
#ebmenue div.menueebene2aktiv a {
	color:#a44444; /* Rot */
}

#ebmenue a:active,
#ebmenue div.menueaktiv a {
	padding-left: 25px;
}


#ebmenue div.menue{
	background-image: url(grafik/menue/icon_navi.gif);
}

#ebmenue div.menueaktiv{
	background-image: url(grafik/menue/icon_navi_aktiv.gif);
}


#ebmenue div.menueebene2 a {
	line-height: 18px;
}
#ebmenue div.menueebene2aktiv a:active,
#ebmenue div.menueebene2aktiv a {
	line-height: 18px;
	padding-left: 25px;
}
#ebmenue div.menueebene2{
	background-image: url(grafik/menue/icon_navi.gif);
}
#ebmenue div.menueebene2aktiv{
	background-image: url(grafik/menue/icon_navi_aktiv.gif);
}


/* ---------- Meta-Menü-Ebenen ------------------------- */
#ebmenueoben {
	position:absolute;
	height:24px;
	z-index:10;
	right:220px;
	top: 91px;
	text-align:right;
}

#ebmenueoben div{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	display:inline;
	text-decoration: none;
	font-weight:bold;
}

#ebmenueoben a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#00747c; /* Blau-Gruen */
	text-decoration: none;
	font-size:10px;
}

#ebmenueoben a:active,
#ebmenueoben a:hover,
#ebmenueoben div.nebenavigationaktiv a
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#a44444; /* Rot */
	text-decoration: none;
}



.tx-macinasearchbox-pi1 form,
.tx-macinasearchbox-pi1 input
{
	display:inline;
}

/* ---------- Bilder-Ebenen ------------------------- */
#ebbilder{
	position:absolute;
	z-index:10;
	left:653px;
	top: 132px;
	width:189px;
	height:474px;
}

/* ---------- Mitte-Ebenen ------------------------- */
#ebmitte {
	position:relative;
	top: 0px;
	left: 0px;
	width:955px;
	min-height:800px;
	_height:800px; /*Hack für IE*/
	padding-bottom:50px;
	background-image:url(grafik/layout/bg_inhalt.jpg);
	background-repeat:no-repeat;
	background-attachment: scroll;
	background-position: left top;	
}

/* ---------- Inhalts-Ebenen ------------------------- */
#ebinhalt {
	position:absolut;
	top: 0px;
	left: 0px;
	width:355px;

	padding:125px 190px 20px 247px;
}


/* ---------- Unten-Ebenen (Fuss) ------------------------- */
#ebunten{
	position:absolute;
	bottom:0px;
	left:0px;
	width: 100px;
	height: 40px;
	background-image:url(grafik/layout/bg_body.png);
	background-repeat:repeat-y;
	padding-left:520px;
}


/* ---------- Kopf / Oben-Ebenen ------------------------- */
#eboben-logo-container {
	position:absolute;
	top: 22px;
	left:29px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


/* ---------- Linke-Ebenen (Adresse) ------------------------- */
#eblinks {
	position:absolute;
	left: 27px;
	top:492px;
	z-index:7;
}

#eblinks p, #eblinks table, #eblinks tr, #eblinks td,  #eblinks tbody{
	font-size: 9px;
	line-height:normal;

	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}



/* Tabelle in Contentbereich */

.contenttable{
	width:auto;
	height:auto;
	padding:0px;
	margin:0px;
	line-height:normal;
}

.contenttable td{
	width:auto;
	height:auto;
	border:0px;
}

.contenttable p{
	padding:0px;
	margin:0px;
	line-height:normal;
}

/* Keine Rahmen um Navi-Pfeile */
a.internal-link img, a.internal-link-new-window img, a.external-link img, a.external-link-new-window img, a.mail img, a.download img {
	padding: 0px;
	border: 0;
}

.csc-frame-rulerAfter {
	clear:both;
	border-bottom: #00757D 1px dotted;

}

/*--------------------------------- Druckansicht  -----------------------------------*/
body.printbody{
	color: #0000ff;
	background-image:url(grafik/layout/bg_body.jpg);
}

#print-logo img{
	padding:20px 0px 0px 20px;
}

#ebinhalt.printinhalt {
	position:inherit;
	padding:10px 20px 10px 20px;
	background-image:url();
	width:auto;
}

div#print-fuss {
	padding:10px 20px 10px 20px;
	width:auto;
	text-align:center;
}

div#print-fuss table {
	border-top:1px solid #00747c;
	width:auto;
}

.printansicht p,
.printansicht a,
.printansicht {
	color:#000000;
}


/*--------------------------------- tt_news LIST view  -----------------------------------*/
.news-list-container {
	/* none jet */
}


DIV.csc-textpic-clear {
	clear: both;
}

div.news-list-item {
	/* IE hack */
	height: 1%;
	line-height: 1.3;
	/* IE hack end */
	padding:3px;
	margin:3px;
	border:0;

	border-bottom: #00757D 1px dotted;
	padding-left:0px;
	padding-top:10px;
	clear:both;
}

.news-list-item-title {

}

.news-list-item-subhead, .news-single-item-subheader{
	font-weight:bold;
	padding-bottom:0px;
	margin-bottom:0px;
}

.news-single-timedata, .news-list-timedata{
	font-size:10px;
}

.news-list-item-maintext, .news-list-item-maintext p, .news-list-item-maintext, .news-list-item-maintext p{
	padding-top:0px;
	margin-top:0px;
}


.news-list-item-pics-div{
	margin-right:10px;
	clear:all;
	text-align:left;
}

.news-single-item-pics-div{
	margin: -45px 0px 4px 4px;
	float:right;
	text-align:left;
	width:200px;
	font-size:10px;
}

.news-list-item-pics-div img, .csc-textpic-imagewrap img, div.csc-textpic img {
	padding:2px;
	margin-right:10px;
	float:left;
}

.news-single-item-pics-div img {
	padding:2px;
	margin-left:10px;
	float:right;
}

.news-list-item-morelink, .news-single-backlink{
	margin-top:20px;
	font-weight:bold;
	clear:all;
	text-align:right;
}

.news-single-item{
	/* none */
}

.news-single-item-links, .news-single-item-files{
	margin-bottom:20px;
	margin-top:20px;
}

.news-single-item-links p, .news-single-item-files p{
	line-height:normal;
	padding:0px;
	margin:0px;
}


/* -----------------  Sonderformate fuer bestimmte Seiten -------------------------- */

/* - Startseite - */
#pageid_1 #ebbilder{
	position:absolute;
	z-index:10;
	left:0px;
	top: 297px;
	width:768px;
	height:165px;
}

#pageid_19 #ebinhalt, #pageid_20 #ebinhalt {
	position:absolut;
	top: 0px;
	left: 0px;
	width:475px;

	padding:125px 70px 20px 247px;
}