@import url("boxen.css");

/* ------  Allgemeine Deklarationen ------  */
* {
	margin:0;
	padding:0;
	z-index:0;
}

body {
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#767676;
scrollbar-darkshadow-color:#767676;
scrollbar-shadow-color:#ffffff;
srollbar-arrow-color:#c2060d;
scrollbar-track-color:#fffdf9;

background-color: #84ACE1; 
}

h1 {
    color: #004FA3;
    letter-spacing: 0;
    margin-bottom: 0;
    margin-top: 0;
    text-decoration: none;
}

#bg-oben {
	position:absolute;
	top:0; left:0;
	width: 100%; height: 804px;
	margin:0; padding:0;
	background-image: url(../images/bg-oben.jpg);
	background-repeat:repeat-x;
}

#bg-unten {
	z-index:0;
	position:fixed;
	bottom:0px; left:0;
	width: 100%; height:182px;
	margin:0; padding:0;
	background-image: url(../images/strand.jpg);
	background-repeat:repeat-x;
	background-position: bottom left;
}

#bild-oben {	
	position:absolute;
	top:0px; left:0;
	width: 986px; height: 287px;
	margin:0; padding:0;
	background:url(../images/bg-haupt-oben.jpg) no-repeat top left;
	
}

#flash {
	position:absolute;
	top:61px; left:0;
}

#rabatt {
	position:absolute;
	width:237px;
	height:68px;
	z-index:10;
	left: 344px;
	top: -55px
}

#text-ueber-flash {
	z-index:1;
	position:absolute;
	top:91px; right:35px;
	width:170px; height:120px;
	padding:15px 15px;
	background-color:transparent;
	opacity:0.8;
	filter: alpha(opacity=80);
}

#text-ueber-flash h1 {
	margin:0; padding:0;
	font:normal 10pt 'Verdana', 'sans.serif';
	font-weight:bold;
	color:#FF5500;
	opacity:1;
	filter: alpha(opacity=100);
	line-height:15pt;	
}

#text-ueber-flash a:link {		
	display:inline;
	width:auto;
	height:auto;
	text-decoration: none; 	
	padding-top:0px;
	padding-left:0px;
 	margin:0px;	
	color:#ffffff;
	background-color:transparent;		
	}

#text-ueber-flash a:visited {	
	display:inline;
	width:auto;
	height:auto;
	text-decoration: none; 	
	padding-top:0px;
	padding-left:0px;
 	margin:0px;	
	color:#ffffff;
	background-color:transparent;		
	}
	
#text-ueber-flash a:hover, a:active, a:focus {		
	display:inline;
	width:auto;
	height:auto;
	text-decoration: none; 	
	padding-top:0px;
	padding-left:0px;
 	margin:0px;	
	background-color:transparent;	
	color:#DB5613;	
	outline: none;			
	}	

#main {   
	z-index:1;
	border-width:0px;
  	border-style:solid; 
	border-color: transparent; 	
    position:absolute;		
    top: 0px;
    left: 50%;
    width: 986px;    
	margin: 0 0 0 -493px;	
    }
	
#inhalt {	
	position:absolute;	
	top:287px; left:0;
	width: 986px;   
	min-height: 760px;
	background: url(../images/bg-haupt-mitte.png) repeat-y;          	
    }	
	
#inhalt #leftbox {
	position:absolute;
	top:0; left:24px;
	width:250px; height:500px;
	background:url(../images/bg-nav.jpg) no-repeat top left;
}
	
#hotline {
	position:absolute;
	top:360px; left:20px;	
}
	
#nav-home {	
	z-index:4;  
    position:absolute;
    top: 290px;
    left: 462px; 	
    }	
	
#nav-ferienwohnung {	
	z-index:4;  
    position:absolute;
    top: 302px;
    left: 533px; 	
    }	
	
#nav-galerie {	
	z-index:4;  
    position:absolute;
    top: 298px;
    left: 681px; 	
    }	
	
#nav-kontakt {	
	z-index:4;  
    position:absolute;
    top: 290px;
    left: 765px; 	
    }	

/* ------ Footer ------ */



/* ------ Footer Ende ----- */

