﻿/* media:screen */

/* Formate und Positionen genereller Selektoren */


html, body, h1, h2, hr, p, ul, img, table, tr {
	border: none;
	margin: 0px;
	padding: 0px;
  border-collapse: collapse;
  }

body {
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: white;
  width:100%;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  line-height: normal;
  background: #ACB2C2;
  overflow: scroll;
}
h1, h2 {
	
}
p {
	font-size:10pt;
	margin-top: 6px;
  margin-bottom:8px;
  text-align: justify;
  padding-left: 14px;
 line-height: 1.5em;
}

a {
  	outline: none;
  	display: inline;
  	}

 h1, h2 {
color: white;
 font-size: 10pt;
 font-variant: normal;
 font-weight: bold;
 margin-top: 20px;
 margin-bottom:6px;
 font-style: normal;
 display: block;
 padding-left: 14px;
 }
 
 
h2 {
 text-align: center;
 margin-bottom:25px;
 margin-top:15px;
 }



 ul, li {
 list-style-type: none;
 font-variant: normal;
 text-decoration: none;
 text-align: left;
 }

 /* Gesamtcontainer zum Zentrieren */

div#wrapper {
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
	text-align: left;
	width:760px;
	min-height: 400px; 
   background: #8A91A1;
}

/* Header */

div#logo {
 border:0px;
 width: 720px;
 margin:70px 20px 20px 20px; 
 display: inline-block;
 font-weight: normal;
 font-family: Arial, sans-serif;
 font-size:21px;
 text-transform:lowercase;
 }
 
  div.left {
 	float:left;
 	display: inline;
 }
 div.right {
 	float:right;
   display: inline;
   text-align: right;
	 }

 span#subtitle {
 	color: #960045;
 	font-size: 16px;
 }
 
a#language {
	/*display: none;*/
	text-align: right;
	font-size: 11px;
}

  a.logo:link, a.logo:visited {
  background: #8A91A1;
  color: white;
  text-align: left;
  text-decoration:none;
  }

  a.logo:hover, a.logo:active {
  background: #8A91A1;
  color: white;
  }
  
  a#language:link, a#language:visited {
  background: #8A91A1;
  color: white;
  text-align: left;
  }

  a#language:hover, a#language:active {
  background: #8A91A1;
  color: #960045;
  }

 
 /* Hauptmenü */

 div#menu {
  width: 200px;
  text-transform: lowercase; 
  float: left;
  position: absolute;
  border: solid 14px;
  border-left: 0px;
  color: white;
  background-color: #8A91A1; 
  }

 div#menu ul {
  	font-size: 13px;
  }
  
 div#menu li {
	vertical-align: middle;
	line-height: 2.4em;
}

  
li.mainmenu {
	 color: white;
	 background-color: transparent;
}

 li#mainmenu_active a:link, li#mainmenu_active a:visited {
 color: #960045;
 background-color: #acb2c2;
  text-decoration: none;
  text-align: left;
  display: block;
  padding-left: 20px;
  }

  /* Formatierung der Links im Hauptmenü */

li a:link, a:visited {
 padding: 0px;
 padding-left:20px;
 background: #8A91A1;
 color:white;
 text-decoration: none;
 text-align: left;
 display: block;
 }
  

  li.mainmenu a:hover, li.mainmenu a:active,
  li#mainmenu_active a:hover, li#mainmenu_active a:active, 
  a:hover, a:active {
  background-color: #acb2c2;
  color: #960045;
  }

 
 /* Inhalts-Container */
 
div#content {
 float: right;
 width:468px;
 position: relative;
 margin-bottom:20px;
 }

 div#content p {
 line-height: 1.5em;
 font-size:13px;
 margin-right: 20px;
 }
  
 
 div#content a {
 margin:0px;
 padding:0px;
 }

#footnotes {
	margin-top: 60px;
}
div#footnotes p, div#footnotes p sup {
	font-size: 0.8em;
}
 
 img.photo {
 	margin-top:0px;
 	margin-bottom: 12px;
 	border: solid white 14px;
 	border-right: 0px;
 }

 img.kontakt {
 display: block;
 margin-top: 8px;
 margin-bottom:4px;
  }

.bildunterschrift {
	font-size:11px;
	display: block;
	margin-top:0px;
 	margin-bottom:4px;
 	padding-top:0px;
 	text-align: center;
}

/*Bildergalerie Easy Slider 1.0 */

	#slider ul, #slider li{
		margin:0px;
		padding:0px;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:454px;
		height:294px;
		overflow:hidden; 
		}
		#slider {	
		border: solid white 14px;
		border-right: none;
		}

		#slider li img, img.photo {
			width: 454px;
			height: 294px;
		}
		
/* numeric controls */	

	ol#controls{
		margin:12px;
		padding:0;
		height:12px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:12px;
		line-height:12px;
		}
	ol#controls li a{
		float:left;
		height:12px;
		line-height:12px;
		border:1px solid #acb2c2;
		background: transparent;
		color:white;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#acb2c2;
		color:white;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
		

 /* Formatierung der Links im Content und Galerie-Navi*/

  a.content, a.content:link, a.content:visited, 
  #prevBtn a:link, #prevBtn a:visited, 
  #nextBtn a:link, #nextBtn a:visited {
  background: none;
  color: white;
  text-align: left;
  text-decoration:underline;
  outline:none;
  display:inline;
  padding:0px;
}
  
  a.content:hover, a.content:active,
  #prevBtn a:hover, #prevBtn a:active, 
  #nextBtn a:hover, #nextBtn a:active {
  background: none;
  color: #960045;
	}
#prevBtn a:link, #prevBtn a:visited, 
  #nextBtn a:link, #nextBtn a:visited {
  text-decoration:none;
  }

/*  Preise und Konditionen */

table {
border: solid 1px white;
border: none;
margin: 12px;
text-align: center;
width: 440px;
}

.test {
background-color: green;
}

tr.kopfzeile td {
font-weight: bold;
line-height:1.5em;
background-color: #ACB2C2;
}

table tr td {
padding:10px;

}

div#preisgrafik {
background-color: transparent;
border: 0px;
width: 440px;
margin: 12px;
display: block;
vertical-align: middle;
}

div#preisgrafik ul li {
height: 40px;
width: 88px;
float: left;
}

p.clear {
clear: both;
padding-top: 10px;
}

.nebensaison {
background-color:#ACB2C2;
}

.hauptsaison {
background-color:#cc005f;
background-color:#960045;
}

.wintersaison {
background-color:#738887;
}


li p.legend {
text-align: center;
}
 
/* Footer */

div#footer {
 clear: both;
 width:454px;
 margin-left: auto;
 padding-top: 5px;
 padding-bottom: 20px;
 margin-bottom:60px;
 margin-top:10px;
 position: relative;
 border-left: 14px solid white;
 border-top: 14px solid white;
  }
  
div#footer p {
 font-size:11px;
 margin-right: 20px;
 padding-left: 10px;
 text-align: right;
 }
 div#footer p a:link, div#footer p a:visited {
 	background: none;
	color: white;
 }
 
div#footer p a:hover, div#footer p a:active {
	background: none;
	color: #960045;
}	

 /* SEO: Ausgeblendetes für SE sichtbar */
 .seo {
 display: none;
  }
