html {
   height:101%;
   }

body {
   padding:0;
   margin:0;
   background:#333;
   color:#fff;
   font-family:Verdana;
   font-size:0.75em;
   text-align:center;
   }
img {
	margin:0;
	border:0;
	border:none;
	}

ul,ol {
   padding:0;
   margin:0;
   list-style:none;
   }
hr {
	border:none;
	border-bottom:solid 1px #646464;
	}
   
a {
   color:#000;
   font-weight:bold;
   text-decoration:underline;
   }
a.anchor {
	text-decoration:none;
	}
a:hover {
	text-decoration:none;
	}

#headline ul {}
   
#headline li {
   float:left;
   padding:5px 0;
   }

#headline a {
   color:#fff;
   margin:2px 10px;
   }
   
#headline a.loginlink {
   color:#e1e1e1;
   line-height:22px;
   }

#headarea a.mailsendlink{
   color:#e1e1e1;
   padding:10px 20px 10px 0;
   margin-left:140px;
   line-height:32px;
   background:url('../images/sendmailLink.gif') right center no-repeat;
   }



#headarea ul.langlist {
   float:right;
   margin-left:180px;
   }
   
#headarea ul.langlist li {
   display:inline;
   margin:0 20px;
   }

#headline a.lang img {
   text-decoration:none;
   border:solid 1px #ccc;
   margin-top:4px;
   margin-bottom:-2px;
    }

#outerframe {
   width:83.3em;
   margin:4px auto;
   text-align:left;
   }
   
#mainframe {
   clear:left;
   width:83.3em;
   background-color:#fff;
   color:#000;
   margin:0 auto;
   }
   
#main {}

#header {}

#previewinfo {
   position:absolute;
   top:10px;
   left:50%;
   margin:0 0 0 -200px;
   padding:10px 20px;
   background:#f90;
   color:#333;
   border:solid 2px #333;
   width:400px;
   text-align:center;
   font-size:1.0em;
   font-weight:bold;
}
/* Style for Offline-Pages */
#offline {
   position:absolute;
   top:0;
   left:50%;
   background:#ccc;
   color:#333;
   margin:0 0 0 -250px;
   padding:0 0 10px 0;
   width:600px;
   }
#offline h1 {
	margin:1.0em 0 0.3em 0;
	padding:10px 20px 6px 20px;
	font-size:1.1em;
	background-color:#333;
	}
#offline h2 {
	margin:0.1em 0 0.3em 0;
	padding:0.9em 20px 0.2em 20px;
	font-size:1.1em;
	background-color:#878787;
	color:#f5f5f5;
	}
#offline h3 {
	margin:1.5em 0 0.3em 0;
	padding:0 20px;
	font-size:1.0em;
	}
#offline p {
	margin:0.4em 0;
	padding:0 20px;
	font-size:1.0em;
	line-height:140%;
	}
#offline p.footer {
	margin:1.2em 0 0.3em 0;
	padding:0.6em 20px 0.5em 20px;
	font-size:0.9em;
	background-color:#646464;
	}
#offline p.footer a {
	color:#f90;
	margin:0 1.2em 0 0;
	padding:0.6em 0 0.5em 0.7em;
	font-weight:normal;
	border-left:solid 3px #878787;
	}
/* ----------------------- */

#header1 {
   margin:0 0 4px 20px;
   font-weight:bold;
   font-size:2em;
   }

#header2 {
   margin:0 0 4px 20px;
   font-weight:bold;
   font-size:1em;
   }

#headimage {
   height:130px;
   width:83.3em;
   margin-bottom:5px;
   }

#headnavigation {}

#headnavigation #activeItem {
   width:19.1em;
   float:left;
   height:40px;
   text-align:center;
   font-weight:bold;
   line-height:20px;
   overflow:hidden;
   }
   
#headnavigation #activeItem h1 {
   font-size:1.2em;
   margin:6px 0 2px 22px;
   text-align:left;
   }