#footer {
	position:relative;
	top:74px; left:0;
	width:986px; height:74px;
	background:url(../images/rahmen-unten.png) no-repeat;
	clear:both;
}

/* ------ Impressum-Container ------ */

#impressum {
	position:absolute;
	bottom: 35px; right:20px;
	font:normal 7pt 'Verdana', 'sans-serif';
	color: #999;
}

#impressum a:link, #impressum a:visited {
	color: #999;
	text-decoration:underline;
	font:normal 7pt 'Verdana', 'sans-serif';
}

#impressum a:hover, #impressum a:active, #impressum a:focus {
	color: #666;
	text-decoration:none;
	font:normal 7pt 'Verdana', 'sans-serif';
}

#impressum a:link.inline-link { text-decoration:none; }

#impressum a:link.inline-link b {
	color: #999;
	text-decoration:none;
	font:normal 7pt 'Verdana', 'sans-serif';
}

/* ------ Impressum-Container Ende ------ */
	
.text { 
	position:relative;
	top:25px; left:300px;
	font-size:9pt; 
	color:#565656; 
	line-height:14pt;
	font-family:Verdana; 
	text-decoration:none;
	width: 650px;
	min-height: 345px;
	}
	
.textrot { 
	font-size:11pt; 
	color:#a2000b; 
	line-height:13pt;
	font-family:Verdana; 
	text-decoration:none;
}

