/* Klaus Lellesch http://lellesch.com/ */

/* Eric Meyer's Reset Reloaded */
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
	background: #FFF url(../layout/flora2.jpg) no-repeat top center;
	font-size: 14px;
}
* html body {
 background-image: url(../layout/flora2.jpg);
 background-repeat:no-repeat;
 background-position: top -292px;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html, body{
text-align:center; 
}

a {text-decoration: none; color: #000;}
a:hover { color: #818181; border-bottom: 1px dotted #000;}

#pagewidth{ 
width:970px; 
text-align:left;
margin-left:auto;
margin-right:auto;
background-color: transparent;
}

#musik {position: absolute; top: 0; left: 0; width: 200px; height: 17px; background-color: transparent;}

#header{
position:relative;
height:310px;
background: transparent url(../layout/bg_head2.jpg) left -66px no-repeat;
width:970px;
}

* + html #header {background: transparent url(../layout/bg_head2.jpg) left -26px no-repeat;}
* html #header {background: transparent url(../layout/bg_head2.jpg) 1px -26px no-repeat;}

#maincol{ background-color: transparent;  
/*float: right; */
display:inline; 
position: relative;
}

#maincol h2 {
font-size: 26px;
text-align: center;
text-shadow: #666 2px 2px 7px;
line-height: 120%;
padding-bottom: 50px;
}

#maincol h3 {
font-size: 18px;
line-height: 120%;
letter-spacing: 1px;
padding: 0 50px 15px 50px;
}

#content {
position: relative;
width: 970px;
height:auto;
background:transparent url(../layout/log.gif) no-repeat bottom right;
padding-top: 50px;
padding-bottom: 80px;
}

#content p {
 padding: 0 50px 20px 50px;
 line-height: 23px;
}

#content a {
 padding-bottom: 1px;
 border-bottom: 1px dotted #000;
color: #444;
}

#content li { padding-left:50px; list-style: disc; list-style-position: inside; line-height: 23px;}
#content ul {padding-bottom: 20px;}

#gal {
position: relative;
width: 970px;
height:auto;
padding-top: 10px;
padding-bottom: 80px;
}

#gal ul { padding-left: 12px;}

#teaser {
position: relative;
width: 970px;
height: 391px;
background:transparent;
}

#teaser h2 {
font-family: Garamond, Georgia, Times, serif;
font-size: 22px;
color:#fff;
font-weight: normal;
padding: 55px 0 0 50px;
line-height: 30px;
letter-spacing: 1px;
}

#content1 {
position: relative;
width: 970px;
height:472px;
background: transparent url(../layout/content1.jpg) no-repeat;
margin: 50px 0 50px 0;
}

#content2 {
position: relative;
width: 970px;
height:472px;
background: transparent url(../layout/content2.jpg) no-repeat;
margin: 0 0 50px 0;
}

#content3 {
position: relative;
width: 970px;
height:472px;
background: transparent url(../layout/content3.jpg) no-repeat;
margin: 0 0 50px 0;
}

#content1 #content2 #content3, h3 {
font-family:Georgia, Garamond, Times, serif;
font-size: 23px;
font-weight: normal;
text-shadow: #999 3px 3px 5px;
}

#content1 .links { float: left; padding: 228px 0 0 125px;}
#content1 .mitte { float: left; padding: 228px 0 0 255px;}
#content1 .rechts { float: right; padding: 228px 62px 0 0;}

#content1L {
position: absolute;
top:290px;
left: 15px;
width: 290px;
height: 170px;
background-color: #FFF;
}

#content1L p {
font-size: 22px;
line-height: 29px;
letter-spacing:1px;
padding: 20px 0 0 35px;
}

#content1M {
position: absolute;
top:290px;
left: 342px;
width: 290px;
height: 170px;
background-color: #FFF;
}

#content1M p {
font-size: 22px;
line-height: 29px;
letter-spacing:1px;
padding: 20px 0 0 60px;
}

