/*  =========================================================
Stylesheet FEWO Arnstadt
========================================================== */

/* ======================================
  Allgemeines
   ====================================== */

/* Kalibrierung der wichtigsten Abstände */
*  { padding: 0; margin: 0; }
h2, h3, p, ul, ol { margin-bottom: 1em; }
ul ul { margin-bottom: 0; }
li { margin-left: 1em; }

/* Allgemeine Selektoren */

html { height: 101%; }
body {
   color: white;
   background-color: #F9EFC6;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: small;
}
h1 { font-size: 150%; }
h2 { font-size: 130%; }
h3 { font-size: 110%; }
.fett{
  font-size: 130%;
  font-weight:bold
  text-decoration: none;

}
address {
   text-align: center;
   font-size: 80%;
   font-style: normal;
   letter-spacing: 2px;
   line-height: 1.5em;
}

/* Hyperlinks */
a { text-decoration: none; outline: none;}
a:link { color: #d90000; }
a:visited { color: #cc6666; }
a:hover,
a:focus {
  border-bottom: 1px solid #d90000
}
a:active {
   color: white;
   background-color: #d90000;
}

/* Allgemeine Klassen und IDs */
.skiplink {
   position: absolute;
   left: -3000px;
   top: -2000px;
   width: 0px;
   height: 0px;
   overflow: hidden;
   display: inline;
}
.bildlinks {
   float:left;
   padding: 3px;
   border: 2px solid #F6D547;
   margin-right: 10px;
   margin-bottom: 10px;
}
.bildrechts {
   float:right;
   padding: 3px;
   border: 2px solid #F6D547;
   margin-bottom: 10px;
   margin-left: 10px;
}
.bild{
border: 2px solid #F6D547;
}
.clearing { clear: both; }



/* ====================================
   2. Styles für die  Layoutbereiche
   ==================================== */

#wrapper {
   color: black;
   background-color:#FFEDA0;
   width: 765px;
   margin: 10px auto;
   border: 1px solid  #F6D547;
}

#kopfbereich {
   position: relative;
   color: black;
   background:transparent url(bilder/kopf4.jpg);
   padding: 100px 20px 0 20px;
}
   #kopfbereich p {
      position:absolute;
      top: 10px ;
      right: 10px;
      font-weight: bold;
      padding: 5px 0 5px 0;
      margin-bottom: 0;
   }
   #kopfbereich p span {
      color: #d90000;
   }

#navibereich {
   text-align: right;
   color: black;
   background:#C5A22E;
   padding: 5px 10px 4px 10px;
   border-bottom: 1px solid #8c8c8c;
   width:-50%;
}
   #navibereich ul {
      margin-bottom: 0;
   }
   #navibereich li {
      display: inline;
      list-style-type: none;
      margin: 0 ;
   }
   #navibereich a {
      color: black;
      background-color: #F6D547;
      padding: 4px 4px 4px 8px;
      border: 1px solid #8c8c8c;
   }
   #navibereich a:hover,
   #navibereich a:focus,
   #startseite #navi01 a,
   #wohnung #navi02 a,
   #grundriss #navi03 a,
   #bilder #navi04 a,
   #anfahrt #navi05 a,
   #umgebung #navi06 a,
   #kontaktseite #navi07 a,
   #impressum #navi08 a
    {
      color: black;
      background-color:#FFEDA0;
      border-bottom-color: #FFEDA0;
   }
   #navibereich a:active {
      color: black;
      background-color: white;
   }

#textbereich {
   padding: 20px 10px 20px 20px;
   background-color:#ffeda0;
   height:340px;
 }
   #textbereich p {
   text-align:justify;
   }
   #textbereich span {
   text-align:justify;
   font-weight:bold;
   text-decoration:underline;

   }
   #textbereich h2,
   #textbereich h3 {
   text-align:center;
   font-size: 130%;
   }
   #textbereich a {
      border-bottom: 1px dotted #cc0000;
   }
   #textbereich a:hover,
   #textbereich a:focus {
      border-bottom: 1px solid #d90000;
   }
   #textbereich ul {
      margin: 0px;
   }
   #textbereich li {

     list-style-type: square;
      margin: 10px 10px 10px 20px ;
      padding-top:10px;
   }

#textbereich1 {
   padding: 20px 10px 20px 20px;
   background-color:#ffeda0;
   height:340px;
 }
   #textbereich1 p {
   text-align:justify;
   }
   #textbereich1 span {
   text-align:justify;
   font-weight:bold;
   text-decoration:underline;

   }
   #textbereich1 h2,
   #textbereich h3 {
   text-align:center;
   }
   #textbereich1 a {
      border-bottom: 1px dotted #cc0000;
   }
   #textbereich1 a:hover,
   #textbereich1 a:focus {
      border-bottom: 1px solid #d90000;
   }
   #textbereich1 ul {
      margin: 0px;
   }
   #textbereich1 li {

     list-style-type: square;
      margin: 10px 10px 10px 20px ;
      padding-top:10px;
   }
   #textbereich table {
      width:400px;
      height:200px;
      background-color:transparent;
   }

#textbereich_klein {
   padding: 20px 10px 20px 20px;
   background-color:#ffeda0;
   height:280px;
 }
    #textbereich_klein h2,h3
     {
   text-align:center;
   }
   #textbereich_klein p
     {
   text-align:center;

   }
   #textbereich_klein span
     {
   color:black;;

   }
.backwards {unicode-bidi:bidi-override; direction: rtl; color:#c00;}


#fussbereich {
   padding:0px 20px 0px 20px;
   border-top: 1px solid #8c8c8c;
   margin-top: 0px;
   background-color:#F6D547;
}



/* ====================================
   3. Sonstige Styles
   ==================================== */