#headnavigation .itemnavigation {
   width:64.1em;
   float:right;
   margin-top:4px;
   }
#headnavigation .one {
   margin-top:22px;
   }

#headnavigation .itemnavigation div.dummy {
   height:20px;
   }
      
#headnavigation .itemnavigation ul {
   margin:0 0 0 10px;
   }

#headnavigation .itemnavigation  li {
   float:left; 
   margin:0 2px; 
   padding:0 0 0 9px;
   }
   
#headnavigation .itemnavigation a,
#headnavigation .itemnavigation span {
   float:left;
   display:block;
   padding:2px 15px 4px 0;
   min-width:12.5em;
   text-decoration:none;
   font-weight:bold;
   font-size:0.80em;
   }

/* Commented Backslash Hack
    hides rule from IE5-Mac \*/
#headnavigation .itemnavigation a {
   float:none;
   }
/* End IE5-Mac hack */      

#headnavigation .itemnavigation a:hover {
   text-decoration:underline;
   }

#headnavigation .itemnavigation #current {}

#headnavigation .itemnavigation #current span {
   padding-bottom:4px;
   }

#body{
   min-height:360px;
   border-top:solid 1px;
   border-bottom:solid 1px;
   }

#left {
   width:19.1em;
   float:left;
   }

#left #navigation {
   height:380px;
   }
   
#left #navigation ul {
   padding:20px 0 0 20px;
   }

#left #navigation li {
   font-weight:bold;
   padding:0;
   margin-top:-1px;
   margin-right:-1px;
   border:solid 1px;
   border-top:none;
   }
 
#left #navigation a, #left #navigation span {
   display:block;
   text-decoration:none;
   padding:5px 5px 5px 25px;
   }

#left #address {
   min-height:380px;
   overflow:hidden;
   }
  
#left #address span { 
   display:block;
   padding:0 5px 0 20px;
   }
   
#left #address span.adress {
   display:block;
   font-weight:bold;
   padding:20px 0 0px 20px;
   }
   
#left #address span.title {
   display:block;
   font-weight:bold;
   padding:5px 0 0px 20px;
   }

#content {
   width:64.1em;
   float:left;
   }
   
#content a.contact {
   padding-left:16px;
   background:url('../images/icon-mail.gif') no-repeat 0 3px;
   }

#content div.hori {
   min-height:380px;
   }
#content div.hori hr {
   margin-left:20px;
   margin-right:20px;
   }
   
#content .startimage {
   overflow:hidden;
   width:500px;
   height:340px;
   }

#content div.topic, 
#content div.topic2 {
   width:19.1em;
   float:right;
   min-height:380px;
   }

#content div.topic2 {
   width:20.8em;
   }
#content div.topic p {
   margin:10px;
   }
#content div.topic p.small {
   font-size:0.9em;
   }
#content div.topic p.spaceTop {
   margin-top:15px;
   }      
#content div.topic2 p  {
   margin:5px 10px;
   }

#content div.topic h3 {
   font-size:1.2em;
   margin:0 0 10px 0;
   padding:10px;
   background:#333 url("../images/offer-background.gif") repeat-x 0 0;
   border-top:solid 2px #878787;
   color:#f90;
   }
#content div.topic h4 {
   margin:0;
   padding:10px;
   font-size:1.0em;
   background:#fff;
   }
#content div.topic2 h4 {
   margin:0;
   padding:0 10px;
   font-size:1.0em;
   }


#content div.topic h5, 
#content div.topic2 h5 {
   margin:10px 0 0 0;
   padding:0 0 0 10px;
   font-size:1.0em;
   color:#000;
   }

#content div.topic ul, 
#content div.topic2 ul  {
   list-style:disc;
   margin:0 0 0 24px;
   font-weight:normal;
   }

#content div.topic ul li a, 
#content div.topic2 ul li a {
   margin:0 0 2px 0;
   }

#content div.topic ul li a,  
#content div.topic2 ul li a {
   font-weight:normal;
   }

