body {
background-color:#fff;
padding:0px;
margin:0px;
}

#box {width:670px;   background-repeat:repeat-y;
background-image: url(img/inhalt.gif);
margin-left:auto;
margin-right:auto;
margin-top:10px;
}

.header {
width:670px;
height:39px;
background-repeat:no-repeat;
background-image: url(img/header.gif);
text-align:left;
position:relative;
background-color:#959595;
}

.close {position:absolute;
width:25px;
height:25px;
top:8px;
right:16px;
}

.title {
font-family:Arial, sans-serif;
font-size:12pt;
color:#fff;
text-decoration:none;
font-style:normal;
font-weight:bold;
padding: 11px 0px 0px 20px ;
}

.navig {
width:650px;
height:39px;   background-repeat:repeat-x;
background-image: url(img/navighg.gif);
margin-top:6px;
margin-left:auto;
margin-right:auto;
}


.fuss {
width:670px;
height:13px;
background-repeat:no-repeat;
background-image: url(img/fuss.gif);
margin-left:auto;
margin-right:auto;
}

.copyleiste {
width:670px;
text-align:center;
margin:auto;
font-family:Arial,Verdana,Helvetica; font-size:7pt; color:#808080; text-decoration: none;
}

.copy {
text-align:center;
margin:auto;
font-family:Arial,Verdana,Helvetica; font-size:7pt; color:#808080; text-decoration: none;
}

