/* CSS Document */
/* Version       : 3.2 */
/* erstellt      : MiJu */
/* Date          : November 2012 */


/*************** Grundeinstellungen ***********************/

body, p {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #333333;
	margin : 0;
	padding : 0;
	background-color: #ffffff;
} /* Allgemeine Festlegung für Schrift/ Abstände in Body- und P-Tags  */

/* Definition der Überschriften allgemein */
h1 {
	font-size : 1.2em;
	color : #666666;
	margin : 10px 0 3px 0;
	font-weight : bold;
}

h2 {
	font-size : 1.1em;
	color : #666666;
	margin : 10px 0 3px 0;
	font-weight : bold;
}

h3 {
	font-size : 1em;
	color : #666666;
	margin : 10px 0 3px 0;
	font-weight : bold;
}

h4 {
	font-size : 0.9em;
	color : #666666;
	margin : 10px 0 3px 0;
	font-weight : bold;
}

h5 {
	font-size : 0.9em;
	color : #666666;
	margin : 10px 0 3px 0;
	font-weight : bold;
	font-style: italic;
}

h6 {
	font-size : 0.8em;
	color : #666666;
	margin : 10px 0 3px 0;
	font-weight : bold;
	font-style: italic;
}

/********************* Container *******************/

#container {
	position : relative;
	background-color : #eeeeee;
	/*margin-right: auto;  "auto" sorgt für eine Zentrierung des Containers auf der Seite 
	margin-left: auto;*/
	width : 950px;
	height : auto;
	border-right : 1px solid #555555;
	border-left : 4px solid #555555; /* links am Container stärkerer Rahmen, wegen Navilayout */
	border-top : 1px solid #555555;
	background-image : url(../images/seitenrand_infobox.jpg); /* Bild am rechten Rand - erst unter Infobox sichtbar */
	background-repeat : repeat-y; /* Bild wird nach unten (y-Achse) widerholt */
	background-position : top right; /* Bildposition für Wiederholungsanfang */
	margin: 50px auto;
	
	/* Schattenwurf */
	-moz-box-shadow: 10px 1px 5px #ddd;
	-webkit-box-shadow: 10px 1px 5px #ddd;
	box-shadow: 10px 1px 5px #ddd;
	
}

* html #container {
	background-image : url(../images/graupixel.jpg); /* Kein farbiges Bild, sondern nur grau da nicht pasaabel einbindbar */
	background-repeat : repeat; /* Für den gesamten Hintergrund, komplette Kachelung */
	background-position : top left;
} /* Hack IE <= 6 */

*+html #container {
	background-image : url(../images/graupixel.jpg); /* siehe oben */
	background-repeat : repeat;
	background-position : top left;
} /* Hack IE 7 */

/***************** Header *************************/

#header {
	position : relative;
	background-color : #eeeeee;
	background-image : url(../images/header_picture03.jpg); 	/* Hintergrundbild OHNE Logo */
	background-repeat : no-repeat; 	/* Keine Wiederholungen */
	background-position : bottom right; /* Position oben rechts angesiedelt, um eine verschiebung zu gewährleisten
	und keinen Freiraum zu lassen */
	width : auto;
	height : 105px;
	margin-left : -3px; /* Einzug nach links, um den dicken Rahmen zu überlagern */
}

.header_inhalt { /* Die Klasse kann an ein html-Tag vergeben werden, in dem dann das Logo angezeigt wird */
	background-image : url(../images/header_logo.jpg); /* header_logo.jpg */
	background-repeat : no-repeat;
	background-position : bottom left; /* Position links oben */
	height: 95px; /* Vorheriger Wert: 90px */
}

.header_inhalt p { /* Klasse für die Schrift in Bezug auf das Logo */
	font-size : 70%; /* 70% */
	font-weight : bold;
	
	color : #333333;
	position : relative;
	left : 95px; /* Vorheriger Wert: 110px */
	top : 70px; /* Vorheriger Wert: 60px */
	background: none;
} /* Die Positionsangaben left/ top geben den genauen Standort innerhalb des p-tags an, an dem die Schrift sitzen soll
(direkt unter dem S). Das Logo-Bild in "header_inhalt" gibt der Schriftposition Spielraum */


/********************** Zwischendinger ********************/

/* Boxen, die nur dem Design dienen: 
"zwischending" für den Rand über dem Schnelleinstieg
"zwischending2" für den Link zum Seitenanfang am Ende des Contentbereichs */

#zwischending {
	position: absolute;
	left: 0;
	top: 105px;
	width: 953px;
	background-color: #ffffff;
	height: 36px;
	margin-left: -3px;
}

/* Box am Seiten Ende, die die gesamte Breite umfasst
Bildet den Abschluss, mir Rand und Schatten */
#zwischending2 {
	left: 0;
	width: 100%;
	/* background-color: #eeeeee; */
	height: 36px;
	margin-top: -5px;
	margin-right: 3px;
	border-right: #555555 solid 1px;
	border-bottom: #555555 solid 1px;

