@charset "UTF-8";
/* CSS Document */

/* ********************** */
/* ********************** */
/*
Stylesheet für Föhr Perle (uodated aug 12 - bigger 12pt font)

/* ********************** */
/* ********************** */

/*  Farbdefinition
#A07B61 - Hintergrund hellbraun

#613011 - Hintergrund-Braun

#7D7F81 - Grau für aktive Links im Footer-Menü

#CAB1A2 - Hellbraun für aktive Hauptmenü-Links

#fff grün für aktiver Footer-Links
/* ********************** */
/* ********************** */
/* Generelles **************************************************************** */
html, body
{ 
font-family: 'Oxygen', Arial, sans-serif;
font-weight: 400;
font-size: 16px;
color: #fff;
  padding: 0px; 
  margin: 0px; 

}

body
{
	background-image:url(img/bgimg.jpg); background-repeat:repeat-x;
	background-color:#A07B61;
}

html
{
	height:1600px;
	overflow:auto;
}

div{
	display:block;
		margin:0px;
	padding:0px;
}


img{border:none;}

#rahmen {
	
	width:1024px;

	margin: 20px auto;
background-color: transparent;

}

h1
{
font-family: ‘Metrophobic’, Arial, serif; font-weight: 400; 
font-size: 32px;
}

h2
{
font-family: 'Oxygen', Arial, sans-serif;
font-weight: 400;
font-size: 18px;
color: #fff;

	margin:0px;

		padding:0px;

}

h3
{
/*font-family:Arial, Helvetica, sans-serif; */
font-family: 'Oxygen', Arial, sans-serif;
font-weight: 400;
font-size: 14px;
color: #fff;

	margin:0px;

		padding:0px;

}

#iedummy
{
	display:none;
}