#content1R {
position: absolute;
top:290px;
left: 672px;
width: 290px;
height: 170px;
background-color: #FFF;
}

#content1R p {
font-size: 22px;
line-height: 29px;
letter-spacing:1px;
padding: 20px 0 0 10px;
}

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

#content2 .links { float: left; padding: 228px 0 0 68px;}
#content2 .mitte { float: left; padding: 228px 0 0 185px;}
#content2 .rechts { float: right; padding: 228px 106px 0 0;}

#content2L {
position: absolute;
top:290px;
left: 15px;
width: 290px;
height: 170px;
background-color: #FFF;
}

#content2L p {
font-size: 22px;
line-height: 29px;
letter-spacing:1px;
padding: 20px 0 0 55px;
}

#content2M {
position: absolute;
top:290px;
left: 342px;
width: 290px;
height: 170px;
background-color: #FFF;
}

#content2M p {
font-size: 22px;
line-height: 29px;
letter-spacing:1px;
padding: 20px 0 0 60px;
}

#content2R {
position: absolute;
top:290px;
left: 672px;
width: 290px;
height: 170px;
background-color: #FFF;
}

#content2R p {
font-size: 22px;
line-height: 29px;
letter-spacing:1px;
padding: 20px 0 0 30px;
}

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

#content3 .links { float: left; padding: 228px 0 0 75px;}
#content3 .mitte { float: left; padding: 228px 0 0 175px;}
#content3 .rechts { float: right; padding: 228px 90px 0 0;}

#content3L {
position: absolute;
top:290px;
left: 15px;
width: 290px;
height: 170px;
background-color: #FFF;
}

#content3L p {
font-size: 22px;
line-height: 29px;
letter-spacing:1px;
padding: 20px 0 0 35px;
}

#content3M {
position: absolute;
top:290px;
left: 342px;
width: 290px;
height: 170px;
background-color: #FFF;
}

#content3M p {
font-size: 22px;
line-height: 29px;
letter-spacing:1px;
padding: 20px 0 0 65px;
}

#content3R {
position: absolute;
top:290px;
left: 672px;
width: 290px;
height: 170px;
background-color: #FFF;
}

#content3R p {
font-size: 22px;
line-height: 29px;
letter-spacing:1px;
padding: 20px 0 0 45px;
}

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

#footer{
height:60px; 
background-color: transparent; 
clear:both;
border-top: 1px dotted #ccc; 
text-align: center;
margin-top:15px;
}

#footer p {
font-size: 13px;
color: #999;
padding-top: 15px;
}

/*** Float containers fix:***/
clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

/*############################
##### Menu #kopf ###########
#############################*/

#navigation {
	position: relative;
	margin-top: 40px;
	margin-left:48px;
	width: 970px;
	height: 51px;
	background-color: transparent;
}

#navigation ul {
	list-style: none;
}

#navigation li {
	list-style: url(none) none;
	display: block;
	float: left;
}

#navigation li a {
	text-indent: -9999px;
	border-bottom: 0px dotted #FFF;
}

#start a {
	display:block;
	background:url(../layout/start.png) no-repeat;
	width: 133px;
	height: 51px;
}

#start a:hover {
	background:url(../layout/start_hov.png) no-repeat;
	width: 133px;
	height: 51px;
}

#galerie a {
	display:block;
	background:url(../layout/galerie.png) no-repeat;
	width: 125px;
	height: 51px;
}

#galerie a:hover {
	background: url(../layout/galerie_hov.png) no-repeat;
	width: 125px;
	height: 51px;
}

#galerie_current a {
	display:block;
	background:url(../layout/galerie.png) no-repeat;
	width: 125px;
	height: 51px;
}

#ueber_uns a {
	display:block;
	background:url(../layout/ueber_uns.png) no-repeat;
	width: 148px;
	height: 51px;
}

#ueber_uns a:hover {
	background: url(../layout/ueber_uns_hov.png) no-repeat;
	width: 148px;
	height: 51px;
}