/* Schatten unten */
	-moz-box-shadow: 10px 10px 5px #ddd;
	-webkit-box-shadow: 10px 10px 5px #ddd;
	box-shadow: 10px 10px 5px #ddd;
}

/* Box, die die Breite des Contentbereiches weiß ausfüllt und den
Link zum Seitenanfang beinhaltet */
#zwischending2_weiss {
	width: auto;
	height: 35px;
	margin: 0px 200px 0px 205px; 
	background-color: white;
}
* html #zwischending2_weiss {
	margin: 0px 225px 0px 207px;
} /* Hack IE 6 */

*+html #zwischending2_weiss {
	margin: 0px 225px 0px 207px;
} /* Hack IE 7 */

/********************** Schnelleinstiegsbuttons ********************/
/* Beinhaltet die Container für die Schnelleinstiegsbuttons und deren
Ausrichtung */

#laufschrift {
	position : absolute;
	background-color : #ffffff;  /*Wichtig um den grauen Hintergrund des Continers zu verdecken */
	left: 0;
	top: 110px; /* Genau 110 Pixel Abstand zum Rand des Containers */
	width: 953px; /* Hintergrund weiß soll den den ganzen Bereich von links nach rechts ausfüllen; 950 px Breite + 3px Rand */
	height : 70px;
	margin-left : -3px; /* verschiebung nach links, um den dicken Rahmen für die Navigation zu verdecken */
	font-size: 120%;
	font-weight: bold;
	line-height: 140%;
	color: #ce0203;
}

*+html #laufschrift {
	height: auto;
	min-height : 70px;
} /* Hack IE 7 */

* html #laufschrift {
	height: auto;
	min-height : 80px;
} /* Hack IE 6 */ 

/* Klasse für die Buttons. */
.laufschrift_buttons {
	padding-left: auto; 
	padding-right: auto; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	background-color: #b9d4f1; /* #caefff; #baddf3 */
	border-right: #ffffff 6px double;
} 
*+html .laufschrift_buttons {
	display: inline-block;
} /* Hack IE 7 */ 
* html .laufschrift_buttons {
	display: inline-block;
} /* Hack IE 6 */ 

/* Klasse für das Highlight der Buttons (via JavaScript). */
.laufschrift_buttons-highlight {
	padding-left: auto; 
	padding-right: auto; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	background-color: #eeeeee; 
	border-right: #ffffff 6px double;
}
*+html .laufschrift_buttons-highlight {
	display: inline-block;
}

/* Float-Klassen */ 
.float_left {
	float: left; 
	overflow: hidden;
}

.float_right {
	float: right;
	overflow: hidden;
}


/****************** Navigation horizontal **************/

#navi_horizontal {
	position : absolute; /* Absolute Position innerhalb des Containers (übergeordnetes html-Element) */
	left : 649px; /* Position null Pixel von rechts entfernt und damit rechtsbündig */
	top : -29px; /* Versetzt über den HEader als Karteikartenreiter */
	background-color : #ffffff; /* Wichtig um den grauen hintergrund des Containers zu überdecken */
	width : 300px;
	height : 28px;
	border: solid #555555 1px;
	border-bottom: none;
	
	/* Schattenwurf */
	-moz-box-shadow: 10px 1px 5px #ddd;
	-webkit-box-shadow: 10px 1px 5px #ddd;
	box-shadow: 10px 1px 5px #ddd;
}

#navi_horizontal ul { /* Definition für Aufzählungszeichen innerhalb der ID "navi_horizontal" */
	list-style-type : none; /* Keine Aufzählungszeichen */
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 65%;
	margin-left: -50px; /* Verschiebung nach rechts, um einheitliche Linie mit Infobox zu erhalten */
	padding-left: 5px;
	vertical-align: middle;
}

#navi_horizontal ul li {
	padding-right : 7px;
	margin-left: 0;
} /* Abstand innerhalb der Liste */

/* Definition der Links in der Navigation */
#navi_horizontal ul a:link, #navi_horizontal ul a:visited {
	color : #000000;
	text-decoration : none;
} /* nicht besuchte und besuchte Links */

#navi_horizontal ul a:hover, #navi_horizontal ul a:active {
	color : #fe0000;
	text-decoration : none;
} /* Highlight bei mouseover und active Links */

.hnavi {
	text-align : right;
	 margin-top : 13px;
} /* Klasse für die Ausrichtung der Schrift in der horizontalen Navigation */



/****************** Navigation vertikal ****************/

#navi_vertikal_posTop {
	position: absolute;
	top: 168px;
} /* Übergeordneter Div-Container, der die Navigation in der Tabellenspalte oben positioniert
(wichtig für FF3) */

* html #navi_vertikal_posTop {
	top: 156px;
} /* Hack IE <= 6 */

*+html #navi_vertikal_posTop {
	top: 181px;
} /* Hack IE 7 */


