/*
GLIEDERUNG
   ALLGEMEINE FORMATIERUNGEN
      Basics
      Headlines
      Paragraphs
      Links
      Sonstiges
   SEITENGESTALTUNG
      Header
          Menu
      Content
          Text
      Footer
          Language
          Organizer
      Logo
      Infobar
   EINZELNE SEITEN
      Directions
      Imprint
*/


/* ALLGEMEINE FORMATIERUNGEN */

/* Basics */
body {
  background:#d3d3d3; color:#000; text-align:center; margin:0; padding:0; height:100%;
  width:100%; font:100.1%/1.45em 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; }

/* Headlines */
h1 {
  margin: 8px 0 8px 0; padding: 8px 10px 8px 9px; font-size: 1.32em; color: #fff;
  border-left: 5px solid #fff; }
h2 {
  margin: 1.98em 0 10px 0; padding: 8px 10px 8px 9px; font-size: 1.32em; color: #fff;
  border-left: 5px solid #fff; }
h3 { font-size:1.05em; }

/* Paragraphs */
p {
	padding:0; margin-top:0; margin-bottom:1.1em; }
	
/* Links */
a:link {
	color:#FFF; text-decoration:underline; }
a:visited {
	color:#000; text-decoration:underline; }
a:focus {
	color:#000; text-decoration:underline overline; }
a:hover {
	color:#FFF; text-decoration:none; font-weight:bold; }
a:active {
	color:#000; text-decoration:underline overline; }	
	
/* Sonstiges */
.b {
  font-weight:bold; }
.i {
  font-style:italic;
}
strong {
  font-style:normal; font-weight:bold; }
em {
  font-style:normal; font-weight:normal; }
	
	
/* SEITENGESTALTUNG LAYOUT */

/* Header */
#header {
  position:absolute; height: 40px; width:690px; padding:0; margin:-210px 0 0 -345px;
  top:50%; left:50%; z-index:2;}
/* Menu */
.menu {
  padding:0; margin:0; list-style:none; font-size:0.69em; }
.menu li {
  float:right; display:block; width:81px; }
.menu a {
  display: block; text-decoration:none; font-family:Verdana, Helvetica, Arial, sans-serif; }
.menu a:link, .menu a:visited {
  color: #880000; text-decoration:none; }
.menu a:hover, .menu a:active {
  background:#bbb; text-decoration:none; }
.menu_current {
  background:#fff; }

/* Content */	
#content, #content_gb {
  position:absolute; height:344px; width:660px; margin:-187px 0px 0px -345px; top:50%;
  left:50%; background:#000 fixed no-repeat 50% 50% url(images/content_bg2.jpg); color:#FFF; border:15px solid #fff;
  overflow:auto; text-align:left; z-index:2;}
#content_gb {
  background:#000 fixed no-repeat 50% 50% url(images/content_bg.jpg)}
/* Text */
#text {
  width:520px; padding:8px 0px 5px 7px; font-size:0.82em; line-height:110%; }

/* Footer */	
#footer {
  position:absolute;  width:690px; padding:0; margin:187px 0 0 -345px;
  top:50%; left:50%; z-index:2; background:#d3d3d3;}
/* Language */
#footer .menu li {
  float:left; }	
/* Organizer */	
#organizer {
  text-align:right; font-size:0.63em; color:#880000;}
#organizer a:link, #organizer a:visited {
  color:#880000; text-decoration:underline; }
#organizer a:hover, #organizer a:active {
  text-decoration:none; font-weight:normal; color:#f00; }

/* Logo */
#logo {
  position:absolute; top:50%; left:50%; width:95px; height:320px;
  margin:-130px 0px 0px 216px; background:url(images/logo.png) no-repeat; z-index:2;}

/* Infobar */
#info {
  position:fixed; font-family:Arial; z-index:1; font-size: 0.62em; bottom:0; height:1.6em; background-color:#bbb; left:0; margin:0; padding:0; padding-bottom:5px; width:100%; }
a.w3c_icon, a.w3c_icon:hover {
  text-decoration:none; font-weight:normal; font-size:0.84em; border:1px solid black; padding:0 2px 0 0; color:#000;}
a.w3c_icon span, a.w3c_icon:hover span {
  background-color:red; padding: 0 2px; color:#FFF;}
a.w3c_icon:hover {
  color:#fff;}
a.w3c_icon:hover span {
  color: #000;}

  
/* EINZELNE SEITEN */

/* Directions Anfahrt */
#map, #map a, #map a:hover {
  color:#000; }

/* Imprint Impressum */
/* siehe Imprint.php Impressum.php */

