a:link {color: #000000;}
a:visited {color: #000000;}
a:active {color: #000000;}




body {
  padding: 0px;
  margin: 0px;
  font-family: Arial, Helvetica,  sans-serif;
  /*font-size: 1em;
  color: black;*/
  background: #8183F2 url(../images/bg.jpg) repeat-x;
  }

/*-- Seite -------------------------------------------------------*/
div#container {
width: 900px;
min-height:800px;
height:expression(this.scrollHeight > 600 ? "auto":"600px");	
margin: 10px auto 0;
padding-bottom: 15px;
background-color: #FFFFFF;
border: solid 2px gray;
border-top-color: silver;
border-left-color: silver;
}

/*-- Kopfbereich --------------------------------------------------*/
div#KopfConLeft img{
float: left;
width: 300px;
height: 150px;
margin: 1px;
border: 0px;
background-color: silver;
}
div#KopfConRight img{
float: right;
width: 590px;
height: 150px;
margin: 1px;
border: 0px;
background-color: silver;
}
div#KopfBanner  {
clear: both;
height: 40px;
margin: 1px;
padding-top: 9px;
border-bottom: 1px solid dimgray;
background: url(../images/Linie-oragnege1x50px.jpg) repeat-x;
background-color: yellow;
text-align:center;
font-variant: small-caps;
word-spacing: 4px;
letter-spacing: 0.7px;
color: black;
}
div#KopfBanner h1 {
margin: 0;
font-size: 14px;
font-weight: normal;
}
div#KopfBanner h2 {
margin: 0;
font-size: 14px;
font-weight: bold;
}

/*-- Navigation --------------------------------------------------*/
div#NavigCon {
float: left;
margin-left: 1px;
padding-bottom: 300px;
/*height: 500px;*/
border-right: 1px solid dimgray;
border-bottom: 1px solid dimgray;
background: url(../images/orange1x600px.jpg) repeat-x;
background-color: #F0C825;
font-size: 13px;
font-variant: small-caps;
letter-spacing: 0.2px;
}
div#NavigCon ul {
margin: 30px 10px 0 10px;
padding: 0px;
}
div#NavigCon ul li {
margin-top: 10px;
list-style-type: none;
}
/* -- Korrektur fuer den IE 5 und 6 -- */
* html div#NavigCon ul li {                                
margin-left: -0px;
}
/* ----------------------------------- */
div#NavigCon ul ul {
padding: 0px;
margin: 2px 0;
}
/* -- Korrektur fuer den IE 5 und 6 -- */
* html div#NavigCon ul ul {
margin-left: 0px;
}
/* ----------------------------------- */
div#NavigCon ul ul li {
border: 0;
margin-top: 0px;
margin-left: 25px;
margin-bottom: 3px;
list-style-type: circle;
}
div#NavigCon ul li a:hover {
color: white;
background-color: blue;
}
div#NavigCon a {
text-decoration: none;
}

/*-- Seiteninhalt --------------------------------------------------*/
div#InhaltCon {
float: right;
width: 700px; /*85%;/*600px;*/
padding:30px 40px 0 0;
font-size: 14px;
line-height:130%;
/*letter-spacing: 0.04em;*/
/*font-stretch:ultra-expanded;*/
text-align: left;
color:black;
}

div#InhaltCon h1{
text-align: left;
font-size: 24px;
font-variant: small-caps;
line-height:140%;
font-style: normal;
/*font-weight: bold;*/
/*font-style: italic;*/
color: #CD030D; /*blue; /*saddlebrown;*/
/*background-color: blue;*/
}
div#InhaltCon h2{
margin: auto;
margin-top = 0px;
text-align: left;
font-size: 15px;
/*font-variant: small-caps;/*
line-height:140%;
font-weight: normal;
/*font-style: italic;*/
color: navy; /*saddlebrown;*/
letter-spacing: 0.7px;
/*background-color: blue;*/
}
div#InhaltCon h2 span#h2ff{
font-weight: normal;
}
-->
/*-- Buchung -------------------------------------------------------*/
div#Buchung ul{
list-style: none;
margin: 0px;
margin-top: 10px;
margin-left: 0px;
font-size: 14px;
padding: 0px;
text-align: left;
}