#navi_vertikal {
	float : left; /* links umfließend */
	width : 200px;
	color : #333333; /* Schriftfarbe */
	background-color : #eeeeee; /* Hintergrundgrau */
	vertical-align : top;
	margin-top : 24px; /* Abstand zur Überbrückung des Bereiches für Laufschrift/ Horizontale Navigation */
	margin-left : -1px;
	height : 100%;
	background-image : url(../images/graupixel.jpg); /* Hintergrundbild eingefügt, um sicherzugehen, dass in allen Browsern der
	Hintergrund grau ist */
	background-repeat : repeat; /* Wiederholen des "Graupixel" */
}

* html #navi_vertikal {
	width : 210px;
	padding-top : 38px;
} /* Hack IE <= 6 */

*+html #navi_vertikal {
	width : 210px;
	padding-top : 38px;
} /* Hack IE 7 */

#navi_vertikal ul { /* Listendefinierung für die Linkliste der Navigation */
	list-style-type : none;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 75%;
	padding-left : 10px;
}

* html #navi_vertikal ul {
	margin-left : -7px;
	margin-right: 3px;
} /* Hack IE <= 6 */

*+html #navi_vertikal ul {
	margin-left : -7px;
	margin-right: 3px;
} /* Hack ID 7 */

#navi_vertikal ul:focus {
	border-left : 4px solid #ce0203;
	width : 100%;
} /* Definierung für das fokusierte Listenelement */


/* Erste Navigationsebene + untere wegen Vererbung */
#navi_vertikal ul li a:link, #navi_vertikal ul li a:visited {
	color : #333333;
	text-decoration : none;
	font-weight : bold;
	display: block;
} /* Layout der Navigationslinks benutzter und unbenutzter Link in den Listen - schriftbezogen */

#navi_vertikal ul li a:hover, #navi_vertikal ul li a:active {
	color : #fe0000;
	display: block;
} /* Layout der Navigationslinks für das Highlight beim mouseover und aktiver Links (letzteres will nicht...) - schriftbezogen */

#navi_vertikal ul li {
	padding : 4px 20px 4px 20px; /* Innenabstand der Listeneinträge: oben, rechts, unten, links */
	border-top : 1px solid #dddddd; /* Grauer Trennlinie der ersten Navigationsebene */
	margin-left : -14px; /* Verschiebung des Listenblicks nach Links, um die Trennlinie passend zu plazieren und etwas in den
	dicken Rahmen des Containers zu schieben */
	margin-right : 0px; /* verschiebung des Rechten Randes nach Links, zum Anpassen an Hintergrund */
}

* html #navi_vertikal ul li {
	margin-left : -5px;
	padding : 4px 0 4px 20px;
} /* Nach IE <= 6 */

*+html #navi_vertikal ul li {
	margin-left : -5px;
	padding : 4px 0 4px 20px;
} /* Hack IE 7 */

#navi_vertikal ul li:hover { /* Heighlight der Listen-Elemente, nicht schriftbezogen */
	color : #fe0000;
	background-color : #ffffff; /* Weißer Hintergrund bei mouseover der Listenelemente */
	border-left : 4px solid #ce0203; /* roter Seitenrand während des Highlight */
	border-right : 4px solid #ce0203;
	margin-right : -2px; /* Verschiebung des rechten Randes nach Links, zum Anpassen an Hintergrund */
}

* html #navi_vertikal ul li:hover {
	margin-right : 0;
} /* Hack IE <= 6 - beinhaltet keine Highlight, da der IE diese nicht korrkt wiedergeben kann */

*+html #navi_vertikal ul li:hover {
	margin-right : 0;
	border-left : 0;
	border-right: 0;
	background-color : #eeeeee;
} /* Hack IE 7 - highlightunfähig */

/* Zweite und dritte Navigationsebene betreffend */
#navi_vertikal ul ul li {
	margin-left : -24px;
	margin-right : -3px;
	padding : 4px 24px 4px 30px;
	width : 143px;
	font-size : 110%;
	border-top : 0;
} /* Layoutdefinition/ Angleichung der unteren Navigationsebenen */

* html #navi_vertikal ul ul li {
	padding : 4px 0 4px 25px;
} /* Hack IE <= 6 */

* html #navi_vertikal ul ul li:hover {
	border-right : none;
} /* Hack IE <= 6 - highlightunfähig */

*+html #navi_vertikal ul ul li {
	padding : 4px 0 4px 30px;
} /* Hack IE 7 */

*+html #navi_vertikal ul ul li:hover {
	border-right : none;
} /* Hack IE 7 - highlieghtunfähig */


/* Dritte Navigationsebene */
#navi_vertikal ul li ul li {
	padding : 0 0 0 40px;
	margin-left : -33px;
	width : 123px;
	font-size : 120%;
	font-weight : normal;
} /* Angleichung des Layouts der untersten Ebene */

* html #navi_vertikal ul li ul li {
	width : 130px;
	margin-left : -30px;
	font-size : 125%;
	font-weight : normal;
} /* Hack IE <= 6 */