.download-file
{

margin: 0px;

	
}


 a:link {text-decoration:none; color:#fff; }
 a:visited {text-decoration:none; color:#fff;}
 a:hover {text-decoration:underline; color:#fff; }
 a:active {text-decoration:underline; color:#fff; }



/* Header-Bereich **************************************************************** */
/* ************** **************************************************************** */
#header

{

	width:1024px;
		height:105px;


}


/* Logo **************************************************************** */

#fp_logo
{
	position:absolute;
	width: 395px;
		height: 87px;

	margin-left:20px;
		margin-top:13px;
		padding:0px;
}
#fp_logo img
{
	border: none;
	width: 395px;
		height: 87px;
}

/* Hauptmenü **************************************************************** */

#hauptmen {



width:1024px;
text-align:right;
padding-top:75px;


}


 a:link.hm {text-decoration:none; color:#fff; padding-left:12px;}
 a:visited.hm {text-decoration:none; color:#fff; padding-left:12px;}
 a:hover.hm {text-decoration:underline; color:#fff;  padding-left:12px;}
 a:active.hm {text-decoration:underline; color:#fff;  padding-left:12px;}

 a:link.hm_a {text-decoration:none; color:#CAB1A2; padding-left:12px;}
 a:visited.hm_a {text-decoration:none; color:#CAB1A2; padding-left:12px;}
 a:hover.hm_a {text-decoration:underline; color:#CAB1A2;  padding-left:12px;}
 a:active.hm_a {text-decoration:underline; color:#CAB1A2;  padding-left:12px;}


.hmpt
{
	position:relative;



display: inline;
 border:none
}


/* Trennlinie **************************************************************** */

.whiteline
{

	width:1024px;
height:1px;

	margin:0px;
	padding:0px;


}
.whiteline_bt
{
	width:1024px;
height:1px;

	margin:0px;
	padding:0px;


}
/* Content-Bereich **************************************************************** */
/* ******************************************************************************* */
#maincontent{






}


#mainimg_b, .img_wrapper_b
{
	width:1024px;
	height:496px;
	background-color:#BABCBE;
}

#mainimg_s, .img_wrapper_s
{
	width:1024px;
	height:210px;
		background-color:#BABCBE;
}
/* Trennlinie **************************************************************** */

.whiteline
{

	width:1024px;
height:1px;

	margin:0px;
	padding:0px;
border-bottom-style:solid; 
border-bottom-width:1px;
	border-bottom-color:#fff;
}
.whiteline_bt
{
	width:1024px;
height:1px;

	margin:0px;
	padding:0px;
border-top-style:solid; 
border-top-width:1px;
	border-top-color:#fff;	
}
/* Textbereich unten **************************************************************** */
#txtcontent
{
background-color:#613011;
float:left;
width:100%;
}

#clearme
{
	clear:both;
width:100%;	
}
/* Bilder und Textbereich Links **************************************************************** */
#img_li, #txt_li, #gb_li
{
	margin:30px 0px 40px 50px;
	width: 400px;
	background-color:#613011;
	float:left;
}

.img_txt_li, .img_txt_orte
{
	width:180px;
	float:left;
	margin-right:18px;
}
.img_txt_orte
{
	margin-bottom:18px;
}
.img_txt_li img
{
	width:180px;
	height:110px;
		margin-bottom:0px;

}

#img_li p, #txt_re p
{
		line-height:150%;
		margin-bottom:20px;
}

#img_li table, #txt_re table, #img_li td, #txt_re td, #img_li tr, #txt_re tr,  #img_li tbody, #txt_re tbody 
{
	margin:0px;
	padding:0px;
	border:none;
	border-width:0px;
		border-spacing:0px!important;

	vertical-align:top;
}
#img_li table, #txt_re table
{
	width:350px;
	margin-bottom:5px;
}

/* Textbereich Gästebuch **************************************************************** */
h3.guestbook
{
/*font-family:Arial, Helvetica, sans-serif; */
font-family: 'Oxygen', Arial, sans-serif;
font-weight: 400;
font-size: 16px;
color: #fff;

	margin:0px;

		padding:0px;

}
 #hl_gb
{
	
margin-left:15px;

}
#gbook
{

	padding:15px;
	width: 400px;
	background-color:#683917;
	float:left;
}
/* Textbereich rechts **************************************************************** */

#txt_re
{
	width:400px;
	margin:30px 50px 50px 0px;
	float:right;
	line-height:150%;

}
#hl_re
{
	width:400px!important;

	margin:0px!important;
	margin-bottom:-10px !important;

	padding:0px!important;
	
}

/* Footer-Elemente **************************************************************** */
#footer {
background-color: transparent;
	clear: both;
	height: 50px;
	width: 1024px;
}

#footmen
{
/*font-family:Arial, Helvetica, sans-serif; */
font-family: 'Oxygen', Arial, sans-serif;
font-weight: 400;
font-size: 16px;
	color:#000;
	position:relative;
	top: 10px;
	margin: 0px;
	
}



/* normale Links */
a:link.fmpt {text-decoration:none; color:#613011; margin-right:8px;}
a:visited.fmpt {text-decoration:none; color:#613011; margin-right:8px;}
a:hover.fmpt {text-decoration:underline !important; color:#CAB1A2; margin-right:8px;}
a:active.fmpt {text-decoration:none; color:#fff; margin-right:8px;}

/* aktive Links */
a:link.fmpt_a {text-decoration:none; color:#fff; margin-right:8px;}
a:visited.fmpt_a {text-decoration:none; color:#fff; margin-right:8px;}
a:hover.fmpt_a {text-decoration:none; color:#613011; margin-right:8px;}
a:active.fmpt_a {text-decoration:none; color:#613011; margin-right:8px;}




/* Elemente für die Slideshow**************************************************************** */

#slidelink
{
 
	
margin-left:80px;
margin-top:-15px;
width:300px;
height:40px;

	color:#fff;
}
/* slide Links */
#slidelink a:link{text-decoration:none; color:#fff; margin-right:10px;}
#slidelink a:visited{text-decoration:none; color:#fff; margin-right:10px;}
#slidelink a:hover {text-decoration:none; color:#CAB1A2; margin-right:10px;}
#slidelink a:active {text-decoration:none; color:#CAB1A2; margin-right:10px;}


.preloadimg
{

	top:0px;
	left:0px;
		border:none;
	width:0px;
	height:0px;
	margin:0px;
	padding:0px;
	display:none;
}
#preloader
{
	top:0px;
	left:0px;
		border:none;
	width:0px;
	height:0px;
	margin:0px;
	padding:0px;
	display:none;	
}
/* Sonderfälle**************************************************************** */
/* Elemente für das Impressum**************************************************************** */

#imptxt
{
	clear:both;
	width:460px;
	font-size:12px;

}

/* Elemente für Buchung**************************************************************** */
 a:link.buchlnk {text-decoration:underline; color:#fff; }
 a:visited.buchlnk {text-decoration:underline; color:#fff;}
 a:hover.buchlnk {text-decoration:underline; color:#CAB1A2; }
 a:active.buchlnk {text-decoration:underline; color:#CAB1A2; }
 
 
 
 /*bnnr_dtv*/
#bnnr_dtv{width:97px; height:113px; background:#fff;  position:absolute; z-index:99; margin:17px 0 0 910px;}
	#bnnr_dtv .wrapper{width:100%; height:113px; background:url(img/dtv/txt_btm.png) left bottom no-repeat;}
	#bnnr_dtv .star_div{padding:0 0 0 10px; }
	#bnnr_dtv .star{width:14px; height:14px; background:url(img/dtv/ico_star.png); float:left; }