#ueber_uns_current a {
	display:block;
	background:url(../layout/ueber_uns.png) no-repeat;
	width: 148px;
	height: 51px;
}

#leistungen a {
	display:block;
	background:url(../layout/leistungen.png) no-repeat;
	width: 171px;
	height: 51px;
}

#leistungen a:hover {
	background: url(../layout/leistungen_hov.png) no-repeat;
	width: 171px;
	height: 51px;
}

#leistungen_current a {
	display:block;
	background:url(../layout/leistungen.png) no-repeat;
	width: 171px;
	height: 51px;
}

#impressum a {
	display:block;
	background:url(../layout/impressum.png) no-repeat;
	width: 175px;
	height: 51px;
}

#impressum a:hover {
	background: url(../layout/impressum_hov.png) no-repeat;
	width: 175px;
	height: 51px;
}

#impressum_current a {
	display:block;
	background:url(../layout/impressum.png) no-repeat;
	width: 175px;
	height: 51px;
}

#kontakt a {
	display:block;
	background:url(../layout/kontakt.png) no-repeat;
	width: 128px;
	height: 51px;
}

#kontakt a:hover {
	background: url(../layout/kontakt_hov.png) no-repeat;
	width: 128px;
	height: 51px;
}

#kontakt_current a {
	display:block;
	background:url(../layout/kontakt.png) no-repeat;
	width: 128px;
	height: 51px;
}

.bild_rechts {
 float: right;
 padding: 48px 0 5px 14px;
}

.bild_links {
 float: left;
 padding: 25px 14px 5px 0;
}

.clear {
 clear: both;
 padding: 30px 0 30px 0;
}

/*----------Formular----------*/

form
{
	display:block;
	width: 400px;
	margin: 2em 0 0 4em;
}

fieldset
{
	display:block;
	padding:1em 2em;
	clear:both;
	width:35em;
	border-width: 1px ;
	border-style:dotted;
	border-color: #ddd;
	margin:2em 0 3em 0;
	font-size: 15px;

}

html > body fieldset
{
	background-color: transparent;
}

select
{
	position: relative;
	top: -1.4em;
	left: 340px;
	display:block;
	width:180px;
	border:1px solid #a5acb2;
}
select:hover, input:hover, textarea:hover
{
	border:1px solid #000;
	color:#323665;
}
select:focus, input:focus, textarea:focus
{
	border:1px solid #000;
	color:#000;
	background-color: #DCDCDC;
}

legend
{
	background-color: #efefef;
	font-size: 16px;
	color: #000;
	font-weight: bold;
	line-height: 2em;
	letter-spacing: 1px;
	border-width: 1px 1px 0 1px;
	border-style: dotted dotted none dotted;
	border-color: #ddd;
	padding: 0 0.5em 0 0.5em;
	margin-bottom: 2em;
}

label
{
	float:left;
	clear:left;
	display:block;
	width:430px;
	margin-top: -.5em;
	font-weight: normal;
	font-size: 14px;
}

label.erstes
{
	margin-top:-0.5em;
}

input
{
	background:#fff;
	position: relative;
	top:-1.4em;
	left:10em;
	display:block;
	border:1px solid #a5acb2;
	padding:1px;
}

input.senden
{
	top:0;
	left:0;
	clear:left;
	width:19em;
	background-color: #e1e1e1;
	margin:30px 0 30px 0;
}
textarea
{
	position:relative;
	top:-1.4em;
	left:0;
	display:block;
	padding:2px;
	border:1px solid #a5acb2;
	width:19em;
	height:15.7em;
	text-align: left;
}

fieldset.radio input
{
	border:none;
	background:none;
	left:8em;
}
* html fieldset.radio input
{
	left:18.5em;
}

.hidden {
	padding: 5px 0 5px 0;
	margin: 5px 0 5px 0;
	display: none;
}

.small {color: #666; font-size: 12px; padding: 0!important; margin-bottom:15px; line-height: 15px!important;}