/* --- GENERAL ---------------------------------------------------------------- */

body { 
	margin:0; padding:0;
	font-family:Verdana,Arial; font-size:12px; line-height:1.5em; color:#000000;
	background-color:#c5c7c8; background-image:url(texture_alu.jpg); background-position:center top; background-repeat:repeat;
}

a { color: #4f85c0; font-weight:bold; text-decoration:none; }
a:hover { color:#e5322c; }

img.block { display:block; line-height:1em; }

p { margin-top:0; margin-bottom:10px; }

input, textarea { 
	padding:2px;
	border-left:1px solid #c5c7c8; border-top:1px solid #c5c7c8;  border-bottom:1px solid #eeeeee; border-right:1px solid #eeeeee;
	font-family:Verdana,Arial; font-size:12px;
}

ul { margin:10px 0 10px 30px; padding:0; }
ul li { padding-bottom:0; padding-left:20px; list-style:none; background-image:url(li.gif); background-position:left top; background-repeat:no-repeat; }
ol li { padding-bottom:0; }


/* --- HEADLINES -------------------------------------------------------------- */
h1 { display:block; font-size:20px; font-family:Arial,Verdana; font-weight:bold; color:#000000; margin-top:15px; margin-bottom:10px; }
h2 { font-size:16px; font-family:Arial,Verdana; font-weight:bold; color:#666666; margin-top:10px; margin-bottom:10px; }
h3 { font-size:14px; font-family:Arial,Verdana; font-weight:bold; color:#999999; margin-top:10px; margin-bottom:10px; }
h4 { font-size:14px; font-family:Arial,Verdana; font-weight:bold; color:#e5322c; margin-top:10px; margin-bottom:10px; }
h5 { font-size:14px; font-family:Arial,Verdana; font-weight:bold; color:#999999; margin-top:10px; margin-bottom:10px; }




/* === LAYOUT ================================================================= */

.clear { clear:both; margin:0; padding:0; font-size:0; }

div.container { background-image:url(texture_alu_top.jpg); background-position:center top; background-repeat:repeat-x; }
table.main { background-color:#ffffff; }

td.menu { }
div.menu { 
	height:30px;
	text-align:left;
	background-color:#4f85c0; background-image:url(nav1.gif); background-position:top; background-repeat:repeat-x;
}

td.submenu { 
	background-color:#f0f1f1;
}
div.submenu { 
	display:block;
	width:180px;
	margin:0; padding:10px;
	background-color:#f0f1f1;
}

td.content { }
div.content { }

td.footer { }
div.footer { 
	font-size:11px; color:#ffffff; text-align:center;
	margin:auto;
	background-color:#4f85c0; background-image:url(nav1.gif); background-position:top; background-repeat:repeat-x;
}
div.footer p { margin:0; padding:5px 10px 5px 10px; }
div.footer a { color:#ffffff; }

div.breadcrumb { font-size:11px; }
div.sprachen { font-size:11px; }



table.daten { padding:10px 0 10px 30px; }
th.value { background-color:#e0e6f3; padding:2px; border-bottom:5px solid #ffffff; border-right:5px solid #ffffff; text-align:center; }
td.arrow { width:18px;  }
td.arrow img { }
td.option { font-weight:bold; padding:2px; border-bottom:5px solid #ffffff; border-right:5px solid #ffffff; }
td.value { font-weight:normal; background-color:#f0f1f1; padding:2px; border-bottom:5px solid #ffffff; border-right:5px solid #ffffff; text-align:center; }





/* --- MODULE ----------------------------------------------------------------- */

/* Text/Bild */
div.left { display:block; float:left; text-align:left; }
div.left img { margin-right:10px; }
div.right { display:block; float:right; text-align:right; }
div.right img { margin-left:10px; }
div.center { display:block; text-align:center; }

/* Seitenleiste */
td.startcontent { padding-right:10px; }
td.seitenleiste { width:150px; padding-left:10px; border-left:1px dotted #4f85c0; font-size:11px; }

/* Bildergalerie */
div.modulBildgalerie { margin:10px 0 10px 0; }
img.modulBildgalerie { padding:5px; border:0; background-color:#e0e6f3; }
img.modulBildgalerie:hover { background-color:#4f85c0; }

/* Bildunterschrift */
p.bildunterschrift, div.bildunterschrift, span.bildunterschrift { font-size:11px; color:#999999; }

/* Artikelliste */
div.articleListItem, div.articleTeaser { border-top:1px dotted #4f85c0; }
p.articleListItem, p.articleTeaser { display:block; margin:10px 0 10px 0; }
img.articleTeaser { display:block; margin:10px 10px 10px 0; border:0; }

/* Kategorienliste */
td.catListItem { padding:10px; border-top:1px solid #ffffff; border-right:1px solid #ffffff; background-color:#f0f1f1; background-image:url(bg_verlauf_grau.jpg); background-position:top; background-repeat:repeat-x; }
td.catListItem:hover { background-image:url(bg_verlauf_blau.jpg); background-position:top; background-repeat:repeat-x; }
div.catListItem {  }

/* Dokument bereitstellen */
ul.files { margin:10px 0 10px 0px; padding:0; }
ul.files li { margin:0; padding:2px 2px 2px 20px; border-top:1px solid #ffffff; list-style:none; /* background-color:#f0f1f1; */ background-position:left top; background-repeat:no-repeat; }
li.pdf { background-image:url('pdf16x16.gif'); }
li.doc, li.rtf, li.txt { background-image:url('doc16x16.gif'); }
li.file { background-image:url('file16x16.gif'); }

/* Trennlinie */
.trennlinie { height:1px; width:100%; margin:10px 0 10px 0; padding:0; border:0 none; border-bottom:1px dotted #0098d4; }

/* Buttons */
input.suchText { width:174px; }
input.suchButton { border:0 none; padding:4px 2px 8px 2px; vertical-align:middle; }



/* === NAVIGATION ============================================================= */

/* --- 1. EBENE --------------------------------------------------------------- */

ul.nav1ebene {
	margin:0; padding:0;
}

ul.nav1ebene li {
	display:inline;
	margin:0; padding:0;
	list-style-type:none; list-style-position:inside; list-style-image:none;
	background-image:none;
}

ul.nav1ebene a, 
ul.nav1ebene a:link {
	font-family:Arial,Verdana; font-size:14px; line-height:30px; font-weight:bold; color:#ffffff; text-align:center;
	padding:6px 10px 6px 10px;
	background-image:url(nav1.gif); background-position:top; background-repeat:repeat-x;
	border-left:1px solid #9eb4da; border-right:1px solid #4f85c0;
}

ul.nav1ebene a:hover {
	color:#000000;
	text-decoration:none;
}

ul.nav1ebene a.active, 
ul.nav1ebene a.active:link {
	color:#ffffff;
	background-image:url(nav1active.gif); background-position:top; background-repeat:repeat-x;
	border-left:1px solid #4f85c0; border-right:1px solid #000000;
}

ul.nav1ebene a.active:hover {
	text-decoration:none;
}


/* --- SUBMENU ---------------------------------------------------------- */

ul.submenu {
	margin:0; padding:0;
	border:0 none;
}

ul.submenu li {
	margin:0; padding:0;
	list-style-type:none; list-style-position:outside; list-style-image:none;
	border:0 none;
	background-image:none;
}

ul.submenu a, 
ul.submenu a:link {
	display:block;
	width:180px;
	padding:6px 0 6px 0;
	font-size:16px; font-family:Arial,Verdana; font-weight:bold; color:#666666;
	background-image:none;
}

ul.submenu a:hover {
	text-decoration:none;
	background-image:none;
}


/* --- 2. EBENE --------------------------------------------------------------- */

ul.nav2ebene {
	margin:0; padding:0;
	border:0 none;
	border-bottom:1px solid #ffffff;
}

ul.nav2ebene li {
	margin:0; padding:0;
	list-style-type:none; list-style-position:outside; list-style-image:none;
	border:0 none;
	background-image:none;
	border-top:1px solid #ffffff;
}

ul.nav2ebene a, 
ul.nav2ebene a:link {
	display:block;
	width:170px;
	padding:6px 10px 6px 0;
	font-size:12px; font-family:Verdana; font-weight:bold; color:#4f85c0; line-height:1.2em;
	background-image:url(arrow_grau.gif); background-position:right; background-repeat:no-repeat;
}

ul.nav2ebene a:hover {
	color:#e5322c; text-decoration:none;
	background-image:url(arrow_rot.gif); background-position:right; background-repeat:no-repeat;
}

ul.nav2ebene a.active, 
ul.nav2ebene a.active:link {
	color:#000000;
	background:none;
}


/* --- 3. EBENE --------------------------------------------------------------- */

ul.nav3ebene {
	margin:0; padding:0;
	border:0 none;
}

ul.nav3ebene li {
	margin:0; padding:0;
	list-style-type:none; list-style-position:outside; list-style-image:none;
	background-image:none;
	border:0 none;
}

ul.nav3ebene a, 
ul.nav3ebene a:link {
	display:block;
	width:160px; 
	padding:5px 10px 5px 10px;
	font-size:11px; font-family:Verdana; font-weight:normal; color:#666666; line-height:1.2em;
	background-image:url(arrow_thin_grau.gif); background-position:left; background-repeat:no-repeat;
}

ul.nav3ebene a:hover {
	color:#e5322c; text-decoration:none;
	background-image:url(arrow_thin_rot.gif); background-position:left; background-repeat:no-repeat;
}

ul.nav3ebene a.active, 
ul.nav3ebene a.active:link {
	color:#000000; font-weight:bold;
}

ul.nav3ebene a.active:hover {
	background-image:none;
}