/****************************************/
/* Project: appartementhaus-windland.de */
/* File: kontakt.css                    */
/* Standard: CSS 2.1                    */
/* 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: 55px;
  left: 28px;
  width: 195px;
}
#spalte2
{
  position: absolute;
  top: 55px;
  left: 245px;
  width: 195px;
}

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

#text21
{
  margin-top: 40px;
  margin-left: 25px;
  width: 405px;
  /* 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;
}

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

form
{
  font-family: Arial,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: normal;
  background-color: White;
}

form p
{
  margin: 9px;
}

#textform
{
  position: absolute;
  top: 35px;
  left: 50px;
  width: 450px;
  height: 330px;
  text-align: left;
  background-color:  White;
}

input, textarea, select
{
  position: absolute;
  left: 140px;
  border: 1px solid rgb(179, 200, 253);
  font-family: Arial,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: normal;
  background-color:  White;
  color: Black;
}

input
{
  position: absolute;
  left: 140px;
  width: 180px;
  height: 18px;
}
#input1
{
  position: absolute;
  left: 140px;
  width: 40px;
  height: 18px;
}
#input2
{
  position: absolute;
  left: 185px;
  width: 135px;
  height: 18px;
}
#input3
{
  position: absolute;
  left: 140px;
  width: 75px;
  height: 18px;
}
#input4
{
  position: absolute;
  left: 245px;
  width: 75px;
  height: 18px;
}

input:hover
{
  background-color: rgb(216, 222, 239);
  color: Black;
}

textarea
{
  width: 180px;
  background-color: White;
  color: Black;
}

textarea:hover
{
  border: 1px solid rgb(179, 200, 253);
  background-color: rgb(216, 222, 239);
  color: Black;
}

#button1, #button2
{
  font-family: Arial,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: normal;
  height: 18px;
  width: 88px;
  background-color: Gray;
  color: Blue;
}

#button1:hover, #button2:hover 
{
  color:Lime;
}

#button1
{
  position: absolute;
  left: 140px;
  top: 320px;
}
#button2
{
  position: absolute;
  left: 233px;
  top: 320px;
}

#bis
{
  position: absolute;
  left: 223px;
}

/* --- 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;
}

#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);
}