/* CSS Document */

/* ---------------------------ALLGEMEIN------------------------------------------------- */

html, body, div, p, h1, h2, h3, h4, h5, ul, ol, span, a, table, td, form, img, li, blockquote {
	margin:0px;
	padding:0px;
	font:normal normal normal 12px/20px Helvetica, Arial, sans-serif;
	color:#333;
}

html {
	height:100%;
	max-height:100%; 
	overflow:hidden; 
	border:0px; 
	background:#eaf4f9;
	margin:0px;
	padding:0px;
}

body {
	height:100%; 
	width:100%;
	max-height:100%; 
	overflow:hidden; 
	border:0px;
	background:#eaf4f9;
	margin:0px;
	padding:0px;
}

* html body {text-align:center;}

/* ---------------------------LINKS------------------------------------------------- */

a:link, a:visited, a:active, a:hover {
	text-decoration:none;
	color:#999;
}

a:hover {
	color:#D1A16B;
}

a.menue, a.menue:link, a.menue:visited, a.menue:hover, a.menue_en, a.menue_en:link, a.menue_en:visited, a.menue_en:hover{
	text-decoration:none;
	color:#fff;
	padding:4px 17px 5px 18px;
}


a.menue:hover, a.menue_en:hover {
	text-decoration:none;
	background:#D9B286;
}

.menue_aktiv, .menu_active {
	padding:4px 17px 5px 18px;
	background:#AB8458;
}

a.menue_en, a.menue_en:link, a.menue_en:visited, a.menue_en:hover, .menu_active {
	padding:4px 29px 5px 28px;
}

a.lang, a.lang:link, a.lang:visited, a.lang:hover, a.lang_en, a.lang_en:link, a.lang_en:visited, a.lang_en:hover {
	text-decoration:none;
	text-transform:lowercase;
	letter-spacing:0.2em;
	border-left:1px solid #D9B286; 
	color:#fff;
	padding:4px 17px 5px 18px;
}	
	
a.lang_en, a.lang_en:link, a.lang_en:visited, a.lang_en:hover {
	padding:4px 29px 5px 28px;
}

a.lang:hover, a.lang_en:hover {
	text-decoration:none;
	background:#D9B286;
}


a.pfeil, a.pfeil:link, a.pfeil:visited, a.pfeil:hover {
	color: #999;
	padding-right:15px;
	text-decoration: none;
	background: url(img/pfeil_vor.gif) no-repeat right;
}

a.pfeil:hover {
	color:#D1A16B;
}


a.pfeil1, a.pfeil1:link, a.pfeil1:visited, a.pfeil1:hover{
	color: #999;
	padding-right:15px;
	padding-left:20px;
	text-decoration: none;
	background: url(img/pfeil_vor.gif) no-repeat right;
}

a.pfeil1:hover {
	color:#D1A16B;
}
a.pfeil3, a.pfeil3:link, a.pfeil3:visited, a.pfeil3:hover{
	color: #999;
	padding-left:15px;
	text-decoration: none;
	background: url(img/pfeil_rueck.gif) no-repeat left;
}

a.pfeil3:hover {
	color:#D1A16B;
}

/* --------------------------- MENÜ ------------------------------------------------- */

#info {height:500px;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop2.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.menu {
	display:block;
	position:absolute;
	top:188px;
	left:0px;
	width:600px;
	height:30px;
	background-color:#fff;
	text-align:right;
	padding-left:206px;
	z-index:8;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:170px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:170px;
position:relative;
background:#d1a16b; 
}
/* style the links for the top level */
.menu a, .menu a:visited, .menu a.aktiv, .menu a.dl {
display:block;
font-size:12px;
text-decoration:none; 
text-transform:uppercase;
color:#fff; 
width:100%; 
height:30px; 
/*border:1px solid #fff; 
border-width:1px 1px 0 0; */
background:#d1a16b; 
padding-left:15px; 
line-height:29px;
text-align:left;
}

.menu a.aktiv, .menu a.aktiv:hover {background-color:#AB8458;cursor:default;}
.menu a.dl:hover {
color:#fff; 
background:#D9B286;
cursor:default;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:150px;
w\idth:139px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#d6c8b8;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#d6c8b8;
}
.menu ul ul :hover > a.drop {
background:#d6c8b8;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#f2efeb;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#d6c8b8;
}
.menu ul ul ul :hover > a {
background:#d6c8b8;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:30px;
left:0; 
width:170px;
}

/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:170px; 
top:0;
width:170px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
border-bottom:1px solid #000;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#eae2da; 
color:#6f6f6f; 
height:auto; 
line-height:1em; 
padding:8px 15px; 
width:140px;
font-size:10px;
text-align:left;
border-bottom:1px solid #fff;
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:150px;
w\idth:129px;
}


/* style the top level hover */
.menu ul a:hover, .menu ul ul a:hover{
color:#fff; 
background:#D9B286;
}
/*.menu :hover > a, */.menu ul ul :hover > a {
color:#666;
background:#d6c8b8;
}

