/* 
------------------------------------------------
Globale Definitionen BODY und HTML
------------------------------------------------
*/

body, html {
color : #061415;
background-color : #194b52;
    font-size: 100.01%;
    font-family:  Helvetica,Arial,sans-serif;
    height:100%;
    margin: 0; 
    padding: 0;
    text-align: center;  /* Zentrierung im Internet Explorer */
}


/* 
------------------------------------------------
Unsichtbarer Hauptcontainer
------------------------------------------------
*/

#window0 {
position : relative;
text-align : left;
margin : 0 auto;
width : 100%;
padding : 100px 0;
color : #ffffff;
background-color : #194b52;
border : 0 dashed silver;
}
#window0 a {
padding : 0.2em;
font-weight : normal;
text-decoration : none;
}
#window0 a:link {
color : #ffffff;
background-color : #194b52;
text-decoration : none;
}
#window0 a:visited {
color : #aaaaaa;
background-color : #194b52;
text-decoration : none;
}
#window0 a:hover {
color : #061415;
background-color : #194b52;
text-decoration : none;
}


#window {
position : relative;
text-align : left;
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 1024px !important;	
	 padding-right: 0;
    height: 900px;
	 color : #061415;
	 background-color : #194b52;
	background: url(img/bg.gif) no-repeat top; 
    border: 0px dashed silver;
}
#start {
width : auto;
margin : 0 20% 1em 20%;
text-align : center;
border : 0 dashed silver;
}
#start h1 {
margin : 0;
padding : 50px;
} 

/*  
------------------------------------------------
Image-Map für Hintergrundbild und Home-Link 
------------------------------------------------
*/

#homemap a {
position : absolute;
height : 105px;
width : 825px;
text-decoration : none;
}
#homemap a i {
visibility : hidden;
text-decoration : none;
}
a#home {
left : 5px;
} 

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

ul#navi {
position : absolute;
top : 120px;
bottom : 25px;
left : 0;
float : left;
width : 150px;
margin : 0;
padding : 1em 0;
font : normal 1em arial, sans-serif;
border : 0 dashed silver;
}
ul#navi li {
list-style : none;
margin : 0;
padding : 0.5em;
}
ul#navi a {
padding : 0.2em;
font-weight : normal;
text-decoration : none;
}
ul#navi a:link {
color : #ffffff;
background-color : #194b52;
text-decoration : none;
}
ul#navi a:visited {
color : #ffffff;
background-color : #194b52;
text-decoration : none;
}
ul#navi a:hover {
color : #061415;
background-color : #194b52;
text-decoration : underline;
}
#main li {
border-bottom : 1px solid #194b52;
}
html > body li#main {
border-bottom : none;
}
li .current {
text-decoration : none;
color : #eeeeee;
}
li .sub {
list-style : none;
font : normal 0.8em arial, sans-serif;
margin-left : -2em;
} 

/*  
------------------------------------------------
CONTENT-Div : content_i = Content Index; content = alle anderen Content-Divs
------------------------------------------------
*/

#content {
	position:absolute;
	border: 0px solid black;
	top:5px;
	left:167px;
	right:45px;
	height:700px;
	width:805px; /* mit der Width-Angabe wird der dimensional bug von IE6 abwärts behoben */
	font : normal 0.9em arial, sans-serif;
	text-align: left;
	overflow: auto;

}
#content h1 {
font : bold 1.3em arial, sans-serif;
padding-left : 2em;
}
#content h2 {
font : bold 1em arial, sans-serif;
padding-left : 0;
margin-top:50px;
}
#content p {
font : normal 1em arial, sans-serif;
text-align : justify;
}
#content a:link {
color : #061415;
background-color : #FFFFFF;
text-decoration : underline;
}
#content a:visited {
color : #061415;
background-color : #FFFFFF;
text-decoration : underline;
}
#content a:hover {
color : #061415;
background-color : #FFFFFF;
text-decoration : none;
}
* html div#Inhalt {
height : 1em;
margin-bottom : 0;
}
#content img {
border : 0;
}
#person {
	position : absolute;
	left : 254px;
	right : 110px;
	top: -1px;
}
#person ul, li {
list-style : none;
text-align : left;
}
li.sub {
margin-left : 60px;
list-style:
}
dl {
text-align : left;
margin : 0 2em;
}
dt {
float : left;
width : 300px;
} 

/*  
------------------------------------------------
Footer-Div unten komplette Breite
------------------------------------------------
*/

#footer {
	position : absolute;
	bottom : 92px;
	left : 2px;
	right : 0;
	height : 25px;
	width: 1024px;
	border : 0px dashed silver;
}
#footer p {
color : #ffffff;
font : normal 0.7em arial, sans-serif;
margin : 0;
padding-top : 0.5em;
padding-right : 2em;
text-align : right;
vertical-align : bottom;
}
#footer a {
padding : 0.2em;
font-weight : normal;
text-decoration : none;
}
#footer a:link {
color : #ffffff;
text-decoration : none;
}
#footer a:visited {
color : #aaaaaa;
text-decoration : none;
}
#footer a:hover {
color : #061415;
text-decoration : underline;
} 

/*  
------------------------------------------------
BILDERGALERIE CSS
------------------------------------------------
*/

#gallery {
width : 800px;
}
#gallery ul {
	list-style : none;
	padding : 0;
	margin : 0;
	width : 135px;
	position : relative;
	float : right;
}
#gallery ul li {
display : inline;
width : 52px;
height : 52px;
float : left;
margin : 0 0 5px 5px;
}
#gallery ul li a {
display : block;
width : 50px;
height : 50px;
text-decoration : none;
border : 1px solid #194b52;
}
#gallery ul li a img {
display : block;
width : 50px;
height : 50px;
border : 0;
}
#gallery ul li a:hover {
white-space : normal;
border-color : #cccccc;
}
#gallery ul li a:hover img {
position : absolute;
right : 135px;
top : 0;
width : auto;
height : auto;
border : 1px solid #194b52;
}