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

.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 {display:none; 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 {display:none; float:left; width: 190px; margin: 35px 0 100px 25px;}
#navigation {display:none; float:left; text-align: left; margin: 0; padding: 0;}
#buchungsanfrage {display:none; 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 .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;}

/**** 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 ****/
#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 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:200px; 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 {float: left; margin: 30px 0 30px 0;}
#kalenderTabelle {width:240px; float: left; margin: 0;}
#legende {width:230px; float: right; margin: 0;}