div#Buchung ul li div#head1{
font-size: 16px;
font-weight: bold;
font-style: italic;
width: 120px;
background-color: white;
}
div#Buchung ul div#head2{
font-size: 16px;
font-weight: bold;
font-style: italic;
width: 120px;
text-align: center;
float: left;
background-color: white;
}
div#Buchung  ul li{
margin-top: 2px;
}
div#Buchung  ul li#leer{
Line-height:10px;
}

div#Buchung  ul li div#col1{
width: 120px;
float: left;
}
div#Buchung  ul li div#col2{
width: 40px;
/*background-color: blue;*/
}
div#Buchung  ul li div#col3{
position: relative;
left: 459px;
width: 200px;
/*background-color: blue;*/
}
/* -- Korrektur fuer den IE 5 und 6 -- */
* html div#Buchung  ul li div#col3 {
left: 462px;
}
div#Buchung  ul li select#col2{
margin-right: 15px;
width: 320px;
/*background-color: blue;*/
/*font-family: sans-serif, Arial, Helvetica;*/
}







div#Buchung ul li select#day{
margin-right: 15px;
margin-left: 5px;
width: 110px;
}

div#Buchung ul li select#time{
margin-left: 5px;
width: 80px;
}

div#Buchung ul li select#small{
margin-left: 5px;
width: 40px;
}

div#Buchung ul li input#date{
margin-right: 15px;
width: 80px;
}

div#Buchung  ul li input#PersCol1{
margin-right: 15px;
width: 400px;}
div#Buchung  ul li input#PersPlz{
margin-right: 15px;
width: 100px;}
div#Buchung  ul li input#PersOrt{
width: 250px;
margin-left: 5px;
}


/*-- Preise -------------------------------------------------------*/

div#preise {
position: relative;
}

div#preise hr {
clear:both;
color: gray;
width: 100%;
}

div#preise #head{
float: left;
position: absolute;
left: 0;
width:275px;
font-weight: bold;
font-size: 14px;
}
div#preise a#schalter{
float: left;
position: absolute;
left: 280px;
height:20px;
color: darkblue;
text-decoration: none;
}
div#preise a img#schbld{
height:5px;
width:5px;
}
div#preise #info{
float: left;
width: 450px;
/*background-color: red;*/
}
div#preise #zeit{
float: left;
position: absolute;
left: 510px;
width: 70px;
}
div#preise #pers{
float: left;
position: absolute;
left: 585px;
width: 120px;
}
div#preise #pers #euro{
color: red;
}
div#preise #fuss{
clear:both;
font-size: 10px;
}
div#preise #box{
clear:both;
width: 640px;
margin-top: 20px;
border: solid 2px;
border-color: gray;
border-top-color: silver;
border-left-color: silver;
background-color: #EBEBFF;
}
/*
div#preise p#head1 a#schalter img{
font-size: 10px;
height: 15px;
width:15px;
background-color: yellow;
}
*/




#box3{
float: left;
width: 250px;
background-color: blue;
font-weight: bold;
font-style: normal;
}


#box2a{
width: 70px;
margin-left: 50px;
*background-color: green;
font-weight: bold;
font-style: italic;
float: left;
}
#box2b{
width: 60px;
/*background-color: yellow;*/
font-weight: bold;
font-style: italic;
float: left;
}
#box2c{
width: 70px;
/*background-color: silver;*/
float: left;
text-align: right;
font-size: 14px;
color: red;
}
#box1a{
width: 600px;
/*background-color: red;*/
float: left;
/*position:relative*/
}

