/****************************************/
/* Project: appartementhaus-windland.de */
/* File: design.css                     */
/* ------------------------------------ */
/* rcSoft, 01.04.2009                   */
/****************************************/
#brahmen
{
  border: 1px solid rgb(29, 67, 147);
}

ul
{
  list-style-type: none;
}

#ver_linie
{
  position: absolute;
  top: 0pt;
  left: 200px;
  background: lime none repeat scroll 0%;
  width: 2px;
  height: 106px;
}

/* --- Untermenue ----- */
#punkt
{
  color: black;
  font-family: Arial,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: normal;
}

#punkt a
{
  font-weight: normal;
  text-decoration: none;
}

#punkt a:link, #punkt a:visited
{
  color:Blue;
}
#punkt a:hover
{
  color:Lime;
  font-weight: bold;
}
#punkt1
{
  position: absolute;
  top: 180px;
  right: 77px;
}
#punkt2
{
  position: absolute;
  top: 209px;
  right: 77px;
}
#punkt3
{
  position: absolute;
  top: 238px;
  right: 77px;
}

/* ----------------- */

#ueberschrift
{
  position: absolute;
  top: 147px;
  left: 90px;
  z-index: 1;
  background-color: white;
}

#liste
{
  list-style-type:disc;
  list-style-position:inside;
  color:Red;
}

#textbereich1, #textbereich2, #textbereich3, #textbereich4, #textbereich5, #textbereich6, #textbereich7, #textbereich8
{
  position: absolute;
  top: 160px;
  left: 40px;
  width: 625px;
  height: 366px;
  background: rgb(240, 240, 255) none repeat scroll 0%;
}
#textbereich1
{
  width: 795px;
  height: 380px;
  border: 2px solid #5684C5;
  background-color: White;
}
#textbereich2
{
  width: 795px;
  height: 380px;
  border: 2px solid #5684C5;
  text-align: left;
  background-color:White;
}
#textbereich3 /* Appartements1,2,3 */
{
  border: 2px solid rgb(122, 155, 211);
  background-color:  Olive;
}
#textbereich4
{
  border: 2px solid rgb(149, 177, 232);
}
#textbereich5 /* veranstaltungen */
{
  border: 2px solid #5684C5;
}
#textbereich6
{
  border: 2px solid rgb(216, 222, 239);
}
#textbereich7
{
  width: 800px;
  height: 366px;
  border: 2px solid #5684C5;
  background-color:White;
}
#textbereich8
{
  width: 800px;
  height: 380px;
  border: 2px solid #5684C5;
  background-color:White;
}

#text5 ul, #text6 ul
{
  list-style-type: circle;
}

#spalte1, #spalte2, #text, #text21, #text22, #text2, #text3, #text4, #text5, #text6, #text7
{
  text-align: left;
  color: rgb(0, 0, 0);
  font-family: Arial,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 17px;
}

#spalte1
{
  position: absolute;
  top: 50px;
  left: 28px;
  width: 195px;
}
#spalte2
{
  position: absolute;
  top: 50px;
  left: 245px;
  width: 195px;
}

#text
{
  position: absolute;
  top: 55px;
  left: 28px;
  width: 300px;
}

#text21
{
  margin-top: 40px;
  margin-left: 25px;
  width: 440px;
  /* background-color: yellow;*/
}
#text22
{
  /* position: absolute;
  top: 55px;
  left: 245px;
*/
  margin-left: 25px;
  width: 405px;
  height: 195px;
  background-color:  Aqua;
}

#text2
{
  position: absolute;
  top: 55px;
  left: 245px;
  width: 195px;
}

#text3
{
  position: absolute;
  top: 225px;
  left: 28px;
  width: 350px;
}

#text4
{
  position: absolute;
  top: 55px;
  left: 28px;
  width: 450px;
}

#text5
{
  position: absolute;
  top: 105px;
  left: 28px;
  width: 220px;
}

#text6
{
  position: absolute;
  top: 105px;
  left: 260px;
  width: 195px;
}

#text7
{
  position: absolute;
  top: 60px;
  left: 28px;
  width: 410px;
  background-color:White;
}

#weiter
{
  position: absolute;
/*
  top: 470px;
  left: 460px;
*/
  top: 40px;
  left: 550px;

}

#zurueck
{
  position: absolute;
  top: 470px;
  left: 440px;
}

/* --- Bild-Bereiche ---- */