.textblau { color: #004fa3; }

.textorange { color: #FF9400; }

.text h1 a.inline-link:link, .text p a.inline-link { text-decoration:none; }

.text p a.inline-link b { font-weight:normal; color:#565656; }

/*
h1 {
	font: normal 12pt Verdana;
	font-weight:bold; 
	letter-spacing: 0px;
	margin-bottom: 15px; 
	color: #004fa3;
	text-decoration:none;
}
*/

h1 { 
	font: bold 12pt Verdana;
	font-weight:bold; 
	letter-spacing: 0px; 
	margin-top: 0px; 
	margin-bottom: 0px; 
	color: #004FA3;
	}

h1.home {
	font: normal 15pt Verdana;
	font-weight:bold; 
	letter-spacing: 0px;
	margin-bottom: 15px; 
	color: #004fa3;
	text-decoration:none;
}

.text h1 a.inline-link, .text h1 a.inline-link b { 
	font: normal 12pt Verdana;
	font-weight:bold; 
	letter-spacing: 0px;
	margin-top: 0; 
	margin-bottom: 0; 
	color: #004fa3;
	text-decoration:none;
}

h2.home {
	font: normal 15pt Verdana;
	font-weight:bold; 
	letter-spacing: 0px;
	margin-bottom: 15px; 
	color: #004fa3;
	text-decoration:none;
}

h2.art {
	width:280px; 
	height:23px;
	padding: 5px 0 0 0;	
	font: normal 15pt Verdana;
	font-weight:bold; 
	letter-spacing: 0px;
	margin-bottom: 0px; 
	color: #004fa3;
	text-decoration:none;
	background-color: #ffbb04;
}		

h2.ort {
	width:631px; height:23px;
	padding: 5px 0 0 20px;
	margin:40px 0 10px 0;
	background-image:url(../images/bg-ueberschrift.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	font: bold 11pt Verdana;
	color:#fff;
	clear:both;
}

h2.ort a.inline-link b {
	font: bold 11pt Verdana;
	color:#fff;
}

h2.blau {
	font: bold 10pt Verdana;
	color: #004fa3;
	margin-top: 15px; 
	}
	
/*
h2 { 
	font: normal 8pt Verdana;
	font-weight:bold; 
	letter-spacing: 0px; 
	margin-top: 0px; 
	margin-bottom: 0px; 
	color: #000000;
	}

*/

h2 {
	font: normal 12pt Verdana;
	font-weight:bold; 
	letter-spacing: 0px;
	margin-bottom: 15px; 
	color: #004fa3;
	text-decoration:none;
}


h3, h4 {
	font: bold 10pt Verdana;
	color: #004fa3;
	margin-top: 15px; 
}

h4 { margin-bottom:15px; }


h5 {
	font: normal 12pt Verdana;
	font-weight:bold; 
	letter-spacing: 0px;
	margin-bottom: 15px; 
	color: #004fa3;
	text-decoration:none;
}

p	{
	margin-top:15px;
	clear:both;
	}
	
.text ul {
	margin-top:5px;
	padding-left:20px;
}

.text li {
	padding:3px 80px 3px 5px;
}
		
.text a:link {		
	display:inline-block;
	font-family:verdana;
	font-size:10pt;	
	width:auto;
	text-decoration: underline; 
	color: #004fa3;
	padding-top:0px;
	padding-left:0px;
 	margin:0px;	
	background-color:transparent;		
	}

.text a:visited {	
	display:inline-block;
	font-family:verdana;
	font-size:10pt;	
	width:auto;
	text-decoration: underline; 
	color: #004fa3;
	padding-top:0px;
	padding-left:0px;
 	margin:0px;	
	background-color:transparent;		
	}
	
.text a:hover, a:active, a:focus {		
	display:inline-block;
	font-family:verdana;
	font-size:10pt;
	width:auto;
	text-decoration: none; 
	color: #004fa3;
	padding-top:0px;
	padding-left:0px;
 	margin:0px;	
	background-color:transparent;			
	outline: none;		
	}	
	
.text p a:link.inline-link {
	color:#565656;
	text-decoration:none;
}

.text p a:link.inline-link b {
	font-weight:normal;
}
	
	
.bildlink a:link {		
	display:inline;
	width:auto;
	height:auto;
	text-decoration: none; 	
	padding-top:0px;
	padding-left:0px;
 	margin:0px;	
	background-color:transparent;		
	}

.bildlink a:visited {	
	display:inline;
	width:auto;
	height:auto;
	text-decoration: none; 	
	padding-top:0px;
	padding-left:0px;
 	margin:0px;	
	background-color:transparent;		
	}
	
.bildlink a:hover, a:active, a:focus {		
	display:inline;
	width:auto;
	height:auto;
	text-decoration: none; 	
	padding-top:0px;
	padding-left:0px;
 	margin:0px;	
	background-color:transparent;		
	outline: none;			
	}	
	
.formular { 
	color :#30338e; 
	background-color : #e1e1e1; 
	border-top : #ffffff 1px solid; 
	border-left : #ffffff 1px solid; 
	border-right : #000000 1px solid; 
	border-bottom : #000000 1px solid; 
	}
	
.galerie { margin:15px 0; }
.galerie img { margin:5px; }

img.ausstattung { border:1px solid #999; margin:2px; }
dl.container-haus img.ausstattung { float:left; }

table.saison {
	margin-bottom:30px;
}
	
table.saison caption {
	font-weight:bold;
	font-size:10pt;
	color:#004FA3;
	text-align:left;
	margin-left:5px;
}

table.saison th {
	width:auto;
	padding:3px 10px;
	background-color:#FAAA15;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	white-space:nowrap;
}

table.saison td {
	width:auto;
	background-color:#F2D37F;
	padding:4px 15px;
	text-align:center;
	white-space:nowrap;
}

table.saison td.saisonzeiten {
	vertical-align:middle;
	line-height:18pt;
}

table.videogalerie {
	margin-bottom:30px;
}
	
table.videogalerie caption {
	font-weight:bold;
	font-size:8pt;
	color:#004FA3;
	text-align:left;
	margin-left:5px;
}

table.videogalerie th {
	width:auto;
	padding:3px 3px;
	background-color:#ffffff;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	white-space:nowrap;
}

table.videogalerie td {
	width:auto;
	background-color:#FFBB04;
	padding:4px 3px;
	text-align:center;
	white-space:nowrap;
}

table.videogalerie td.videos {
	vertical-align:middle;
	line-height:15pt;
}

/* ------ Vergleichbare Wohnungen ------ */

table.vergleichswohnung {
	margin-bottom:30px;
}
	
table.vergleichswohnung caption {
	font-weight:bold;
	font-size:8pt;
	color:#004FA3;
	text-align:left;
	margin-left:5px;
}

table.vergleichswohnung th {
	width:auto;
	padding:3px 3px;
	background-color:#ffffff;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	white-space:nowrap;
}

table.vergleichswohnung td {
	width:auto;
	background-color:#FFBB04;
	padding:4px 3px;
	text-align:center;
	white-space:nowrap;
}

table.vergleichswohnung td.wohnung {
	vertical-align:middle;
	line-height:15pt;
}

/* ------ Vergleichbare Wohnungen-Container Ende ------ */

a:link.link-zurueck, a:visited.link-zurueck {
	width:auto;
	padding:0 12px;
	color: #004fa3;
	text-decoration:none;
	font:normal 10pt 'Verdana', 'sans-serif';
	text-align:right;
	background-image:url(../images/pfeil-zurueck.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

a:hover.link-zurueck, a:active.link-zurueck, a:focus.link-zurueck {
	width:auto;
	padding:0 12px;
	color: #FCBB3C;
	text-decoration:none;
	font:normal 10pt 'Verdana', 'sans-serif';
	text-align:right;
	background-image:url(../images/pfeil-zurueck1.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

a:link.link-top, a:visited.link-top {
	width:auto;
	padding:0 12px;
	color: #004fa3;
	text-decoration:none;
	font:normal 10pt 'Verdana', 'sans-serif';
	text-align:right;
	background-image:url(../images/pfeil-oben.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

a:hover.link-top, a:active.link-top, a:focus.link-top {
	width:auto;
	padding:0 12px;
	color: #FCBB3C;
	text-decoration:none;
	font:normal 10pt 'Verdana', 'sans-serif';
	text-align:right;
	background-image:url(../images/pfeil-oben1.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

p.seitenanker a:link, p.seitenanker a:visited, p.seitenanker a:hover, p.seitenanker a:active, p.seitenanker a:focus {
	display:inline-block;
	width:200px;
	line-height:26px;
	padding-left:15px;
	background:url(../images/pfeil-anker.gif) no-repeat center left;
}

a:link.ueberschrift, a:visited.ueberschrift, a:hover.ueberschrift,
a:active.ueberschrift, a:focus.ueberschrift {
	text-decoration:none;
}

table#belegung {
	font-size:8pt;
	border-collapse:collapse;
}

table#belegung thead tr {
	border:1px solid #888888;
}

table#belegung tr th {
	width:17.5px; height:19px;
	text-align:center;
	border-left:1px solid #F09E05;
	border-top:0;
	color:#004FA3;
	background-color:#FAAA15;
}

table#belegung td {
	border:1px solid #888;
	text-align:center;
	background-color:#F2D37F;
}

table#belegung td.frei {
	background-color:#00E600;
}

table#belegung td.belegt {
	background-color:#CC0000;
}

table#belegung td.start {
	background:#00E600 url(../images/moegl-anreise.gif) no-repeat 0 0;
}

table#belegung td.ende {
	background:#CC0000 url(../images/moegl-abreise.gif) no-repeat 0 0;
}

table#belegung tfoot td {
	padding:15px 0px;
	border-width:0px;
	background-color:transparent;
	text-align:center;
}

table#belegung tfoot td img {
	vertical-align:middle;
	margin-left:10px;
}

form fieldset {
	padding:0px 15px 25px 15px;
	margin-bottom:15px;
	border:1px solid #EFCFA1;
	-moz-border-radius:5px;
	background-color:transparent;
	clear:both;
}

form fieldset legend {
	margin-left:10px;
	font-weight:bold;
	font-size:10pt;
	color:#999;
}

form fieldset div {
	margin-top:25px;
}

form label {
	display:inline-block;
	width:170px;
	margin-right:10px;
	font-size:9pt;
	text-align:right;
	vertical-align:top;
}

form label.box {
	width:auto;
	text-align:left;
	margin-right:0;
	margin-left:10px;
	line-height:10pt;
}

form .Ausstattung label {
	text-align:left;
	line-height:1.25em;
	margin-bottom:8px;
	margin-left:20px;
	margin-right:0;
	width:180px;
}

form .Ausstattung label input {
	display:block;
	float:left;
	margin-top:2px;
	margin-bottom:5px;
}

form input, form textarea, form select {
	font:normal 9pt 'Verdana', 'Geneva', 'sans-serif';
	padding:2px;
	margin-bottom:8px;
	border:1px solid #BEBE90;
	background-color:#F7EDD5;
	outline-width:0px;
}

form input:hover, form textarea:hover, form select:hover {
	background-color:#fff;
	border-color:#7FB89B;
}

form input:active, form textarea:active, form select:active,
form input:focus, form textarea:focus, form select:focus {
	background-color:#fff;
	border-color:#7F9DB9;
}

form input.box {
	margin-left:180px;
	border:0;
	background-color:transparent;
}

form input.button, #online-buchung-submit form input {
	clear:both;
	float:right;
	margin:15px 0 40px 0;
	padding:5px;
	width:150px;
	-moz-border-radius:3px;
	background-color:#F7EDD5;
	font-weight:bold;
	color:#444;
}

form p.hinweis {
	font-size:8pt;
	color:#666;
	margin-left:20px;
}

form em {
	color:#E77B7B;
}

#main form p.hinweis_hauptsaison {
	margin-top:5px;
	margin-bottom:25px;
	padding:10px;
	border:1px solid #FFDD80;
	background-color:#FFFAEB;
	white-space:nowrap;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}

#main form p.hinweis_hauptsaison b {
	color:#004FA3;	
}

