/*Stylesheet fuer Typo3 */

/*---------- allgemeine Layout Styles -----------------*/
body {
	padding:0px;
	margin:0px;
	background-image:url(grafik/layout/kachel.jpg);
	background-position:center top;
}

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


#ebbgoben {
	position:absolute;
	width:100%;
	height:205px;
	z-index:1;
	left: 0px;
	top: 0px;
	background-image: url(grafik/layout/eboben_kachel.jpg);
	background-position:center center;
}

/* Alles umschließender Container fuer die zentrierte Ausrichtung der gesamten Seite */
#ebcontainer {
	position:relative;
	width:950px;
	z-index:1;
	margin: auto; /* Für Zentriertes Design */
	/* margin:0px auto 0px 0px; /* Für Links Design */
	margin-top:2px; /* Für oben anstossendes Design Design */
}

/* ---------- Kopf / Oben-Ebenen ------------------------- */
#eboben {
	position:absolute;
	width: 950px;
	height: 175px;
	top: 0px;
	left:0px;
	z-index:99;
	padding:0px;
	background-color:#FFFFFF;
	background-position:left top;
}

/* ---------- Haupt-Menue-Ebenen ------------------------- */
#ebmenue {
	position:absolute;
	width:205px;
	left: 12px;
	z-index:20;
	top: 310px;
	background-color:#ffffff;
	border-bottom: 2px solid #ffffff;
}

/* ---------- Ebenen Mitte ------------------------- */
#ebmitte{
	position:absolute;
	top: 115px;
	left: 0px;
	z-index:3;
	padding:0px;
	margin:0px;
	/* width + pad-left + pad-right = widht container (meist 950px) */
	width:650px;
	padding-left:265px;
	padding-right:35px;
	min-height:700px;
	_height:700px; /* wird nur von MSIE erkannt */
	background-image:url(grafik/layout/hg_inhalt.gif);
	background-position:left top;
	background-repeat:repeat-y;
	border:0px;
	/* Wenn Fuss erwuenscht dann hier Hintergrund rein und Fuss in ebunten, ggf noch die Hoehe über  min_hieght und _height steuern*/
}

/* ---------- Ebenen Inhalt (beinhaltet den Content) ------------------------- */
#ebinhalt {
	/* none */
}

/* ---------- Meta-Menue-Ebenen ------------------------- */
#ebmenueoben {
	position:absolute;
	top:175px;
	right:0px;
	width:721px;
	height:35px;
	z-index:11;
	text-align:right;
	background-color:#FFFFFF;
	background-image: url(grafik/layout/hg_menueoben.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}


/* ---------- Unten-Ebenen (Fuss) ------------------------- */
#ebunten{
	/* Wenn Fuss gewünscht dann hier Fuss-Hintergrund (Abschluss) rein */

	background-image: url(grafik/layout/hg_unten.gif);
	background-position:top left;
	background-repeat:no-repeat;
	
	position:absolute;
	bottom:-25px;
	left:0px;
	width:950px;
	padding-bottom:17px;
}

/* ---------- Sprachwahl-Ebenen ------------------------- */
#ebsprache {
	/* position:absolute;
	left: 24px;
	top: 150px;
	width:160px;
	height:156px;
	z-index:13; */
}

#eblogo {
	position:absolute;
	width:229px;
	height:125px;
	z-index:121;
	left: 0px;
	top: 58px;
	background-color: #FFFFFF;
}

#eblogo img {
	margin-left:30px;
	margin-top:15px;
}


/* ---------- Teaserleiste Rechts-Ebenen ------------------------- */
#ebteaserrechts {
	position:absolute;
	width:210px;
	z-index:14;
	right: 98px;
	top: 200px;
	margin-left:20px;
	float:right;

	/* Als Standard unsichtbar machen ...  */
	visibility:hidden;
	width:1px;
	height:1px;
	overflow:hidden;
}


/* ---------- Rechts-Ebenen ------------------------- */
#ebrechts {
	width:1px;
	float:right;
	margin-right: 0px;
	margin-left:0px;
	margin-bottom: 0px;
	visibility:hidden;
}

#pageid_1 #ebrechts {
	width:291px;
	float:right;
	margin-right: 0px;
	margin-left:30px;
	margin-bottom: 10px;
	visibility:hidden;
}

