/*
 * Zweck: Layoutdefinitionen für die Essen.de-Module
 * Autor: Veit Jahns
 * 
 * (c) 2005-2006 Universität Duisburg-Essen BLI
 */
 
/*
 * Tabellen
 */
 
table.module
{
	width: 100%;
	font-size: 80%;
}

th
{
	color: #c4dfdf;
	background-color: #003165;
	padding: 2px;
	margin: 2px;
	text-align: center;
}

table.module td
{
	color: #003165;
}

td.even, td.odd, td.evenNumber, td.oddNumber, td.evenCenter, td.oddCenter
{
	color: #003165;
	padding: 2px;
	margin: 2px;
}

td.even, td.evenNumber, td.evenCenter
{
	background-color: #7cb5c5;
}

td.odd, td.oddNumber, td.oddCenter
{
	background-color: #91bdbd;
}

td.evenNumber, td.oddNumber
{
	text-align: right;
}

td.evenCenter, td.oddCenter
{
	text-align: center;
}

table.module td.pager, table.module td.pager a
{
	color: #c4dfdf;
	background-color: #003165;
}

/*
 * Aufzählungen
 */

ul.module li
{
	font-size: 80%;
	color: #003165;
}


/*
 * Angaben zu Formularen
 */

form
{
	line-height: 150%;
}

form br
{
	clear: both;
}

br.fixfloat
{
	clear: both;
}

fieldset.module
{
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid #003165 1px;
	margin-bottom: 3px;
	margin-top: 5px;
}

fieldset.module legend
{
	background-color: #c4dfdf;
	color: #003165;
	padding-left: 2px;
	padding-right: 2px;
	border: solid #003165 1px;
	margin: 0px;
	
	/* Schrift */
	font-size: 80%;
}

div.RadioButtonGroup, div.CheckBoxList
{
	float: left;
	font-size: 80%;
	color: #003165;
}

label.module
{
	/* zeigen, daß label anklickbar */
	cursor: pointer;
	
	/* Ausrichtung */
	float: left;
	text-align: right;
	width: 8em;
	margin-right: .3em;
	
	/* Schrift */
	font-size: 80%;
	color: #003165;
}

label.search
{
	/* zeigen, daß label anklickbar */
	cursor: pointer;
	
	/* Ausrichtung */
	float: left;
	text-align: right;
	width: 12em;
	margin-right: .3em;
	
	/* Schrift */
	font-size: 80%;
	color: #003165;
}

select, select:focus
{
	/* select ist anklickbar */
	cursor: pointer;
	
	/* Ausrichtung */
	float: left;
	width: auto;
	margin-left: .2em;
}

select:focus
{
	background-color: #91bdbd;
}

/* Breite der Auswahlliste der Hotelkette begrenzen */
select#CBHK
{
	width: 193px;
}

input[type=text]:focus, textarea.module:focus, input.module:focus
{
	background-color: #91bdbd;
}

input[type=text]
{
	/* Eingabefeld ist anklickbar */
	cursor: text;

	/* Ausrichtung */
	float: left;
	width: auto;
	margin-right: .3em;
}

textarea.module
{
	/* Eingabefeld ist anklickbar */
	cursor: text;

	/* Ausrichtung */
	float: left;
	width: auto;
	margin-right: .3em;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	
	margin-bottom: 5px;
}
	
input.module
{
	/* Eingabefeld ist anklickbar */
	cursor: text;

	/* Ausrichtung */
	float: left;
	width: auto;
	margin-right: .3em;
	
	/*margin-left: 10.3em;*/
	margin-bottom: 5px;
}

input.module2
{
	margin-left: 108px;
}


/*
 * Detailansichten
 */

h2.detail
{
	width: 132px;
	margin-right: 8px;
	float: left;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 5px;
	font-size: 80%;
}

div.detail
{
	font-size: 80%;
	float: left;
	width: 318px;
	margin-left: 8px;
	margin-bottom: 0px;
	margin-top: 5px;
	color: #003165;
}

div.detail a.pseudobutton
{
	padding: 3px;
	border: solid 1px black;
	text-align: center;
	width: 100%;
	text-decoration: none;
	background-color: #d4d0c8;
	border-top: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
	border-right: solid 1px #808080;
	border-bottom: solid 1px #808080;
}
div.detail a.pseudobutton:active
{
	padding: 3px;
	border: solid 1px black;
	text-align: center;
	width: 100%;
	text-decoration: none;
	background-color: #d4d0c8;
	border-top: solid 1px #808080;
	border-left: solid 1px #808080;
	border-right: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
}

div.detail ul.noitems
{
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	color: #003165;
}

img.amenity
{
	width: 40px;
	height: 40px;
	margin: 1px;
}

/*
 * Kalendertabelle
 */
 
table.month
{
	border: solid 1px #003165;
	float: left;
	padding: 0px;
	/*width: 310px;*/
	font-size: 80%;
	margin: 2px;
}

table.month caption
{
	text-align: center;
	font-weight: bold;
	color: #c4dfdf;
	background-color: #003165;
	border: solid 1px #003165;
	margin: 0px 0px 0px 0px;
}

table.month th
{
	border: solid 1px #003165;
	margin: 0px 0px 0px 0px;
}

table.month td
{
	border: solid 1px #003165;
	text-align: center;
	background-color: #c4dfdf;
	color: #003165;
	padding: 2px;
	margin: 0px 0px 0px 0px;
}

table.month td.mark
{
	border: solid 1px #003165;
	text-align: center;
	color: #c4dfdf;
	background-color: #003165;
	padding: 2px;
	margin: 0px 0px 0px 0px;
}

table.month td.mark a
{
	color: #c4dfdf;
}

/* Layout der rechten Spalte */

h4.addInfo
{
	font-size: 80%;
	color: #003165;
}

ul.addInfo
{
	margin: 0px;
	padding-left: 0.4em;
	margin: 0em 0em 0em 0.7937em;
}

ul.addInfo li
{
	font-size: 8pt;
}

ul.addInfo li.internLink
{
	font-size: 8pt;
	list-style-image: url("http://www.essen.de/images/Kasten_193_59062.GIF");
	font-weight: bold;
}

ul.addInfo li.externLink
{
	font-size: 8pt;
	list-style-image: url("http://www.essen.de//images/Kasten-schraeg_195_58309.GIF");
	font-weight: bold;
}

/*
 * Top N-Listen
 */
 
h3.topN
{
	color: #ffffff;
	background-color: #215173;
	text-align: right;
	font-size: 70%;
	padding-bottom: 20px;
	margin-bottom: 0px;
	font-weight: normal;
	width: 100%;
}

ul.topN
{
	width: 100%;
	border: none;
	font-size: 70%;
	color: #c4dfdf;
	list-style-type: none;
	list-style-position: inside;
	padding: 0px;
	margin: 0px;
}

ul.topN li.entry0
{
	list-style-type: none;
	border-bottom: solid 25px #4A7594;
	text-align: right;
	color: #003165;
	padding: 2px 2px 10px 2px;
	overflow: hidden;
	min-height: 50px;
	margin: 0px;
}

ul.topN li.entry1
{
	list-style-type: none;
	border-bottom: solid 25px #739AAD;
	text-align: right;
	color: #003165;
	padding: 2px 2px 10px 2px;
	overflow: hidden;
	min-height: 50px;
	margin: 0px;
}

ul.topN li.entry2
{
	list-style-type: none;
	border-bottom: solid 25px #9CBAC6;
	text-align: right;
	color: #003165;
	padding: 2px 2px 10px 2px;
	overflow: hidden;
	min-height: 50px;
	margin: 0px;
}

ul.topN li.entry3
{
	list-style-type: none;
	border-bottom: solid 25px #A0BFCB;
	text-align: right;
	color: #003165;
	padding: 2px 2px 10px 2px;
	overflow: hidden;
	min-height: 50px;
	margin: 0px;
}


ul.topN li.entry4
{
	list-style-type: none;
	border-bottom: solid 25px #215173;
	text-align: right;
	color: #003165;
	padding: 2px 2px 10px 2px;
	overflow: hidden;
	min-height: 50px;
	margin: 0px;
}

ul.topN li.entry_last
{
	list-style-type: none;
	/*border-bottom: solid 25px #C4DFDF;*/
	text-align: right;
	color: #003165;
	padding: 2px 2px 10px 2px;
	overflow: hidden;
	min-height: 50px;
	margin: 0px;
}