*+html #navi_vertikal ul li ul li {
	width : 130px;
	margin-left : -27px;
	font-size : 125%;
	font-weight : normal;
} /* Hack IE 7 */


#navi_vertikal ul li:hover ul li {
	border : none;
	background-color : transparent;
} /* Abstellen der übergeordneten Highlightfunktion, weil durch Verschiebung nicht anwendbar */

#navi_vertikal ul li ul li ul li {
	padding : 4px 34px 4px 40px;
	margin-left : -33px;
	width : 123px;
	font-size : 130%;
	font-weight : normal;
	border-right : none;
} /* Allgemeine Definition der letzten Listeneinträge allgemein */

* html #navi_vertikal ul li ul li ul li {
	width : 150px;
	margin : 0 0 0 -30px;
	font-size : 110%;
	padding : 0 1px 0 36px;
} /* Hack IE <= 6 */

*+html #navi_vertikal ul li ul li ul {
	width : 130px;
	margin-left : -30px;
	font-size : 70%;
	padding : 0 0 0 34px;
} /* Hack IE 7 */

#navi_vertikal ul li ul li a:link, #navi_vertikal ul li ul li a:visited {
	font-weight : normal;
} /* Aufhebung der Fettschrift bei Links */


/*********************** Content ***********************/

#content { /* Definition des Contenbereiches allgemein */
	width : 100%;
	margin : 0px 0 -2px 0;
	background-color : #ffffff; /* weiße Hintergrundfarbe, um den grauen Hintergrund des Containers zu überdecken */
	padding : 70px 20px 10px 20px; /* Reguläge Innanabstände */
	vertical-align : top; /* Inhalt soll oben stehen, da in Tabelle meist mittig angeordnet wird */
}

*+html #content {
	width: 55%;
	padding : 55px 20px 10px 20px;
} /* Hack IE 7 */

* html #content {
	width: 55%;
} /* Hack IE <= 6 */


#content p {
	margin-bottom : 5px;
	margin-right: 0px;
	background: none;
} /* Definition für den Abstand nach unten zwischen den p-Tags */


#headline {
	text-align : left;
	font-size : 55%;
	color : #555555;
	background: none;
	padding-top: 3px;
} /* Definition der ID headline - Brotkrumenpfad */

.seitenueberschrift {
	text-align : left;
	font-size : 110%;
	font-weight : bold;
	color : #666666;
	margin : 15px 0px 40px 0;
	padding : 4px 5px;
	border-bottom : 2px solid #eeeeee;
	border-left : 4px solid #ce0203;
	background: none;
} /* Definition der Seitenüberschrift: Graue Schrift, roter Balken links, graue Linie unten */

.ueberschrift_rechts {
	text-align: right;
	margin: -5px 0 22px 0;
	vertical-align: top;
	background: none;
} /* Definition der Unterüberschrift rechts */


#content_text {
	font-size : 0.8em;
	line-height : 1.3em;
	text-align : justify;
	background: none;
} /* definition des eigentlichen Conteninhaltes */

.link_top { /* Definition der Abschlussleiste des Contenbereiches mit Link nach oben/ Druckversion */
	width : auto;
	font-size : 60%;
	margin : 0px 20px 10px 20px;
	padding : 2px 5px 0 0;
	border-top : 2px solid #eeeeee; /* grauer Rahmen oben */
	border-right : 2px solid #ce0203; /* roter Balken rechts - gleichgesetzt mit der Seitenüberschrift */
}


<!-- Klassen -->

.autor {
	line-height: 1.1em;
	margin-top: 15px;
	font-style: italic;
	background: none;
} /* Für Autorenhinweise in Cocktailartikeln/ News */

.border {
	border: #555555 1px solid;
	padding: 5px;
	margin-bottom: 5px;
	background: none;
} /* leichter, dunkelgrauer Rahmen, zB. für Tabellenzellen/ herauszuhebende Kästen */

.borderBottom {
	border-bottom: #eeeeee 1px solid;
	margin-bottom: 5px;
	background: none;
} /* Trennlinie für den Contenbereich (zB. News) */


.cocktailIndex {
	margin: 25px 0;
	font-size: 0.9em;
	text-align: left;
	background: none;
} /* Definition für den Cocktail-Index: Überschriftebene */

.cocktailIndex_02 {
	margin-bottom: 5px;
	padding: 0px 20px;
	background: none;
} /* Definition für den Cocktail-Index: Eingerückte Unterpunkte */

.cocktailDetail {
	margin: 25px 0;
	font-size: 0.9em;
	background: none;
} /* Definition für die Detailansicht der Cocktailartikel */

.cocktailBild {
	float: left;
	padding-right: 20px;
	padding-bottom: 10px;
	background: none;
}

.editmode {
	color: #03c;
	margin-top: 5px;
	font-weight: bold;
	border: #03c 1px solid;
	padding: 5px;
	background: none;
} /* Klasse für Anweisungen im Editmode für die "Redakteure" */