/* ---------- Logo-Ebenen ------------------------- */
#eboben-logo-container {
	position:absolute;
	top:65px;
	left:35px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width: 250px;
	height: 80px;
	visibility:hidden;
}


/* ---------- Kopf / Oben-Ebenen Formatieren ------------------------- */
#ebobenmood {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 175px;
	width:950px;
	overflow:hidden;
	z-index:10;
}

#ebobenmood img {
	margin:0px;
	padding:0px;
	border:0;
}



/*  --------  Grundeinstellungne für allgemeine Design HTML-Tags  */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	border:0px;
	color: #000000;
}

p,
p.bodytext,
.bodytext {
	padding:0px;
	margin:0px;
	
	margin-bottom:6px;
/*	line-height: 1.25em; */
}

a{
	background-position:left 3px;
	background-repeat: no-repeat;
	color:#e74036;
	text-decoration:none;
	font-weight:bold;
}
.mehr a,
a.internal-link,
.tx-indexedsearch-result-item a {
	background-position:left center;
	background-image: url(grafik/menue/internal_link.gif);
	padding-left: 10px;
}

a.totoplink{
	background-position:left center;
	background-image: url(grafik/menue/top_link.gif);
	color:#999999;
	padding-left: 10px;
}

a.asc-link {
	background-position:left center;
	background-image: url(grafik/menue/top_link.gif);
	padding-left: 10px;
}

a.desc-link {
	background-position:left center;
	background-image: url(grafik/menue/down_link.gif);
	padding-left: 10px;
}

.printlinkininhalt a.printversion, a.external-link-new-window, a.mail {
/*	background-position:left bottom; */
	background-position:left center;
	background-image: url(grafik/menue/external_link.gif);
	padding-left: 10px;
	color:#999999;
}

a:hover{
	text-decoration:underline;
	/* color:#a52a23; /* Andere Farbe für hover macht Probleme mit E-Mail-Adressen ! */
}

.mehr {
	position:relative;
	bottom:0px;
	right:0px;
	padding:0px;
	margin: 0px;
	margin-top:5px;
	text-align: right;
}

img{
	border:0;
}

li{
	/* list-style-image:url(grafik/menue/aufzaehlung.gif); */
	list-style-type:circle;
}

.csc-sitemap li{
	line-height:1.6em;
}

h1, h2, h3, h4, h5, h6 {
	/* 
	HINTERGRUNDBILD wenn die Überschrift ein SchmuckIcon trägt.
	background-image: url(grafik/menue/pfeil_headline.gif);
	padding-left:15px;	*/
	background-repeat: no-repeat;
	background-position:1px left;

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:normal;

	color:#363532;

	padding:0px;
	margin:0px;

	margin-top:12px;
	margin-bottom:6px;
}

h1 {
	padding-left:0px; /* Sondereinrueckung fuer Erste Ueberschrift*/
}

h2 {
	font-size:12px;
	margin-top:0px;
	margin-bottom:10px;
	color: #66534f;
}


h3, h4, h5, h6 {
	font-size:12px;
	margin-top:3px;
	margin-bottom:3px;
}

h1.csc-firstHeader, .news-single-item-title, h5{ /*  Erste Überschrift pro Seite RECHTS */
	font-size:18px;
	font-weight:bold;
	text-align:left;
	margin-bottom:15px;
	color: #66534f;
}

.csc-firstHeader{ /*  Normale erste Überschrift pro Seite */
	margin-top:0px;
}

hr{
	width:100%;
	height:1px;
	size:1px;
	color:#7F90BE;
}

/* Textfelder für Formulare */
input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	margin-top: 1px;
	margin-bottom:3px;
	background-color: #e9eae3;
	border: 1px solid #e9eae3;
}

/* Farbe für Fehlermeldungen in E-mail-Formularen */
/* Farbe für Pflichtfeldstern in E-mail-Formularen */
.fehler,
.email_mandatory,
.mandatory {
	color:#FF0000;
}

table{
	border-collapse:collapse; /* Einzelrahmen von Tabellenzellen sollen zusammenfallen */
	border-spacing:0px
}