/*
 * Bilder in der linken Spalte.
 */

div.picture
{
	font-size: 70%;
	color: #003165;
	margin-bottom: 10px;
}

div.pictureBox {
	padding-top: 2.90em; 
}

h5
{
	color: #003165;
	margin: 0px;
}

/* Spezielle Verweise */

a.letter
{
	margin-left: 2px;
	margin-right: 2px;
}

/* Absatz, die mal Schaltflächen waren */

p.pseudobutton
{
	padding: 3px;
	border: solid 1px black;
	text-align: center;
}
/* Standarddefinition zur Browser-Kompatibilität */
* {
padding: 0em;
margin: 0em;
font-family: Arial, sans-serif;
}

/* Hauptdefinitionen */

HTML {
PADDING-RIGHT: 0em; 
PADDING-LEFT: 0em; 
PADDING-BOTTOM: 0em; 
MARGIN: 0em; 
PADDING-TOP: 0em; 
FONT-FAMILY: Arial, Helvetica, sans-serif;
}

BODY {
PADDING-RIGHT: 0em; 
PADDING-LEFT: 0em; 
PADDING-BOTTOM: 0em; 
MARGIN: 0em; 
PADDING-TOP: 0em; 
font:normal 100.01% Arial, sans-serif;
}

IMG {
BORDER-TOP-STYLE: none; 
BORDER-RIGHT-STYLE: none; 
BORDER-LEFT-STYLE: none; 
BORDER-BOTTOM-STYLE: none;
}

p, ul {
margin-bottom: 1em;
}

br {
padding-bottom: 0.8em;
}

/** old: BACKGROUND-IMAGE: url(../../images/hintergrund_59733.gif);  **/


/* Link-Definitionen (Spezialelement "Link" weiter unten! */

A:link {
COLOR: #003165; 
TEXT-DECORATION: underline;
}

A:visited {
COLOR: #003165; 
TEXT-DECORATION: underline;
}

A:active {
COLOR: #003165; 
TEXT-DECORATION: underline;
}

A:hover {
COLOR: #003165; 
TEXT-DECORATION: underline;
}


/* Die Abschlußleiste unter Essen.de */

.abschluss {
BACKGROUND-POSITION: 50% top;
BACKGROUND-IMAGE: url(../../images/transparent_abschluss_59655_91408.gif); 
WIDTH: 19.875em; PADDING-TOP: 1.375em; 
BACKGROUND-REPEAT: no-repeat; 
HEIGHT: 2.625em;
}

.abschlussg {
BACKGROUND-POSITION: 50% top; 
BACKGROUND-IMAGE: url(../../images/transparent_abschlussg_59613_91407.gif); 
WIDTH: 29.125em; 
PADDING-TOP: 1.375em; 
BACKGROUND-REPEAT: no-repeat; 
HEIGHT: 2.625em;
}

.abschlussgbreit {
BACKGROUND-POSITION: 50% top; 
BACKGROUND-IMAGE: url(../../images/transparent_abschlussg_59613_lang_111818.gif); 
WIDTH: 44.1875em; 
PADDING-TOP: 1.375em; 
BACKGROUND-REPEAT: no-repeat; 
HEIGHT: 2.625em;
clear: both;
}

.nachoben {
BACKGROUND-POSITION: 50% top; 
BACKGROUND-IMAGE: url(../../images/nachoben_59594.gif); 
WIDTH: 19.875em; 
PADDING-TOP: 1.375em; 
BACKGROUND-REPEAT: no-repeat; 
HEIGHT: 2.625em;
}

.nachobeng {
BACKGROUND-POSITION: 50% top; 
BACKGROUND-IMAGE: url(../../images/abschlussg2_59615.gif); 
WIDTH: 29.125em; 
PADDING-TOP: 1.375em; 
BACKGROUND-REPEAT: no-repeat; 
HEIGHT: 2.625em;
}

/* Definitionen für Überschriften und Überschrift-Klassen */