#box10{
width: 640px;
/*border:solid 1px*/
border: solid 2px;
border-color: gray;
border-top-color: silver;
border-left-color: silver;
background-color: #EBEBFF;
/*background-color: red;*/
/*position:relative*/
}




div#preise span#high{
font-weight: bold;
font-style: italic;
}


div#preise  ul li span#col1{
width: 350px;
float: left;
background-color: red;
}
div#preise  ul li span#col1a{
width: 500px;
float: left;
background-color: red;
}
div#preise  ul li span#col2{
width: 80px;
text-align: left;
background-color: blue;
float: left;
}
div#preise  ul li span#col3{
width: 60px;
text-align: right;
background-color: green;
float: left;
}
div#preise  ul li span#col4{
width: 60px;
text-align: left;
background-color: yellow;
float: left;
}


p#Senden1{
margin: auto;
text-align: center;
/*background-color: blue;*/
}
input#Senden{
margin: auto;
width: 130px;
height:30px;
font-size: 14px;
text-align: center;
font-weight: normal;
/*background-color: blue;*/
}
div#Loeschen1{
margin-top: 5px;
margin-right: 175px;
margin-bottom:40px;
text-align: right;
/*background-color: blue;*/
}
input#Loeschen{
width: 90px;
height:20px;
font-size: 9px;
text-align: center;
font-weight: normal;
}
#Comment{
text-align: left;
font-size: 10px;
color:black;
}

#CommentRed{
margin: auto;
text-align: center;
font-size: 12px;
color:red;
}



/*-- Beschreibung -------------------------------------------------------*/
div#text p{
text-align: justify;
}
div#text span#info{
font-size: 14px;
font-style: normal;
font-weight: bold;
}
div#text span#stern{
margin-left: 260px;
font-size: 14px;
}

/*-- Wohnungsbilder -------------------------------------------------------*/
/*
div#preise #head{
float: left;
position: absolute;
left: 0;
width:275px;
font-weight: bold;
font-size: 14px;
}
*/
div#Bilder {
/*position: relative;*/
margin-top: 10px;
margin-left: 10px;
}
div#Bilder p#head1{
margin-top: 10px;
margin-left: 5px;
margin-bottom: 10px;
color:blue;
font-size: 24px;
font-style: italic;
/*font-weight: bold;*/
font-variant: small-caps;
text-decoration: underline;
float: left;
}
div#Bilder a img#gross{
clear: both;
margin: 0px;
height: 360px;/*von660px*/
width: 491px;/*510*/;
border: 0;
}
/*div#Bilder a {
clear: both;
margin-top: 1px;
margin-left: -5px;
padding: 0px;
height: 90px;
width: 120px;
border: 0;
background-color: red;
}*/
div#Bilder a img#klein{
clear: both;
margin-top: 0px;
margin-right: 0px; /*-5px;*/
padding: 0px;
height: 90px;
width: 120px;
border: 0;
background-color: blue;
}

div#Bilder a#schliessen img{
height: 10px;
width: 10px;
border: 0;
}

div#Bilder a#schliessen{
margin-top: 20px;
margin-bottom: 20px;
font-size: 10px;
text-decoration: none;
float: right;
}

/*-- Copyright, Impressum --------------------------------------------------*/
div#impress{
clear: both;
margin: 0 auto 10px;
padding-top: 10px;
font-size: 10px;
text-align: center;
}


div#plan1 p#head1{
margin-top: 10px;
margin-left: 5px;
margin-bottom: 10px;
color:blue;
font-size: 24px;
font-style: italic;
/*font-weight: bold;*/
font-variant: small-caps;
text-decoration: underline;
float: left;
}


div#plan1 img#plan1{
margin: 0 20px 20px;
height: 608px;
width: 456px;
border: 0;
}

a#planzu{
margin-top: 20px;
margin-bottom: 20px;
font-size: 10px;
text-decoration: none;
float: right;
}