/*
-----------------------------------------------
Client: Ferienhaus Lübs
Author: LHMedia - www.lhmedia.eu
Copyright: 2006 LHMedia
Version:  24 Nov 2006
----------------------------------------------- */

/* Page Structure
----------------------------------------------- */

body {
 	background: #FFF url(images/bkgrd.gif) repeat-x top left;
	color: #333;
	margin: 0;
	padding: 0 0 25px 0;
	font-family: Verdana, sans-serif;
	font-size: x-small; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: small;

	}
	
html>body { /* be nice to Opera */
	font-size: small;
	}
	
	
	
/* Postioning
----------------------------------------------- */

#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	line-height: 120%;
	text-align: left;
	width: 775px;
	}


	
/* Common Typography
----------------------------------------------- */
	
h1, h2, h3, h4, h5, h6	{
	font-family: Verdana, sans-serif;
	}

h1 { 
	color: #8E8E8E;
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 180%; 
	font-weight: normal;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	}
	
	
h2 { 
	color: #8E8E8E;
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 170%; 
	font-weight: normal;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	}
	
h3, h4 {
	color: #5A5A5A;
	border-bottom: 1px dotted #C5C7CB;
	margin: 20px 0 14px 0;
	padding: 0 0 3px 0;
	font-size: 90%; 
	font-weight: bold;
	}
	
h5 {
	color: #5A5A5A;
	border-bottom: 1px dotted #C5C7CB;
	margin: 20px 0 14px 0;
	padding: 0 0 6px 0;
	font-size: 80%; 
	font-weight: bold;
	}

	
	

/* Main Column
----------------------------------------------- */

#main-body {
	background: #FFF url(images/pgbk.jpg) no-repeat;
	}
	
#content {
	margin: 0;
	padding: 24px 70px 0 70px;
	text-align: center;
	}
	

p.pleas_footer {
	font-size: 85%;
	text-align: center;
	}
	
p {
	font-size: 85%;
	text-align:justify;
	}
	
p.please_note {
	color: #585858;
	font-size: 85%;
	text-align: center;
	}

#content p {
	margin: 0;
	padding: 0 0 12px 0;
	}
	
#introduction {
	color: #7E7E7E;
	margin: 20px 20px 0 40px;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 140%;
	line-height: 100%;
	font-weight: normal;
	}
	
ul.features {
	color: Black;
	margin: 0 10px 10px 0;
	padding: 0;
	list-style: none;
	}
	
ul.features li{
	background: transparent url(images/star_bullet.gif) no-repeat 0 3px;
	margin: 0;
	padding: 0 0 6px 14px;
	font-size: 85%;
	}
	
#flash_gallery
	{
	margin: 25px 0 0 0;
	padding: 0;
	}
	
/* Panels
----------------------------------------------- */

#panels  {
	clear: both;
	margin: 20px 0 0 0;
	padding: 0;

	}
	
#panels-extras  {
	clear: both;
	text-align:justify;
	margin: 0 0 0 0;
	padding: 0;

	}

#panel_left{
	float: left;
	background: transparent url(images/panel_back.gif) top left no-repeat;
	margin: 0 0 40px 0;
	padding: 0;
	text-align: left;
	width: 300px;
	}

	
#panel_right {
	float: right;
	background: transparent url(images/panel_back.gif) top left no-repeat;
	margin: 0 0 40px 0;
	padding: 0;
	text-align: left;
	width: 300px;
	}
	
.panel_wrapper{
	margin: 0;
	padding: 0 10px 0 10px;
	width: 280px;
	}

	
	
/* Imagery / Photography
----------------------------------------------- */

.imageframe {
	background-color: #EFEBDE;
	margin: 6px 0 6px 0;
	padding: 6px;
	}
	
	/* General linkology
----------------------------------------------- */

a:link, a:visited {
	color: #A17A1F;
	font-weight : normal; 
	text-decoration: underline;
	}

a:hover {
	color: #A17A1F;
	text-decoration : none;
	}

a:active {
	color: #A17A1F;
	text-decoration : underline;
	}
	


/* Horizontal Main navigation
----------------------------------------------- */

#navcontainer	{
	background: transparent url(images/navback.jpg) top left no-repeat;
	height: 29px;
	margin: 0;
	padding: 0 0 0 92px;
	}

#navlist, {
	
	margin: 0;
	padding: 0;
	}

#navlist ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	letter-spacing: 1px;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	}