#content div.topic .topicContent, 
#content div.topic2 .topicContent  {
   padding:8px 20px 0 20px;
   margin:0;
   }
#content div.topic .topicContent .contentBox, 
#content div.topic2 .topicContent .contentBox  {
   margin:5px 0; 
   padding:5px 10px;
   font-weight:bold;
   line-height:140%;
   font-size:0.9em;
   border:solid 1px #fff;
   }
#content div.topic .topicContent h2, 
#content div.topic2 .topicContent h2  {
   font-size:1.2em;
   }
#content div.topic .topicContent h2 span, 
#content div.topic2 .topicContent h2 span  {
   font-size:0.8em;
   line-height:150%;
   }
#content div.topic .topicContent a, #content div.topic2 .topicContent a {
   font-size:0.9em;
   }
   
#content div.topic .topicContent a.startlink_fotos,
#content div.topic .topicContent a.startlink_lage,
#content div.topic .topicContent a.startlink_buchen {
   display:block;
   height:40px;
   padding:7px 5px 7px 95px;
   color:#fff;
   }
   
#content div.topic2 div.position {
   width:15px;
   height:15px;
   background:#333 url('../images/lage.gif');
   }
   
#content div.topic a.specialOffer {
   display:block;
   width:181px;
   background:url("../images/offer-link-background.gif") no-repeat 0 0;
   color:#000;
   padding:6px 12px;
   text-align:center;
   }
#content div.topic a.specialOffer:hover {
   color:#e28800;
   }

div#googleMaps {
   width:230px;
   overflow:hidden;
   text-align:center;
   }
   
   
div#googleMaps img {
   border:none;
   }

div#googleMaps a {
   text-decoration:none;
   }

div#map24 {
   width:230px;
   margin:5px auto;
   padding:0 0 5px 0;
   border:solid 1px #bebebe;
   background:#f8f9fa;
   font-weight:bold;
   color:#586a75;
   }

div#map24 .head1 {
   font-weight:bold;
   display:block;
   color:#fff;
   padding:32px 0 0 10px;
   }

div#map24 .head2 {
   color:#000;
   }

div#map24 span {
   padding:4px 0 0 10px;
   display:block;
   }

div#map24 .tip {
   font-weight:normal;
   color:#000;
   }
   
div#map24 input, 
div#map24 select {
   font-size:1.1em;
   width:187px;
   margin:4px 0 4px 10px;
   padding:0;
   }
div#map24 input {
   padding:1px 3px;
   }

div#map24 input.submit {
   color:#fff;
   background:#586a75;
   margin:8px 0 0 10px;
   cursor:pointer;
   }

div#wetter {
   font-size:0.9em;
   padding-bottom:20px;
   }
   
#content div.topic2 div#wetter p {
   text-align:left;
   }
   
#content div.topic2 div#wetter img {
   float:left;
   display:block;
   margin-right:10px;
   }

#content div.topic2 div#wetter br,
#content div.topic2 div#wetter hr{
   clear:left;
   }

#content div.topic2 div#wetter hr{
  border:none;
   }

#content div.topic2 div#wetter hr{
  border:none;
  margin:0;
   }

#content div.topic2 h5{
  clear:left;
   }



#content div.textSmall,
#content div.textSmall2 {
   float:left;
   padding:20px;
   width:41.6em;
   min-height:340px;
   }

#content div.textSmall2 {
   width:39.9em;
   }
   
/* Lage */
#content div.textSmall2 .grafik {
   overflow:hidden;
   width:480px;
   margin:0 0 20px 0;
   padding:0;
   }
#content div.textSmall2 p.pdf {
   margin:12px 0 30px 0;
   }
#content div.textSmall2 p.pdf a {
   border:solid 1px #aaa;
   padding:3px 12px 3px 57px;
   background:#fff url('../images/pdf.gif') no-repeat 0 0;
   text-decoration:none;
   }
#content div.textSmall2 p.pdf a:hover {
   background-color:#ddd;
   }