p#err {
	display:none;
	background:#FFE47A url(../images/error.png) no-repeat center left;
	color:#004FA3;
	font-weight:bold;
	font-size:10pt;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	margin-bottom:15px;
	padding:15px 25px 15px 45px;
	border:1px solid #FFCC00;
}

p#phpErr {
	display:block;
	margin-bottom:15px;
	padding:15px 25px 15px 45px;
	background:#FFE47A url(../images/error.png) no-repeat center left;
	border:1px solid #FFCC00;
	color:#004FA3;
	font-weight:bold;
	font-size:10pt;
	-moz-border-radius:5px;
}

p#phpSuc {
	display:block;
	margin-bottom:15px;
	padding:15px 25px 15px 25px;
	background-color:#FFBB04;
	border:1px solid #FFAE00;
	color:#004FA3;
	font-weight:bold;
	font-size:10pt;
	-moz-border-radius:5px;
}

form input.radio {
	margin-right:10px;
}

form span {
	display:inline-block;
	width:50px;
	text-align:left;
	line-height:10pt;
}

.text #Preistabellen {
	position:relative;
	right:265px;
	width:915px;
}

.text #Preistabellen table {
	float:right;
}

/* eAM Edit for frontpage blog integration */

.h3-blog {margin: 15px 0 15px 0;}
.item-post {margin: 0 0 15px 0;}