.copyleiste a {color:#808080; text-decoration: none;}

.navignein
{display:block;
float:left;
font-family:Arial, sans-serif;
font-size:10pt;
color:#B1B1B1;
text-decoration:none;
font-style:normal;
font-weight:bold;
padding: 11px 25px 11px 6px;

background-repeat:no-repeat;
background-image: url(img/bogennavig.gif);
background-position: 100% 4px;
}

.navigpunkt
{display:block;
float:left;
font-family:Arial, sans-serif;
font-size:10pt;
color:#7E7E7E;
text-decoration:none;
font-style:normal;
font-weight:bold;
padding: 11px 25px 11px 6px;

background-repeat:no-repeat;
background-image: url(img/bogennavig.gif);
background-position: 100% 4px;
}

.navigpunkteins
{display:block;
float:left;
font-family:Arial, sans-serif;
font-size:10pt;
color:#7E7E7E;
text-decoration:none;
font-style:normal;
font-weight:bold;
padding: 11px 25px 11px 15px;
/*padding: 11px 25px 11px 15px; */
background-repeat:no-repeat;
background-image: url(img/bogennavig.gif);
background-position: 100% 4px;
}


.navigpunkteinson
{display:block;
float:left;
height:34px;
font-family:Arial, sans-serif;
font-size:10pt;
color:#7E7E7E;
text-decoration:none;
font-style:normal;
font-weight:bold;

margin: 4px 0px 0px 0px;
padding: 7px 25px 0px 15px;

background-repeat:no-repeat;
background-image: url(img/navigdraufrechts.gif);
background-position: 100% 0px;

background-color:#F9F9F9;
}


.navigpunkton
{display:block;
float:left;
height:34px;
font-family:Arial, sans-serif;
font-size:10pt;
color:#7E7E7E;
text-decoration:none;
font-style:normal;
font-weight:bold;

margin: 4px 0px 0px 0px;
padding: 7px 25px 0px 6px;

background-repeat:no-repeat;
background-image: url(img/navigdraufrechts.gif);
background-position: 100% 0px;

background-color:#F9F9F9;
}


.navigpunktoneinszwei
{display:block;
float:left;
height:34px;
font-family:Arial, sans-serif;
font-size:10pt;
color:#7E7E7E;
text-decoration:none;
font-style:normal;
font-weight:bold;

margin: 4px 0px 0px 0px;

padding-top: 7px;
padding-right: 25px;
padding-bottom:0px;

background-repeat:no-repeat;
background-image: url(img/navigdrauflinks.gif);
background-position: 100% 0px;
}

.navigpunktonzwei
{display:block;
float:left;
height:34px;
font-family:Arial, sans-serif;
font-size:10pt;

text-decoration:none;
font-style:normal;
font-weight:bold;

margin: 4px 0px 0px 0px;
padding: 7px 25px 0px 6px;

background-repeat:no-repeat;
background-image: url(img/navigdrauflinks.gif);
background-position: 100% 0px;
}

.navig a:hover {text-decoration:underline;}

.inhalt {
margin-left:auto;
margin-right:auto;
margin-top: 10px;
text-align:left;
font-family:Arial,Verdana,Helvetica; font-size:9pt; color:#000;
padding: 0px 15px 0px 15px;
width:620px;
height:430px;
overflow:auto;
font-weight:normal;
line-height:12pt;
-position: relative; /* raik 2011 */
/* position:relative; */
}

html* .inhalt {position: relative;} /* raik 2011 */

.abunten {padding-top:9px;}

.statuszeile {position:absolute;
bottom:0px; left:0px;
height:21px;
background-repeat:repeat-x;
background-image: url(img/fensterfuss.gif);
width:100%;



}

.statuszeile a {color:#7E7E7E;font-family:Arial,Verdana,Helvetica;
font-size:7pt;
color:#000;
text-decoration: none;}

.statuszeilelinks {position:absolute;bottom:0px; left:20px;}


/*  fuer das pdf  */
.statuszeilemitte {position:absolute;bottom:0px; left:43%;width:140px;}
.iconfenstermitte {margin:5px 3px 0px 0px; width:15px; float:left;}
.iconfenstertextmitte{margin:7px 5px 0px 5px; text-align:left;}
/*  fuer das pdf  */




.icondruck {margin:5px 0px 0px 0px; width:14px;float:left;}
.icondrucktext {margin:7px 0px 0px 5px;width:85px;float:left;text-align:left;}

.statuszeilerechts {position:absolute;bottom:0px; right:20px;}

.iconfenstertext {margin:7px 5px 0px 5px; width:85px;float:left;text-align:right;}
.iconfenster {margin:5px 0px 0px 0px; width:14px; float:left;}

.icondruck img {padding-top:1px;}
.iconfenster img {padding-top:1px}

/*  css fuer den inhalt  */


.bildstart {
border-top:1px solid #DEDDDD;
border-left:1px solid #DEDDDD;

border-right:1px solid #A0A0A0;
border-bottom:1px solid #A0A0A0;

float:left; margin: 0px 10px 10px 0px;}

h1 {margin:0px 0px 10px 0px;
padding:0px;

font-size:12pt; color:#6C6C6C;
font-weight:bold;

border-top:1px solid #FAF7F7;
background-color:#F1F0F0;
border-bottom:1px solid #D8D8D8;

background-repeat:repeat-x;
background-image: url(img/h1header.gif);

padding: 5px 0px 5px 5px;
}

.h1relative{position:relative;}




/*  pdf oben  */
.hausprospektoben {background-repeat:no-repeat;
background-image: url(img/iconpdf_grau.gif);
background-position: 10px 50%;

display:block;
float:left;
position:absolute;
top:6px;
-top:10px;
right:0px;
-right:12px;
padding:0px 10px 0px 32px;
}
.hausprospektoben a {color:#6C6C6C;text-decoration:none;}
.hausprospektoben a:hover {color:#6C6C6C;text-decoration:underline;}
/*  pdf oben  */



h1 span {font-size:9pt; }

h2 {margin:0px 0px 0px 0px;
padding:0px;

font-size:12pt; color:#6C6C6C;
font-weight:bold;

border-left:1px solid #D8D8D8;
border-right:1px solid #D8D8D8;

border-top:1px solid #D8D8D8;
background-color:#F1F0F0;

background-repeat:repeat-x;
background-image: url(img/h1header.gif);

padding: 5px 0px 5px 5px;
}


p {padding: 5px 0px 0px 5px;
margin:0px 0px 15px 0px;
}

.tag{
line-height:15pt;
font-weight:bold;
color:#6C6C6C;
font-size:11pt;
}

.zimmerzeile {
border-bottom:1px solid #D8D8D8;
border-left:1px solid #D8D8D8;
border-right:1px solid #D8D8D8;
padding: 5px;
margin: 0px 0px 20px 0px;
}


.achtung
 {
border:5px solid #D8D8D8;
line-height:15pt;
padding: 5px;
margin: 0px 0px 20px 0px;
font-size:12pt; color:#555;
font-weight:bold;
background-color:#fff;
}



.zimmerpunkt {
margin: 5px 15px 5px 16px;
-margin: 5px 15px 5px 7px;

padding: 0px 0px 0px 15px;
float:left;
background-repeat:no-repeat;
background-image: url(img/lipunkt.gif);
background-position: 0px 50%;
text-align:left;
}

.zimmerpunktzwei {
margin: 5px 15px 15px 16px;
-margin: 5px 15px 15px 7px;
padding: 0px 0px 0px 15px;
float:left;
background-repeat:no-repeat;
background-image: url(img/lipunkt.gif);
background-position: 0px 50%;
text-align:left;
}



.personmin {width:120px; overflow:hidden; white-space: nowrap; }
.personmax {width:120px; overflow:hidden; white-space: nowrap; }
.kategorie {width:200px; overflow:hidden; white-space: nowrap; }
.preisab {width:560px; overflow:hidden; }

.clearleft {clear:left;}


.angebotsumfang
{
margin-left: 0;
padding-left: 0;
list-style: none;
margin-bottom:0;
}

.angebotsumfang li 
{
padding-left: 15px;
background-image: url(img/lipunkt.gif);
background-repeat: no-repeat;
background-position: left 4px;
margin-bottom:8px;
}


.mehrinfolink
{
display:block;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
text-align:center;
clear:left;
text-decoration:none;
color:#000;
font-size:9pt;
font-weight:bold;
color:#464646;
line-height: 18px;
} 


.mehrinfolink2
{
display:block;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
text-align:center;
clear:left;
text-decoration:none;
color:#000;
font-size:10,5px;
font-weight:bold;
color:#464646;
line-height: 18px;
}


.infomehr {
clear:left;
margin: 0px 0px 10px 0px;
padding: 5px;
display:none;
}


.mehrinfos
{
width:100%;
-width:97%;  /* raik 2011 */
position:relative;
height:18px;
background-image:url(img/infobg.gif);
background-repeat:repeat-x;
margin: 0px 0px 2px 0px;
padding: 0px 0px 0px 0px;
text-align:center;
clear:left;
text-decoration:none;
color:#000;
font-size:9pt;
font-weight:bold;
color:#464646;
line-height: 18px;
}


html* .mehrinfos {width:97%;}   



.pfeiluntenli
{
position:absolute;
left:0;
top:0;
width:15px;
height:18px;
background-image:url(img/klapp_li_1.gif);
background-repeat:no-repeat;
}
.pfeiluntenre
{
position:absolute;
right:0;
top:0;
width:15px;
height:18px;
background-image:url(img/klapp_re_1.gif);
background-repeat:no-repeat;
}
.pfeilobenli
{
position:absolute;
left:0;
top:0;
width:15px;
height:18px;
background-image:url(img/klapp_li_2.gif);
background-repeat:no-repeat;
}
.pfeilobenre
{
position:absolute;
right:0;
top:0;
width:15px;
height:18px;
background-image:url(img/klapp_re_2.gif);
background-repeat:no-repeat;
}


.infoblock1 { margin: 0px 0px 0px 0px; padding: 10px;border-bottom:1px solid #D8D8D8;background-color:#F3F2F2; }

.infoblock2 { margin: 0px 0px 0px 0px ; padding: 10px 10px 0px 10px; }

.infoblockueber { margin: 0px 0px 5px 0px;  font-style:normal;
font-weight:bold;}

.galeriebilder  {padding-top:10px; margin-bottom:20px; text-align:left;}
.galeriebildertext  {padding-left:4px; text-align:left; font-size:9pt; color:#6C6C6C;
font-weight:bold;}

.galeriebilder img {margin:2px 2px 2px 2px ;}
.video, .lage {text-align:center;}
.lage {margin-top:12px;}

/*  ########################################## */


.infomehrzimmer {
clear:left;
margin: 0px 0px 10px 0px;
padding: 5px;
}

.infoboxoff {display:none;}

.infoboxon {display:block;
font-family:Arial,sans-serif;
text-decoration:none;
text-align:left;
width: 350px;
height:80px;
margin-top:0px;
padding:5px;
cursor:help;
border:3px solid #919191;
color:#000; background:#F9F9F9;
z-index:5;
overflow:auto;
position:absolute;
}

* html .infoblock1  {height: 1%;}

.lagebody {position:relative;}