* {
margin: 0;
padding: 0;
}
html, body, img, fieldset {
border: 0 solid;
}

body {
color: #000;
background: #f1ece3 url(/files/global_files/07ac63fd1c4591894e1482a6fd9058c9db78c93d_main_bg.gif) top left repeat-y;
font: 95% Georgia, Verdana, Arial, Helvetica, sans-serif;
}

a {
position: relative;
text-decoration: none;
font-weight: bold;
color: #7294C7;
background: transparent;
z-index: 9;
}
a:hover {
color: #7294C7;
background: #fff;
}
/*
a:hover img, a:active img, a:focus img {
color: #666;
background: transparent;
}
*/
a.intern:link, a.intern:visited {
padding: 0 0 0 12px;
color: #7294C7;
background: transparent url(/files/global_files/90661586b758794dfa59cfaead56c607f03f9b99_link.gif) left no-repeat;
}
a.intern:hover, a.intern:active, a.intern:focus {
padding: 0 0 0 12px;
color: #7294C7;
background: #fff url(/files/global_files/90661586b758794dfa59cfaead56c607f03f9b99_link.gif) left no-repeat;
}
a.pdf {
padding: 0 0 0 20px;
color: #7294C7;
background: transparent url(/files/global_files/d900906379af213963198adb22ce6d0de8c28b09_pdf.gif) left no-repeat;
}

/***  ELVIA Buchungsbutton ***/
a.redbutton {
display: block;
width: 160px;
height: 32px;
color: #eaeaea;
background: transparent url(/files/global_files/c6ba51614f932a56858e716c8e1d6b3a4d955612_button-32x160.png) 0 0 no-repeat;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
line-height: 28px;
text-align: center;
}
a.redbutton:hover {
color: #fff;
}


h1 {
font-size: 1.2em;
}
h2 {
font-size: 1.1em;
color: #7294C7;
}
h3 {
font-size: 1em;
color: #000;
}
p, a, li, label, .labeltag, input {
font-size: 0.80em;
}
p a, li a, li p, label a, p label {
font-size: 100%;
}
ul li {
list-style: none;
}
hr {
color: #fff;
background: #fff;
border-color: #ffff;
}
blockquote, blockquote p {
font-size: 100%;
margin: 10px 0;
font-family: 'Myriad Pro',Georgia, serif;
overflow: auto;
}
cite {
font-weight: normal;
float: right;
}

#headercon {
position: relative;
display: block;
height: 170px;
width: 100%;
color: #000;
background: #949DAC url(/files/global_files/516de38920d45393c1419c1b6e20b87ec9585fcc_duhnen-strand.jpg) 280px 0 no-repeat;;
}
#anfrageformular #headercon, #bilder #headercon, #googlemap #headercon {
background: #949DAC url(/files/global_files/9aea97f55d0da19cb99308973c30aa36f0f8044f_duhnen-strandpromenade-malerei.jpg) 280px 0 no-repeat;;
}


#logo {
width: 322px;
height: 170px;
overflow: hidden;
background: #fff;
}

#logo a {
display: block;
float: left;
height: 170px;
width: 322px;
}
#logo a:hover {
background: transparent;
}
#logo a:active, #logo a:focus {
background: transparent;
border: 1px solid #7294C7;
}
#header {
position: absolute;
top: 0;
left: 322px;
color: #000;
background: transparent url(/files/global_files/8797284c47819e385bb165b5f02b787d86e89a46_duhnen-strandpromenade-herbst.jpg) 0 0 no-repeat;
}
#header img {
position: absolute;
top: 0;
left: 0;
}
#linie {
font-weight: bold;
display: block;
color: #fff;
background: #7294C7 url(/files/global_files/f6fb3e868b4f4638ed5a29a8d0954d04f3598a46_slogan.gif) 64px 0 no-repeat;
height: 25px;
padding-left: 322px;
}
#linie span {
display: none;
}

#skipcontent {
position: absolute;
top: 210px; left: 20px;
}
#skipcontent a, #skipcontent a:visited, #skipcontent a:hover {
color: #fff;
background: transparent;
}
#skipcontent a:active, #skipcontent a:focus {
color: #fff;
background: #7294C7;
}