#content div.textSmall2 .description {
   margin:0 0 20px 0;
   padding:0;
   }
#content div.textSmall ul li,
#content div.textSmall2 ul li {
   list-style-type:square;
   margin-left:20px;
   margin-bottom:6px;
   }

#content div.textHalf{
   float:left;
   padding:20px;
   width:28.6em;
   }

#content h4,
#content div.textSmall h4,
#content div.textSmall2 h4,
#content div.textHalf h4 {
   margin:2px 0 6px 0;
   padding:0 0 1px 0;
   font-size:1.0em;
   }

#content div.ausstattung {
   width:18.9em;
   float:left;
   margin:0 6px 0 0;
   padding:6px 4px 4px 0;
   }
#content div.full {
   width:44em;
   }
#content div.full ul li {
   color:#000;
   list-style-type:disc;
   }

#content h5 {
   margin:6px 0;
   padding:0;
   font-size:1em;
   }
#content h6 {
   margin:15px 0 2px 0;
   padding:0;
   font-size:1em;
   color:#464646;
   }
   
#content div.ausstattung p {
   padding:4px 0;
   margin:0;
   }

#content div.textFull div.ausstattung ul {
   list-style:square;
   /*margin:4px 0 10px 10px;*/
   margin:4px 0 4px 15px;
   }
   
#content div.ausstattung ul.infos {
   margin-top:0;
   margin-bottom:12px;
   list-style:none;
   }
#content div.ausstattung ul li {
   padding:1px 0;
   }

#content div.ausstattung ul li span {
   color:#000;
   }

#content div.ausstattung ul li span.typ,
#content div.ausstattung ul li span.label {
   color:#444;
   font-weight:bold;
   }

#content div.logo {
   padding-top:40px;
   text-align:center;
   }

#content div.textFull {
   padding:20px;
   min-height:720px;
   }
   
#content div.textFull div.warn {
   background:#f5f5f5;
   color:#646464;
   border:solid 2px #878787;
   padding:0;
   margin:0 0 10px 0;
   }
#content div.textFull div.warn h4,
#content div.textFull div.warn p {
   padding:0;
   margin:10px;
   }
#content div.textFull div.warn h4 {
   color:#444;
   }
/* */
#content div.textFull ul {
   margin:4px 0 6px 0;
   padding:0;
   }
 
/* Preise - Angaben vom Vermieter */
#content div.textFull div.preise {
    border:solid 1px #ccc;
	padding-bottom:8px;
	}
#content div.textFull div.preise h4 {
	margin:0 0 4px 0;
	padding:8px 10px 5px 10px;
    background-color:#ccc;
    border-bottom:none;
	}
#content div.textFull div.preise p {
	margin:0;
	padding:4px 10px;
	}	

/* Preise - Angaben vom Vermieter */
#content div.textFull div.angaben {
	margin:8px 0;
	padding-bottom:8px;
    border:solid 1px #ccc;
	}
#content div.textFull div.angaben h4 {
	margin:0 0 4px 0;
	padding:8px 10px 5px 10px;
    background-color:#ccc;
    border-bottom:none;
	}
#content div.textFull div.angaben div {
	margin:0;
	padding:4px 10px;
	}	
	
/* Preise - Sonderangebot */
#content div.textFull div.sonderangebot {
	margin:15px 0;
	padding-bottom:8px;
   border:solid 1px #333;
   background-color:#efefef;
   }
#content div.textFull div.sonderangebot h3 {
   background:#333 url("../images/offer-background.gif") repeat-x 0 0;;
   color:#f90;
   margin:0;
   padding:8px 10px;
   font-size:1.2em;
   }
#content div.textFull div.sonderangebot h4 {
	margin:0 0 4px 0;
	padding:8px 10px 5px 10px;
	font-size:1.1em;
	color:#333;
	background:#f90;
	}
#content div.textFull div.sonderangebot p {
	margin:0;
	padding:4px 10px;
	}