.fehler {
	color: #03c;
	margin-top: 5px;
	font-weight: bold;
	border: #03c 1px solid;
	padding: 5px;
	text-align: center;
	background: none;
} /* Klasse für die Fehlermenldungen */

.login {
	font-size: 70%; /* Bezogen auf Schrift über der Loginanzeige unter Navigation */
	color: #555555;
	padding: 40px 0px 40px 20px;
	margin-left: -4px;
	margin-top: -13px;
	width: 187px;
	border-top: #dddddd 1px solid; /* Linie zum Abschluss zur Navigation oben */
	background: none;
} /* Angaben für die Login-Anzeige unterhalb der vertikalen Navigation */

.login-name {
	font-weight: bold; /* Schriftdefinition für die Anzeige des Usernamen unter der Navigation */
	padding: 5px 0px 5px 18px;
	margin-left: -20px;
	border-left: #ce0203 solid 4px; /* rote Balken Links/ rechts + weißer Hintergrund, wie Highlight der Navigation */
	border-right: #ce0203 solid 4px;
	background-color: #ffffff;
	width: 180px;
} /* Layout um den Loginnamen - nur wenn eingeloggt! */

* html .login-name {
	margin-left: -15px;
} /* Hack Ie <= 6 */

*+html .login-name {
	margin-left: -15px;
} /* Hack IE 7 */

.next {
	text-align: right;
	margin: -38px 0 22px 0;
	font-size: 80%;
} /* Für die "vor- und zurück-Links" der automatisch generierten Listen */

.back {
	text-align: right;
	margin: 22px 0 -38px 0;
	font-size: 80%;
} /* Für die "vor- und zurück-Links" der automatisch generierten Listen */

.item {
	font-weight: bold;
	padding: 5px 5px;
	border: #666666 1px solid;
	background-color: #eeeeee;
} /* Für Tabellenköpfe: grauer Hintergrund, fettere Schrift + Rahmen */

.kleinFett {
	text-align: left;
	font-size: 80%;
	font-weight: bold;
	color: #666666;
	background: none;
} /* Zum hervorheben */

.info {
	font-size: 80%;
	font-weight: bold;
	border: #666666 1px solid;
	color: #666666;
	background-color: #eeeeee;
	padding: 10px;
} /* Info mit Rahmen, grauem hintergrund und hervorgehobener Schrift */

.autor {
	margin-top: 25px;
	padding-bottom: 5px;
	font-style: italic;
	font-size: 0.9em;
	line-height: 1.0em;
	background: none;
} /* Für Autorenangaben in News/ Artikeln */

.tabelle {
	border: #666666 1px solid;
	padding: 5px;
	background: none;
} /* allgemeiner Rahmen für Tabelle */

.cocktail_head_oben {
	font-size: 400%;
	color: #666666;
	text-align: left;
	border-bottom: #eeeeee 2px solid;
	padding: 30px 0 30px 0;
	font-weight: bold;
	background: none;
} /* Kopf für den Cocktail, Design 2008 - Überschrift */

.cocktail_head_unten {
	text-align: right;
	color: #666666;
	font-weight: bold;
	font-size: 150%;
	padding: 10px 30px 10px 0;
	background: none;
} /* Kopf für den Cocktail, Design 2008 - Unterüberschrift */


/* ______________________________________________________________

<!-- Links -->
_________________________________________________________________ */

/* Für relative (../de/ usw.) Links innerhalb des Content-Bereiches */

#content_text a {
	text-decoration : underline;
	background: transparent;
	color : #336699;
	/* margin-right: 4px; */
} /* Links allgemein */

#content_text a:link {
	text-decoration : underline;
	background: transparent;
	color : #336699;
	/* margin-right: 4px; */
}

#content_text a:visited {
	text-decoration : underline;
	background: transparent;
	color : #ce0203; /*555555 mittelgrau, #ff6600; orange, #336699 blaugrau, #ce0203 rot */
	/* margin-right: 4px; */
} /* Besuchte Links */

#content_text a:hover {
	text-decoration : underline;
	background: transparent;
	color : #fe0000;
	/* margin-right: 4px; */
} /* Link-Highlight */

#content_text a:active {
	text-decoration : underline;
	background: transparent;
	color : #336699;
	/* margin-right: 4px; */
} /* Aktivirte Links */




/* Für Domain http://www.hebis.de */

#content_text a[href^="http://www.hebis.de"] {
	text-decoration : underline;
	background: transparent;
	color : #336699;
} /* Links allgemein */

#content_text a[href^="http://www.hebis.de"]:link {
	text-decoration : underline;
	background: transparent;
	color : #336699;
}

#content_text a[href^="http://www.hebis.de"]:visited {
	text-decoration : underline;
	background: transparent;
	color : #ce0203; /*555555 mittelgrau, #ff6600; orange, #336699 blaugrau, #ce0203 rot */
} /* Besuchte Links */

