body,td {
  font : 12px Arial, Helvetica, sans-serif;
  color : #000000;
}

body {
  background-color:#202020;
  background-image:url(/pics/bg.gif);
}

/* Standardlinks */
a:link {
  color : #000000;
}
a:visited {
  color : #000000;
}
a:active {
  color : #000000;
}

/* Overallheader */
.overallheader { position:relative; height:23px; background-color:black; background-image:url(/pics/header_bg.gif); }
.overallheader .headline { position:absolute; top:1px; right:5px; }

/* Menue */
.menu { position:absolute; top:-12px; left:20px; color:#666688; z-index:5; }
.menu .link { float:left; background-color:black; padding:2px 5px 2px 5px; border:1px solid lightgrey; margin-right:5px; }
.menu .link:hover { background-color:lightblue; }
.menu a { text-decoration:none; font-weight:bold; }
.menu a:link { color:lightgrey; }
.menu a:visited { color:lightgrey; }
.menu a:active { color:#CC0000; }
.menu a:hover { color:#CC0000; padding:1px -1px -1px 1px; }

/* LOGO */
div.logo { padding:5px 0px 0px 10px; }

/* CONTENT */
div.content { position:relative; border: #BBB solid 2px; text-align:left; width:730px; }
div.content { padding:5px 5px 25px 5px; margin:40px 0px 40px 0px; background-color:white; }

/* MOOD */
.mood { position:absolute; top:7px; right:7px; }
.map { position:absolute; top:240px; left:665px; }

/* RECHTE LEISTE */
div.right { position:absolute; bottom:5px; left:5px; padding:5px; color:grey; }

/* ALLGEMEINES */
div.code { width:98%; border:black 1px dashed; padding: 10px 5px 10px 5px; margin: 10px 0px 10px 0px; background-color:#EFEFEF; }
div.box { border:1px dashed black; width:240px; height:170px; padding:10px; margin:0px 10px 20px 0px; background-color:#EFEFEF; float:left; }
ul { padding-left:20px; }