/* eAM Edit for frontpage social media integration */

.socicons {margin:0 0 0 0;}
.socicons img {border:0;}
.icon1 {float:right; width:70px;}
.icon2 {float:right; width:80px;}
.facebook-like {margin-top:550px;}
#home .socicons {margin-right:75px;}


/* Katalog */
#katalog {
	position:absolute;
	top:550px; left:60px;
}

#katalog a img {
	border-width:0px;
}

#katalog a:link, #katalog a:visited {
	font:normal 14px/26px Verdana, Geneva, sans-serif;
	color:#004FA3;
	text-decoration:underline;
}

#katalog a:hover, #katalog a:active,
#katalog a:focus {
	font:normal 14px/26px Verdana, Geneva, sans-serif;
	color:#004FA3;
	text-decoration:none;
}

.sharethis {margin:785px 0 0 49px;}

.text p a#link_erweitert {
	float:right;
	padding:0 12px;
}

/* ------ Merkliste ------ */
#inhalt #merkliste {
	position:absolute;
	top:15px; right:33px;
}

#inhalt #merkliste > a:link,
#inhalt #merkliste > a:visited {
	display:inline-block;
	font:normal 0.75em Verdana, Geneva, sans-serif;
	color:#B10000;
	text-decoration:none;
	padding:20px 85px 10px 0;
	text-align:right;
	background:url(/images/merkliste.gif) no-repeat right bottom;
	overflow:visible;
}