#content_text a[href^="http://www.hebis.de"]:hover {
	text-decoration : underline;
	background: transparent;
	color : #fe0000;
} /* Link-Highlught */

#content_text a[href^="http://www.hebis.de"]:active {
	text-decoration : underline;
	background: transparent;
	color : #336699;
}


/* Für Externe Links - also alles, was nicht mit www.hebis beginnt
Icon-Kennzeichnung für Externe links als Hintergrundbild festgelegt */

#content_text a[href^="http:"] {
	text-decoration : underline;
	/*background: url(/de/images/arrow_105-1.gif) right center no-repeat;*/
	color : #336699;
	/*padding-right: 15px; Abstand des Icons (Hintergrundbild) nach rechts, um Überschneidungen mit dem Link-Text zu vermeidn */
} /* Link allgemein */

*+html #content_text a[href^="http:"] {
	background-image: none;
} /* Hack IE 7 - Kein Hintergrundbild, da es nicht konsequent wiedergegeben wird */

#content_text a[href^="http:"]:link {
	text-decoration : underline;
	/*background: url(/de/images/arrow_105-1.gif) right center no-repeat;*/
	color : #336699;
	/*padding-right: 15px;*/
}

*+html #content_text a[href^="http:"]:link {
	background-image: none;
} /* Hack IE 7 - Kein Hintergrundbild, da es nicht konsequent wiedergegeben wird */

#content_text a[href^="http:"]:visited {
	text-decoration : underline;
	/*background: url(/de/images/arrow_105-1.gif) right center no-repeat;*/
	color : #ce0203; /*555555 mittelgrau, #ff6600; orange, #336699 blaugrau, #ce0203 rot */
	/*padding-right: 15px;*/
} /* FÜr besuchte Links */

*+html #content_text a[href^="http:"]:visited {
	background-image: none;
} /* Hack IE 7 - Kein Hintergrundbild, da es nicht konsequent wiedergegeben wird */

#content_text a[href^="http:"]:hover {
	text-decoration : underline;
	/*background: url(/de/images/arrow_105-1.gif) right center no-repeat;*/
	color : #fe0000;
	/*padding-right: 15px;*/
} /* Highlighting */

*+html #content_text a[href^="http:"]:hover {
	background-image: none;
} /* Hack IE 7 - Kein Hintergrundbild, da es nicht konsequent wiedergegeben wird */

#content_text a[href^="http:"]:active {
	text-decoration : underline;
	/*background: url(/de/images/arrow_105-1.gif) right center no-repeat;*/
	color : #336699;
	/*padding-right: 15px;*/
} /* Für aktivierte Links */

*+html #content_text a[href^="http:"]:active {
	background-image: none;
} /* Hack IE 7 - Kein Hintergrundbild, da es nicht konsequent wiedergegeben wird */


/* Einfügbare CSS-ID für bereiche, in denen externe Links kein Icon erhalten sollen -
zB. verlinkte Graphiken, Katalogauswahl mit Infobutton zu externer Datenbankbeschreibung.
Muss manuell eingefügt werden */

#externOhneIcon a[href^="http"] {
	text-decoration : underline;
	background: transparent; /* transparenter Hintergrund, ohne Bild */
	color : #336699;
	padding-right: 0;
} /* Für Links allgemein */

#externOhneIcon a[href^="http"]:link {
	text-decoration : underline;
	background: transparent;
	color : #336699;
	padding-right: 0;
}

#externOhneIcon a[href^="http"]:visited {
	text-decoration : underline;
	background: transparent;
	color : #ce0203; /*555555 mittelgrau, #ff6600; orange, #336699 blaugrau, #ce0203 rot */
	padding-right: 0;
} /* Für besuchte Links */

#externOhneIcon a[href^="http"]:hover {
	text-decoration : underline;
	background: transparent;
	color : #fe0000;
	padding-right: 0;
} /* Highlighting */

#externOhneIcon a[href^="http"]:active {
	text-decoration : underline;
	background: transparent;
	color : #336699;
	padding-right: 0;
} /* Active Links */



/* Linkauszeichnung für kleine Icons, zB. Infobuttons bei Datenbanken. */

#info_button a {
	text-decoration : none;
	color : #ce0203;
} /* Für Link alllgemein */

#info_button a:link {
	text-decoration : none;
	color : #ce0203;
}

#info_button a:visited {
	text-decoration : none;
	color : #ce0203;
} /* Für besuchte Links */

#info_button a:hover {
	text-decoration : none;
	color : #fe0000;
} /* Highlighting */

#info_button a:active {
	text-decoration : none;
	color : #ce0203;
} /* Für active Links */


/* Linkauszeichnung für Logout bei Loginanzeige unter der Navigation links */

a.login {
	text-decoration : underline;
	color : #ce0203;
} /* Links allgemein */

a.login:link {
	text-decoration : underline;
	color : #ce0203;
}

a.login:visited {
	text-decoration : underline;
	color : #ce0203;
} /* Besuchte Links */