.menu :hover > a {
color:#efefef;
background:#D9B286;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

/* ---------------------------TABELLEN------------------------------------------------- */

table.struktur {
	width:420px;
	border:none;
	border-collapse:collapse;
}

table.struktur td {
	width:210px;
	text-align:left;
	vertical-align:top;
	height:50px;
}

#fuss table {
	width:806px;
	height:25px;
	border:none;
	border-collapse:collapse;
}

#fuss td {font-size:11px; color:#555;font-size:11px;}

#fuss td.li {
	width:215px;
	padding-left:0px;
	text-align:left;
	vertical-align:middle;
}

#fuss td.re {
	width:582px;
	padding-right:0px;
	text-align:left;
	vertical-align:middle;
}

#fuss td.re span {margin-right:20px; color:#555;font-size:11px;}


/*#text table {
	width:414px;
	border:none;
	border-collapse:collapse;
}

#text table td {height:10px; line-height:1px;text-align:center;vertical-align:middle;}

#text table td.b5 {width:115px;}
#text table td.b3 {width:69px;}
#text table td.b2 {width:46px;}

#text table td.txt {
	height:40px;
	border:1px solid #5e7599;
	border-bottom-width:3px;
	line-height:15px;
}
*/


/* ---------------------------EBENEN------------------------------------------------- */

#wrapper {
	position:relative;
	margin:0px auto;
	height:100%;
	width:806px;
	clear:left;
	z-index:1;
}

#container {
	position:absolute;
	top:40px;
	bottom:40px;
	width:100%;
	z-index:2;
	border:1px solid #5e7599;
	-moz-box-shadow:0px 0px 10px #888;
	-webkit-box-shadow:0px 0px 10px #888;
}

#inhalt {
	position:absolute; 
	overflow:auto; 
	top:218px;
	left:0px; 
	bottom:25px; 
	width:806px;
	border:none; 
	background-color:#fff;
	z-index:3;
}

* html #inhalt {
	top:0px; 
	bottom:0px; 
	height:100%;
	width:804px;
	border-top:218px solid #999; 
	border-bottom:40px solid #999;
	overflow:auto;
	font-size:18px;
}

#kopf {
	position:absolute; 
	left:0px; 
	top:0px; 
	width:806px; 
	min-width:806px; 
	height:188px; 
	background-image:url(img/kopf_hgr.jpg);
	font-size:1em; 
	z-index:5; 
	border:none;
}

* html #kopf {
	top:2px;
	width:806px;
	height:150px;
}

#fuss {
	position:absolute; 
	bottom:0px; 
	width:806px; 
	height:25px; 
	background:#b0c2c9;
	/* background-image:url(img/fuss_hgr.gif);*/
	z-index:5;
}

* html #fuss {
	bottom:0px;
	width:806px;
	height:25px;
}

#text, #text1, #text2, #text3, #text4, #text5, #text6, #text7, #text8, #map_canvas {
	position:absolute;
	display:block;
	top:55px;
	left:217px;
	width:500px;
	color:#333;
	z-index:10;
}

#text1 {z-index:11; visibility:hidden;}
#text2 {z-index:12; visibility:hidden;}
#text3 {z-index:13; visibility:hidden;}
#text4 {z-index:14; visibility:hidden;}
#text5 {z-index:15; visibility:hidden;}
#text6 {z-index:16; visibility:hidden;}
#text7 {z-index:17; visibility:hidden;}
#text8 {z-index:18; visibility:hidden;}


#map_canvas {
	position:absolute;
	display:block;
	top:55px;
	left:217px;
	width:505px;
	height:275px;
	color:#333;
	z-index:19;
	visibility:hidden;
	overflow:hidden;
	-moz-box-shadow:5px 5px 5px #aaa;
	-webkit-box-shadow:5px 5px 5px #aaa;
	font-size:10px;
}

#map_navi {
	position:absolute;
	display:block;
	top:340px;
	left:217px;
	width:505px;
	height:20px;
	z-index:20;
	visibility:hidden;
	overflow:hidden;
}



#portrait {
	display:block;
	position:absolute;
	top:90px;
	left:55px;
	width:140px;
	z-index:10;
	font-size:10px;
	line-height:12px;
}

#submenue {
	display:block;
	position:absolute;
	z-index:6;
	top:84px;
	left:20px;
	width:170px;
	height:20px;
	border:0px;
	text-align:right;
	/*border:1px solid #900;*/
}

#submenue a {font-size:11px;}


/* -------------------------------------------------- listen ---------------------------------------------------------- */

#inhalt ul li {
	list-style-image:url(img/pfeil_vor.gif)	;
}

/* -------------------------------------------------- TEXT ---------------------------------------------------------- */

h1 {
	font-size:14px;
	font-weight:bold;
	color:#5e7599;
	margin-bottom:10px;
	text-transform:uppercase;
}

h2 {
	font-size:12px;
	font-weight:normal;
	color:#5e7599;
	margin-top:10px;
}

h3 {
	font-size:12px;
	font-weight:normal;
	color:#5e7599;
}

.fusszeile {
	margin-right:40px;
	font-size:10px;
}

p {
	margin-bottom:10px;	
}

.einruecken {
 margin-left:13px;	
}

.pdf {margin-left:15px; font-size:10px;}

img {border:none;}