#content div.textFull div.sonderangebot a.specialOffer {
   display:block;
   width:181px;
   background:url("../images/offer-link2-background.gif") no-repeat 0 0;
   color:#000;
   padding:6px 12px;
   text-align:center;
   }
#content div.textFull div.sonderangebot p.spaceTop {
   margin-top:10px;
   } 

/* Foto-Seite */
#content div.fotoBox,
#content div.fotoBox2 {
   text-align:center;
   margin:0 0 10px 0;
   }
   
#content div.fotoBox2 {
   float:left;
   width:728px;
   padding-bottom:5px;
   border:solid 1px;
   }

#content div.fotoBox img {
   }

#content div.fotoBox2 img.thumb {
   margin:8px 10px;
   cursor:pointer;
   }
   
   
.thumbwrapper {
   float:left;
   display:block;
   height:140px;
   width:181px;
   overflow:hidden;
   }   

#content div.fotoBox div.fotoText {
   font-size:1.0em;
   font-weight:bold;
   padding:6px 0;
   margin:0;
   height:16px;
   color:#333;
   clear:both;
   }

#content div.fotoBox div.navBox {
   clear:both;
   margin:0;
   padding:6px 8px;
   }

#content div.fotoBox div.navBox span.currentNum {
   float:left;
   display:block;
   width:100px;
   padding-right:10px;
   padding-left:10px;
   }
#content div.fotoBox div.navBox span.link {
   float:left;
   display:block;
   width:296px;
   }

#content div.fotoBox a.nav1 {
   text-decoration:none;
   float:right;
   }
#content div.fotoBox a.nav2 {
   text-decoration:none;
   float:left;
   }

#content div.fotoBox div#ImageField {
   }

#content div.fotoBox div.imageItem {
   overflow:hidden;
   min-height:470px;
   }
  
#content p {
   margin:0 0 10px 0;
   }
#content p.bottomSpace {
   margin:0 0 30px 0;
   }

.roundtop {
   background: url("../images/TopRight.png") no-repeat top right;
   }
.roundbottom {
   background: url("../images/BottomRight.png") no-repeat top right;
   }

img.corner {
   width: 20px;height: 20px;border: none;display: block !important;
   }

#footer {
   background:#333;
   color:#f90;
   clear:both;
   }
   
#footer ul {
   list-style:none;
   padding:0 20px 10px 0;
   }
   
#footer li {
   display:inline;
   float:right;
   margin:10px 0 12px 10px;
   }
   
#footer li a {
   color:#f90;
   /*border-right:solid 1px;*/
   padding:0 10px 12px 5px;
   }
   
#footer li a.last {
   border:none;
   }

#footer li a.home {
   background:url("../images/logo_web.png") left center no-repeat;
   padding-left:120px;
   }

#footer li a.intern {
   color:#f1f1f1;
   }


#footer li a:hover {}

.clear {
   clear:both;
   }

.hidden{
   margin-left:-999px;
   height:0;
   width:0;
}


/*Formulare*/
form {
   margin:0;
   padding:0;
   }
#content div.formHalf{
   float:left;
   width:50%;
   }
legend {
   font-weight:bold;
   padding:2px 4px 2px 0px;
   margin:0;
   color:#000;
   }

fieldset {
   border:none;
   margin:10px 0;
   padding:0;
   }
label, label.small {
   display:block;
   float:left;
   width:200px;
   height:22px;
   line-height:22px;
   margin:0 0 2px 0;
   }
label.small {width:130px;}

input, select, textarea {
   border:solid 1px #666;
   margin:0 0 4px 0;
   }

textarea {
   margin-top:4px;
   }

input.require{
   border:solid 1px;
   }

input.checkbox {
   border:none;
   width:13px;
   }

input.radio {
   border:none;
   float:left;
   clear:left;
   width:13px;
   }
   
#content fieldset.submitButtons p {
   margin:85px 0 10px 0;
   padding:0;
   }

input.small {
   width:40px;
   }
.number{
	text-align: right;
}