H1 {
FONT-WEIGHT: bold; 
FONT-SIZE: 140%; 
WIDTH: 14.1964em; 
COLOR: #003165; 
PADDING-TOP: 1.86em; 
PADDING-BOTTOM: 0.37em; 
FONT-FAMILY: Arial, Helvetica, sans-serif;
	
}
.breit1 {
FONT-WEIGHT: bold; 
FONT-SIZE: 140%; 
PADDING-BOTTOM: 0.37em; 
WIDTH: 20.8036em; 
COLOR: #003165; 
PADDING-TOP: 1.86em; 
FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.breit1 .breit1{
FONT-WEIGHT: bold; 
FONT-SIZE: 100%; 
PADDING-BOTTOM: 0.37em; 
WIDTH: 20.8036em; 
COLOR: #003165; 
PADDING-TOP: 1.86em; 
FONT-FAMILY: Arial, Helvetica, sans-serif;
}

H2 {
FONT-WEIGHT: bold; 
FONT-SIZE: 100%; 
WIDTH: 19.875em; 
COLOR: #003165; 
FONT-FAMILY: Arial, Helvetica, sans-serif;  
PADDING-TOP: 0.85em; 
PADDING-BOTTOM: 1em; 
}

/** Ausnahme: linke Navigation! **/

ul h2 {
width: 100%;
}

.breit3 {
FONT-WEIGHT: bold; 
FONT-SIZE: 100%; 
WIDTH: 29.125em; 
COLOR: #003165; 
FONT-FAMILY: Arial, Helvetica, sans-serif;
}

H3 {
FONT-WEIGHT: bold; 
FONT-SIZE: 80%; 
WIDTH: 24.815em; 
COLOR: #003165; 
FONT-FAMILY: Arial, Helvetica, sans-serif; 
margin-top: 0px;
margin-bottom: 0px;
}

.breitabsatz {
FONT-WEIGHT: bold; 
FONT-SIZE: 80%; 
WIDTH: 36.438em; 
COLOR: #003165; 
FONT-FAMILY: Arial, Helvetica, sans-serif; 
margin-top: 0px; 
margin-bottom: 0px;
}

.link {
FONT-WEIGHT: bold; 
FONT-SIZE: 80%; 
WIDTH: 10.84em; 
COLOR: #003165; 
FONT-FAMILY: Arial, Helvetica, sans-serif; 
margin-top: 0px; 
margin-bottom: 0px;
}

H4 {
FONT-WEIGHT: bold; 
FONT-SIZE: 80%; 
WIDTH: 24.815em; 
COLOR: #003165; 
FONT-FAMILY: Arial, Helvetica, sans-serif; 
margin-top: 0px; 
margin-bottom: 0px;
}

h4.kontakt1 {
width: 17.50em;
margin-top: 0.63em;
margin-bottom: 0.63em;
}

h5.kontakt2 {
width: 17.50em;
}

/* Definitionen für Standardtexte, Spezialelement "Textblock" weiter unten! */

.fliesstext {
FONT-WEIGHT: normal; 
FONT-SIZE: 80%; 
COLOR: #003165; 
FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.fliesstext .fliesstext{
FONT-WEIGHT: normal; 
FONT-SIZE: 100%; 
COLOR: #003165; 
FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.fliesstextklein {
FONT-WEIGHT: normal; 
FONT-SIZE: 67%; 
COLOR: #003165; 
FONT-FAMILY: Arial, Helvetica, sans-serif;
line-height: 1.2em;
}

.fliesstextklein .fliesstextklein {
FONT-WEIGHT: normal; 
FONT-SIZE: 100%; 
COLOR: #003165; 
FONT-FAMILY: Arial, Helvetica, sans-serif;
line-height: 1.2em;
}

.bold {
FONT-WEIGHT: bold;
}

.kursiv {
FONT-STYLE: italic;
}

.unterstrichen {
TEXT-DECORATION: underline;
}

.bildbeschreibung {
FONT-WEIGHT: normal; 
FONT-SIZE: 63%; 
WIDTH: 31.5476em; 
COLOR: #003165; 
FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.bildbeschreibung .bildbeschreibung {
FONT-WEIGHT: normal; 
FONT-SIZE: 100%; 
WIDTH: 31.5476em; 
COLOR: #003165; 
FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.rundrum {
BORDER-RIGHT: #003165 0.0992em solid; 
PADDING-RIGHT: 0.1984em; 
BORDER-TOP: #003165 0.0992em solid; 
PADDING-LEFT: 0.1984em; 
FONT-SIZE: 63%; 
PADDING-BOTTOM: 0.1984em; 
BORDER-LEFT: #003165 0.0992em solid; 
WIDTH: 14.78em; 
COLOR: #003165; 
PADDING-TOP: 0.1984em; 
BORDER-BOTTOM: #003165 0.0992em solid; 
FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.rundrum .rundrum{
BORDER-RIGHT: #003165 0.0992em solid; 
PADDING-RIGHT: 0.1984em; 
BORDER-TOP: #003165 0.0992em solid; 
PADDING-LEFT: 0.1984em; 
FONT-SIZE: 100%; 
PADDING-BOTTOM: 0.1984em; 
BORDER-LEFT: #003165 0.0992em solid; 
WIDTH: 14.78em; 
COLOR: #003165; 
PADDING-TOP: 0.1984em; 
BORDER-BOTTOM: #003165 0.0992em solid; 
FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.blaubox {
FONT-WEIGHT: bold; 
WIDTH: 9.3125em; 
COLOR: #c4dfdf; 
BACKGROUND-COLOR: #003165;
}

.CITE {
FONT-WEIGHT: normal;
FONT-STYLE: normal;
}

.p {
DISPLAY: block; 
MARGIN-BOTTOM: 2.35ex;
}


/* Listen- und Aufzählungselemente */


UL {
FONT-WEIGHT: normal; 
COLOR: #003165; 
FONT-FAMILY: Arial, Helvetica, sans-serif; 
padding-left: 2em;
}

/* "liststyle" für die Standardaufzählung, "liststyle 1 und 2" für Spezialelemente */

UL.liststyle1 {
FONT-WEIGHT: normal; 
LIST-STYLE-IMAGE: url(../../images/frage2_80291.gif);   /* Ausrufezeichen */
COLOR: #003165; 
FONT-FAMILY: Arial, Helvetica, sans-serif;
}

UL.liststyle2 {           
FONT-WEIGHT: normal; 
LIST-STYLE-IMAGE: url(../../images/ausrufe1_80290.gif);   /* Fragezeichen */
COLOR: #003165; 
FONT-FAMILY: Arial, Helvetica, sans-serif;
}

UL.liststyle {
FONT-WEIGHT: normal; 
COLOR: #003165; 
FONT-FAMILY: Arial, Helvetica, sans-serif;
}

/* Definitionen für die aktuellen Links auf Essen.de/Intraessen: 
Definitionen der "Li"-Elemente nötig, um vertikal-mittige Ausrichtung zu erreichen. 
Wichtig dabei, dass das Icon als Background des "Li"-Tags gesetzt ist!  */

UL.quadrat2 {
PADDING-LEFT: 0.1328em; 
LIST-STYLE-type: none; 
line-height: 14px; 
margin-bottom: 2px;
}

UL.quadratex2 {
PADDING-LEFT: 0.1328em; 
LIST-STYLE-type: none; 
line-height: 14px; 
margin-bottom: 2px;
}

UL.quadrat2 li{
background: url(../../images/link_int_80240_87078.gif) no-repeat 0em 0.1em; 
padding-left: 15px;
}

UL.quadratex2 li{
background: url(../../images/link_ext_80239_87077.gif) no-repeat 0em 0.1em; 
padding-left: 15px;
}

/* Sicherung der alten Linkaufzählungen (vor Umst. PS6) */

UL.quadrat {
PADDING-LEFT: 0.9328em; 
LIST-STYLE-IMAGE: url(../../images/Kasten_193_59062.GIF); 
MARGIN: 0em 0em 0em 0.7937em;
}

UL.quadratex {
PADDING-LEFT: 0.9328em; 
LIST-STYLE-IMAGE: url(../../images/Kasten-schraeg_195_58309.GIF);
MARGIN: 0em 0em 0em 0.7937em;
}

UL.AufzaelungNormal {
PADDING-LEFT: 0.78125em; 
FONT-WEIGHT: normal; 
FONT-SIZE: 80%; 
MARGIN: 0em 0em 0em 0.625em; 
COLOR: #003165; 
FONT-FAMILY: Arial, Helvetica, sans-serif;
}

/* Definitionen zum Bildumfluss */

.bildumflussl {
FLOAT: left; 
MARGIN-BOTTOM: 56.25em; 
MARGIN-RIGHT: 0.3125em;
}

.bildumflussla {
FLOAT: left; 
MARGIN-BOTTOM: 4.375em; 
MARGIN-RIGHT: 0.3125em;
}

.bildumflusslstadtaemter {
FLOAT: left; 
MARGIN-BOTTOM: 4.375em; 
MARGIN-RIGHT: 0.3125em;
}

.bildumflussABC {
FLOAT: left; 
MARGIN-BOTTOM: 62.5; 
MARGIN-RIGHT: 2.1875em;
}

.bildumflussBuendig {
FLOAT: left; 
MARGIN-BOTTOM: 13.75em; 
MARGIN-RIGHT: 1em;
}


/* Alle möglichen ALTEN Tabellen unter Essen.de */

TABLE.faq {
BORDER-RIGHT: #003165 0.0625em solid; 
BORDER-TOP: #003165 0.0625em solid; 
BORDER-LEFT: #003165 0.0625em solid; 
BORDER-BOTTOM: #003165 0.0625em solid; 
BORDER-COLLAPSE: collapse; 
border-spacing: 0em;
}

TD.faq {
BORDER-RIGHT: #003165 0.07813em solid; 
PADDING-RIGHT: 0.2342em; 
BORDER-TOP: #003165 0.07813em solid; 
PADDING-LEFT: 0.2342em; 
FONT-WEIGHT: normal; 
FONT-SIZE: 80%; 
PADDING-BOTTOM: 0.2342em; 
BORDER-LEFT: #003165 0.07813em solid; 
COLOR: #003165; 
PADDING-TOP: 0.2342em; 
BORDER-BOTTOM: #003165 0.07813em solid; 
FONT-FAMILY: Arial, Helvetica, sans-serif; 
BORDER-COLLAPSE: collapse; 
TEXT-ALIGN: left;
}

TH.faq {
BORDER-RIGHT: #003165 0.07813em solid; 
PADDING-RIGHT: 0.2342em; 
BORDER-TOP: #003165 0.07813em solid; 
PADDING-LEFT: 0.2342em; 
FONT-WEIGHT: bold; 
FONT-SIZE: 80%; 
PADDING-BOTTOM: 0.2342em; 
BORDER-LEFT: #003165 0.07813em solid; 
COLOR: #003165; 
PADDING-TOP: 0.2342em; 
BORDER-BOTTOM: #003165 0.07813em solid; 
FONT-FAMILY: Arial, Helvetica, sans-serif; 
BORDER-COLLAPSE: collapse; 
TEXT-ALIGN: left;
}

/* ################# Aktuelle Tabellenelemente ###################### */

CAPTION {
BORDER-RIGHT: #c4dfdf 0.07813em solid;
PADDING-RIGHT: 0.2342em; 
BORDER-TOP: #c4dfdf 0.07813em solid; 
PADDING-LEFT: 0.2342em; 
FONT-WEIGHT: bold; 
FONT-SIZE: 100%; 
BACKGROUND: #c4dfdf; 
PADDING-BOTTOM: 0.2342em; 
BORDER-LEFT: #c4dfdf 0.07813em solid; 
COLOR: #003165; 
PADDING-TOP: 0.2342em; 
BORDER-BOTTOM: #c4dfdf 0.07813em solid; 
FONT-FAMILY: Arial, Helvetica, sans-serif; 
BORDER-COLLAPSE: collapse; 
TEXT-ALIGN: left
}

CAPTION CAPTION {
BORDER-RIGHT: #c4dfdf 0.07813em solid; 
PADDING-RIGHT: 0.2342em; 
BORDER-TOP: #c4dfdf 0.07813em solid; 
PADDING-LEFT: 0.2342em; 
FONT-WEIGHT: bold; 
FONT-SIZE: 100%; 
BACKGROUND: #003165; 
PADDING-BOTTOM: 0.2342em; 
BORDER-LEFT: #c4dfdf 0.07813em solid; 
COLOR: #c4dfdf; 
PADDING-TOP: 0.2342em;
BORDER-BOTTOM: #c4dfdf 0.07813em solid; 
FONT-FAMILY: Arial, Helvetica, sans-serif; 
BORDER-COLLAPSE: collapse; 
TEXT-ALIGN: left
}

TD.kopfzeile {
BORDER-RIGHT: #c4dfdf 0.07813em solid;
PADDING-RIGHT: 0.2342em; 
BORDER-TOP: #c4dfdf 0.07813em solid; 
PADDING-LEFT: 0.2342em; 
FONT-WEIGHT: bold;
FONT-SIZE: 80%; 
BACKGROUND: #003165; 
PADDING-BOTTOM: 0.2342em; 
BORDER-LEFT: #c4dfdf 0.07813em solid; 
COLOR: #c4dfdf; 
PADDING-TOP: 0.2342em; 
BORDER-BOTTOM: #c4dfdf 0.07813em solid; 
FONT-FAMILY: Arial, Helvetica, sans-serif; 
BORDER-COLLAPSE: collapse; 
TEXT-ALIGN: left
}

TH.kopfzeile {
BORDER-RIGHT: #c4dfdf 0.07813em solid;
PADDING-RIGHT: 0.2342em; 
BORDER-TOP: #c4dfdf 0.07813em solid; 
PADDING-LEFT: 0.2342em; 
FONT-WEIGHT: bold;
FONT-SIZE: 80%; 
BACKGROUND: #003165; 
PADDING-BOTTOM: 0.2342em; 
BORDER-LEFT: #c4dfdf 0.07813em solid; 
COLOR: #c4dfdf; 
PADDING-TOP: 0.2342em; 
BORDER-BOTTOM: #c4dfdf 0.07813em solid; 
FONT-FAMILY: Arial, Helvetica, sans-serif; 
BORDER-COLLAPSE: collapse; 
TEXT-ALIGN: left
}

TABLE.tab1 {
BORDER-COLLAPSE: collapse; 
border-spacing: 0em
}

TD.gruen {
BORDER-RIGHT: #c4dfdf 0.07813em solid; 
PADDING-RIGHT: 0.2342em; 
BORDER-TOP: #c4dfdf 0.07813em solid; 
PADDING-LEFT: 0.2342em; 
FONT-WEIGHT: normal; 
FONT-SIZE: 80%; 
BACKGROUND: #91bdbd; 
PADDING-BOTTOM: 0.2342em; 
BORDER-LEFT: #c4dfdf 0.07813em solid; 
COLOR: #003165; 
PADDING-TOP: 0.2342em; 
BORDER-BOTTOM: #c4dfdf 0.07813em solid; 
FONT-FAMILY: Arial, Helvetica, sans-serif; 
BORDER-COLLAPSE: collapse; 
TEXT-ALIGN: left
}

TD.hellblau {
BORDER-RIGHT: #c4dfdf 0.07813em solid; 
PADDING-RIGHT: 0.2342em; 
BORDER-TOP: #c4dfdf 0.07813em solid; 
PADDING-LEFT: 0.2342em; 
FONT-WEIGHT: normal; 
FONT-SIZE: 80%; 
BACKGROUND: #7cb5c5; 
PADDING-BOTTOM: 0.2342em; 
BORDER-LEFT: #c4dfdf 0.07813em solid; 
COLOR: #003165; 
PADDING-TOP: 0.2342em; 
BORDER-BOTTOM: #c4dfdf 0.07813em solid; 
FONT-FAMILY: Arial, Helvetica, sans-serif; 
BORDER-COLLAPSE: collapse; 
TEXT-ALIGN: left
}

Th.gruen_bold {
BORDER-RIGHT: #c4dfdf 0.07813em solid; 
PADDING-RIGHT: 0.2342em; 
BORDER-TOP: #c4dfdf 0.07813em solid; 
PADDING-LEFT: 0.2342em; 
FONT-WEIGHT: bold;
FONT-SIZE: 80%; 
BACKGROUND: #91bdbd; 
PADDING-BOTTOM: 0.2342em; 
BORDER-LEFT: #c4dfdf 0.07813em solid; 
COLOR: #003165; 
PADDING-TOP: 0.2342em; 
BORDER-BOTTOM: #c4dfdf 0.07813em solid; 
FONT-FAMILY: Arial, Helvetica, sans-serif; 
BORDER-COLLAPSE: collapse; 
TEXT-ALIGN: left
}

Th.hellblau_bold {
BORDER-RIGHT: #c4dfdf 0.07813em solid; 
PADDING-RIGHT: 0.2342em; 
BORDER-TOP: #c4dfdf 0.07813em solid; 
PADDING-LEFT: 0.2342em; 
FONT-WEIGHT: bold;
FONT-SIZE: 80%; 
BACKGROUND: #7cb5c5; 
PADDING-BOTTOM: 0.2342em; 
BORDER-LEFT: #c4dfdf 0.07813em solid; 
COLOR: #003165; 
PADDING-TOP: 0.2342em; 
BORDER-BOTTOM: #c4dfdf 0.07813em solid; 
FONT-FAMILY: Arial, Helvetica, sans-serif; 
BORDER-COLLAPSE: collapse; 
TEXT-ALIGN: left
}

TD.rechts_hellblau { 
BORDER-RIGHT: #c4dfdf 0.07813em solid; 
PADDING-RIGHT: 0.2342em; 
BORDER-TOP: #c4dfdf 0.07813em solid; 
PADDING-LEFT: 0.2342em; 
FONT-WEIGHT: normal; 
FONT-SIZE: 80%; 
BACKGROUND: #7cb5c5; 
PADDING-BOTTOM: 0.2342em; 
BORDER-LEFT: #c4dfdf 0.07813em solid; 
COLOR: #003165; 
PADDING-TOP: 0.2342em; 
BORDER-BOTTOM: #c4dfdf 0.07813em solid; 
FONT-FAMILY: Arial, Helvetica, sans-serif; 
BORDER-COLLAPSE: collapse; 
TEXT-ALIGN: right;
} 

TD.rechts_gruen { 
BORDER-RIGHT: #c4dfdf 0.07813em solid; 
PADDING-RIGHT: 0.2342em; 
BORDER-TOP: #c4dfdf 0.07813em solid; 
PADDING-LEFT: 0.2342em; 
FONT-WEIGHT: normal; 
FONT-SIZE: 80%; 
BACKGROUND: #91bdbd; 
PADDING-BOTTOM: 0.2342em; 
BORDER-LEFT: #c4dfdf 0.07813em solid; 
COLOR: #003165; 
PADDING-TOP: 0.2342em; 
BORDER-BOTTOM: #c4dfdf 0.07813em solid; 
FONT-FAMILY: Arial, Helvetica, sans-serif; 
BORDER-COLLAPSE: collapse; 
TEXT-ALIGN: right; 
} 

td.daten {
FONT-FAMILY: Arial, Helvetica, sans-serif;
FONT-SIZE: 80%;
color:#003165;
font-weight:normal;
text-align:left;
border-collapse:collapse;
border:#C4DFDF solid 0.07813em;
padding:0.2344em;
background:#7CB5C5;
}

td.inhalt {
FONT-FAMILY: Arial, Helvetica, sans-serif;
FONT-SIZE: 80%;
color:#003165;
font-weight:normal;
text-align:left;
border-collapse:collapse;
border:#C4DFDF solid 0.07813em;
padding:0.2344em;
background:#91BDBD;
}

th.eins {
FONT-FAMILY: Arial, Helvetica, sans-serif;
FONT-SIZE: 80%;
color:#C4DFDF;
font-weight:bold;
text-align:left;
border-collapse:collapse;
border:#C4DFDF solid 0.07813em;
padding:0.2344em;
background:#003165;
}

th.zwei {
FONT-FAMILY: Arial, Helvetica, sans-serif;
FONT-SIZE: 80%;
color:#003165;
font-weight:bold;
text-align:left;
border-collapse:collapse;
border:#C4DFDF solid 0.07813em;
padding:0.2344em;
background:#7CB5C5;
}

/* Infobox (alt) */

.ratundservice {
WIDTH: 24.875em; 
DISPLAY: block; 
FONT-WEIGHT: bold; 
FONT-SIZE: 80%; 
BACKGROUND-COLOR: #003165; 
COLOR: #c4dfdf; 
BORDER-BOTTOM: #c4dfdf 0.07813em solid; 
FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.ratundservice .ratundservice {
WIDTH: 22.875em; 
DISPLAY: block; 
FONT-WEIGHT: bold; 
FONT-SIZE: 100%; 
BACKGROUND-COLOR: #003165;  
COLOR: #c4dfdf; 
BORDER-BOTTOM: #c4dfdf 0.07813em solid; 
FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.ratundservicebreit {
DISPLAY: block; 
FONT-WEIGHT: bold; 
FONT-SIZE: 80%; 
BACKGROUND-COLOR: #003165; 
WIDTH: 36.2em; 
COLOR: #c4dfdf; 
BORDER-BOTTOM: #c4dfdf 0.07813em solid; 
FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.ratundservicebreit .ratundservicebreit{
DISPLAY: block; 
FONT-WEIGHT: bold; 
FONT-SIZE: 100%; 
BACKGROUND-COLOR: #003165; 
WIDTH: 36.4063em; 
COLOR: #c4dfdf; 
BORDER-BOTTOM: #c4dfdf 0.07813em solid; 
FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.boxratundservice {
BACKGROUND: #91bdbd; 
WIDTH: 19.9em;
}

.boxratundservice A:link {
BACKGROUND: #91bdbd; 
WIDTH: 18.625em;
}

.boxratundservicebreit {
BACKGROUND: #91bdbd; 
WIDTH: 28.9em;
}

.boxratundservicebreit A:link {
BACKGROUND: #91bdbd; 
WIDTH: 29.0em;
}

DIV.abschlussneu {
BACKGROUND-POSITION: 50% top; 
BACKGROUND-IMAGE: url(../../images/transparent_abschluss_59655_91408.gif); 
WIDTH: 19.875em; 
PADDING-TOP: 1.375em; 
BACKGROUND-REPEAT: no-repeat; 
HEIGHT: 2.625em; 
TEXT-ALIGN: right;
}

IMG.abschlussneu {
MARGIN-LEFT: 0.625em; 
BORDER-TOP-STYLE: none; 
BORDER-RIGHT-STYLE: none; 
BORDER-LEFT-STYLE: none; 
BORDER-BOTTOM-STYLE: none;
}

.abschlussewg, .abschlusskg {
visibility:hidden;
}

div[style] p {
margin-top:0px;
}



/* ########################### S P E Z I A L E L E M E N T E ################################ */

/*Informationsschriften in den Spezialelementen / NUR WICHTIG INNERHALB DER EDITOREN !!! / */

.spz_infotext {
font-size:110%;
color:#003165;
font-weight:bold;
}

.spz_infoueber {
font-size:150%;
color:#003165;
font-weight:bold;
}


/* ----------------------- Klassen für die DIVs in dem Aufzaehlungselement ------------------------- */

#aufz_hell_element {
width: 28.9em;
height: auto;
padding-top: 0.1em;
padding-bottom: 0.1em;
background: #91bdbd;
border: 1px solid #c4dfdf;
}

.aufz_hell_element {
width: 28.9em;
height: auto;
padding-top: 0.1em;
padding-bottom: 0.1em;
background: #91bdbd;
border: 1px solid #c4dfdf;
}

.aufz_hell_links_1 {
width: 5em;
float: left;
height:100%;
background: #91bdbd;
}

.aufz_hell_links_2 {
width: 10em;
float: left;
height:100%;
background: #91bdbd;
}

.aufz_hell_links_3 {
width: 15em;
float: left;
height:100%;
background: #91bdbd;
}

.aufz_hell_links_4 {
width: 20em;
float: left;
height:100%;
background: #91bdbd;
}

.aufz_hell_links_5 {
width: 23em;
float: left;
height:100%;
background: #91bdbd;
}

.auf_hell_rechts_1 {
float:right;
width: 23.5em;
display:block;
background: #91bdbd;
}

.auf_hell_rechts_2 {
float:right;
width: 18.5em;
display:block;
background: #91bdbd;
}

.auf_hell_rechts_3 {
float:right;
width: 13.5em;
display:block;
background: #91bdbd;
}

.auf_hell_rechts_4 {
float:right;
width: 8.5em;
display:block;
background: #91bdbd;
}

.auf_hell_rechts_5 {
float:right;
width: 3.5em;
display:block;
background: #91bdbd;
}

#aufz_dunkel_element {
background: #7cb5c5;
border: 1px solid #c4dfdf;
width: 28.9em;
height: auto;
padding-top: 0.19em;
padding-bottom: 0.19em;
}

.aufz_dunkel_element {
background: #7cb5c5;
border: 1px solid #c4dfdf;
width: 28.9em;
height: auto;
padding-top: 0.19em;
padding-bottom: 0.19em;
}

.aufz_dunkel_links_1 {
background: #7cb5c5;
width: 5em;
height: auto;
float: left;
}

.aufz_dunkel_links_2 {
background: #7cb5c5;
width: 10em;
height: auto;
float: left;
}

.aufz_dunkel_links_3 {
background: #7cb5c5;
width: 15em;
height: auto;
float: left;
}

.aufz_dunkel_links_4 {
background: #7cb5c5;
width: 20em;
height: auto;
float: left;
}

.aufz_dunkel_links_5 {
background: #7cb5c5;
width: 25em;
height: auto;
float: left;
}

.aufz_dunkel_links_5 {
width: 23em;
float: left;
height:100%;
background: #7cb5c5;
}

.aufz_dunkel_rechts_1 {
float:right;
width: 23.5em;
display:block;
background: #7cb5c5;
}

.aufz_dunkel_rechts_2 {
float:right;
width: 18.5em;
display:block;
background: #7cb5c5;
}

.aufz_dunkel_rechts_3 {
float:right;
width: 13.5em;
display:block;
background: #7cb5c5;
}

.aufz_dunkel_rechts_4 {
float:right;
width: 8.5em;
display:block;
background: #7cb5c5;
}

.aufz_dunkel_rechts_5 {
float:right;
width: 3.5em;
display:block;
background: #7cb5c5;
}


.umrandung_aufz {
padding-bottom: 0.2em;
background: #003165;
width: 28.95em;
}

.h3aufz {
color: #c4dfdf;
}

.box {
width: 27em;
height: auto;
}


/*Klassen für die DIVs in dem Einzelbildelement - nurtext*/

.einzelbild {
width: 14.06em; /* 14.06em entsprechen 225px */
height: auto;
}

.einzelbild2 {
width: 18.75em; /* 18.75em entsprechen 300px*/
height: auto;
}

/* Klassen für die DIVs in dem Portalelement */

.fliesstext_textelement {
FONT-WEIGHT: normal; 
FONT-SIZE: 80%; 
COLOR: #003165; 
FONT-FAMILY: Arial, Helvetica, sans-serif
margin-bottom:1.5em;
}

.portalcontainer_1 {
WIDTH: 19.75em; 
HEIGHT: auto;
margin-bottom: 1.5em;
}

.portalimage {
WIDTH: 18.75em; 
}

/* Hilfsklassen für Barrierefreiheit, z.B. um inline-Styles zu vermeiden */

.h3_225 {
width: 14.06em;
margin: 0em;
padding: 0em;
}

/*Bildelemente*/

.zweifuenffuenf {
width:225px;
}

.grundcontainer {
width:29.13em;
height:auto;
margin-bottom:1.75em;
}

.zweitcontainer {
float:left;
padding-right:0.25em;
}

.drittcontainer {
float:left;
margin-left:0px;
padding-left:10px;
}

/* Das Portalelement im Intranet ============  UMGEHUNG FÜR DEN FLOAT-BUG IM INTERNET EXPLORER!!!!!!!!!!!!  ============== */

.containing-float:after 
			{
			/* Inhalt pseudo-Element :after;
			 * somit [clear] moeglich	
			 */
			content: ".";
			 
			/* [content] verbergen;
			 */
			visibility: hidden;			
			height:     0;

			/* Block-Level fuer [clear];
			 */
			display: block;
			
			/* [float] clearing;
			 * einbeziehen der Float-Container;
			 */	
			clear: both; 
			}

/* ================ P O R T A L E L E M E N T =================== */
			
#stufe_1
{
}

#stufe_2
{
width:458px;
height:auto;
margin-bottom:20px;
padding-bottom:10px;
}

#inhalt_1
{
width:122px;
float:left;
}

#inhalt_2
{
float:right;
margin-left:0px;
padding-left:2px;
width:316px;
}

/* ------------------- Das Verteilerelement im Internet ------------------------ */
			
#stufe_1_b
{
width: 707px;
}

#stufe_2_b
{
width:707px;
height:auto;
margin-bottom:20px;
}

#inhalt_1_b
{
width:466px;
float:left;
padding-bottom: 20px;
}

#inhalt_2_b
{
float:right;
margin-left:0px;
padding-left:16px;
width:225px;
}

/* ------------------- Das Essen2010-Interims-Verteilerelement im Internet ------------------------ */
			
#2010stufe_1_b
{
width:22.2em;
}

#2010stufe_2_b
{
width:22.19em;
height:auto;
margin-bottom:1.25em;
}

#2010inhalt_1_b
{
width:176px;
float:left;
padding-bottom:1.25em;
margin-left:1em
}

#2010inhalt_2_b
{
float:right;
margin-left:0;
padding-left:1em;
width:9em;
}

.h2_2010 {
FONT-WEIGHT: bold; 
FONT-SIZE: 80%; 
WIDTH: 11em; 
COLOR: #003165; 
FONT-FAMILY: Arial, Helvetica, sans-serif; 
margin-top: 0px;
margin-bottom: 0px;
padding: 0;
}

/* -----------------------------------------Spezialelement: Textbox im 2010-Interimsauftritt-----------------------------*/

#a2010_tb_umriss {
width: 345px;
}

#a2010_tb_text {
width: 189px;
float: left;
margin-right: 16px;
}

#a2010_tb_bild {
width: 140px;
float: right;
}

.a2010_img {
width: 140px;
}

/* -----------------------------------------Spezialelement: Bild mit Teasertext -----------------------------------------*/

.bildtext_dunkel {
FONT-WEIGHT: bold; 
FONT-SIZE: 80%; 
COLOR: #003165; 
FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.bildtext_dunkel a:link {
COLOR: #003165; 
text-decoration: underline;
}

.bildtext_dunkel a:hover {
COLOR: #003165; 
text-decoration: underline;
}

.bildtext_hell {
FONT-WEIGHT: bold; 
FONT-SIZE: 80%; 
COLOR: #ffffff; 
FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.bildtext_hell a:link {
COLOR: #ffffff; 
text-decoration: underline;
}

.bildtext_hell a:hover {
COLOR: #ffffff; 
text-decoration: underline;
}

.bild_text_container {
position:relative; 
width:44.19em; 
height:auto; 
margin:0;
}

.text_im_bild_1 {
position:absolute; 
top:1em; 
left:1em; 
width:20em;
}

.text_im_bild_2 {
position:absolute; 
top:1em; 
left:22em; 
width:20em;
}

.textbildklasse {
position:absolute; 
top:0; 
left:0; 
}

.h2_hell {
FONT-WEIGHT: bold; 
FONT-SIZE: 100%; 
WIDTH: 19em; 
COLOR: #ffffff; 
FONT-FAMILY: Arial, Helvetica, sans-serif;  
PADDING-TOP: 0.85em; 
PADDING-BOTTOM: 1em; 
}

.h2_dunkel {
FONT-WEIGHT: bold; 
FONT-SIZE: 100%; 
WIDTH: 19em; 
COLOR: #003165; 
FONT-FAMILY: Arial, Helvetica, sans-serif;  
PADDING-TOP: 0.85em; 
PADDING-BOTTOM: 1em; 
}

/*-----------------------------------------------------------------------------------------------------------------*/
fieldset {
border: 2px solid #80a6bb;
padding: 5px;
}

fieldset.search {
border: 2px solid #80a6bb;
padding: 5px;
}

legend {
font-weight: bold;
font-size: 100%;
color: #003165;
}

.pansiteRahmen{border-width:0;margin:0;padding:0;text-align:left} 
.pansiteRahmenAbs{border-width:0;margin:0;padding:0;position:absolute;text-align:left} 
.pansiteRahmenRelMB{border-width:0;left:0;margin:0 0 0.3125em;padding:0;position:relative;text-align:left;top:0} 
.pansiteRahmenRelMBklein{border-width:0;left:0;margin:0;padding:0;position:relative;text-align:left;top:0} 
.pansiteRahmenAbsZero{border-width:0;left:0;margin:0;padding:0;position:absolute;text-align:left;top:0} 
.pansiteRahmenSimpleBreit{margin:0;padding:0;width:100%} 
.pansiteRahmenRel,.pansiteRahmenRel2{border-width:0;left:0;margin:0;padding:0;position:relative;text-align:left;top:0} 
.pansiteRahmenSimple{margin:0;padding:0} 

/***
essen2010 - Spaltenaufteilung - Allgemein
***/
div.subcolumns { width: 100%; overflow:hidden; }

/***
essen2010 - OnlineServices
***/

div.de_essen_site_OnlineServices_Container ul {
	list-style-type: none;
	margin: 0;
	padding: 1em;
	padding-top: 0.15em;
	background-color: #EEEEEE;
	border: 1px solid #EEEEEE;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
div.de_essen_site_OnlineServices_Container a,
div.de_essen_site_OnlineServices_Container a:link,
div.de_essen_site_OnlineServices_Container a:active,
div.de_essen_site_OnlineServices_Container a:visited {
	text-decoration: none;
}
div.de_essen_site_OnlineServices_Container a:hover,
div.de_essen_site_OnlineServices_Container a:focus {
	text-decoration: underline;
}
/***
essen2010 - Spaltenaufteilung - Dreispaltenelement und OnlineServices

***/
h2.de_essen_site_dreispaltenelement_ueberschrift,
h2.de_essen_site_OnlineServices_ueberschrift {
	display: block;
	width: auto;
	height: auto;
	color: #FFFFFF;
	text-align: center;
	font-size: 0.875em;
	font-weight: normal;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 0.4em;
	padding: 0.25em;
	background-color: #003165;
}
h3.de_essen_site_dreispaltenelement_ueberschrift,
h3.de_essen_site_dreispaltenelement_meldung {
	width: auto;
	height: auto;
}
div.de_essen_site_dreispaltenelement_links,
div.de_essen_site_dreispaltenelement_mitte {
	float: left;
	margin-right: 0.375em;
	width: 9.25em;
}
div.de_essen_site_dreispaltenelement_mitte,
div.de_essen_site_dreispaltenelement_rechts {
	margin-left: 0.3125em;
	width: 9.25em;
}
div.de_essen_site_dreispaltenelement_rechts {
	float: right;
}
div.de_essen_site_dreispaltenelement_bild {
	text-align: center;
	margin-bottom: 0.65em;
}


/***
essen2010 - Spaltenaufteilung - Seitenaufteilung (2/3)
***/
div.de_essen_site_aufteilungsrahmen {
	width: 44.125em;
}
div.de_essen_site_seitenelement_links {
	float: left;
	margin-right: 0.5em;
	width: 29.125em;
}
div.de_essen_site_seitenelement_rechts {
	width: 14.3em;
	float: right;
}

/***
essen2010 - Karussel
***/
div.carousel {
	margin: 0;
	padding: 0;
	width: 706px;
	border-bottom: 1px solid #9CBAC6;
	padding-bottom: 10px;
	font-size: 0.8em;
	margin-bottom: 2em;
}
div.carousel ul li{
	margin-left: 1.5em;
	margin-bottom: 5px;
	text-align: left;
	list-style: none;
}
a.carousel, 
a.carousel:link, 
a.carousel:hover, 
a.carousel:focus, 
a.carousel:active, 
a.carousel:visited {
	text-decoration: none;
	color: #003165;
	text-align: center;
	padding: 4px;
	display: block;
	background-color: #f5f5f5;
}

a.carousel:hover, 
a.carousel:focus,
a.carouselhover:link, 
a.carouselhover:hover, 
a.carouselhover:focus, 
a.carouselhover:active, 
a.carouselhover:visited {
	text-decoration: none;
	color: #FFFFFF;
	text-align: center;
	padding: 4px;
	display: block;
	background-color: #9CBAC6;
}
div.carousel ul li div.img a, 
div.carousel ul li div.img a:link, 
div.carousel ul li div.img a:hover, 
div.carousel ul li div.img a:focus, 
div.carousel ul li div.img a:active, 
div.carousel ul li div.img a:visited {
	text-decoration: none;
	border: 0;
}
div.carousel ul li div.img a:hover, 
div.carousel ul li div.img a:focus {
	background-color: transparent;
}


/***
essen2010 - Newsrotator
***/
div.newsrotator {
	margin-bottom: 1em;
	width: 44.1em;
}
div.newsrotator ul li{
	text-align: left;
	list-style: none;
	font-size: 0.8em;
}
div.newsrotator ul li h2, div.newsrotator ul li h3 {
	margin: 0;
	padding: 0.1em;
	width: auto;
	float: none;
	clear: both;
}
a.newsrotator, 
a.newsrotator:link, 
a.newsrotator:hover, 
a.newsrotator:focus, 
a.newsrotator:active, 
a.newsrotator:visited	{
	text-decoration: none;
	color: #003165;
	font-weight: bold;
	background-color: #EEEEEE;
	display: block;
	padding: 0.3125em;
	-moz-border-radius: 0.3125em;
	-webkit-border-radius: 0.3125em;
	-khtml-border-radius: 0.3125em;
	border-radius: 0.3125em;
}

a.newsrotator:hover, 
a.newsrotator:focus {
	text-decoration: none;
	color: #003165;
	font-weight: bold;
	background-color: #80A6BB;
	display: block;
}
div.newsrotator ul li div.img a, 
div.newsrotator ul li div.img a:link, 
div.newsrotator ul li div.img a:hover, 
div.newsrotator ul li div.img a:focus, 
div.newsrotator ul li div.img a:active, 
div.newsrotator ul li div.img a:visited {
	text-decoration: none;
	border: 0;
}
div.newsrotator ul li div.img a:hover, 
div.newsrotator ul li div.img a:focus {
	background-color: transparent;
}
.invisible {
	display: none;
}

/****
Start: essen2010 - Bildspruch
****/
div.de_essen_site_bildspruch {
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}
/****
Start: essen.de - Barrierefrei-Signet
****/
div.de_essen_site_zugaenglichkeit h3 {
	display: inline;
}
div.de_essen_site_zugaenglichkeit span.fliesstextklein {
	margin-left: 1em;
}
div.de_essen_site_zugaenglichkeit span.fliesstext {
	display: block;
}
div.de_essen_site_zugaenglichkeit img {
	margin-top: 0.5em;
}

div.de_essen_site_galerie_img {
	float:left;
	padding-right: 1em;
	padding-bottom: 1em;
}
/**
Start: Unsere Stadt - Unser Klima
***/
.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

.c25l, .c25r { width: 25%; }
.c33l, .c33r { width: 33.333%; }
.c50l, .c50r { width: 50%; }
.c66l, .c66r { width: 66.666%; }
.c75l, .c75r { width: 75%; }
.c38l, .c38r { width: 38.2%; }
.c62l, .c62r { width: 61.8%; }

.subc  { padding: 0 0.5em; }
.subcl { padding: 0 1em 0 0; }
.subcr { padding: 0 0 0 1em; }

.ausbildungsbuttons a, .ausbildungsbuttons a:link, .ausbildungsbuttons a:hover, .ausbildungsbuttons a:focus, .ausbildungsbuttons a:active, .ausbildungsbuttons a:visited {
	background-color: #EEF7F4;
	border: #FFFFFF solid 2px;
	color: #003165;
	display: block;
	float: left;
	padding: 1em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	width: 200px;
	text-decoration: none;
	font-weight: bold;
}
.ausbildungsbuttons a:hover, .ausbildungsbuttons a:focus {
	background-color: #003165;
	color: #FFFFFF;
}
.ausbildungslinks {
	background-color: #EEF7F4;
	border: 2px solid #FFFFFF;
	padding: 0.3em;
}
.ausbildungslinks div {
	margin-bottom: 1em;
}
.ausbildungslinks div ul, .ausbildungslinks div ul li {
	list-style-type: none;
	margin-left: 0;
	background: 0;
	padding-left: 0;
}
html,body {height:100%;background-color:#FFFFFF ! IMPORTANT}
.pansiteRahmen{border-width:0;margin:0;padding:0;text-align:left}
.pansiteRahmenAbs{border-width:0;margin:0;padding:0;position:absolute;text-align:left}
.pansiteRahmenRelMB{border-width:0;left:0;margin:0 0 0.3125em;padding:0;position:relative;text-align:left;top:0}
.pansiteRahmenRelMBklein{border-width:0;left:0;margin:0;padding:0;position:relative;text-align:left;top:0}
.pansiteRahmenAbsZero{border-width:0;left:0;margin:0;padding:0;position:absolute;text-align:left;top:0}
.pansiteRahmenSimpleBreit{margin:0;padding:0;width:100%}
.pansiteRahmenRel,.pansiteRahmenRel2{border-width:0;left:0;margin:0;padding:0;position:relative;text-align:left;top:0}
.pansiteRahmenSimple{margin:0;padding:0}

#Hintergrund {
}
/** Ausnahme: linke Navigation! **/

ul h2 {
	width: 100%;
}

/* ''''''''''''''''''''''''''''''''''''''' AKTUELLE DEFINITIONEN DER NAVIGATION `````````````````````````````*/
/* Linke Navigation AKTUELL */

ul#navlinks {
	font-size: 1em;
	text-align: right;
	list-style-type: none;
	padding-left: 0em;
	margin: 0em;
	width: 8.875em;
}

ul#navlinks li {
	font-size: 0.75em;
	margin: 0em;
}

ul#navlinks li div {

}

ul#navlinks li a, ul#navlinks li div a:link, ul#navlinks li div a:visited, ul#navlinks li div a:hover, ul#navlinks li div a:focus {
	text-decoration: none;
	padding: 0.4em;
	display:block;
}
/* Untermenüpunkte */


ul.unternavlinks {
	font-size: 1.33333333333333333333333333333333em;
	text-align: right;
	list-style-type: none;
	padding-left: 0em;
	margin: 0em;
	border-bottom: 1px solid #003165;
}

ul.unternavlinks li {
	font-size: 0.75em;
	margin: 0em;
}

ul.unternavlinks li a, ul.unternavlinks li a:link, ul.unternavlinks li a:visited, ul.unternavlinks li a:hover, ul.unternavlinks li a:focus {
	text-decoration: none;
	padding: 0.4em;
	display: block;
}


/* Hauptmenü */
div#hauptmenue {
	-moz-border-radius-bottomright: 5px;
	-webkit-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	border-radius-bottomright: 5px;
	background-color: #003165;
	width: 44.53em;
	top: 4.8125em;
	position: absolute;
	padding-left: 9.5em;
	clear: both;
}

ul#hauptmenu {
	list-style-type: none;
	padding-left: 0em;
	margin: 0em;
}

ul#hauptmenu li {
	font-size: 0.75em;
	float: left;
	background-color: #003165;
	margin: 0em;
	margin-right: 0.25em;
}

ul#hauptmenu li a, ul#hauptmenu li a:link, ul#hauptmenu li a:visited, ul#hauptmenu li a:hover, ul#hauptmenu li a:focus {
	text-decoration: none;
	display: block;
	padding: 0.4em;
	padding-left: 0.45em;
	padding-right: 0.45em;
	margin-right: 0.2em;
	margin-left: 0.2em;
}

div#panoWmenu {
	FLOAT: LEFT;
}

