/* ###################################### Allgemeines ###################################### */

html, body {margin:0; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif}

#background {
width:293px;
height:417px;
position:absolute;
background:url(../img/background.jpg);
top:50%;
margin-top:-209px;
left:30%;
margin-left:-146px;
z-index:1;
}

#page {width:570px; float:right; margin-right:10px; z-index:2; position:relative;}
.left {float:left;}
.right {float:right;}
#left {float:left; width:168px}
#right {float:right;}

#navigation, #fotos, #header, #content {background:#cfcfcf;}

a {color:#000; text-decoration:none; font-weight:bold;}
a:hover {color:#b91619; text-decoration:none;}

/* ###################################### Logo ###################################### */

#logo {text-align:center; font-family:"Times New Roman", Times, serif; font-weight:bold; height:85px;}

#logo #headline {
font-size:1.8em;
letter-spacing:0.7em;
margin-top:20px;
position:relative;
top:20px;
}

#logo #slogan {
font-size:1.3em;
text-transform:uppercase;
color:#929292;
position:relative;
top:30px;
}

/* ###################################### Navigation & Fotos ###################################### */

#navigation, #fotos {
width:168px;
float:left;
}

#fotos{margin-top:2px}

#navigation li, #fotos li {margin:4px;}

#fade {height:229px; overflow: hidden}

#navigation li a, #fotos li a {
color:#fff;
text-decoration:none;
font-size:1.0em;
list-style:none;
font-weight:bold;
line-height:26px;
display:block;
width:150px;
padding-left:10px;
height:26px;
background:url(../img/navigation.jpg);
}

#navigation li a:hover, #fotos li a:hover {
width:140px;
padding-left:20px;
background:url(../img/navigation_hover.jpg);
}

/* ###################################### Header ###################################### */

#header {width:400px; height:100px; position:relative;}
#header object {margin:4px; position:absolute; z-index:1}

/* ###################################### Content ###################################### */

#content {
height:413px;
width:400px;
margin:2px 0px 0px 0px;
overflow-x:hidden;
overflow-y:auto;
}

#inhalt {margin:15px; font-size:1.2em}

.pfeil {margin-right:10px}
.linie, hr {height:2px; line-height:1px; background:url(../img/linie.gif) #fff; border:none; width:100%; display:block; margin:10px auto;}
#inhalt h1, #content h2 {margin:0px; padding:0px;}
#inhalt h1 {font-weight:bold}
#inhalt h2 {font-weight:normal; margin-top:3px;}

#footer {color:#929292; font-size:1.1em; float:left; margin-top:10px; line-height:1.2em}
#footer a {font-weight:bold; color:#929292; text-decoration:none}
#footer a:hover {color:#b91619}