/*-----------------CSS RESET-------------------
-------------------------------------------*/
* {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
	border: none;
	}

ul, ol {
	list-style-type: none ;
	}
/*------------------ALLGEMEIN-------------------
-----------------------------------------------*/
* {	
	font-family: sans-serif;
	}

body {
	margin: 10px;
	background-color: gray;
	} 
	
h1  {
	font-size: 21px;
	color: white;
	
	}
	
h2	{
	font-size: 17px;
	color: white;
	}
	
h3	{
	font-size: 16px;
	color: white;
	}
	
h4	{
	font-size: 17px;
	color: white;	
	}

h5	{
	font-size: 11px;
	color: white;
	}

h6	{
	font-size: 9px;
	color: white;
	}
	
p {color: gray; }
/*------------------CONTENT---------------------
-----------------------------------------------*/


#container {
	position: relative;
	margin: 0 auto;
	
	}

#header {
	position: relative;
	height: 139px;
	width: 823px;
	background-image: url(images/banner.png);
	margin: 0 auto;
	}
	
#menu {
	position: relative;
	width: 823px;
	height: 24px;
	text-align: center;
	margin: 0 auto;
	z-index: 100000000;
	background-image: url(images/menubg.png);
	background-repeat: repeat-x;
	}

#nav {
	
	}

#nav li {
	background-position: center ;
	margin: 0 auto;
	padding-left: 1px;
	font-size: 14px;
}



#nav, #nav ul 
	{

	list-style: none;
	font-family: sans-serif;
	background-color: transparent;
	font-size: 14px;
	}

#nav a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding-left: 7px;
	padding-right: 9px;
	text-align: center;
	padding-bottom: 2px;
	padding-top: 4px;
	position: relative;
	top: 2px;
	width: 100%;
	
	
	
	
}

#nav a:hover 
	{
	color: gray;
}

#nav li 
	{
	float: left;
	text-align: center;
	}

#nav li ul 
	{
	position: absolute;
	left: -999em;
	background-color: transparent;
	overflow:hidden;
	padding-top: 4px;
	
	}

#nav li:hover ul 
	{
	left: auto;		
	}


#nav li:hover ul, #nav li.sfhover ul 
	{
	left: auto;
	text-align: left;
	}
	
.eckeli {
	position: absolute;
	width: 11px;
	height: 25px;
	background-image: url(images/menubg_left.png);
	left: 0px;
	top: 0px;
	z-index: 100000;
	}
.eckere {
	position: absolute;
	width: 11px;
	height: 25px;
	background-image: url(images/menubg_right.png);
	right: 0px;
	top: 0px;
	z-index: 100000;
	}

#content {
	position: relative;
	margin: 0 auto;
	width: 823px;
	font-size: 15px;
	height: auto;
	background-image: url(images/content_bg.png);
	
	}
	
#content ul {
	list-style-type: disc;
	padding-left: 20px;
	color: white;
	}	
	
#leistungen2 {
	padding: 40px;
	text-align: justify;
	width: 350px;
	position: absolute;
	top: 0px;
	right: 0px;
	
	}
	
#leistungen {
	padding: 40px;
	position: relative;
	width: 350px;
	text-align: left;
	padding-bottom: 170px;
	}

#leistungen h1 {
	padding-bottom: 20px;
	font-size: 18px;
	color: white;
	}

#leistungen2 h2 {
	padding-bottom: 20px;
	}



#impressum {
	font-family: Helvetica, sans-serif;
	position: relative;
	top: 20px;
	left: 0px;
	background-color: #000;
	margin: auto;
	text-align: justify;
	padding: 40px;
	padding-top: 20px;
	padding-bottom: 60px;
	}
	
	 
#impressum h6 {
	 font-family: Helvetica, sans-serif;
	 font-weight: lighter;
	 color: #fff; 
	 font-size: 0.75em;
	 }

#impressum a:link,
#impressum a:visited {
	color: #fff;

	}
	
#impressum a:hover,
#impressum a:active {
	color: #d6d6d6;
	}




/*-------------------FOOTER--------------------
-----------------------------------------------*/


#footer {
	position: relative;
	width: 823px;
	height: 42px;
	margin: 0 auto;
	background-image: url(images/footer.png);
	color: #b4b4b4;
	font-size: 12px;
	background-repeat: no-repeat;
	}
	



/*--------------------GALLERY-------------------
------------------------------------------------*/
#jgal 
	{ 
	position: relative;
	list-style: none; 
	width: 300px; 
	left: 50px;
	}
	
#jgal li { 
	opacity: .5; 
	float:left; 
	display: block; 
	width: 100px; 
	height: 60px; 
	background-position: 40% 40%; 
	cursor: pointer; 
	border: 3px solid #fff; 
	outline: 1px solid #ddd; 
	margin-right: 14px; 
	margin-bottom: 14px; 
	}
	
#jgal li img { 
	position: absolute; 
	top: 0px; 
	right: -418px; 
	display: none;
	float: right;
	
	border: 8px solid #666;
	}
	
