* {  margin:0;  padding:0;  }
html { height:100%;  margin-top:0px; }

body { background-color: #003366;
  text-align: center;  }

#outer { width: 1020px; margin: 0px auto 0px;
  background-color: #3399FF;
  width: 1020px; height: 100%;
  margin-top: 10px;
}
#header  {
  width: 1015px; height: 120px; margin-top:0px;
  background: url(bilder/wrapper_oben2.jpg);
  background-repeat: repeat-x; repeat: left;
  text-align: right;  padding-right: 5px;
}
#leiste_oben ul {
  list-style:none;
}
#leiste_oben  li {
  display: inline; margin-right:1px;
  width: 140px; height: 105px;
}
#leiste_unten ul {
  list-style:none;
}
#leiste_unten  li {
  display: inline; margin-left:1px;
  width: 140px; height: 105px;
  text-align: center;
}



#content  {
  width: 1010px;
  margin-top: 0px;
  margin-right:5px; margin-left:5px;
  background-color: #FFFFFF; repeat left top;
  text-align: center;
}

#linke_spalte {
  width: 125px;  float: left;
  margin-left: 5px; text-align: left;
  margin-top:5px;  margin-bottom:5px;
}

#inhalt {
  width: 830px; float: right;
  margin-top:5px; margin-right:5px;
  text-align: left;
  padding-right:10px; padding-left:10px;
  font: 0.8em Verdana, Arial, Helvetica, sans-serif;
}

#uebild
{ width: 830px; height: 300px; float: right;
background: url(bilder/urw_uebersicht_2.jpg);
background-repeat: no-repeat; float: left; margin-top: 0px;
}

#footer  {
width: 1020px; height: 25px;
text-align: center; vertical-align: bottom;
background: url(bilder/button2_blau2.jpg);
background-repeat: repeat-x; repeat: left;
font: 0.7em Verdana, Arial, Helvetica, sans-serif;
}



/* hide hack from Mac-IE5 \*/
*  html .inhalt { height: 1%; }
/* end hiding */



/* Navigation links */
#navi_links ul {
  list-style: none;
  margin-bottom: 0px;
}
#navi_links ul li {
  display: inline;
  background: url(bilder/button1_blau.jpg);
  background-repeat: repeat-x; repeat: left;
  width: 125px; height: 30px; margin-bottom: 0px;
  font: 0.8em Verdana, Arial, Helvetica, sans-serif;
}
#navi_links ul li a {
  background: url(bilder/button1_blau.jpg);
  background-repeat: repeat-x; repeat: left;
  display: block; padding-left: 0.5em;
  width: 125px; line-height: 30px;
  font-weight: normal; color: #FFFFFF;
  text-decoration: none;
}
#navi_links ul li a:hover {
  background: url(bilder/button1_blau2.jpg);
  background-repeat: repeat-x; repeat: left;
}
#navi_links ul li  strong {
  background: url(bilder/button1_aktive.jpg);
  background-repeat: repeat-x; repeat: left ;
  padding-left: 0.5em;
  width: 125px; line-height: 30px;
  display: block; padding-left: 0.5em;
  font-weight: normal; color: #000000;
}

/*  Linke seite second menue */
#navi_links ul ul li {
  list-style: none; display: inline;
}
#navi_links ul ul li a {
  background: url(bilder/button2_blau.jpg);
  background-repeat: repeat-x; repeat: left;
  font-weight: normal; text-decoration:none;
  line-height: 25px; width: 125px;
}
#navi_links ul ul li a:hover {
  background: url(bilder/button2_blau2.jpg);
  background-repeat: repeat-x; repeat: left;
}
#navi_links ul ul li  strong {
  background: url(bilder/button2_aktive.jpg);
  background-repeat: repeat-x; repeat: left;
  font-weight: normal; color: #000000;
  line-height: 25px; width: 125px;
}

/* Navigation footer */
#navi_foot  {
 right: 0px; margin-right: 20px;
 list-style: none;  color: #FFFFFF;
}
#navi_foot li {
 display: inline;
}
#navi_foot a {
 color: #FFFFFF;
 text-decoration: none;
}
#navi_foot a:hover {
 text-decoration: underline;
}
#navi_foot a strong {
 font-weight: normal;
}


/* Texte allgemein */
p  { margin-bottom: 20px;  }
h1 { font-size: 1.4em;
  line-height: 2em; margin-bottom: 5px; }
h2 { font-size: 1.2em;
  line-height: 2em; margin-bottom: 5px; margin-top: 3px;}
h3 { font-size: 1.0em;
  line-height: 2em; margin-bottom: 5px; margin-top: 3px;}
h4 { font-size: 0.9em;
  line-height: 1em; margin-bottom: 5px; margin-top: 3px;}

/* normale Listen im Text */
#inhalt ul {
  margin-bottom: 10px;
}
#inhalt li {
  list-style-position: outside;
  margin-bottom: 2px; margin-left: 20px;
}

/* vergrößerte Links im Inhalt */
#inhalt a.gross {
  font-size: 1.2em;
  font-weight:bold;
}

/* weitere Informationen - Kursiv */
.info { font-style: italic;
}

/* Boxen für Text mit Images */
#box_left {
  margin-bottom: 10px;
}
#box_left img {
  float: left; margin: 0 10px 3px 0;
}
#box_right {
  clear:left; margin-bottom: 10px;
}
#box_right img {
  float: right;
  margin: 0 0 3px 10px;
}
#box_center img {
  margin: 0 2px 2px 2px;
}

/* für einspaltige Fotos untereinander rechts außen */
#fotospalte {
  width: 320px; float: right;
/*  border: 1px solid #ffcccc; */
}
#fotospalte ul {
  list-style: none; overflow: hidden;
}
#fotospalte li {
  float: right;
  display: inline;
  margin: 0px; margin-bottom:8px;
  padding: 5px 5px 5px 5px;
  background:#ffffff;
  border: 1px solid #cccccc;
  font-size: 0.9em; font-variant: small-caps;
  text-align: center;
}


/*  Tabellen */
/* Standard ist 800 breit und ohne Rahmen: Fotoshows, Hotels */
table {
  border:0px;
  width:800px;
  margin-bottom: 5px;
}
/* kleine mit Rahmen */
table.border {
  border:1px solid #CCCCCC;
  width: 500px;
}
th, td {
  padding: 3px 8px;
  vertical-align: top;
}
th {
  font-weight: bold;
  background-color:#3399FF;
  text-align: left;
}
td.klein {
  font-size:0.8em;
}
td.gross {
  font-size:1.1em;
  font-weight:bold;
}
/* Tabellenüberschriften */
caption {
  font-size: 1.1em;
  font-variant: small-caps;
  text-align: left;
}