#main {
color: #000;
background: transparent;
height: 100%;
width: 620px;
margin: 30px 20px 50px 362px;
}
#main h1 {
color: #7294C7;
background: transparent url(/files/global_files/2ecfa99eb0dc18c9f12adf1470085d70f9661e13_h1.gif) left no-repeat;
padding: 15px 50px 10px 40px;
margin: 50px 0 10px 0;
}
#main h1.nomuschel {
color: #7294C7;
background: transparent;
padding: 15px 50px 10px 0;
margin: 50px 0 10px 0;
}
#main h2 {
margin: 20px 0 10px 0;
}
#main h2.muschel {
color: #7294C7;
background: transparent url(/files/global_files/2ecfa99eb0dc18c9f12adf1470085d70f9661e13_h1.gif) left no-repeat;
padding: 15px 50px 10px 40px;
margin: 25px 0 10px 0;
}
#main h3 {
margin: 10px 0 0 0;
padding: 15px 0 10px 0;
}
#main p {
line-height: 160%;
padding: 10px 50px 10px 0;
}
#main p:first-letter {
color: #7294C7;
font-weight: bold;
font-size: 120%;
white-space: nowrap;
}
#main p.red:first-letter {
color: #c00;
}
#main ul.liste {
margin: 10px 0;
list-style: disc;
margin: 0 0 0 25px;
}
#main .liste li {
list-style: disc;
padding: 3px 0;
}
#main .liste li img {
border: 0 none;
}

#main .bilder {
float: right;
width: 250px;
margin: 0 0 10px 20px;
}
ul.bildergalerie li {
margin: 10px 0;
}

ul.galeriebilder li {
display: block;
float: left;
margin: 0 10px 10px 0;
}


#main a.info span {
display:none;
}
#main a.info:hover span {
display: block;
width: 400px;
position: absolute;
left: -350px; top: 2em;
text-decoration: none;
color: #000;
background: #fff;
border: 1px solid #7294C7;
clear: both;
font-weight: normal;
line-height: normal;
padding: 10px;
z-index: 20;
}
#main a.info:hover span img {
border: 1px solid #000;
float: right;
margin-left: 10px;
}
#main table {
margin: 20px 0;
border: 1px dashed #036;
background:#fbf6ed;
text-align: left;
}
#main table th, #main table td {
padding: 5px;
font-size: 80%;
text-align: left;
}

#main table.preise th.mitte {
padding: 10px 0;
font-size: 100%;
}
#main table.preise td {
font-size: 90%;
}
#main table.preise td.preis {
padding: 10px 0 10px 5px;
font-weight: bold;
font-size: 80%;
}
#main .advertising, .advertising {
margin-top: 20px;
background: #fff; 
padding: 10px 0 5px 10px; 
border: 1px solid #666;
width: 320px;
}
#navigation .advertising {
background: #fbf6ed;
border-color: #7294C7;
width: 220px;
}
#main .advertising h2, #navigation .advertising h2 {
margin: 0;
font-weight: bold;
}
#main .advertising p, .advertising p {
font-family: Arial, Helvetica, sans-serif;
margin: 0 0 10px 0;
padding: 0;
}

#navigation {
position: absolute;
left: 64px;
top: 250px;
width: 245px;
z-index: 8;
}
#navigation p {
margin: 5px 0;
}
#navi {
display: block;
width: 245px;
margin: 0;
}
#navi h1 {
position: absolute;
left: -100em;
}

#navi p {
font-weight: bold;
}
#navi li {
list-style: none;
padding: 15px 0 7px 0;
border-bottom: 2px solid #f1ece3;
font-weight: bold;
}
#navigation h2 {
margin: 50px 0 5px 0;
font-weight: normal;
font-size: 70%;
}
#navigation p.linx {
margin: 5px 0;
}
#navigation a.linx {
color: #666;
font-size: 75%;
font-family: Arial, Helvetica, sans-serif;
}
#sprachbox {
display: block;
width: 245px;
padding: 30px 0;
}
#sprachbox select {
border: 1px dotted #ccc;
}

/* Klassen */
.bildrechts {
float: right;
margin: 15px 0 20px 20px;
font-size: 75%;
font-weight: bold;
}
.red {
color: #c00;
}
.bildlinks {
float: left;
margin: 15px 20px 20px 0;
font-size: 75%;
font-weight: bold;
}
.bildmitte {
text-align: center;
margin: 20px;
font-size: 75%;
font-weight: bold;
}
.bildrechts img, .bildlinks img, .bildmitte img {
border: 1px solid #666;
}
.clearb, .absatztrenner {
clear: both;
}
.info, acronym, abbr {
cursor: help;
border-bottom: 1px dashed #999;
}
.rand {
border: 1px solid #000;
}
.mitte {
text-align: center;
}
.weite150 {
width: 150px;
}
.weite200 {
width: 200px;
}
.weite250 {
width: 250px;
}

/* Fehlermeldungen Formulare */

/* response */
#rp, #error {
display: block;
width: 460px;
margin: 10px 0 20px 0;
padding: 10px;
background: #ffd7d7;
border: 1px solid #c00;
}
#rp h3, #rp p {
text-align: center;
margin: 15px 0;
}
/* IE 6, IE 7 */
* html #container #rp, *+html #container #rp {
margin-top: 25px;
}
#rp h1 {
margin: 0;
padding: 10px 10px 0 10px;
color: red;
}
#rp p {
margin: 0;
padding: 0 10px 10px 10px;
}
#main .req {
margin-left: 20px;
}
#main .req li {
background: transparent;
padding: 2px 0;
list-style-type: disc;
}