#navlist ul li {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	text-align: center;
	text-transform: uppercase;
	width: 145px;
	}

#navlist ul li a, #navlist a:link, #navlist a:visited {
	background: transparent;
	color: #8E8E8E;
	border-top: 5px solid #A49272;
	margin: 0;
	padding: 0;
	display: block;
	line-height: 23px; 
	font-size: 110%; 
	font-weight: bold;
	text-align: center; 
	text-decoration: none; 
	width: 145px;
	}


html>#menu ul li a  {
	font-size: x-small;   
	}
	
#navlist a:hover {
	background: transparent;
	color: #8A7860;
	border-top: 5px solid #A17A1F;
	border-bottom: 1px solid #E8D29F;
	text-decoration: none;
	}

#navlist a:active	{
	background: transparent;
	color: #8A7860;
	}
	
#navlist a:link#current, #navlist a:visited#current  {
	background: transparent;
	color: #8A7860;
	border-top: 5px solid #A17A1F;
	border-bottom: 1px solid #8A7860;
	text-decoration: none;
	}

	
/* Header
----------------------------------------------- */

#header1	{
	background: transparent url(images/header_a.jpg) top left no-repeat;
	border: 0;
	margin: 0;
	padding: 0;
	height: 151px;
	}
	
#header1 h1 {
	color: #000;
	border: 0;
	margin: 0;
	padding: 0;
	}
	
#header1 h1 span	{
	display: none;
	}
	
#header2	{
	background: transparent url(images/header_b.jpg) top left no-repeat;
	border: 0;
	margin: 0;
	padding: 0;
	height: 151px;
	}
	
#header2 h2 {
	color: #000;
	border: 0;
	margin: 0;
	padding: 0;
	}
	
#header2 h2 span	{
	display: none;
	}
	
#header3	{
	background: transparent url(images/header_c.jpg) top left no-repeat;
	border: 0;
	margin: 0;
	padding: 0;
	height: 151px;
	}
	
#header3 h3 {
	color: #000;
	border: 0;
	margin: 0;
	padding: 0;
	}
	
#header3 h3 span	{
	display: none;
	}

#header4	{
	background: transparent url(images/header_d.jpg) top left no-repeat;
	border: 0;
	margin: 0;
	padding: 0;
	height: 151px;
	}
	
#header4 h4 {
	color: #000;
	border: 0;
	margin: 0;
	padding: 0;
	}
	
#header4 h4 span	{
	display: none;
	}


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

#footer {
	position: relative;
	background: transparent url(images/footer.jpg) top left no-repeat;
	color: #666; 
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 60%;
	text-align: center;
	height: 80px;
	}

#footer p {
	margin: 0;
	padding: 20px 0 0 0;
	font-size: 80%;
	}

/* Fixes float escaping bug in IE/Win, hides from IE Mac \*/
* html #footer p { height: 1%; }
/* End hide from IE Mac */

#footer a {
	font-size: 100%; 
	}
	
#copyright {
	position: relative;
	color: #666; 
	clear: both;
	margin: 0;
	padding: 0;
	text-align: center;
	}

#copyright p {
	margin: 0;
	padding: 0;
	font-size: 70%;
	text-align: center;
	}

/* Fixes float escaping bug in IE/Win, hides from IE Mac \*/
* html #copyright p { height: 1%; }
/* End hide from IE Mac */

#copyright a {
	font-size: 100%; 
	}
	

	
/* Topper
----------------------------------------------- */

.topper {
	clear: both;
	background: url(images/topper.gif) 100% 20% no-repeat;
	margin: 20px 0 10px 0;
	padding: 0 8px;
	font-size: 80%;
	text-align: right;
	}
	

/* Misc Elements
----------------------------------------------- */

.skiplink {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	}

.clear {
	clear: both; 
	margin: 0;
	font-size: 1px; 
	line-height: 1px; 
	height: 1px; /* used for clearing elements */
	} 
	
.clearer {
	clear: both;
	margin: 0;
	padding: 10px 0 0 0;
	height: 10px;
	}
	
.floatl{
 float:left;
 padding-left:60px;
 padding-top:2px;
}

.float2{
 float:left;
 padding-left:5px;
 padding-top:2px;
}
	
#meme { width:238px; float:left; margin:0 10px 0 0; padding:0; }	
.image      { width:226px; height:179px; background-color: #EFEBDE; margin:6px 0 6px 0; padding:6px; float:left; }