/* Allgemein
   --------- */

html, body {
  margin:0; padding:0;
}

body {
  font:100.1% Tahoma,Helvetica,Arial,sans-serif;
  color:black; background:#CBDDE1 url(bg.jpg);
}

h1 {
  font:italic normal 1.25em Georgia, "Times New Roman", Times, serif;
  text-align:center; color:white;
  margin:0; padding:100px 0 0;
}
h1 a {
  color:white; text-decoration:none;
}
h1 a:hover {
  text-decoration:underline overline;
}

h2 {
  font-size:1.25em; font-weight:normal;
  margin:0 0 1em; padding:0;
}

h3 {
  font-size:1em;
  margin:1em 0; padding:1em 0 0;
  border-top:1px solid white; clear:both;
}
h3.Name {
  clear:none; border:none;
}


p {
  font-size:0.93em; letter-spacing:0.02em; line-height:1.4em;
  margin:0 0 1em; padding:0;
}

.clear, .tour {
  clear:both;
}
.tour {
  margin-top:1.5em;
}

#inhalt {
  min-height:1em;
}


sup {
  font-size:0.75em;
}

.nowrap {
  white-space:nowrap;
}

em#Startseite {
  color:white;
}

#inhalt li {
  font-size:0.93em; letter-spacing:0.02em; line-height:1.4em;
  list-style-type:circle;
}

#inhalt em {
  color:#cc653c; font-weight:bold;
}
#inhalt h2 em {
  font-weight:normal; color:#abc;
}
#inhalt h3 em {
  font-weight:normal; font-style:normal; color:black;
}

#inhalt a {
  color:black; text-decoration:underline;
}
#inhalt a:hover {
  text-decoration:none;
}
#inhalt a.back {
  color:gray; text-decoration:none;
}
#inhalt a:hover {
  text-decoration:none;
}
#inhalt a.back:hover {
  color:black;
}


/* Bildwechsel
   ----------- */

div.bigger_l, div.bigger_lu, div.bigger_lo {
  position:relative; float:left; margin:0 1em 0.6em 0;
}
div.bigger_r, div.bigger_ro, div.bigger_ru {
  position:relative; float:right; margin:0 0 0.6em 1em;
}
img.bigger {
  display:none; position:absolute;
}
div.bigger_l img.bigger, div.bigger_lo img.bigger {
  top:0; left:0;
}
div.bigger_lu img.bigger {
  bottom:0; left:0;
}
div.bigger_r img.bigger, div.bigger_ru img.bigger {
  bottom:0; right:0;
}
div.bigger_ro img.bigger {
  top:0; right:0;
}
div.bigger_l:hover img.bigger, div.bigger_r:hover img.bigger, div.bigger_ro:hover img.bigger, div.bigger_lu:hover img.bigger, div.bigger_lo:hover img.bigger, div.bigger_ru:hover img.bigger {
  display:block; z-index:9;
}
div.bigger_lu img, div.bigger_ro img, div.bigger_lo img, div.bigger_ru img {
  border:2px groove white;
}

