* {
  margin: 0;
  padding: 0;
}

html, body {
height: 100%;
margin-bottom: 1px;
}

body {
background: #ffffff url(bilder/hintergrund.png);
font-size: 12px;
font-family: Verdana, Arial, Sans-Serif;
}

li {list-style: none;}

a {color: #404040; text-decoration: underline; font-weight: bold}
a:hover {color: #0099d5; font-weight: bold}
a:active {}
a:visited {}

p {
	color: #404040;
	line-height: 18px;
	padding-top: 20px;
	
}

h1 {
font-size: 20px;
font-weight: bold;
color: #4d4d4d;
}

h2 {
font-size: 14px;
font-weight: bold;
color: #4d4d4d;
}

li.liste {
list-style-type: disc;
font-size: 13px;
font-weight: normal;
color: #4d4d4d;
margin: 15px
}

/* ----------balken----------*/
#balken {
height: 100%;
background: url(bilder/balken.png) repeat-x 0 130px;
}

/* ----------container zentriert das layout-------------- */
#container {
width: 745px;
min-height: 100%;
height: auto !important;
height: 100%;
position: relative;
right: 90px;
margin: 0 auto;
}


/* -------------------------menu------------------------- */
#menu {float:left; width:180px; height:280px; margin-top:162px; position:relative;}

#menu ul {list-style:none; white-space:nowrap; text-align:left; padding:1px;}

#menu li {display:inline; list-style:none;}
#menu ul ul {position:absolute; left:-9999px; background:#0099d5;}
#menu ul#toplevel {position:absolute; left:0; top:0;}

#menu a {display:block; font: 14px Verdana, Arial, Sans-Serif; color:#fff; text-decoration:none; padding:7px 16px 9px 12px; border-top:1px #0099d5 solid;}

#menu ul ul a {color:#fff; border-top:0;}

#menu li a:hover {background:#0099d5; color:#fff;}
#menu li:hover > a {background:#0099d5; color:#fff;}
#menu ul ul li a:hover {background:#fff; color:#0099d5;}
#menu ul ul li:hover > a {background:#fff; color:#0099d5;}

#menu ul li:hover > ul {left:100%; margin-top:-34px; margin-left:-1px;}
#menu ul li:hover > ul.zweizeiler_sub {margin-top:-51px;}
#menu ul.zweizeiler_sub {margin-top:-17px;}

#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}

#toplevel a.active {font-weight: bold; background:#333; color:#fff;}

#menu table {position:absolute; left:99%; width:0; height:0; border-collapse:collapse; margin-top:-8px; margin-left:1px;}

/* -----------------inhalt container--------------------- */
#inhalt_container {
float: right;
background: #fff;
width: 515px;
padding: 30px 25px 40px 25px;
}

#inhalt_container:after {
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}

/* ----------header-------------- */
img#header {
float: left;
width: 515px;
height: 77px;
margin-bottom: 23px;
overflow: hidden;
}

/* -----------------hauptbild--------------------- */
img#hauptbild {
	width: 513px;
	height: 278px;
	margin-bottom: 20px;
	border: 1px #999 solid;
	overflow: hidden;
	color: #575B5C;
}

/* -----------------text box links--------------------- */
#text_box_links {
float: left;
width: 245px;
padding-bottom: 20px;
}

/* -----------------text box rechts--------------------- */
#text_box_rechts {
float: right;
width: 245px;
padding-bottom: 20px;
}

/* -----------------bild--------------------- */
#bild {
float: right;
width: 160px;
height: 100px;
margin-top: 5px;
background: #ac007c;
overflow: hidden;
}

/* -----------------bild rechts--------------------- */
#bild_rechts {
float: right;
width: 160px;
height: 100px;
margin-top: 47px;
background: #ac007c;
overflow: hidden;
}

/* -----------galerie container----------- */
#galerie_container {
float: left;
width: 515px;

}

/* -------------galerie bild------------- */
#galerie_bild {
float: left;
width: 160px;
height: 100px;
margin: 0 0 10px 10px;
background: #FFF;
overflow: hidden;
}

/* ----------------footer---------------- */
#footer {
float: right;
background: #575b5c;
width: 565px;
height: 20px;
}

#footer p {
font-size: 9px;
text-align: center;
line-height: 12px;
color: #ffffff;
padding-top: 3px;
}