body { text-align:center; }

/* Schriftdefinition */
body,div,p,h1,h2,h3,td,li {
 font-family:Verdana,Arial,Geneva,sans-serif;
 color:#000000;
 font-size:12px;
 line-height:120%;
}
a {
 font-family:Verdana,Arial,Geneva,sans-serif;
 color:#000000;
 font-size:12px;
}

/* Überschriften */
h1 { font-size:18px; color:#000066; margin:10px 20px; text-align:center; }
h2 { font-size:16px; color:#000066; margin:0px 0px 10px 15px; }
h3 { font-size:14px; color:#000066; margin:0px 0px 10px 10px; }
p,dl { margin:0px 40px 12px 30px; line-height:16px; }
table { margin-left:30px; }

div.bild { text-align:center; font:normal 11px Verdana,Arial,Helvetica,sans-serif; line-height:13px; color:#333333; background-color:#efefef; margin:3px 10px; }
div.bild img { border:solid 1px #dedede; }
.center { text-align:center; }
.dunkelblau { color:#291863; }
.violett { color:#bdbad6; }
.lila { color:#d6c7de; }
.gruen { color:#a5dbce; }
.gelb { color:#ffef73; }
.blau { color:#c6b6de; }


/*Der Container */
#wrapper {
width:780px;
height:580px;
margin:20px auto;
padding:0px;
background-image:url(img/bg_780x580.gif);
background-repeat:no-repeat;
background-color:#ffffff;
text-align:left;
}


/* Die Kopfzeile */
#kopf {
width:700px;
height:130px;
padding:5px;
}


/* Das Logo */
#logo {
 width:180px;
 margin-top:10px;
 margin-bottom:5px;
 float:left;
 text-align:center;
}

#logo img { margin:0px 0px 0px 15px; }


/* Das Navigationsmenü */
#menu {
position:relative;
width:176px;
height:420px;
float:left;
padding:20px 0px 0px 30px;
text-align:center;
}

#menu div { width:152px; text-align:center; line-height:18px; padding:1px 1px; margin-bottom:20px; }
#menu div b { line-height:22px; font-size:14px; font-weight:bold; }

#menu div.zeiten { background-color:#a5dbce; }
#menu div.menschen { background-color:#ffef73; }
#menu div.baustelle { background-color:#c6b6de; }

.aktmenschen {
	display:block;
	background:#fff5a4;
	padding:2px 6px;
}

.aktzeiten {
	display:block;
	background:#c4e8df;
	padding:2px 6px;
}

.aktbau {
	display:block;
	background:#dacfea;
	padding:2px 6px;
}

/* Container für Seitenüberschrift h2 und Inhalt */
#inhalt {
position:relative;
width:570px;
height:430px;
float:right;
}

/* Der Inhalt */
#text {
width:550px;
height:390px;
float:right;
padding:5px;
overflow: auto;
scrollbar-base-color:#bdbad6;
scrollbar-darkshadow-color:#291863;
scrollbar-track-color:#bdbad6;
scrollbar-face-color:#d6c7de;
scrollbar-shadow-color:#bdbad6;
scrollbar-highlight-color:efe3ef;
scrollbar-3dlight-color:#efe3ef;
scrollbar-arrow-color:#291863;
}

#text td { vertical-align:top; }
#text th { text-align:left; font:bold 14px Verdana,Arial,sans-serif; color:#291863; }

/* Die Links im Text */
#text a:link, #text a:visited { 
  text-decoration:underline;
  border:0px;
  padding:1px;
  color:#000066;
  background-color:#ffffff;
 line-height:16px;
}
#text a:active, #text a:hover { 
  text-decoration:none;
  border:0px;
  padding:1px;
  color:#291863;
  background-color:#d6c7de;
 line-height:16px;
}

.aktiv {
  padding:1px;
  color:#291863;
  background-color:#d6c7de;
}

/*Die Fußzeile */
#fuss {
width:740px;
height:20px;
float:left;
margin:20px 0px 0px 0px;
padding:3px 20px;
text-align:left;
}