#jgal li.active img { 
	display: block; 
	}
	
#jgal li.active, #jgal li:hover { 
	outline-color: #bbb; 
	opacity: .99 ;
	}

#gallery { 
	list-style: none; 
	display: block;
	}
	
#gallery li { 
	float: left; 
	margin: 0 10px 10px 0; 
	text-align: center; 
	}
#gallerykomplett {
	position: relative;
	
	width: 823px;
	height: 600px;
	padding-top: 60px;
	padding-bottom: 80px;
	background-color: black;
	margin: 0 auto;
	}
	
#plan {
	position: relative; 
	height: 438px;
	width: 823px;
	display: block;
	z-index: 1;
	background-color: black;
	margin: 0 auto;
	padding-top: 60px;
	padding-bottom: 60px;
	
	}
	
#plan img {
	height: 438px;
	width: 700px;
	left: 63px;
	border: none;
	position: relative;}
	
/*-------------------NEWSLETTER------------*/

#newsletter {
	position: relative;
	color: gray;
	font-size: 0.8em;
	text-align: left;
	width: 823px;
	background-color: black;
	margin: 0 auto;
	height: 400px;
	padding-bottom: 20px;
	}
#newsletter input {
	width: 120px;}

#box {
	position: relative;
	left: 40px;
	border: 1px solid gray;
	width: 140px;
	text-align: center;
	padding: 10px;
	top: 60px;}

select {
	color: #fff;
	background: #666;
	margin: 9px;
	}

#newsletter input {
	background: #fff;
	border: 2px solid #666;
	margin: 6px;
	}
	
#newsletter submit {
	background: transparent;
	}

	

#hinweis2 {
	font-family: sans-serif;
	font-size: 0.9em;
	position: absolute;
	text-align: justify;
	width: 500px;
	left: 250px;
	top: 83px;
	}
#hinweis3 {
	position: relative;
	left: 40px;
	top: 40px;
	}
#power {
	position: relative;
	left: 0px;
	font-size: 10px;
	top: 10px;
	text-align: left;
	}

/*----------------KONTAKT------------------*/

#contact {
	position: relative;
	top: 0px;
	left: 0px;
	font-family: Eurostile, sans-serif;
	color: #666;
	background-color: black;
	height: 500px;
	width: 823px;
	margin: 0 auto;
	
	}

#contact textarea {
	background-color: #f1f1f1;
	position: absolute;
	left: 160px;
	border: 1px solid #666;
	font-family: sans-serif;
	font-size: 0.8em;
	padding: 4px;
	}
	
#contact input {
	background-color: #f1f1f1;
	position: absolute;
	left: 160px;
	border: 1px solid #666;
	font-size: 0.8em;
	padding: 4px;
	}

#contact input:focus {
	background-color: #f1f1f1;
	position: absolute;
	left: 160px;
	border: 2px solid #666;
	font-size: 0.8em;
	padding: 4px;
	}

#contact textarea:focus {
	background-color: #f1f1f1;
	position: absolute;
	left: 160px;
	border: 2px solid #666;
	font-family: sans-serif;
	font-size: 0.8em;
	padding: 4px;
	}

#button input
 	{
	position: relative;
	top: 0px;
	left: 0px;
	color: #fff;
	text-decoration: none;
	background-color: #333;
	display: block;
	text-align: center;
	padding: 4px 3px 3px 3px;
	font-family: sans-serif;
	font-size: 0.95em;
	border: 1px solid white;
	width: 90px;
	height: 25px;
		}
	
#button input:active,
#button input:hover
	{
	position: relative;
	top: 0px;
	left: 0px;
	color: white;
	background-color: gray;
	text-align: center;
	padding: 3px 3px 3px 3px;
	cursor: pointer;


}
#button input:link,
#button input:visited{
position: relative;
	top: 0px;
	left: 0px;
	color: #393939;
	padding: 4px 3px 3px 3px;
	cursor: pointer;

	}

#contact p {
	padding: 20px 0px 0px 0px;
	vertical-align: middle;
	left: 40px;
	position: relative;
	top: 40px;
	}

#text {
	font-size: 1.1em;
	position: relative;
	top: 120px;
	left: 70px;
	}

#welcome {
	position: relative;
	top: 260px;
	height: 450px;
	left: 273px;
	width: 520px;
	
	
	}	

#welcome p {
	margin-top: 20px;
	}

#welcome a:link,
#welcome a:visited {
	color: #d6d6d6;
	}

#welcome a:active,
#welcome a:hover {
	color: white;
	}
	
#flyer {
	position: relative;
	margin: 0 auto;
	background-image: url(bilder/aktion.jpg);
	height: 600px;
	width: 823px;
	}

#bergger {
	float:left;
	margin-right: 4px;
	margin-top: 3px;
	
	}
	
#versteckt {
	display: none;
	width: 1px;
	height: 1px;
	color: transparent;
	visibility: hidden;
	}