#Landhaus, #Up_de_Ring, #Yachthafen {
  width:310px; height:200px;
}
#Landhaus {
  background-image: url(Landhaus_Carolinensiel-x.jpg);
}
#Landhaus img.bigger {
  top:0; right:-52px;
}
#Landhaus_links1 {
  width:195px; height:155px; background-image: url(Landhaus_links1-x.jpg);
}
#Landhaus_links2 {
  width:195px; height:155px; background-image: url(Landhaus_links2-x.jpg);
}
#Landhaus_rechts1 {
  width:195px; height:146px; background-image: url(Landhaus_rechts1-x.jpg);
}
#Landhaus_rechts2 {
  width:195px; height:155px; background-image: url(Landhaus_rechts2-x.jpg);
}
#Up_de_Ring {
  background-image: url(Up_de_Ring-x.gif);
}
#Up_de_Ring img.bigger {
  top:-23px; right:-79px;
}
#Up_de_Ring_links1 {
  width:195px; height:140px; background-image: url(Up_de_Ring_links1-x.jpg);
}
#Up_de_Ring_links2 {
  width:195px; height:135px; background-image: url(Up_de_Ring_links2-x.jpg);
}
#Up_de_Ring_rechts1 {
  width:195px; height:140px; background-image: url(Up_de_Ring_rechts1-x.jpg);
}
#Up_de_Ring_rechts2 {
  width:195px; height:140px; background-image: url(Up_de_Ring_rechts2-x.jpg);
}
#Yachthafen {
  background-image: url(Ferienwohnung_Yachthafen-x.jpg);
}
#Yachthafen img.bigger {
  top:0; right:-44px;
}
#Yachthafen-1a {
  width:195px; height:140px; background-image: url(Yachthafen-1a-x.jpg);
}
#Yachthafen-1b {
  width:195px; height:140px; background-image: url(Yachthafen-1b-x.jpg);
}
#Yachthafen-2a {
  width:195px; height:140px; background-image: url(Yachthafen-2a-x.jpg);
}
#Yachthafen-2b {
  width:195px; height:140px; background-image: url(Yachthafen-2b-x.jpg);
}
#Yachthafen-3a {
  width:195px; height:140px; background-image: url(Yachthafen-3a-x.jpg);
}
#Yachthafen-3b {
  width:195px; height:140px; background-image: url(Yachthafen-3b-x.jpg);
}
#Carolinensiel_Harle {
  width:200px; height:150px; background-image: url(Carolinensiel_Harle-x.jpg);
}
#Aktiv {
  width:200px; height:150px; background-image: url(Aktiv-x.jpg);
}
#Hafen_Harlesiel {
  width:200px; height:150px; background-image: url(Hafen_Harlesiel-x.jpg);
}
#Friedrichsschleuse {
  width:200px; height:150px; background-image: url(Friedrichsschleuse-x.jpg);
}
#Plattbodenschiffe {
  width:200px; height:150px; background-image: url(Plattbodenschiffe-x.jpg);
}
#Plattbodenschiffe img {
  border:2px groove white;
}
#Cliner_Quelle {
  width:200px; height:150px; background-image: url(Cliner_Quelle-x.jpg);
}
#Wellness {
  width:200px; height:150px; background-image: url(Wellness-x.jpg);
}
#Winter {
  width:200px; height:150px; background-image: url(Winter-x.jpg);
}
#Herbst {
  width:200px; height:150px; background-image: url(Herbst-x.jpg);
}
#Sielhafenmuseum1 {
  width:200px; height:150px; background-image: url(Sielhafenmuseum1-x.jpg);
}
#Sielhafenmuseum2 {
  width:200px; height:150px; background-image: url(Sielhafenmuseum2-x.jpg);
}
#Harlesiel-Strand {
  width:200px; height:150px; background-image: url(Harlesiel-Strand-x.jpg);
}
#Harlesiel-Inseln {
  width:200px; height:150px; background-image: url(Harlesiel-Inseln-x.jpg);
}


/* Formular
  -------- */

label {
  display:block; width:13.5em; clear:left; float:left;
}
fieldset {
  margin:1em 0 1em -0.75em; padding:0.5em; border-color:white;
}
fieldset p {
  margin-top:0.5em;
}
legend {
  font-size:0.82em; color:black; font-weight:bold;
}
input, textarea, select {
  font:0.93em Tahoma,Helvetica,Arial,sans-serif; width:30em;
}
fieldset label {
  clear:none; width:7em;
}
label.daneben {
  margin-left:4em;
}
fieldset input {
  float:left; width:7em;
}
select, #versenden {
  width:auto;
}
#Fehler, .Pflichtfeld, #danke strong {
  color:#cc653c; font-weight:bold; font-size:0.82em;
}
#Pflichtfeld {
  margin-top:-2em;
}
#danke strong {
  display:block; margin-top:1em;
}
#danke strong em {
  font-style:normal; color:black;
}


/* Layout
  ------ */

#titel {
  height:275px; background:#cbdde1 url(header.jpg) no-repeat;
  position:relative;
}
#Startseite {
  position:absolute; left:0.5em; bottom:0.5em;
  font:normal normal bold 0.93em "Cenrury Gothic",Helvetica,Arial,sans-serif;
  color:#fcdeb8; text-decoration:none;
}
#Startseite:hover {
  color:white;
}

#inhalt {
  margin:0 2em 1em 14.5em; padding:1em 2em 0.5em 1.5em;
  background:#CBDDE1; border-right:2px solid #b7c6cd; border-bottom:2px solid #b7c6cd;
}

#innerbox {
  max-width:38em; margin:0 auto 2em;
}

#menue {
  float:left; width:14.5em;
  background:#ec8042;
}
html>body #menue {
  position:fixed; top:275px; left:0;
}
#menue ul {
  margin:0; padding:1px 0;
  position:static; width:auto; padding:0;
  border-top:1px solid #ec8042;
}
#menue li {
  display:block; margin:0; padding:0; font-size:1em; position:relative;
  border-top:1px solid #ec8042; border-bottom:1px solid #ec8042;
}
#menue a, #menue em {
  display:block; padding:0.4em 0 0.4em 0.5em;
  font:normal normal bold 0.82em "Cenrury Gothic",Helvetica,Arial,sans-serif;
  text-decoration:none;
  color:#fcdeb8; background:#cc653c;
}
* html #menue {
  background:#cc653c;
}
* html #menue a {
  width:17.1em;
}
* html #menue ul ul a {
  width:15.6em;
}
* html #inhalt {
  height:1em;
}
*:first-child+html #menue a {
  min-width:1em;
}
#menue a:hover, #menue a:focus, #menue em {
  color:white; background:#feae59;
}
#menue em, #menue a.prev {
  color:white;
}
#seite #menue li li a, #seite #menue li li em {
  padding-left:2em;
}
#menue li ul {
  display:none;
}
#menue li:hover ul, #menue li#aktuell ul {
  display:block;
}