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

body { 
	margin:0; padding:0;
	font-family:Verdana,Arial; font-size:12px; line-height:1.3em; color:#000000;
	background-color:#eeeeee;
}

a {
	color: #0098d4;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a.arrow {
	background-image:url(arrow.gif); background-position:left center; background-repeat:no-repeat;
	padding-left:10px;
}

ul {
	margin:auto; padding-left:25px;
}

ul.arrow {
	margin:auto; padding:0;
}

li.arrow {
	list-style:none;
	background-image:url(arrow.gif); background-position:left center; background-repeat:no-repeat;
	margin:0 0 5px 0; padding:0 0 0 10px;
}

img { border:0 none; }

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

img.logo { margin:25px 0 0 0; padding:0; }

* html .png { /*IE6 only*/
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='files/amgrafik.png', sizingMethod='scale');
	behavior:url('files/pngbehavior.htc');
}




/* --- HEADLINES -------------------------------------------------------------- */
h1 { font-size:22px; font-family:Verdana,Arial; font-weight:normal; color:#000000; line-height:1.2em; margin-top:auto; }
h2 { font-size:18px; font-family:Verdana,Arial; font-weight:normal; color:#666666; line-height:1.2em; }
h3 { font-size:14px; font-family:Verdana,Arial; font-weight:bold; color:#9c9e9f; line-height:1.2em; }
h4 { font-size:12px; font-family:Verdana,Arial; font-weight:bold; font-style:italic; color:#9c9e9f; line-height:1.2em; }
h5 { font-size:12px; font-family:Verdana,Arial; font-weight:bold; color:#9c9e9f; line-height:1.2em; }





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

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

div.box, p.box {
	display:block;
	padding:10px;
	background-color:#e5f4fb; background-image:url(bg_box.jpg); background-position:top; background-repeat:repeat-x;
	border:1px solid #7fcbe9;
}

div.box li, p.box li {
	list-style-type:none; list-style-position:outside; list-style-image:none;
	margin:0 0 10px 0; padding-left:25px;
	background-image:url(li_check.gif); background-position:left top; background-repeat:no-repeat;
}


/* Bildergalerie */
div.modulBildgalerie { margin:10px 0 10px 0; }
img.modulBildgalerie { padding:1px; border:0; background-color:#7fcbe9; }
img.modulBildgalerie:hover { background-color:#0098d4; }

/* 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 */
p.trennlinie { display:block; height:1px; width:100%; margin:10px 0 10px 0; border-bottom:1px dashed #0098d4; }








/* --- LAYOUT ----------------------------------------------------------------- */

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

#container { 
	display:block;
	min-width:900px;	
	background-image:url(bg_header.jpg); background-position:center top; background-repeat:no-repeat;
}

td.blau { background-color:#0098d4; }
td.headerSeiten {
	background-color:#ffffff; background-image:url(bg_blau.gif); background-position:top; background-repeat:repeat-x;
}
td.headerLinks {
	background-color:#ffffff; background-image:url(bg_h.jpg); background-position:right top; background-repeat:no-repeat;
}

td.menu {
	background-image:url(bg_menu.jpg); background-position:left top; background-repeat:no-repeat;
}

#nav_h {
	display:block;
	margin:0; padding:0 25px 0 25px;
	width:850px; height:25px;
	color:#ffffff;
	line-height:25px;
	text-align:left;
}

#submenu {
	display:block;
	float:left;
	margin:0; padding:25px;
	width:250px;
}

#content {
	display:block;
	float:left;
	margin:0; padding:25px;
	width:550px;
}
td.content { background-color:#ffffff; background-image:url(bg_schatten_content.jpg); background-position:top; background-repeat:no-repeat; }

td.footer {
	height:150px;
	background-color:#eeeeee; background-image:url(bg_footer.jpg); background-position:top; background-repeat:repeat-x;
}
#footer {
	width:900px; height:150px;
	background-image:url(bg_verlauf.png); background-position:left top; background-repeat:no-repeat;
}
* html #footer { /*IE6 only*/
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='files/bg_verlauf.png');
}

div.footerViertel {
	display:block;
	width:250px;
	margin:0; padding:25px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:1.2em; color:#9c9e9f; font-weight:bold;
}
div.footerViertel a { color:#9c9e9f; }
div.footerViertel a:hover { color:#000000; }





#hl {
	display:block; position:absolute;
	left:50%; top:150px;
	margin:0 0 0 -450px; padding:0;
	width:450px; height:150px;
}

#article { 
	margin:0; padding:25px 25px 25px 25px; 
}
#startRight { display:block; margin:0; padding:25px 25px 25px 0; }


#articleImage { margin:0; padding:0; width:450px; }


div.startArticleList { display:block; margin:0; border-top:1px solid #7fcbe9; }
div.startArticle { 
	display:block; 
	padding:10px; 
	background-color:#e5f4fb; background-image:url(bg_box.jpg); background-position:top; background-repeat:repeat-x;
	border:1px solid #7fcbe9; border-top:0 none;
}
div.startArticleContent {  }
.startArticleTitle { font-size:14px; font-family:Verdana,Arial; font-weight:bold; color:#666666; line-height:1.3em; }
.startArticleTitle:hover { color:#0098d4; border:0 none; text-decoration:none; }

.boxDunkel { display:block; margin:0 0 25px 0; padding:10px; color:#ffffff; border:1px solid #999999; background-color:#999999; background-image:url(bg_box_grau_dunkel.jpg); background-position:top; background-repeat:repeat-x; }
.boxDunkel a { color:#ffffff; }
.boxDunkel a.arrow { background-image:url(arrow_white.gif); }
.boxHell { display:block; margin:0 0 25px 0; padding:10px; border:1px solid #cccccc; background-color:#eeeeee; background-image:url(bg_box_grau_hell.jpg); background-position:top; background-repeat:repeat-x; }

div.btn, p.btn { 
	background-image:url(bg_btn_up.png); background-position:bottom; background-repeat:repeat-x;
	width:50%;
}
div.btn:hover, p.btn:hover { 
	background-image:url(bg_btn_down.png); background-position:top;
}

a.btn { 
	display:block;
	padding:4px 25px 4px 10px;
	text-align:center;
	border-right:1px solid #666666; border-bottom:1px solid #666666; border-left:1px solid #cccccc; border-top:1px solid #cccccc;
	background-image:url(bg_btn.png); background-position:right center; background-repeat:no-repeat;
}
a.btn:hover { 
	text-decoration:none;
	padding:5px 24px 3px 11px;
	border-top:1px solid #666666; border-left:1px solid #666666; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc;
}

#kontaktformular input.btn {
	width:50%;
	padding:4px 25px 4px 10px;
	font-weight:bold;
	border-right:1px solid #666666; border-bottom:1px solid #666666; border-left:1px solid #cccccc; border-top:1px solid #cccccc;
	background-color:#ffffff; background-image:url(bg_btn_up.png); background-position:bottom; background-repeat:repeat-x;;
	cursor:pointer;
}
#kontaktformular input.btn:hover {
	padding:5px 24px 3px 11px;
	border-top:1px solid #666666; border-left:1px solid #666666; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc;
	background-image:url(bg_btn_down.png); background-position:top;
}

#kontaktformular input {
	width:246px;
	margin:2px 0 2px 0; padding:2px;
	font-family:Verdana,Arial; font-size:12px; color:#333333;
	border:1px solid #cccccc; border-top:0 none;
}
#kontaktformular input.empty {
	border:1px solid #ff0000; border-top:0 none;
}

#kontaktformular textarea {
	width:246px;
	margin:2px 0 2px 0; padding:2px;
	font-family:Verdana,Arial; font-size:12px; color:#333333;
	border:1px solid #cccccc;
}

div.message, p.message {
	display:block;
	padding:10px;
	font-size:11px; font-weight:bold; color:#009900;
	background-color:#f0fae5;
	border:1px solid #67cc01;
}

div.error, p.error {
	display:block;
	padding:10px;
	font-size:11px; font-weight:bold; color:#ff0000;
	background-color:#fff5f2;
	border:1px solid #ff3300;
}











/* --- NAVIGATION ------------------------------------------------------------- */


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

ul.nav1ebene {
	margin:0; padding:0;
	font-family:Arial,Verdana;
}

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

ul.nav1ebene a, 
ul.nav1ebene a:link {
	font-size:12px; font-weight:bold;
	color:#9c9e9f; text-align:center; text-decoration:none;
	background-image:url(arrow.gif); background-position:left; background-repeat:no-repeat;
	padding-left:10px;
	border:0 none;
}

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

ul.nav1ebene a.active, 
ul.nav1ebene a.active:link {
	color:#ffffff; font-weight:bold;
	text-align:center;
	background-image:url(arrow_selected.gif); background-position:left; background-repeat:no-repeat;
	padding-left:10px;
}

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



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

ul.nav2ebene {
	display:block;
	margin:0; padding:0;
	width:250px;
}

ul.nav2ebene li {
	list-style-type:none; list-style-position:outside; list-style-image:none;
	display:block;
	width:250px;
	margin:0; padding:0;
}

ul.nav2ebene a, 
ul.nav2ebene a:link {
	display:block;
	width:230px; padding:5px 10px 5px 10px;
	font-size:12px; font-weight:bold; color:#0098d4; line-height:1.2em; text-decoration:none;
	border:0 none;
	border-bottom:1px solid #eeeeee;
	background-color:#ffffff;
}

ul.nav2ebene a:hover {
	color:#0098d4; text-decoration:none;
	background-color:#eeeeee;
	border-bottom:1px solid #cccccc;
}

ul.nav2ebene a.active, 
ul.nav2ebene a.active:link {
	color:#000000;
	border:0 none;
	border-bottom:1px solid #eeeeee;
	background-color:#ffffff;
}



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

ul.nav3ebene {
	display:block; position:relative;
	margin:0; padding:0 0 0 200px;
	width:200px;
	background-image:url(nav3ebene.png); background-position:left top; background-repeat:repeat-y;
}

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

ul.nav3ebene a, 
ul.nav3ebene a:link {
	display:block;
	width:180px; 
	padding:5px 10px 5px 10px;
	font-size:11px; font-weight:bold; color:#0081c6; line-height:1.2em; text-decoration:none;
	border:0 none;
	background-color:#ffffff; background-image:url(arrow.gif); background-position:left; background-repeat:no-repeat;
}

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

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