#inhalt #merkliste > a:hover,
#inhalt #merkliste > a:hover span {
	color:#004fa3;
}

#inhalt #merkliste span {
	display:inline-block;
	color:#B10000;
}

#inhalt #merkliste div {
	position:absolute;
	top:60px; right:19px;
	border:1px solid #B10000;
	border-radius:5px;
	padding:10px 15px;
	background-color:#FFFEFD;
}

#inhalt #merkliste div.hidden {
	display:none;
}

#inhalt #merkliste div p,
#inhalt #merkliste div li {
	white-space:nowrap;
	margin:0;
	font:normal 0.75em/2em Verdana, Geneva, sans-serif;
	color:#565656;
}

#inhalt #merkliste div ul {
	list-style:none;
}

#inhalt #merkliste div li a:link,
#inhalt #merkliste div li a:visited {
	font:normal 1em/2em Verdana, Geneva, sans-serif;
	color:#004FA3;
	margin-right:25px;
	text-decoration:underline;
}

#inhalt #merkliste div li a:hover,
#inhalt #merkliste div li a:active,
#inhalt #merkliste div li a:focus {
	text-decoration:none;
}

#inhalt #merkliste div li a.x_link_merkliste:link,
#inhalt #merkliste div li a.x_link_merkliste:visited {
	font-weight:bold;
	color:#8B8B8B;
	text-decoration:none;
	margin:0;
	float:right;
}

#inhalt #merkliste div li a.x_link_merkliste:hover,
#inhalt #merkliste div li a.x_link_merkliste:active,
#inhalt #merkliste div li a.x_link_merkliste:focus {
	color:#FFBB04;
}

p.link { position:relative; }

#inhalt p.link a:link.cont_link_merkliste,
#inhalt p.link a:visited.cont_link_merkliste {
	position:absolute;
	bottom:-11px;
	right:175px;
	padding:0px;
	color:#B10000;
	font-size:1.125em;
	text-decoration:none;
	padding:22px 0 12px 30px;
	background:url(/images/merkliste-stift.png) no-repeat bottom left;
}

#inhalt p.link a:hover.cont_link_merkliste,
#inhalt p.link a:active.cont_link_merkliste,
#inhalt p.link a:focus.cont_link_merkliste {
	color:#004fa3;
}

#inhalt p.link span {
	position:absolute;
	bottom:-11px;
	right:175px;
	padding:0px;
	color:#B10000;
	font-size:1.125em;
	padding:22px 0 12px 30px;
	background:url(/images/merkliste-haken.png) no-repeat bottom left;
}

#inhalt .seitenanker a.seitenanker_link_merkliste:link,
#inhalt .seitenanker a.seitenanker_link_merkliste:visited {
	padding:0px;
	color:#B10000;
	font-size:1.125em;
	text-decoration:none;
	padding:12px 0 12px 30px;
	background:url(/images/merkliste-stift.png) no-repeat bottom left;
}	

#inhalt .seitenanker a.seitenanker_link_merkliste:hover,
#inhalt .seitenanker a.seitenanker_link_merkliste:active,
#inhalt .seitenanker a.seitenanker_link_merkliste:focus {
	color:#004fa3;
}

#inhalt .seitenanker span {
	display:inline-block;
	padding:0px;
	color:#B10000;
	font-size:1.125em;
	text-decoration:none;
	padding:12px 0 12px 30px;
	background:url(/images/merkliste-haken.png) no-repeat bottom left;
	line-height:26px;
}

#inhalt #merkliste div a.close_link:link, 
#inhalt #merkliste div a.close_link:visited {
	float:right;
	font:normal 0.625em Verdana, Geneva, sans-serif;
	color:#868686;
	padding-top:8px;
	text-decoration:none;
}

#inhalt #merkliste div a.close_link:hover,
#inhalt #merkliste div a.close_link:active,
#inhalt #merkliste div a.close_link:focus {
	color:#565656;
}

p.roter-faden + p {
	position:relative;
	top:30px;
}

/* ------ Banner Rügen Royal auf Luxusferien-Seite --- */

#banner-ruegen-royal {
	margin-top:10px;
	margin-left:7px;
}