/* Das Kontaktformular */
form {
   background-color: transparent;
   width: 370px; /* Breite des Formulars */
   padding: 10px 20px 10px 20px;
   border: 2px solid #F6D547;
   margin:auto auto;
}
/* Beschriftung auf eigener Zeile */
label {
   display: block;
   cursor: pointer;
}
input#nachname,
input#vorname,
input#absender   {
   width: 200px;
   border: 1px solid #F6D547;
   margin-bottom: 1em;
}

textarea {
   width: 300px;
   border: 1px solid #F6D547;
   margin-bottom: 1em;
}
textarea {
   height: 7em;
}
input#nachname:focus,
input#vorname:focus,
input#absender:focus,
textarea:focus {
   background-color: #F6D547;
}


/* Bilderschau */


#container {position:relative; width:750px; height:580px; background-color:#ffeda0; border:1px solid #F6D547; margin:10px auto;}
#container b {font-weight:normal; width:750px; text-align:center; position:absolute; bottom:220px; left:0; color:#000; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; line-height:1.7em; z-index:1;}

a.bilder, a.bilder:visited {display:inline; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:75px; float:left; margin:14px 30px 7px 40px; position:relative;cursor:default;}

a.bilda {background:url(bilder/k0.jpg);}
a.bildb {background:url(bilder/k5.jpg);}
a.bildc {background:url(bilder/k6.jpg);}
a.bildd {background:url(bilder/k8.jpg);}
a.bilde {background:url(bilder/k2.jpg);}
a.bildf {background:url(bilder/k1.jpg);}
a.bildg {background:url(bilder/k3.jpg);}
a.bildh {background:url(bilder/k4.jpg);}
a.bildi {background:url(bilder/k9.jpg);}
a.bildj {background:url(bilder/k10.jpg);}

a.bilder span {visibility:hidden; display:block; position:absolute; width:745px; height:380px; top:189px; left:-9px; color:#000; background:transparent; text-align:center; border:none; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; cursor:default;}

a.bilda span {left:-39px; top:180px;}
a.bildb span {left:-186px; top:180px;}
a.bildc span {left:-333px; top:180px;}
a.bildd span {left:-480px; top:180px;}
a.bilde span {left:-627px; top:180px;}
a.bildf span {left:-39px; top:82px;}
a.bildg span {left:-186px; top:82px;}
a.bildh span {left:-333px; top:82px;}
a.bildi span {left:-480px; top:82px;}
a.bildj span {left:-627px; top:82px;}

a.bilder:hover {white-space:normal; border:1px solid #F6D547;z-index:100;}

a.bilder:hover span {visibility:visible; z-index:100;}

a.bilder:hover span img {margin:10px;padding:3px; border:2px solid #F6D547; position:relative; z-index:100;}

a.bilder:active, a.bilder:focus {border:1px solid #F6D547; z-index:10;}

a.bilder:active span, a.bilder:focus span {visibility:visible; z-index:10;}

a.bilder:active span img, a.gallery:focus span img {border:1px solid #F6D547; position:relative; margin:10px; z-index:10;}



/*Reisetip Umgebung */
#mittig{
margin:10px 10px 10px 30px;
}
.mitte{
margin:0 auto;
text-align:center;
}
#menu {
  margin:0;
  padding:0;
  height:350px;
  width:388px;
  overflow:hidden;
  background:#f0f0f0;

  }
#menu li {
margin:0;
  padding:0;
  list-style-type:none;
  float:left;
  display:block;
  width:100%;
   background:#F6D547;
  }
#menu li a {
  display:block;
  text-decoration:none;
  color:#000;
  margin:0;
  width:100%;
  }
#menu li a span {
  display:none;
  color:#000;
  }
#menu li a.one span {
  display:block;
  height:12em;
  margin:0 10px;

  }
#menu li a:hover {
  background:#F9EFC6;
  }
#menu li a:hover span {
  display:block;
  height:12em;
  margin:0 10px;
  cursor:pointer;
  }
#menu .h2 {
  margin:0 5px;
  padding:0;
  color:#000;

  font-variant:small-caps;
  font-size:12px;
  border:0;
  }
#menu .h3 {
  margin:0 5px;
  padding:0;
  font-size:11px;
  color:#000;
  font-style:italic;
  }
#menu img {
  margin:5px 5px 5px 0;
  border:1px solid #000;
  float:left;
  }
.curved {
  width:30em;
  }
.curved .b1, .curved .b2, .curved .b3, .curved .b4  {
  font-size:1px;
  display:block;
  background:#88c;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */
}
.curved .b1, .curved .b2, .curved .b3 {
  height:1px;
  }
.curved .b2, .curved .b3, .curved .b4 {
  background:#f0f0f0;
  border-left:1px solid #88c;
  border-right:1px solid #88c;
  }
.curved .b1 {
  margin:0 4px;
  background:#88c;
  }
.curved .b2 {
  margin:0 2px;
  border-width:0 2px;
  }
.curved .b3 {
  margin:0 1px;
  }
.curved .b4 {
  height:2px;
  margin:0;
  }
.curved .c1 {
  margin:0 5px;
  background:#88c;
  }
.curved .c2 {
  margin:0 3px;
  border-width:0 2px;
  }
.curved .c3 {
  margin:0 2px;
  }
.curved .c4 {
  height:2px;
  margin: 0 1px;
  }
.curved .boxcontent {
  display:block;
  background:transparent;
  border-left:1px solid #88c;
  border-right:1px solid #88c;
  font-size:0.9em;
  text-align:justify;
  }

#text{
float:right;
   text-align:justify;
   width:300px;

}


/* =======================================
   E N D E   D E S   S T Y L E S H E E T S
   ======================================= */