a.login:hover {
	text-decoration : underline;
	color : #fe0000;
} /* Highlighting */

a.login:active {
	text-decoration : underline;
	color : #ce0203;
} /* Active Links */


/* Linkauszeichnung des "Brotkrumenpfades" im (über) dem Conten-Bereich */

#headline a {
	text-decoration : none;
	color : #03c;
} /* Links allgemein */

#headline a:link {
	text-decoration : none;
	color : #03c;
}

#headline a:visited {
	text-decoration : none;
	color : #336699;
} /* Besuchte Links */

#headline a:hover {
	text-decoration : none;
	color : #fe0000;
} /* Highlighting */

#headline a:active {
	text-decoration : none;
	color : #03c;
} /* Active Links */


/* Linkauszeichnung für den Seitenanfangs-Link am Ende des Contentbreiches */

A.top {
	text-decoration : none;
	color : #ce0203;
} /* Links allgemein */

A.top:link {
	text-decoration : none;
	color : #ce0203;
}

A.top:visited {
	text-decoration : none;
	color : #ce0203;
} /* Besuchte Links */

A.top:active {
	text-decoration : none;
	color : #ce0203;
} /* Active Links */

A.top:hover {
	text-decoration : none;
	color : #fe0000;
} /* Highlighting */


/************************* welcome *************************/
/* Definitionen für die Startseite: index.php/welcome.tmpl */

#welcome {
	position : relative;
	background-color : #ffffff;
	/* background-image : url(../images/welcome.jpg); --> Willkommensbild auskommentiert
	background-repeat : no-repeat;
	background-position : left; */
	width : auto;
	height : 75px;
	margin-top: 10px;
} /* Allgemeine Einstellungen */

.welcome_text {
	padding: 1px 5px;
} /* Klasse paralell zu "content_text" */

.welcome_text h1 {
	text-align: left;
	font-size: 120%;
} /* Große Überschrift */

.welcome_text p {
	font-size: 85%;
	font-weight: bold;
	color: #ce0203;
	margin-top: 35px;
	text-align: right;
} /* Textformatierung */


/************************ Druckversion *********************/

#container_druck {
	background-color : #ffffff;
	padding : 10px;
	margin: 10px;
	/* border : 1px solid #555555; */
}


#druck {
	margin: 10px 0px;
	background-color:#FFFFFF;
	top: 10px;
	font-size: 1.0em;
	line-height: 1.1em;
	width: 750px;
	overflow: visible;
}


.seitenueberschrift_druck {
	text-align : left;
	vertical-align: middle;
	font-size : 100%;
	font-weight : bold;
	color : #666666;
	margin : 15px 0px 40px 0;
	padding : 15px;
	border-bottom : 2px solid #eeeeee;
	border-left : 4px solid #555555;
}

#content_text_druck {
	font-size : 0.8em;
	line-height : 1.3em;
	text-align : justify;
	padding-top: 10px;
	margin-top: 20px;
}


#footer_druck {
	position : relative;
	background-color : #ffffff;
	font-size : 68%;
	width : auto;
	height : auto;
	padding: 5px;
	border : 1px solid #555555;
	margin: 0px 10px 10px 10px;
}

.border_druck {
	border: #555555 1px solid;
	padding: 5px;
	margin: 10px;
	font-size: 68%;
}

#header_druck {
	border-bottom : 2px solid #eeeeee;
	padding: 0 10px 0px 0;
}

#header_druck p {
	font-size : 68%;
	font-weight : bold;
	color : #333333;
}


.druckversionX {
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}

.druckversion {
	font-size: 80%;
	vertical-align: top;
	font-weight: bold;
	text-align: left;
}

/* Cocktail */



#cocktail_text_druck h2 {
	font-size: 0.9em;
	text-align: left;
	color: #555555;
	border: #ffffff solid 1px;
}

#cocktail_text_druck {
	font-size : 0.8em;
	line-height : 1.3em;
	text-align : justify;
	padding-top: 10px;
	font-style: normal;
}

#cocktail_text_druck h4 {
	font-size: 1.2em;
	text-align: center;
	color: #000000;
	font-weight: bold;
	margin: 60px 0 10px 0;
}

#cocktail_text_druck h5 {
	font-size: 0.9em;
	text-align: right;
	color: #555555;
	margin-bottom: 0;
	padding-bottom: 0;
	font-style: normal;
	border-bottom: #eeeeee groove 1px;
}

#cocktail_text_druck h6 {
	font-size: 1.2em;
	text-align: left;
	color: #555555;
	font-weight: bold;
	font-style: normal;
	margin-top: 0;
	padding-top: 0;
}


.fehler_druck {
	color: #555555;
	margin-top: 5px;
	font-weight: bold;
	border: #555555 1px solid;
	padding: 5px;
	text-align: center;
}


/*********************** Infobox ***********************/

#infobox {
	/* border: #000fff groove 5px; */
	float : right;
	width : 198px;
	background-color : #eeeeee;
	color : #333333;
	margin-right : -2px;
	margin-top : 61px;
	vertical-align : top;
	padding-bottom: 15px;
}