input.half {
   width:100px;
   }

input.long {
   width:400px;
   }

input.button {
   font-family:Verdana;
   font-weight:bold;
   font-size:1.0em;
   width:150px;
   margin:5px 10px 10px 0;
   padding:3px 6px;
   background:#666;
   color:#fff;
   border-left:solid 1px #f1f1f1;
   border-top:solid 1px #f1f1f1;
   border-right:solid 1px #999;
   border-bottom:solid 1px #999;
   cursor:pointer;
   }

input.smallDate {
   width:24px;
   text-align:center;
   }

input.halfDate {
   width:48px;
   text-align:center;
   }

input.none {
   border:none;
   }

a.termine {
   padding-left:130px;
   }

/*Kalender Styles*/
.CalendarTable {
   margin-left:15px;
   margin-right:15px;
   }
   
.CalendarTable td {
   vertical-align:top;
   }
   
table.month {
   border:solid;
   width:220px;
   }

.CalendarTable td,
#CalendarTable th {
   margin:0;
   padding:0;
   font-size:1em;
   }

.CalendarTable th {
   border-bottom:solid 1px;
   }

.CalendarTable td {
   text-align:center;
   border:solid 1px;
   }

.CalendarTable td.currentDay {}

.CalendarTable td.frei {
   background:#90EE90;
   color:#fff;
   font-size:0.9em;
   }

.CalendarTable td.belegt {
   background:#8F0000;
   color:#fff;
   font-size:0.9em;
   }

.CalendarTable td.off {
   color:#999;
   font-size:0.9em;
   }

.CalendarTable td.currentDay {
   font-size:0.9em;
   color:#000;
   font-weight:bold;
   }

.CalendarTable td.day {
   color:#000;
   font-size:0.9em;
   }



/*Popup Kalender*/
img.calendarIcon{border:none;}
#calcontent table#calendar{margin:0;padding:0;background:#fff;font-size:10px;border:outset 1px ;}
#calendar img {border:none;}
#calcontent .mon{background:#FCE4BF;}
#calcontent .tue{background:#FAE9CD;}
#calcontent .wed{background:#FCE4BF;}
#calcontent .thu{background:#FAE9CD;}
#calcontent .fri{background:#FCE4BF;}
#calcontent .sat{background:#FFD799;}
#calcontent .sun{background:#FFC368;}
#calcontent .empty{background:#fff;}
#calcontent td,#calcontent th {margin:0;padding:0 2px;font-size:10px;width:26px;}
#calcontent th {background:#e8e8e8;border-bottom:solid 1px #ccc;cursor:move;}
#calcontent td{text-align:center;border:solid 1px #fff;}
#calcontent td.day:hover{border:solid 1px red;}
#calcontent .currentDay a {color:red;}
#calcontent td.currentDay  {border:solid 1px red;color:red;}
#calcontent td.off  {color:#999;background:#e8e8e8;}
#calcontent .aday {}
#calcontent .day {color:green;}
#calcontent .moveLeft,.moveRight{text-decoration:none;} 
#calcontent .moveLeft {float:left;}
#calcontent .moveRight {float:right;}
#calcontent .calendarIcon{border:none;margin:0 4px;}
#calcontent{position:absolute;}

/*Preisliste*/
table#pricelist { width:705px; border:solid 1px; margin:10px; padding:0; }
table#pricelist td { border-top:solid 1px; padding:4px 6px; font-size:0.9em; }
table#pricelist td.right { text-align:right; }
table#pricelist td.center { text-align:center; }
table#pricelist td.width13 { width:100px; }
table#pricelist td.width18 { width:150px; }
table#pricelist th { padding:2px 6px; font-size:0.9em; vertical-align:bottom; }
table#pricelist tr.even {}
table#pricelist tr.odd {}

/* PDF-Link */
p.pdfdownload {
	padding-bottom:30px;
	}
p.pdfdownload a {
	text-decoration:none;
	}
span.red {
	color:#c33;
	}