/* Brotkrumen-Navi */
div.head div.breadcrumbnav {
	font-size: 0.65em;
	float: left;
	background-color: #003165;
	margin: 0em;
	margin-right: 0.05em;
}
div.head {
	padding: 0;
	margin: 0;
}
div.head div.breadcrumbnav *,
div.head span {
	display: block;
	padding: 0.6em 0em;
}
a.breadcrumbnav, a.breadcrumbnav:link, a.breadcrumbnav:visited , a.breadcrumbnav:active, div.head span {
	background-color: #003165;
	color: #ffffff;
	text-decoration: none;
}

a.breadcrumbnav:hover,  a.breadcrumbnav:focus {
	background-color: #003165;
	color: #ffffff;
	text-decoration: underline;
}
/* Menü-Hover-Effekte */

a.navaktiv:hover, a.navaktiv:focus, a.navaktiv, a.navaktiv:link, a.navaktiv:visited {
	background-color: #FFFFFF;
	color: #003165;
}

a.navpassiv, a.navpassiv:link, a.navpassiv:visited {
	background-color: #003165;
	color: #ffffff;
}

a.navpassiv:hover,  a.navpassiv:focus {
	background-color: #ffffff;
	color: #003165;
}

ul#navlinks li a:link, ul#navlinks li a:visited, ul#unternavlinks li a {
	background-color: #ffffff;
	color: #003165;
}