* html #infobox {
	padding-top : 40px;
	background-color : #eeeeee;
	width : 220px;
} /* Hack IE 6 */

*+html #infobox {
	padding-top : 28px;
	background-color : #eeeeee;
	width : 220px;
} /* Hack IE 7 */

#infobox h2 {
	border-left : 4px solid #ce0203;
	background-color : #555555;
	padding : 3px 5px;
	margin-left : -2px;
	margin-right : -1px;
	font-weight : bold;
	font-size : 70%;
	color : #ffffff;
}

#infobox p {
	background-color : #eeeeee;
}

.infobox_text {
	font-family : Verdana, Arial, sans-serif;
	font-size : 70%;
	margin: -4px 10px -10px 10px;
	padding-bottom: 10px;
	/*border: dotted 2px #555555;
	 border-bottom-style: dotted; */
}

.infobox_suche {
	margin: -4px -2px -6px -2px;
	text-align: right;
	/* border: outset 2px #555555; */
	padding: 15px;
}

* html .infobox_suche {
	margin : 0 6px;
}

*+html .infobox_suche {
	margin : 0 6px;
}

.infobox_button {
	font-family : Verdana, Arial, sans-serif;
	font-size : 0.7em;
	font-weight : bold;
	padding : 2px 5px;
	margin : 3px 0;
	color : #000000;
	background-color : #bbbbbb;
	border : 1px solid #ce0203;
	text-align: center;
}


<!-- Links -->


A.infobox_archiv {
	text-decoration : none;
	color : #ce0203;
	font-weight : bold;
} /* Link zum Newsarchiv, Termindeindex */

A.infobox_archiv:link {
	text-decoration : none;
	color : #ce0203;
	font-weight : bold;
}

A.infobox_archiv:visited {
	text-decoration : none;
	color : #ce0203;
	font-weight : bold;
}

A.infobox_archiv:hover {
	text-decoration : none;
	color : #fe0000;
	font-weight : bold;
}

A.infobox_archiv:active {
	text-decoration : none;
	color : #ce0203;
	font-weight : bold;
}


A.news_link {
	text-decoration : underline;
	color : #ce0203;
}

A.news_link:link {
	text-decoration : underline;
	color : #ce0203;
}

A.news_link:visited {
	text-decoration : underline;
	color : #555555;
}

A.news_link:hover {
	text-decoration : underline;
	color : #fe0000;
}

A.news_link:active {
	text-decoration : underline;
	color : #ce0203;
}



/******************* Direkteinstieg ********************/
/* Wird eigentlich nicht mehr benötigt */ 

.schnelleinstieg1 {
	border-bottom: solid 1px #555555;
	width: 198px;
	background-color: #b9dde9;
	margin-top: 0px;
	padding: 0px;
	vertical-align: top;
	
}

.schnelleinstieg1 a:link, .schnelleinstieg1 a:visited,.schnelleinstieg1 a:active {
	border-bottom: solid 1px #555555;
	width: 198px;
}

.schnelleinstieg1 a:hover {
	background-color: #eeeeee;
	width: 198px;
	
}

#direkteinstieg {
	float : right;
	width : 198px;
	background-color: #C0D3DF;
	border-right: solid 1px #555555;
	color : #333333;
	margin-right : -2px;
	margin-top : 5px;
	vertical-align : top;
	padding-bottom: 1px;
}

#direkteinstieg a:link, #direkteinstieg a:visited, #direkteinstieg a:active {
	background-color: #C0D3DF;
	height: 43px;
	display: block;
}

#direkteinstieg a:hover {
	background-color: #86AEC7;
	height: 43px;
}

/* Sonderwunsch: IE */

#direkteinstieg_ie {
	float : right;
	width : 220px;
	color : #333333;
	margin-right : -2px;
	margin-top : 5px;
	vertical-align : top;
	background-image : url(../images/seitenrand_infobox_ie.jpg);
	background-repeat : repeat-y;
	background-position : top right;
}

* html #direkteinstieg_ie {
	background-image: none;
}


#direkteinstieg_ie a:link, #direkteinstieg_ie a:visited, #direkteinstieg_ie a:active {
	height: 43px;
	display: block;
}

#direkteinstieg_ie a:hover {
	height: 43px;
	display: block;
	background-image : url(../images/button_background_ie.png);
}



/************************ Footer ***********************/
/* Wird eigentlich nicht mehr benötigt */ 

#footer {
	position : relative;
	background-color : #ffffff;
	font-size : 68%;
	text-align : center;
	padding : 5px 0;
	margin : 0 10px;
	width : 950px;
	height : auto;
	margin-right: auto; /* "auto" sorgt für eine Zentrierung des Footers auf der Seite */
	margin-left: auto;
}

#footer_aktualisierung {
	font-size : 80%;
	text-align : right;
	padding : 5px 20px;
}