#bildbereich1, #bildbereich2, #bildbereich3, #bildbereich4, #bildbereich5, #bildbereich6, #bildbereich7, #bildbereich8, #bildbereich9
{
  position: absolute;
  top: 330px;
  left: 490px;
  background: rgb(255, 255, 255) none repeat scroll 0%;
  width: 340px;
  height: 220px;
  font-family: Arial,Helvetica,sans-serif;
}

#bildbereich1
{
  top: 230px;
  left: 515px;
  width: 294px;
  height: 220px;
  border: 2px solid #5684C5;
  overflow: hidden;
}

#bildbereich2
{
  top: 190px;
  left: 550px;
  width: 220px;
  height: 316px;
  border: 2px solid #5684C5;
  overflow: hidden;
}

#bildbereich3
{
  border: 2px solid rgb(122, 155, 211);
}

#bildbereich4
{
  border: 2px solid rgb(149, 177, 232);
}

#bildbereich5
{
  border: 2px solid #5684C5;
}

#bildbereich6
{
  border: 2px solid rgb(216, 222, 239);
}

#bildbereich7
{
  top: 40px;
  left: 470px;
  width: 300px;
  height: 293px;
  border: 2px solid #5684C5;
  overflow: hidden;
}

#bildbereich8
{
  top: 240px;
  width: 300px;
  /* border: 2px solid #5684C5; */
}

#bildbereich9
{
  top: 55px;
  left: 360px;
  width: 400px;
  height: 207px;
  border: 2px solid #5684C5;
}

#bild
{
  position: absolute;
  top: 0pt;
  left: 0pt;
}

#bild2
{
  position: absolute;
  top: 30px;
  left: 10px;
  text-align: left;
  font-family: Arial,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: normal;
  width: 180px;
  height: 220px;
}

#bild3
{
  position: relative;
  top: 0pt;
  margin: auto;
  padding: 5% 0pt 0pt;
}

#b1
{
  position: absolute;
  top: 55px;
  left: 23px;
  visibility: visible;
  width: 350px;
  height: 142px;
}

#b2, #b3
{
  position: absolute;
  top: 55px;
  left: 23px;
  visibility: hidden;
  width: 350px;
  height: 142px;
}

#b4, #b5, #b6, #b7, #b8, #b9
{
  position: absolute;
  top: 55px;
  left: 23px;
  visibility: hidden;
  width: 350px;
  height: 142px;
}

#bildbeschreibung
{
  position: absolute;
  top: 220px;
  left: 5px;
  font-family: Arial,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: normal;
}

#bildbeschreibung2
{
  position: absolute;
  top: 150px;
  left: 440px;
  font-family: Arial,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: normal;
}

/* --- Tabelle ---------------------------- */

#table1
{
  position: absolute;
  top: 20px;
  left: 10px;
  width: 320px;
  font-family: Arial,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: normal;
}

table
{
  text-align: left;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
}

.td1
{
  width:130px;
}
.td2
{
  width:100px;
}


#center
{
  border: thin solid rgb(179, 200, 253);
  text-align: center;
}

#ttext
{
  position: absolute;
  top: 170px;
  left: 65px;
  font-family: Arial,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: normal;
}

/* -------------------- */

.rot
{
  color: rgb(255, 0, 0);
}

#kal
{ font-family: Arial,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: normal;
}

#kal0
{
  position: absolute;
  top: 200px;
  left: 490px;
}

#kal1
{
  position: absolute;
  top: 220px;
  left: 490px;
}
#kal2
{
  position: absolute;
  top: 240px;
  left: 490px;
}
#kal3
{
  position: absolute;
  top: 260px;
  left: 490px;
}
#kal4
{
  position: absolute;
  top: 280px;
  left: 490px;
}
#kal5
{
  position: absolute;
  top: 300px;
  left: 490px;
}
#kal a:link, #kal a:active, #kal a:visited
{
  color: rgb(86, 114, 174);
}

#werbung
{
  position:absolute;
  top:470px;
  left:513px;
  width:300px;
  height:40px;
  color:white;
  background:url(bilder/werbung.gif) no-repeat white;
}
#werbung2
{
  position: absolute;
  top:515px;
  left:513px;
  width: 300px;
  height: 20px;
  color:Black;
  background-color: rgb(255,255,0);
}

/* -------------------------------------------------------------------------- */

#partner
{
  position:relative;
  margin:auto;
  width:880px;
  height:25px;
  text-align:left;
  font-family:Arial,Helvetica,sans-serif;
  font-size:10px;
  background-color:Gray;
  color:Black;
}

/* eof */