ul.unternavlinks li.navaktiv a, ul.unternavlinks li.navaktiv a:link, ul.unternavlinks li.navaktiv a:active, ul.unternavlinks li.navaktiv a:visited,
ul#navlinks li.navaktiv h2 a, ul#navlinks li.navaktiv h2 a:link, ul#navlinks li.navaktiv h2 a:active, ul#navlinks li.navaktiv h2 a:visited {
	background-color: #80A6BB !important;
	color: #003165 !important;
}

ul#navlinks li a:hover, ul#navlinks li a:focus, ul#unternavlinks li a:hover, ul#unternavlinks li a:focus {
	background-color: #EEEEEE;
	color: #003165;
}

h2.navlinks {
	color: #003165;
	background-color: #FFFFFF;
	text-align: left;
	padding: 0;
}

/******** ANPASSUNGEN FARBEN *********/
table.month caption {
	color: #FFFFFF;
	background-color: #003165;
}

table.month td {
	background-color: transparent;
	border: 1px solid #003165;
	color: #003165;
}

table.month td.mark {
	color: #003165;
	background-color: #80A6BB;	
}

table.month td.mark a {
	color: #003165;
}

table.month th {
	background-color: #80A6BB;
}

fieldset.module legend {
	background-color: #80A6BB;
	border: 1px solid #003165;
	color: #FFFFFF;
	font-size: 80%;
	margin: 0;
	padding-left: 2px;
	padding-right: 2px;
}

