/*
////////////////////////////////////////////////////////////////
//
// Styles fuer das Layout
//
// WeblicationŽ CMS Strukturdesign Version 4.7
// erstellt durch Scholl Communications AG, 77694 Kehl, www.scholl.de
// erstellt mit WeblicationŽ Content Management Server, www.weblication.de
//
////////////////////////////////////////////////////////////////
*/

#bilder img{padding-top:10px;}

* {margin:0;padding:0;font-family:verdana, sans-serif;}

html	{height:100%;}

body	{height:100%;
	font-family:verdana, sans-serif;
	font-size:12px;
	line-height:150%;
	background:url(/de/wLayout/design/img/backgrounds/hintergrund3.jpg) bottom repeat #49494b;}

h1 {	font-size:20px;
	font-family:Lucida Calligraphy;
	color:#fa6d18;
	line-height:25px;}

h2 {	font-size:18px;
	font-family:Lucida Calligraphy;
	color:#fa6d18;
	font-weight:normal;}

h3 {	font-size:14px;
	font-family:Verdana;
	color:#fa6d18;
	font-weight:normal;
	margin:0 0 5px 0;}

h4 {	font-size:18px;
	font-family:Lucida Calligraphy;
	color:#fa6d18;
	font-weight:normal;}

h5 {	font-size:12px;
	font-family:Verdana;
	color:#000;
	display:inline;
	font-weight:normal;
	font-style:italic;}

hr{	border:none;
	width:530px;
	height:1px;
	background:#CDCDCD;}

p {	margin:0;padding:0;font-family:verdana, sans-serif;}

img{border:none;}
			
#farbtafel td {padding-left:5px;border-left:20px solid #fff;}

/* Einstellungen Wellness Seite*/
.w1	{background:#eaecec}
.w2 {padding:2px 0 2px 10px}
.w3	{background:#f3f4f4}
.w4 {background:#f3f4f4}
.col1	{background:#eaecec}
.col2	{background:#f3f4f4}
.L20 {padding:0 0 0 20px}
.bg {background:#EAECEC}
.H10 {height:10px}

a.infobox {text-decoration:none;}

a.infobox span {
visibility:hidden; 
position:absolute; 
margin:60px 0 0 -315px; 
padding:5px; 
width:300px;
text-decoration:none;}

*html a.infobox span{
visibility:hidden; 
position:absolute;
top:0;
left:0; 
text-decoration:none;}

a.infobox:hover span { 
visibility:visible; 
border:1px solid #fa6d18;
color:#49494b; 
background:white;}
						 
.clear{clear:both;}

#wrapper{
min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto;
	padding:0;
	width:950px;
	position:relative;
	}

#wrapper_Unterkunft{	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto;
	padding:0;
	width:800px;}

* html #wrapper {	
/* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/de/wLayout/design/img/backgrounds/hintergrund_wrapper.png');
} 

#wrapper[id]        {
    background:url(/de/wLayout/design/img/backgrounds/hintergrund_wrapper.png);} 

#top	{position:relative;
	float:left;
	height:110px;
	width:950px;
	background:#49494b;}

*html #top	{position:relative;
	padding:0;
	height:374px;
	width:950px;}

* html #top {	
/* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/de/wLayout/design/img/backgrounds/hintergrund_top.png');
} 

#top[id]        {background:url(/de/wLayout/design/img/backgrounds/hintergrund_top.png) #49494b;} 

a#logo {
	display:block;
	float:left;
	height:110px;
	width:596px;
	background:url(/de/wLayout/design/img/logos/logo-voss-auf-grau.gif) no-repeat;}

a#logo  span{
	display:none;
}	
	
#banner{
	float:left;
	height:310px;
	width:592px;
	background:url(/de/wLayout/design/img/bild_top.jpg);
	margin:0 0 0 4px;
	padding:0;
	z-index:1;}

#banner img{
	position:relative;
	height:310px;
	width:592px;
	background:url(/de/wLayout/design/img/bild_top.jpg);
	margin:0;
	padding:0;
	z-index:1;}

*html #banner {
	float:left;
	height:310px;
	width:592px;
	background:url(/de/wLayout/design/img/bild_top.jpg);
	margin:0 0 0 2px;
	padding:0;
	z-index:1;}

#flashcontent {
	position:absolute;
	width:592px;
	height:310px;
	z-index:1;}

#flashcontent2 {
	position:relative;
	width:592px;
	height:310px;
	z-index:1;}

.blockContent {
	position:relative;
	float:left;
	width:592px;
	margin:320px 0 0 4px;
	padding:0;}
	
*html .blockContent {
	position:relative;
	float:left;
	width:592px;
	margin:15px 0 0 4px;
	padding:0;}


#pictures {
	float:left;
}	

span.tooltip {
	background:#ddd;
	color:#333;
	border:1px solid #FB7C2F;
	width:520px;
	position:absolute;
	padding:20px;

}
	
	
.blockContent a.sauerland-card span.tooltip {
	display:none;
	text-decoration:none;
}	

.blockContent a.sauerland-card:hover span.tooltip {
	display:block;
}


	
.blockContent .elementStyle {width:530px;}

.blockContent .elementHeadline {margin:0 0 10px 24px;width:530px;}

.blockContent .elementStandard {width:530px;
	margin:0 0 15px 24px;
	color:#49494b;
	background:url(/de/wLayout/design/img/trennlinie.jpg) bottom no-repeat;}
	
.blockContent .elementStandard .text ul li{
	list-style-position: outside;
	
}

.blockContent .elementSitemap {
	width:530px;
	margin:0 0 15px 24px;
	color:#49494b;
	background:url(/de/wLayout/design/img/trennlinie.jpg) bottom no-repeat;}

.blockContent .text {padding:0 0 15px 0;}
.blockContent ul{list-style-position:inside;list-style-type:disc;}
.blockContent a{color:#fb7c2f;text-decoration:none;}
.blockContent a:hover{color:#fb7c2f;text-decoration:underline;}
.blockContent .listenelement p.img{float:left;width:200px;padding:0 10px 0 0;}
.blockContent .listenelement p img{float:left;padding:0 10px 0 0;}
.blockContent .listenelement h3 a{font-size:14px;font-family:Verdana;color:#fa6d18;font-weight:normal;margin:0 0 5px 0;}
.blockContent .listenelement p{padding: 0 0 10px 0;}
.blockContent .listenelement hr{width:530px;margin:0 0 7px 0;background:#F8F8F8;}
.blockContent .elementForm{width:530px;margin:0 0 15px 24px;color:#49494b;background:url(/de/wLayout/design/img/trennlinie.jpg) bottom no-repeat;}
.blockContent table.buchen_content{border:1px solid #fa6d18;background:#eaecec;width:190px;margin:0;padding:0;}
.blockContent .buchen_content h2{text-align:center;width:190px;}
.blockContent .buchen_content hr{width:190px;}
.Form_Reservierung {width:560px;}
.Form_Reservierung .text {width:540px;}
.Form_Reservierung .links {float:left;width:45%;}
.Form_Reservierung .rechts{float:left;width:270px;margin:0 0 0 20px;}
.Form_Reservierung .inhalt{width:45%;margin:0;}
.Form_Reservierung .inhalt  label{float:left;width:50px;margin:3px 5px 3px 0;padding:2px 0;line-height:20px;}
.Form_Reservierung .links label{float:left;width:50px;	margin:3px 5px 3px 0;padding:2px 0;line-height:20px;}	
.Form_Reservierung .rechts label{float:left;width:50px;margin:3px 5px 3px 0;padding:2px 0;	line-height:20px;}	
.Form_Reservierung .rechts label.Anreise{width:150px;}
.Form_Reservierung .rechts label.Abreise{width:150px;} 
.Form_Reservierung .links label.Erwachsene{width:150px;}
.Form_Reservierung  .links label.Kinder{width:150px;}
.Form_Reservierung  .links label.unterkunft{width:250px;} 
.Form_Reservierung  .radiolinks {float:left;width:120px;line-height:25px;}
.Form_Reservierung  .radiorechts {float:left;	width:135px;line-height:25px;margin:0 0 0 5px;} 
.Form_Reservierung input{float:right;width:170px;margin:3px 0;padding:2px 0;line-height:16px;}	
.Form_Reservierung input.radiobutton{float:left;width:20px;margin:5px 0;padding:2px 0;line-height:16px;}
.Form_Reservierung  input#Anreise	{float:right;width:90px;margin:3px 0;padding:2px 0;line-height:16px;}	
.Form_Reservierung input#Abreise	{float:right;width:90px;margin:3px 0;padding:2px 0;line-height:16px;}	
.Form_Reservierung input#Erwachsene	{float:right;width:90px;margin:3px 0;padding:2px 0;line-height:16px;}
.Form_Reservierung input#Kinder	{float:right;width:90px;margin:3px 0;padding:2px 0;line-height:16px;}	
.Form_Reservierung label.Betreff	{float:left;width:100%;margin:3px 0;padding:2px 0;line-height:16px;}
.Form_Reservierung label.Kontakt	{float:left;width:100%;margin:3px 0;padding:2px 0;line-height:16px;}
.Form_Reservierung select	{float:right;line-height:16px;margin:3px 0;padding:2px 0;width:172px;}	
*html .Form_Reservierung select	{float:right;width:172px;margin:3px 0 -10px 15px;padding:2px 0;line-height:16px;}
.Form_Reservierung textarea	{width:250px;height:119px;margin:3px 0;padding:2px 0;line-height:16px;font-family:Verdana;font-size:12px;}
.Form_Reservierung  input.buttonAdmin	{float:left;background:#ddd;cursor:pointer;width:120px;}
.Form_Reservierung a.infobox {text-decoration:none;}
.Form_Reservierung a.infobox:hover { }
.Form_Reservierung a.infobox span {visibility:hidden;position:absolute;left:700px;margin:-100px 0;padding:5px;width:300px;text-decoration:none;}
*html .Form_Reservierung a.infobox span{visibility:hidden;position:absolute;top:0;left:0;text-decoration:none;}
.Form_Reservierung a.infobox:hover span {visibility:visible;border:1px solid #fa6d18;color:#49494b;background:white;}
.Form_Kontakt{width:560px;}
.Form_Kontakt .links	{width:250px;float:left;margin:0;}	
.Form_Kontakt .rechts	{width:250px;float:left;margin:0 0 0 20px;}	
.Form_Kontakt label{float:left;width:70px;margin:3px 5px 3px 0;padding:2px 0;line-height:20px;}
.Form_Kontakt label.Betreff{float:left;width:100%;margin:3px 5px 3px 0;padding:2px 0;line-height:20px;}
.Form_Kontakt label.Kontakt{float:left;width:100%;margin:3px 5px 3px 0;padding:2px 0;line-height:20px;}	
.Form_Kontakt input.text	{float:right;width:170px;margin:3px 0;padding:2px 0;line-height:16px;}
.Form_Kontakt  input.radiobutton{width:30px;margin:5px 0px 0px 0;padding:2px 0;}	
.Form_Kontakt select	{float:right;line-height:16px;margin:3px 0;padding:2px 0;width:172px;}	
*html .Form_Kontakt select	{float:right;width:152px;margin:3px 0 -10px 0;padding:2px 0;line-height:16px;}	
.Form_Kontakt textarea	{width:250px;height:119px;margin:3px 0;padding:2px 0;line-height:16px;font-family:Verdana;font-size:12px;}	
.Form_Kontakt .rechts input.buttonAdmin	{background:#ddd;cursor:pointer;width:120px;}
#angebote {width:594px;font-size:10px;color:#49494b;margin:0 0 0 -3px;padding:5px 0;}
#angebote a{color:#49494b;text-decoration:none;}
#angebote a:hover{color:#fb7c2f;}

.angebote_links {float:left;	width:267px;height:270px;background:url(/de/wLayout/design/img/backgrounds/hintergrund_angebot.jpg) no-repeat;margin:0 0 0 28px;padding:0 0 20px 0;}
*html .angebote_links {float:left;width:267px;height:270px;background:url(/de/wLayout/design/img/backgrounds/hintergrund_angebot.jpg) no-repeat;margin:0 0 0 14px;padding:0 0 20px 0;}

.angebote_rechts {
	float:left;
	width:267px;
	height:270px;
	background:url(/de/wLayout/design/img/backgrounds/hintergrund_angebot.jpg) no-repeat;
	margin:0;
	padding:0;
}

.angebote_links_neu {float:left;	width:267px;height:135px;background:url(/de/wLayout/design/img/backgrounds/hintergrund_angebot_neu.jpg) no-repeat;margin:0 0 0 28px;padding:0 0 20px 0;}
*html .angebote_links_neu {float:left;width:267px;height:135px;background:url(/de/wLayout/design/img/backgrounds/hintergrund_angebot_neu.jpg) no-repeat;margin:0 0 0 14px;padding:0 0 20px 0;}

.angebote_rechts_neu {
	float:left;
	width:267px;
	height:135px;
	background:url(/de/wLayout/design/img/backgrounds/hintergrund_angebot_neu.jpg) no-repeat;
	margin:0;
	padding:0;
}


.bild_angebot1 {
	float:left;
	margin:0;
	padding:10px 15px 0 10px;
}

*html .bild_angebot1 {
	float:left;
	margin:0;
	padding:10px 12px 0 10px;
}

.bild_angebot2 {
	padding:10px 10px 0 10px;
}

.bild_angebot3 {
	float:left;
	margin:0 15px 0 0;
	padding:0 0 0 10px;
}

*html .bild_angebot3 {
	float:left;
	margin:0 12px 0 0;
	padding:0 0 0 10px;
}

.bild_angebot4 {
	margin:0;
	padding:0;
}

.unterschrift_bild {
	float:left;
	width:117px;
	text-align:center;
	margin:0 0 0 10px;
	padding:0;
}

.unterschrift_bild2 {
	float:left;
	width:115px;
	text-align:center;
	margin:0 0 20px 15px;
	padding:0;
}

*html .unterschrift_bild {
	float:left;
	width:117px;
	text-align:center;
	margin:-2px 0 0 5px;
	padding:0;
}

*html .unterschrift_bild2 {
	float:left;
	width:115px;
	text-align:center;
	margin:-2px 0 20px 15px;
	padding:0;
}

#blockBuchen{float:left;margin:300px 0 65px 0;} 
*html #blockBuchen{float:left;position:relative;margin:0 0 0 -6px;padding:0;}
#bildergalerie {width:325px;height:170px;background:#eaecec;margin:0 0 0 19px;padding:20px 0;}
#bildergalerie_rechts{width:312px;height:170px;background:#eaecec;margin:0;padding:0;}
#onlinebuchen_logos {margin:0 0 0 24px;}

#buchen {float:left;width:210px;margin:20px 10px 0 0;text-align:center;} 
#logos {float:left;height:52px;width:325px;margin:15px 0 0px -10px;}
#logos a img {float:left;}
.blockContent_Unterkunft {position:relative;float:left;width:750px;min-height:100%;height:auto !important;height:100%;margin:0 0 0 13px;padding:20px 0 0 20px;background:#ffffff;}

.qfTable{margin:10px auto;}
.qfText{font-size:12px;color:#49494b;text-align:left;}
.qfLogo{font-size:9px;color:#49494b;}

.text ul {
	margin:0 0 0 15px;
}

#video-startseite {
	background:url(/de/wLayout/design/img/video.jpg);
	width:54px;
	height:70px;
	display:block;
	position:absolute;
	top:337px;
	z-index:1;
	left:533px;
}

	
/* Kontaktbutton */

#bildergalerie #supportbutton_area a {
	display:block;
	height:170px;
	width:312px;
}


.layout_5
{
	background-color:#FFFFFF;
	border-bottom-color:#BDD9EF;
	border-bottom-style:solid;
	border-bottom-width:3px;
	border-left-color-ltr-source:physical;
	border-left-color-rtl-source:physical;
	border-left-color-value:#BDD9EF;
	border-left-style-ltr-source:physical;
	border-left-style-rtl-source:physical;
	border-left-style-value:solid;
	border-left-width-ltr-source:physical;
	border-left-width-rtl-source:physical;
	border-left-width-value:3px;
	border-right-color-ltr-source:physical;
	border-right-color-rtl-source:physical;
	border-right-color-value:#BDD9EF;
	border-right-style-ltr-source:physical;
	border-right-style-rtl-source:physical;
	border-right-style-value:solid;
	border-right-width-ltr-source:physical;
	border-right-width-rtl-source:physical;
	border-right-width-value:3px;
	border-top-color:#BDD9EF;
	border-top-style:solid;
	border-top-width:3px;
	display:block;
	padding-bottom:4px;
	padding-left:4px;
	padding-right:4px;
	padding-top:4px;
}

#fbbutton	{
	color:#fff;
	z-index:50;
	width:135px;
	float:right;
	margin:-5px 0 10px 0;
	}
	
	
	
/* Galerie Zimmer */	

.galerie {
	float:left;
}

.galerie img {
	margin:0 0 5px 5px;
}

.lupe {
	background:url(/de/wLayout/design/img/lupe.jpg) no-repeat;
	float:left;
}

.lupe span {
	font-size:10px;
	margin:0 0 0 25px;
}


/* Tabelle Zimmerkategorien */	

table.zimmerkategorien td {
	border-bottom:1px solid #cdcdcd;
	border-right:2px solid #fff;
	padding:5px 5px 5px 5px;
}	
	
a#buchen-mitte-rechts	{
	float:left;
	display:block;
	background:url(/de/wLayout/design/img/buchen-mitte-rechts.png) top no-repeat;
	height:46px;
	width:332px;
	margin:10px 0 10px -7px;
	}	
	
a:hover#buchen-mitte-rechts	{
	background:url(/de/wLayout/design/img/buchen-mitte-rechts.png) bottom no-repeat;
	}
	
a#buchen-oben-rechts	{
	display:block;
	background:url(/de/wLayout/design/img/buchen-oben-rechts.png) top no-repeat;
	height:46px;
	width:143px;
	position:absolute;
	right:0;
	top:15px;
	}	
	
a:hover#buchen-oben-rechts	{
	background:url(/de/wLayout/design/img/buchen-oben-rechts.png) bottom no-repeat;
	}	
	
a#buchen-oben-links	{
	display:block;
	background:url(/de/wLayout/design/img/buchen-links-oben.png) top no-repeat;
	height:95px;
	width:143px;
	position:absolute;
	z-index:400;
	left:0;
	top:110px;
	}	
	
a:hover#buchen-oben-links	{
	background:url(/de/wLayout/design/img/buchen-links-oben.png) bottom no-repeat;
	}