/* --- Datei-Downloadliste --- */
table.csc-uploads td{
	border-bottom:1px dotted #7F90BE;
	padding-top:10px;
	padding-left:1px;
	padding-right:1px;
}

td.csc-uploads-icon{
	vertical-align:top;
	text-align:center;
	width:40px;
}

td.csc-uploads-fileName{
	vertical-align:top;
	text-align:left;
}

td.csc-uploads-fileName p{
	margin-bottom:3px;
	margin-top:0px
}

td.csc-uploads-fileSize{
	vertical-align:top;
	text-align:right;
	width:40px;
}


/* --- Macina Sesrchbox --- */
.tx-macinasearchbox-pi1 input.searchwordinput{
	height:14px;
	width:152px;
}

.tx-macinasearchbox-pi1 a{
	background-image: url(grafik/menue/pfeil_link.gif);
	padding-left:10px;
	margin-right:7px;
	font-weight:bold;
}


/* --- INDEX Search Ergebnisliste --- */
a.sendsearchformlink{
	background-image: url(grafik/menue/pfeil_link.gif);
	padding-left:10px;
	font-weight:bold;
}

.tx-indexedsearch-result-item a{
	font-weight:bold;
}

td.tx-indexedsearch-title {
	vertical-align:top;
	text-align:left;
	width:100%;
}

td.tx-indexedsearch-percent {
	vertical-align:top;
	text-align:right;
	width:40px;
}

.tx-indexedsearch-longtext{
	margin-left:10px;
}






/* Tabelle in Contentbereich */

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

table.csc-uploads {
	padding-left:28px;
}


.contenttable tr,
.csc-uploads tr {
	width:auto;
	height:auto;
	border:0px;
}

.contenttable td,
.csc-uploads td {
	vertical-align:top;
	width:auto;
	height:auto;
	border:0px;
}

.contenttable p,
.contenttable a,
.csc-uploads p,
.csc-uploads a {
	padding:0px;
	margin:0px;
	line-height:normal;
}

div.csc-frame-frame1{ /* TEXT-Element Einstellung Rahmen 1 */
	border:1px solid #4464AD;;
}

div.csc-frame-frame2{ /* TEXT-Element Einstellung Rahmen 2  Benutzt für Anmerkungen der Redaktion */
	border:1px solid #4464AD;
	background-color:#FFFFCC;
	padding:6px;
	margin:6px;
}

div.csc-frame-rulerAfter{ /* TEXT-Element Einstellung Strich nach */
	border-bottom-width:thin;
	border-bottom-style:dotted;
	border-bottom-color:#6e9a66;
	height:2px;
	width:100%;
	padding-top:10px;
}

.csc-frame-rulerBefore{ /* TEXT-Element Einstellung Strich vor */
	border-top-width:thin;
	border-top-style:dotted;
	border-top-color:#4464AD;
	height:2px;
	width:100%;
	padding-bottom:10px;
}

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

div.news-list-item {
}

/*--------- LATEST tt_news ----------*/
.news-latest-container{
}

/*--------- SINGLE tt_news ----------*/
div.news-single-img{
}

/*--------- gemeinsame Def's tt_news ----------*/
.news-timedata p{
}

/* --- ENDE tt_news ---*/



/* ----------- ToTop-Link ------------------ */
#totoplink{
	float:left;
	text-align:left;
	padding:20px 0px 10px 0px;
}

/* ----------- Print-Link ------------------ */
#printlink{
	float:right;
	text-align:right;
	padding:20px 0px 10px 0px;
}


/* -------------------- Hauptmenü Formatieren --------------------------*/
#ebmenue a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 10px;
	font-weight: bold;
	color: #766767;
	text-decoration: none;
	background-position:7px center;
	background-repeat: no-repeat;
	padding:0px;
	padding-left: 18px;
	padding-top:5px;
	padding-bottom:5px;
	background-image: url(grafik/menue/pfeil_braun.gif);
	display: block;
}	
#eblinks {
	background-image: url(grafik/layout/hg_suche.gif);
	width: 1px;
	height: 120px;
/* height: 400px; /* DEBUG*/
/* overflow:hidden; /* DEBUG*/
	padding-left: 0px;
	visibility:hidden;
}