.ratundservicebreit {
	background-color: #80A6BB;
	border-bottom: 0.07813em solid #EEEEEE;
	color: #FFFFFF;
}

#aufz_dunkel_element,
.aufz_dunkel_element {
	background: #EEEEEE none repeat scroll 0 0;
	border: #FFFFFF 1px solid;
}

.aufz_dunkel_links_2,
#aufz_dunkel_links_2,
.aufz_dunkel_links,
#aufz_dunkel_links {
	background: #EEEEEE none repeat scroll 0 0;
}

.aufz_dunkel_rechts_2,
#aufz_dunkel_rechts_2,
.aufz_dunkel_rechts,
#aufz_dunkel_rechts {
	background: #EEEEEE none repeat scroll 0 0;
}

#aufz_hell_element,
.aufz_hell_element {
	background: transparent;
	border: #FFFFFF;
}

.aufz_hell_links_2,
#aufz_hell_links_2,
.aufz_hell_links,
#aufz_hell_links {
	background: transparent;
}

.aufz_hell_rechts_2,
#aufz_hell_rechts_2,
.aufz_hell_rechts,
#aufz_hell_rechts {
	background: transparent;
}

th {
	background-color: #80A6BB;
	color: #FFFFFF;
	margin: 2px;
	padding: 2px;
	text-align: center;
}

