body {background-color: #ffffff; text-align: center;}
body,p,div,td,input,h1,a,textarea {margin: 0; font-size: 12px; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; color:#0B1E2F; line-height:20px;}

//div {border: 1px solid #cc0000;}
img {border:0;}
form {margin:0; padding:0;}
.ganze-breite {clear:both; width; 100% display:block; padding:0; margin:0; border:0 none; font-size:0px; height:0px; line-height:0px;}
span.displaynone {display:none;}

textarea.grossesEingabefeld {margin:2px 0 2px 0; border:1px solid #0B1E2F; width:418px; height:85px;}

.grundriss {font-size: 11px;}

.blau {color: #71C2D7;}
.rot {color: #cc0000;}


/**** main body ****/
#keyvisual {position: absolute; display: inline; left: 0; top: 60px; width: 100%; padding:30px 0 0 0; background-color: transparent; overflow: hidden; text-align: center;}
#keyvisual img {border-top: 2px solid #ffffff;}

#outerLayer {width: 1000px; clear: left; position: relative; margin: auto auto; text-align: center;}
#header {float:left; text-align: left; width: 100%; height:242px;}
#logo {float:left; text-align: left; padding:15px 0 0 52px; z-index: 1;}
#servicenavigation {float:left; text-align: left; margin: 65px 0 0 90px; padding: 0;}
#contentLayers {float:left; width: 100%; background-image:url(../graphics/bg.gif); background-repeat:y-repeat;}
#left {float:left; width: 190px; margin: 35px 0 100px 25px; padding: 0 0 50px 0;}
#navigation {float:left; text-align: left; margin: 0; padding: 0;}
#buchungsanfrage {float:left; text-align: left; margin: 50px 0 0 0; padding: 0 0 20px 0;}
#buchungsanfrage a {color:#71C2D7; font-weight: bold;}
//#newsletter {float:left; text-align: left; margin: 35px 0 0 0; padding: 0 0 20px 0;}
//#newsletter p {font-size: 11px;}
#content {float:left; text-align: left; width: 480px; margin: 45px 0 0 47px;}
#right {float:right; text-align: left; width: 210px; margin: 45px 0 20px 0;}
#right .ansprechpartner p {font-size: 11px; line-height:15px; margin:0 0 10px 0;}
#notizblock {padding: 45px 35px 20px 12px; background-image:url(../graphics/notizblock.png); background-repeat: no-repeat;}
#notizblock h1 {font-size: 12px; color:#71C2D7; margin:0; font-weight: bold;}
#notizblock p {font-size: 11px; line-height:15px; margin:0 0 10px 0;}
#notizblock a {color: #71C2D7; font-size: 11px;}
#footer {float:left; width: 100%; height: 25px; margin: 0; background-color: #B8E0EB;}
#footer p {text-align: center; font-size: 11px; margin: 2px 0 0 0;}
#footer a {color: #0B1E2F; font-size: 11px;}

/**** navigation ****/
#navigation ul {margin:0; padding:0;}
#navigation ul li {margin:0; padding:0; list-style-type:none;}
#navigation ul li a {display:block; margin: 10px 0 0 0; padding:0; font-size:12px; color:#0B1E2F; text-decoration:none;}
#navigation ul li a:hover, #navigation ul li.active a {color:#71C2D7;}

#navigation ul li.navmainStandardLevel_2 {margin-left:20px;}
#navigation ul li.navmainStandardLevel_2 a {color:#0B1E2F; margin: 0; padding:0;}
#navigation ul li.navmainStandardLevel_2 a:hover, #navigation ul li.navmainStandardLevel_2 a.active {color:#71C2D7;}

/**** main content ****/
#content p {margin:0 0 10px 0;}
#content h1 {margin:0 0 10px 0; line-height:22px; padding:0; font-size:16px; font-weight:normal; color:#71C2D7;}
#content h2 {margin:0 0 10px 0; line-height:22px; padding:0; font-size:13px; font-weight:normal; color:#0B1E2F;}
#content h3 {font-size:11px; font-weight: bold; padding: 0; margin:0;}
#content .textItem {padding:0 0 0 0;}
#content table.preise td {border-bottom: 1px solid #71C2D7; vertical-align: top; padding: 5px 5px 5px 5px;}
#content table.preise td.euro {border-bottom: 1px solid #71C2D7; vertical-align: top; text-align: right; margin 0; padding: 5px 25px 5px 5px;}
#content .abstandKommentar {padding:5px 0 5px 0; border-top: 1px dotted #000000;}
#content .abstandKommentar span.time {font-size: 10px;}
#content .label {float:left; width: 115px; height: 15px;}
#content .rahmen {float:left; width: 120px; height: 15px; margin: 0 10px 0 0; border: 1px dotted #0B1E2F;}
#content .innen {float:left; height: 15px; background-color: #71C2D7;}
#content input {margin:2px 0 2px 0; border:1px solid #0B1E2F; width:240px;}
#content select {margin:2px 0 2px 0; border:1px solid #0B1E2F; width:250px;}
#content select.klein {margin:2px 0 2px 0; border:1px solid #0B1E2F; width:50px;}
#content input.send {margin:2px 0 2px 0; width: 170px; background-color:#ffffff; border:1px solid #0B1E2F; color:#0B1E2F; line-height:14px; padding:2px 0 2px 0; float:left; margin:0;}

/**** newsletter form ****/
#newsletterForm {width:180px;}
#newsletterForm .contactRow {margin:4px 0;}
//#newsletterForm label {display:block; float:left; width:50px;}
#newsletterForm .contactRow input {background-color: #EAF6F9; border:1px solid #0B1E2F; width:150px; font-size: 11px; color:#0B1E2F; line-height:15px; padding:1px 0 1px 3px;}
#newsletterForm .contactRow select {background-color: #EAF6F9; border:1px solid #0B1E2F; width:152px; font-size: 11px; color:#0B1E2F; line-height:15px; padding:1px 0 1px 3px;}

#newsletterForm .contactRow input {height:18px;}
//#newsletterForm .contactRow textarea {height:90px;}

#newsletterFormSubmitLeft {float:left; border:0; margin: 0; width:70px;}
#newsletterFormSubmitRight {float:left; border:0; width:110px;}
#newsletterFormSubmitLeft input {width: 70px; font-size: 11px; background-color: #EAF6F9; border:1px solid #0B1E2F; color:#0B1E2F; line-height:15px; padding:1px 0 1px 0; float:left; margin:0;}
#newsletterFormSubmitRight input {width: 85px; font-size: 11px; background-color:#EAF6F9; border:1px solid #0B1E2F; color:#0B1E2F; line-height:15px; padding:1px 0 1px 0; float:right; margin:0;}


/**** artikelliste ****/
#artikelliste {width: 100%; margin-bottom: 12px;}
#artikelliste h1 {font-size: 14px;}

#newsartikel {width: 100%; margin-bottom: 12px;}
#newsartikel .img {float:left; width: 80px; margin: 0 5px 0 0;}
.newsline {width: 100%; margin-top: 12px; margin-bottom: 12px; border-bottom: 1px dotted #E3E4E4;}


/**** Servicenavigation ****/
#servicenavigation ul {margin: 0; padding:0;}
#servicenavigation ul li {margin:0; padding:0 30px 0 0; display:inline;}
#servicenavigation ul li a {font-size: 12px; color:#ffffff; font-weight:bold;}
#servicenavigation ul li a:hover, #servicenavigation ul li.meta_active a {text-decoration: underline;}


/**** links ****/
a {color:#71C2D7; text-decoration:none;}
a:hover {text-decoration:underline;}

/**** contact form ****/
#contactForm {width:350px;}
#contactForm .contactRow {margin:4px 0;}
#contactForm label {display:block; float:left; width:100px;}
#contactForm .contactRow input, #contactForm .contactRow textarea {border:1px solid #0B1E2F; width:230px;}
//#contactForm .contactRow select {border:1px solid #0B1E2F; width:172px;}

#contactForm .contactRow input {height:18px;}
#contactForm .contactRow textarea {height:90px;}

#contactFormSubmitLeft {float:left; border:0; margin: 0; width:100px;}
#contactFormSubmitRight {float:left; border:0; width:233px;}
#contactFormSubmitLeft input {width: 90px; background-color:#ffffff; border:1px solid #0B1E2F; color:#0B1E2F; line-height:14px; padding:2px 0 2px 0; float:left; margin:0;}
#contactFormSubmitRight input {width: 100px; background-color:#ffffff; border:1px solid #0B1E2F; color:#0B1E2F; line-height:14px; padding:2px 0 2px 0; float:right; margin:0;}

#contactFooter {clear:both; width:350px; margin: 0;}


/**** order form ****/
#orderForm {float: left; width:450px;}
#orderForm h1 {margin:10px 0 10px 0; line-height:22px; padding:0; font-size:14px; font-weight:normal; color:#71C2D7;}
#orderForm .orderRow {margin:4px 0;}
#orderForm label {display:block; float:left; width:150px;}
#orderForm .orderRow input {border:1px solid #0B1E2F; width:230px;}
#orderForm .orderRow input.radio {border:1px solid #FFFFFF; width:30px; height:20px;}
//#orderForm .orderRow select {border:1px solid #0B1E2F; width:172px;}

#orderForm .orderRow input {height:18px;}
#orderForm .orderRow textarea {border:1px solid #0B1E2F; width:418px; height:90px;}

#orderFormSubmitLeft {float:left; border:0; margin: 0; width:100px;}
#orderFormSubmitRight {float:left; border:0; width:320px;}
#orderFormSubmitLeft input {width: 90px; background-color:#ffffff; border:1px solid #0B1E2F; color:#0B1E2F; line-height:14px; padding:2px 0 2px 0; float:left; margin:0;}
#orderFormSubmitRight input {width: 100px; background-color:#ffffff; border:1px solid #0B1E2F; color:#0B1E2F; line-height:14px; padding:2px 0 2px 0; float:right; margin:0;}

#orderFooter {clear:both; width:350px; margin: 0;}

#orderForm .datepicker {border:1px solid #0B1E2F; line-height:14px; padding: 0; margin: 0; width: 19px; height: 22px; background: url(../graphics/termin.gif) 211px 0 no-repeat;}


/**** belegungskalender ****/
#wohnungsAuswahl {width:100%; margin: 0 0 20px 0;}
#wohnungsAuswahl select {border:1px solid #73C4D7; width:210px; height: 24px;}
#wohnungsAuswahl input {height: 23px; width: 130px; background-color:#ffffff; border:1px solid #0B1E2F; color:#0B1E2F; line-height:14px; padding:2px 0 2px 0; margin:0;}
#kalender {width: 100%; float: left; margin: 0;}
#kalenderTabelle {float: left; width:240px; padding:0 0 20px 0;}
#legende {float: right; margin: 0;}

/**** advent2010 ****/
#adventPopup2010 {float: left; width: 500px; height: 500px; background-color: #fff;}
#adventPopup2010 p {font-size: 11px; padding: 20px 20px 0px 20px; margin: 0; text-align: left; color: #333333; line-height:15px;}
#adventPopup2010 a {font-size: 11px; color: #333333; text-decoration: underline; font-weight: normal;}
#adventPopup2010 a:hover { text-decoration: none;}

/**** buchungNeu ****/
//#accordion {float: left; width: 100%; margin: 0 0 30px 0;}
#legende a {color: #71C2D7; font-weight: bold;}
#tabs {float: left; width: 740px; margin: 0 0 0 -20px;}

a.buchung {padding: 15px 0 50px 0; font-weight: bold; text-decoration: none; font-size: 11px; color: #BEA57B;}
#buchungNeu {padding: 0 0 20px 0;}
#buchungNeu p {padding: 0 0 10px 0; color: #BEA57B;}