body {
font-family:Arial, Helvetica, sans serif;
margin:5px 0 0 5px;
background-color:#FFFFEF;
}

/* --- page --- */
#page {
width:830px;
border:1px solid #999999;
background-color:#FFF;
margin-bottom:10px;
}

#page #logopic {
position:absolute;
}

/* --- header --- */

#header {
height:70px;
border-bottom:35px solid #35658F;
margin:0 0 0 0;
background:url(/images/header-verlauf.gif) top left repeat-x;
background-color:#EFEFFF;
}

#header img {
margin:6px 15px 0 175px;
float:left;
}

#header h1 {
padding:45px 0 0 0;
font-size:16px;
margin:0;
color:#35658F;
}

/* --- navitop --- */

#navitop {
position:absolute;
top:80px;
left:0px;
margin:0 0 20px 0;
padding:0 0 0 0;
height:30px;
background:transparent;
border-bottom:1px solid #000;
}

#navitop ul {
position:absolute;
top:1px;
left:0;
margin:0 0 0 0;
padding:0 0 0 165px;
display:inline;
font-size:13px;
list-style-type:none;
width:666px;
float:left;
z-index:0;
}

#navitop ul .navitop-left {
padding:0 0 0 10px;
background:url(/images/navitop-left.gif) bottom left no-repeat;
margin:0;
}

#navitop ul .navitop-right {
padding:7px 10px 0 0;
background:url(/images/navitop-right.gif) bottom right no-repeat;
margin:0 0 0 0;
}

#navitop ul .navitop-active .navitop-left {
background:url(/images/navitop-left-active.gif) bottom left no-repeat;
}

#navitop ul .navitop-active .navitop-right {
background:url(/images/navitop-right-active.gif) bottom right no-repeat;
}

#navitop ul li {
margin:0 0 0 0;
padding:6px 0 0 0;
background:url(/images/navitop-center.gif) left bottom repeat-x;
float:left;
position:static;
z-index:10;
}

#navitop ul .navitop-active {
background:url(/images/navitop-center-active.gif) left bottom repeat-x;
border-bottom:1px solid #FFF;
}

#navitop li a {
text-decoration:none;
color:#000;
margin:0 0 0 0;
padding:0 0 0 0;
width:100%;
}

#navitop ul .navitop-active a {
font-weight:bold;
width:100%;
}

#navitop li a:hover {
text-decoration:underline;
color:#35658F;
width:100%;
}

/* --- subnavitop --- */

#navitop #nav ul, #navitop #nav li.navitop-active ul {
margin:0;
padding:0;
float:left;
background:none;
background-color:#FFFFEF;
border:1px solid #999999;
padding:2px;
position:absolute;
width:auto;
left:-999em;
list-style-position:outside;
}

#navitop #nav ul li a, #navitop #nav li.navitop-active ul li a {
display:inline;
font-weight:normal;
}

#navitop #nav ul li, #navitop #nav li.navitop-active ul li {
position:relative;
float:none;
clear:both;
padding:3px;
background:none;
background-color:#FFFFEF;
}

#navitop #nav li:hover ul, #navitop #nav li.sfhover ul {
left:auto;
top:29px;
}

/* --- navileft --- */

#navileft {
background-color:#FFF;
width:150px;
padding:0 0 0 0;
}

#navileft ul {
margin:0 0 15px 0;
font-size:13px;
list-style-type:none;
padding:0;
border-top:1px solid #999999;
border-right:1px solid #999999;
}

#navileft ul li {
background:url(/images/navi-li-verlauf.jpg) left top no-repeat;
background-color:#63849F;
padding:0 0 0 8px;
margin:0;
border-bottom:1px solid #999999;
}

#navileft ul .navileft-active {
background:url(/images/navi-li-verlauf-active.jpg) top left no-repeat;
background-color:#FFCD7F;
}

#navileft li a {
background:url(/images/navi-verlauf.jpg) left top repeat-x;
background-color:#CDD2CC;
text-decoration:none;
color:#000;
padding:7px 0 7px 7px;
height:16px;
display:block;
}

#navileft ul .navileft-active a {
background:url(/images/navi-verlauf-active.jpg) left top repeat-x;
background-color:#A0AA9F;
color:#FFF;
font-weight:bold;
}

#navileft ul .navileft-active a:hover {
color:#DDD;
}

#navileft li a:hover {
text-decoration:underline;
color:#35658F;
}

#navileft #google_navi {
background-color:#CED4CE;
padding:5px;
margin:0 0 15px 0;
border:1px solid #999999;
border-left:none;
}

/* --- subnavileft --- */

#navileft #subnavi {
margin:0;
border:0;
background:none;
background-color:#FFFFDF;
font-weight:normal;
display:block;
}

#navileft #subnavi li {
border:0;
background:none;
background-color:#FFFFDF;
font-weight:normal;
padding-top:2px;
padding-bottom:3px;
display:block;
}

#navileft ul#subnavi a {
background:none;
color:#000;
padding:0;
font-weight:normal;
}

#navileft ul#subnavi a:hover {
text-decoration:underline;
color:#35658F;
}

#navileft ul#subnavi a:visited {
color:#555555;
}

#navileft .navileft-active ul#subnavi li {
background:none;

}

#navileft .navileft-active ul#subnavi a {
font-weight:lighter;
}

#navileft ul#subnavi li a:active {
background-color:#FFCD7F;
}

#navileft ul#subnavi li.subnavi-active {
background-color:#FFCD7F;
}

/* --- content --- */

#content {
font-size:13px;
padding:0 15px 0 15px;
margin:15px 0 0 0;
float:right;
width:647px;
}

#content h1 {
font-size:14px;
}

#content h2 {
font-size:14px;
}

#content h3 {
font-size:12px;
}

#content ul {
margin:20px 0 20px 20px;
list-style-image:url(/images/pfeil.gif);
}

#content ul ul {
margin:10px;
}

#content a {
color:#35658F;
}

#content a:hover {
color:#000;
}

#content .zurueck {
padding:10px 0 10px 0;
float:left;
width:33%;
}

#content .uebersicht {
padding:10px 0 10px 0;
float:left;
width:33%;
text-align:center;
}

#content .weiter {
padding:10px 0 10px 0;
width:33%;
float:right;
text-align:right;
}

#content #google_content {
background-color:#EFEFFF;
padding:10px 0 10px 0;
margin:0 0 15px 0;
border:1px solid #999999;
text-align:center;
margin:15px 0 15px 0;
}

/* --- footer --- */

#footer {
margin:20px 0 0 0;
padding:0 0 3px 0;
width:100%;
border-top:14px solid #35658F;
text-align:right;
background-color:#EFEFFF;
}

#footer a {
margin:2px 4px 0 4px;
color:#888888;
font-size:11px;
}

/* --- subfooter --- */

#subfooter {
padding:5px;
text-align:center;
margin:5px 0 5px 0;
width:820px;
font-size:12px;
}