/* Formular */
#anfrage {
margin-top: 20px;
}
label.inline {
display: inline;
float: none;
margin: 0 0 5px 0;
padding: 0;
}
input.fcheckbox {
margin: 5px 5px 0 0;
padding: 0;
}
#anfrage .datenzeile {
display: block;
width: 500px;
height: 2em;
}
#anfrage .datenfeed {
display: inline;
float: left;
}
#anfrage .formradio1 {
margin-left: 20px;
}
#anfrage .datentyp, #anfrage .abstand {
display: block;
float: left;
padding: 2px 5px;
width: 160px;
clear: left;
}
#anfrage .fradio {
margin: 0 2px 0 30px;
}
#anfrage .ftextfield {
border: 1px solid #7294C7;
padding: 1px 5px;
width: 200px;
margin: 2px 0;
}
#anfrage select {
border: 1px solid #7294C7;
padding: 0;
margin: 2px 0;
min-width: 20px;
}
#anfrage textarea {
border: 1px solid #7294C7;
width: 300px;
height: 60px;
padding: 5px;
margin: 5px 0 0 0;
display: block;
float: left;
}
#anfrage #buttons {
display: block;
float: left;
clear: both;
height: 2em;
}

#anfrage input.fsubmit {
display: block;
float: left;
width: auto;
margin: 0 0 0 170px;
padding: 1px 10px;
background: #fff;
cursor: pointer;
border: 1px solid #7294C7;
font-weight: bold;
}

#anfrage input.fsubmit:hover {
color: #fff;
background: #7294C7;
border: 1px solid #000;
}

.creator {
margin: 30px 0;
}

/* W3C CSS-Buttons */
.w3cbutton {
margin: 0.5em 0;
width: 7em;
border: 1px solid #bbb;
font-family: helvetica,arial,sans-serif;
padding: 0;
}
.w3cbutton a {
display: block;
width: 100%;
padding: 0;
font-weight: bold;
line-height: normal;
font-size: 70%;
}
.w3cbutton a:link, .w3cbutton a:visited {
background: #7294C7;
color: #fff;
text-decoration: none;
font-weight: bold;
}
.w3cbutton a:hover, .w3cbutton a:active, .w3cbutton a:focus {
background: #fc6;
color: #000;
text-decoration: none;
font-weight: bold;
}
.w3cbutton span.w3c {
padding: 0 0.4em;
background: #fff;
color: #039;
}

/* GoogleMap */
#map {
width: 550px;
height: 450px;
font-family: Arial, Helvetica, sans-serif;
}
#map p {
font-size: 0.70em;
color: #000;
margin: 0;
padding: 0 0 0 65px;
text-align: left;
}
#map p a {
font-weight: normal;
}
#map p.prepare1 {
padding: 3px 0 0 65px;
background: transparent url(/files/global_files/f1a4614fb275ab433553f20054ef4b050e99ff97_clkm.jpg) 0 0 no-repeat;
}

#map p.prepare_ferienappartement1 {
background: transparent url(/files/global_files/7a3c434e171473dd6b3243e0bbb4ccc2ffd2072c_ferienappartement1-thumb.jpg) 0 0 no-repeat;
}
#map p.prepare_meeresbrandung30 {
background: transparent url(/files/global_files/3aaf93d1eeec714b077fc1ec1583afb1ee180e1f_meeresbrandung30-thumbnail.jpg) 0 0 no-repeat;
}
#map p.prepare_hubertus24 {
background: transparent url(/files/global_files/7095462e661c39fa298dea10fb7693cdbd50fb8c_fewo-terrasse-thumbnail.jpg) 0 0 no-repeat;
}

/*** ADD THIS BOOKMARKS ***/

.addthis_toolbox .vertical {
width: 175px;
padding: 10px 0;
border: 3px solid #7294C7;
background: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.addthis_toolbox .vertical a, #main .addthis_toolbox .vertical a {
padding: 4px 0 4px 34px;
position: relative;
display: block;
text-decoration: none;
}
.addthis_toolbox .vertical a, #main .addthis_toolbox .vertical a.addthis_button_expanded {
padding: 4px;
margin: 0;
}
.addthis_toolbox .vertical a:hover, #main .addthis_toolbox .vertical a:hover {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
color: #fff;
background: #7294C7;
text-decoration: none;
}
.addthis_toolbox .vertical span, #main .addthis_toolbox .vertical span {
position: absolute;
left: 14px;
top: 4px;
}
.addthis_toolbox .vertical .more {
border-top: solid 1px #7294C7;
margin: 10px 10px 0 10px;
text-align: left;
}
.addthis_toolbox .vertical .more a {
margin: 0;
}
.addthis_toolbox .vertical .more a span {
display: none;
}