table.module td {
	color: #003165;
}
td.odd, td.oddNumber, td.oddCenter {
	background-color: transparent;
}

td.even, td.evenNumber, td.evenCenter {
	background-color: #EEEEEE;
}

table.module td.pager, table.module td.pager a {
	background-color: #EEEEEE;
	color: #003165;
}


.boxratundservicebreit {
	background: 0;
	width: 28.9em;
}

.boxratundservicebreit a:link {
	background: 0;
	width: 29em;
}

td.kopfzeile {
	background: #80A6BB;
	border: none;
	color: #FFFFFF;
}
td.hellblau {
	background: #EEEEEE;
	border: none;
	color: #003165;
}

input[type=text]:focus, textarea.module:focus, input.module:focus
{
	background-color: #FFFFFF;
}

input[type="text"]#Suchwort {
	color: #AAAAAA;
}

input[type="text"]#Suchwort:focus {
	color: #000000;
}

/*
 * style zum positionieren der sprachwechselfahne
 */
div.language_select
{
	display: inline;
	left: .5em;
	position: absolute;
	top: 0.325em;
	width: 1.5em;
}
.FormRow{
	clear: both;
	padding: 2px 0px;
	margin: 0.7em 0.8em;
	padding: 0.5em 0.5em;
}
.FormInfo{
	float: left;
	text-align: left;
	padding-top: 3px;
	padding-right: 5px;
}
.Field {
	text-align: left;
	line-height:125%;
}
.FieldContent {
	background-color:#FFFFFF;
	color:#000000;
	border : 1px solid #336699;
	margin: 0px 2px 0px 2px;
}
.InfoText {
	font-size:11px;
}
#con { 
	width: 560px; 
} 
#cona { 
	width:265px; 
	float:left; 
} 
#conb { 
	width:265px; 
	float:right; 
} 