#ebmenue  a,
#ebmenue  .menueaktiv  a {
	background-image:url(grafik/menue/menue_aktiv.gif);
	color:#6e9a66;
	background-repeat: no-repeat;
	background-position: left;
	text-align:left;
	padding-right:5px;
}	
#ebmenue   div.menueebene2   a:link, #ebmenue div.menueebene2 a:visited{
	font-size: 11px;
	padding-left: 15px;
	text-align:left;
	color: #66534f;
	background-position: 20px center;
	background-color: #ffffff;
	background-image: url();
}
#ebmenue    div.menueebene2aktiv    a,
#ebmenue    div.menueebene2    a:hover   
   {
	font-size: 11px;
	padding-left: 15px;
	background-image: url(grafik/menue/pfeil_braun.gif);
	color: #cd441c;
	background-position: 5px center;
}
#ebmenue    div.menueebene3    a:link, #ebmenue div.menueebene3 a:visited{
	font-size: 10px;
	padding-left: 50px;
	color: #66534f;
	background-position: 40px center;
	background-color: #e8eae1;
	background-image: url(grafik/menue/pfeil_braun.gif);
}
#ebmenue    div.menueebene3aktiv    a,#ebmenue div.menueebene3    a:hover {
	font-weight:bold;
	font-size: 10px;
	padding-left: 50px;
	background-position:left;
	display: block;
}

#ebornament {
	position:absolute;
	width:210px;
	height:23px;
	z-index:30;
	left: 0px;
	bottom: -40px;
}

/* ---------- Meta-Menue Formatieren ------------------------- */
#ebmenueoben div{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	display:inline; /* Wenn das Menue horizontal laufen soll ... */
	padding-left:4px;
	line-height:22px;
}

#ebmenueoben a, #ebmenueoben .nebenavigation{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	color:#000000;
	padding-left:8px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:5px;
	background-image: url();
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 11px;
	font-style: normal;
}

#ebmenueoben a:hover,
#ebmenueoben .nebenavigationaktiv a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#cd441c;
	font-style:normal;
	text-decoration:none;
	background-image: url(grafik/menue/pfeil_braun.gif);
	background-position: left center;
	background-repeat: no-repeat;
}	



/* ---------- Teaserleiste Rechts-Ebenen Formatieren ------------------------- */
#ebteaserrechts h1{
}

#ebteaserrechts p{
}

#ebteaserrechts img {
}

#ebteaserrechts a {
}

#ebteaserrechts a:hover, #ebteaserrechts a:active {
}





/* Keine Rahmen um Navi-Pfeile - diesen Eintrag bitte immer ganz unten in den CSS */
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;
}



/* ---------- Sonderformate bestimmter Seiten ------------------------- */

/* Sonderformate der Startseite */
#pageid_1 #ebrechts{ /* Anderes Format auf der Startseite*/
	visibility:visible;
}

#pageid_1 #ebzxy {
	/* Auf der Startseite sichtbar machen ...  */
	visibility:visible;
	width:200px;
	height:auto;
	overflow:inherit;
}

/*     -------  Drucken und ToTop nicht anzeigen auf den Seiten ...  ------    */
#pageid_1 #totoplink,
#pageid_1 #printlink{
	visibility:hidden;
}


/* Anpassungen für den Druck */
.printbody{
	width:100%;
	height:auto;
	background-image:url();
	background-color:#FFFFFF;

	margin:0px;
	padding:0px;
}

div.printansicht {
	clear:both;
	width:96%;
	height:auto;
	position:inherit;

	background-image:url();
	background-color:#FFFFFF;
	
	margin:0px;
	padding:0px;
	
	padding-left:2%;
	padding-right:2%;
}

#print-fuss,
#print-fuss p{
	font-size: 10px;
	line-height: 12px;
}


/* Anpassungen für den Seiten, die im Backend angezeigt werden ...*/
.backendpage{
	width:800px;
	height:auto;
	background-image:url();
	background-color:#ffffff;

	margin:0px;
	padding:0px;
}

.backendpage div.printansicht {
	clear:both;
	width:96%;
	height:auto;
	position:inherit;

	background-image:url();
	background-color:#EFEFF4;
	
	margin:0px;
	padding:0px;
	
	padding-left:2%;
	padding-right:2%;
}