@charset "UTF-8";
/* CSS Document */
body {
	background-color: #133461;
	background-image: url(background.jpg);
	background-repeat: no-repeat;
	background-attachment:fixed;
	margin:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10pt;
	color:#FFFFFF;
}

h2,h4,h5,h6,div,p,body,html,input,button {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10pt;
	margin:0;
}

table,td,tr {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10pt;
	margin:0;
}

.specialtable, tr {
	vertical-align:top;
}

fieldset {
	border:none;
}

h1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:13pt;
	margin-bottom:1;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	font-weight:bold;
}

div#center {
	width:955px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

div#themenhintergrund {
	width:855px;
	height:600px;
	z-index:1;
	position:absolute;
	margin-left:50px;
	margin-top:0;
	text-align:left;
}

div#verlauf {
	width:855px;
	height:150px;
	z-index:2;
	position:absolute;
	background-color:transparent;
	margin-top:0;
	margin-left:50px;
}

div#container {
	width:855px;
	height:600px;
	z-index:3;
	position:absolute;
	margin-left:50px;
	margin-top:0;
	text-align:left;
}

div#hz-logo {
	background-image:url(logo.png);
	background-position:top right;
	background-repeat:no-repeat;
	width:200px;
	height:150px;
	z-index:4;
	position:absolute;
	margin-left:755px;
	margin-top:0;
	text-align:right;
}

div#bottom {
	width:855px;
	height:50px;
	z-index:5;
	position:absolute;
	margin-bottom:auto;
	margin-top:550px;
	margin-left:50px;
	text-align:left;
	font-size:8pt;
}

.bottom {
	font-size:8pt;
	color:#FFF;
	vertical-align:middle;
}

div#bottom a {
	text-decoration:none;
	color:#FFF;
	font-size:8pt;
}

div#bottom a:hover {
	color:#CCC;
}

div#menu_haupt {
	min-width:0em;
	max-width:700px;
	min-height:32px;
	margin-left:0px;
	margin-top:10px;
	position:absolute;
	background-image:url(hmenbar.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	color:#000;
	z-index:8;
}

div#menu_haupt a {
	padding-left:5px;
	padding-right:5px;
	padding-top:0;
	padding-bottom:0;
	text-align:left;
	color:#000;
	text-decoration:none;
}

div#menu_haupt a:hover {
	color:#FFF;
}

div#box_container {
	background-image:url(box_hg.png);
	padding:10px;
	margin-left:10px;
	margin-top:150px;
	min-height:0em;
	max-height:400px;
	max-width:670px;
	min-width:0em;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	z-index:6;
	position:absolute;
	text-align:left;
	float:left;
}

div#content {
	max-width:635px;
	max-height:360px;
	overflow-y:auto;
	overflow-x:hidden;
	color:#000;
	text-align:left;
	right:0;
	bottom:0;
}

div#content a {
	text-decoration:none;
	color:#000;
}

div#scrollcont {
	max-width:610px;
	overflow-x:hidden;
	overflow-y:inherit;
	margin-right:25px;
}

div#fotos {
	width:200px;
	height:250px;
	margin-left:755px;
	margin-top:150px;
	float:right;
	padding:0;
	overflow-x:hidden;
	text-align:left;
	position:absolute;
	z-index:8;
}

div#skulptur {
	width:68px;
	height:120px;
	margin-left:787px;
	margin-top:430px;
	z-index:7;
	position:absolute;
	background-image:url(skulptur.png);
	background-position:top left;
	background-repeat:no-repeat;
}


/* Es folgt das CSS für das Menü */

ul.menu, ul.menu ul {
	list-style-type:none;
	padding:0;
	margin:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12pt;
	font-weight:bold;
}

ul.menu a {
	display:block;
	padding:0;
	margin:0;
}

ul.menu li {
	padding-left:5px;
	padding-right:5px;
	padding-top:4px;
	margin:0;
	float:left;
	background-color:transparent;
	height:27px;
}

/* Für Unterpunkte keine Float-Eigenschaft */
ul.menu ul li {
	padding:0;
	float:none;
	background-color:transparent;
	height:20px;
	vertical-align:middle;
}

/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */
ul.menu ul li.hover, ul.menu ul li:hover {
    background-color:#666;
	background-image:none;
}

/* Zweite Ebene */
ul.menu ul {
	margin-top:1px;
	padding-top:5px;
	position:absolute;
	background-image:url(box_hg.png);
	background-position:top left;
	display:none;
	width:240px;
	font-size:10pt;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	border: 1px solid #999;
}

/* Zweite Ebene anzeigen */
ul.menu li.hover ul, ul.menu li:hover ul {
	display:block;
}

/* Dritte Ebene */
ul.menu li.hover ul ul, ul.menu li:hover ul ul {
	padding-left:5px;
	padding-top:0px;
	display:none;
	min-width:120px;
	margin-left:235px; /* Breite der Überlagerung */
	margin-top:-17px; /* Höhe des Listenelements */
	font-size:10pt;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
}

/* Dritte Ebene anzeigen */
ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {
	display:block;
}