.ratundservicebreit {
	background-color:#80A6BB;
	border-bottom:0.07813em solid #EEEEEE;
	color:#FFFFFF;
}
#aufz_hell_element, .aufz_hell_element {
	background:transparent none repeat scroll 0 0;
	border:medium none #FFFFFF;
}
.aufz_hell_links_1, #aufz_hell_links_1, .aufz_hell_links_2, #aufz_hell_links_2, .aufz_hell_links_3, #aufz_hell_links_3, .aufz_hell_links, #aufz_hell_links {
	background:transparent none repeat scroll 0 0;
}
#aufz_dunkel_element, .aufz_dunkel_element {
	background:#EEEEEE none repeat scroll 0 0;
	border:1px solid #FFFFFF;
}
.aufz_dunkel_links_1, #aufz_dunkel_links_1, .aufz_dunkel_links_2, #aufz_dunkel_links_2, .aufz_dunkel_links, #aufz_dunkel_links {
	background:#EEEEEE none repeat scroll 0 0;
}
.aufz_dunkel_rechts_1, #aufz_dunkel_rechts_1, .aufz_dunkel_rechts_2, #aufz_dunkel_rechts_2, .aufz_dunkel_rechts, #aufz_dunkel_rechts {
	background:#EEEEEE none repeat scroll 0 0;
}

* hCards + hCalendars */

.vcard,
.vevent {
  border:2px solid #003165 !important;
  padding:30px 5px 5px 5px !important;
  border-radius:8px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  margin:5px 0 !important;
    /* small IE-Fix for background images */
  zoom:1;
}

span.vcard,
span.vevent {
  padding:2px 1px 2px 70px !important;
  margin:0 2px 0 !important;
}


.vcard { 
	background:#eeeeee url(images/hcard.png) 5px 5px no-repeat  !important;
}

.vcard a { 
	padding-left:11px; 
	background:url(images/external_link.gif) top left no-repeat; 
	color:#003165;
}

.vcard .adr { 
	display:block;
	margin:0.5em 0;
}

.vcard .email { 
	font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
	word-wrap: break-word;
}

.vevent { 
	background:#eeeeee url(images/hcalendar.png) 5px 5px no-repeat  !important;
}

.vevent a { 
	padding-left:11px; 
	background:url(images/external_link.png) top left no-repeat; 
	color:#003165;
}

.vevent p {
	margin-bottom:0.5em;
}

.vevent .description {
	display:block;
	margin-top:1em;
}

.vevent .location {
	display:block;
	color:#003165;
}

.vevent .summary {
	display:block;
	color:#003165;
	font-weight:bold;
}

.vcard {
	background: none !important;
	border: none !important;
	font-size: 80%;
	color: #003165;
}
.vcard .email {
	font-family: Arial, sans-serif !important;
}
.vcard a {
	background: none !important;
	padding-left: 0 !important;
}
.vcard .fn, .vcard * .type  {
	font-weight: bold !important;
}
.vcard>div {
	margin-left: 11.5625em !important;
}
.vcard .fliesstext {
	font-size: 100%;
}

/*** Votingelement ***/

div.div_class_votingtool {
	margin: 0.5em 0 0.5em 0;
}

input.btn {   
	width:200px;
	height:27px;
	color:#003165;
	border-width:0px;	
	border-color:#FFFFFF;
	background-color:#FFFFFF;
	BACKGROUND-IMAGE: url(../../images/vote_112783.gif);

}   

div.div_class_trennlinie {
	width: 44.125em;
	float:left;
}

hr.voting {
 	background-color:#EEEEEE;
	color:#EEEEEE;
	border:#EEEEEE;
	height:1px;
	width: 707px;
	margin: 0 0 0.3em 0;
}