/* Innen- und  Außenabstände für alle Elemente auf 0 setzen */
html *,
* {
	margin: 0;
	padding: 0;
}

/* Damit im Firefox der Scrollbalken immer sichtbar ist */
html{
	height: 101%;
}

body{
	background: url(../media/images/bg.png) no-repeat top center #5a5a5a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
  color: #000;

}

/* Border bei Bildern entfernen */
img{
	border: 0;
}

a {
	/* Outline bei Links entfernen (firefox) */
	outline: none;
	color: #000;
}

a:active,
a:visited {
	color: #000;
}

a:hover,
a:focus {
	text-decoration: underline;
}

h1{
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 10px;
	text-indent: -500%;
}

h2{
	font-size: 18px;
	margin-bottom: 0.5em;
}

h3{
	font-size: 13px;
	margin-bottom: 0.4em;
}

h4{
	font-size: 12px;
	margin-bottom: 0.4em;
}

hr{
	clear: both;
	color: #b2bcc2;
	background-color:#b2bcc2;
	height: 1px;
	border: 0;
	margin-bottom: 0.5em;
}

p {
	margin-bottom: 2.0em;
	line-height: 1.5em;
}

ul{
	margin-bottom: 1em;
}

li {
	margin-top: 0.2em;
	line-height: 1.5em;
}

label{
	font-size: 11px;
}
input, textarea, label{
	font-family: inherit;
	font-size: 12px;
	font-weight: normal;
}


.more{
	line-height: 2em;
}

.standard{
	padding: 20px 140px 50px 20px;
	background: url(../media/images/zebra.jpg) no-repeat top right;
}
.standard img{
	padding: 10px 2px;
}

.logo {
	background: url(../media/images/informationen/logo.jpg) no-repeat center center;
	height: 500px;
}

.hidden{
	visibility: hidden;
}

div.h2{
	position: relative;
}
div.h2 h2.text{
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 21px;
	line-height: 1.4em;
	z-index: 1;
	color: #fff;
}
div.h2 h2.shadow{
	position: absolute;
	top: 2px;
	left: 2px;
	font-size: 21px;
	line-height: 1.4em;
	color: #777;
}
div.h2 h2 small{
	font-size: 12px;
	vertical-align: 10%;
	z-index: 1;
}


/*********************
 * ID selectoren
 *********************/
#WrapperBody {
	width: 904px;
	padding: 0 2px 0 6px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}


#Header {
	height: 135px;
	position: relative;
}

#Logo{
	position: absolute;
	left: 0px;
	bottom: 0px;
}

#Sponsor{
	position: absolute;
	right: 0px;
	bottom: 0px;
}


#NavigationTop{
	height: 20px;
	padding: 4px;
	margin-bottom: 1px;
	background: url( ../media/images/nav-top-bg.png ) repeat-y;
	text-align: right;
	overflow: hidden;
	color: #000;
}
#NavigationTop a{
	color: #000;
	margin: 0 5px;
	font-size: 10px;
}

* html #WrapperContent { height: 1%; }
#WrapperContent {
	overflow: hidden;
	background: url( ../media/images/content-bg.png ) repeat-y;
}

#Navigation {
	float: left;
	width: 162px;
	height: 700px;
	background: url(../media/images/nav-bg.png ) no-repeat top center #c61328;
}
	#Navigation ul{
		margin-top: 20px;
		margin-left: 30px;
	}

	#Navigation li {
		list-style-image: url( ../media/images/li.png );
		text-decoration: none;
		padding-bottom: 10px;
		margin-top:0;
		margin-right: 20px;
	}

	#Navigation li a {
	  text-decoration: none;
		color: #fff;
		font-size: 14px;
	}
	#Navigation li a:hover{
		text-decoration: underline;
	}
	#Navigation li a.selected{
		font-style: italic;
		text-decoration: underline;
	}

/*
*  Link für Weihnachtsangebote
*/
#Navigation li.weihnachtsangebote {
	margin-top: 15px;
	background: url( ../media/images/flocken_anim.gif ) repeat-x;
}





#Content{
	width: 742px;
	float: right;
	overflow: hidden;
	background: url(../media/images/gradient.png) repeat-x;
	position: relative;
}

#home{
	position: relative;
	margin-top: 15px;
	height: 700px;
}
#home h2{
	font-size: 25px;
	font-weight: normal;
	margin-left: 20px;
	margin-right: 20px;
}
#home img{
	position: absolute;
	top: 110px;
	left: 0px;
}
#home p{
	margin-left: 20px;
	margin-right: 20px;
	position: absolute;
	top: 502px;
	left: 0px;
	line-height: 22px;
}

/******************
*  Team
*******************/
* html #team { height: 1%; }
#team{
	overflow: hidden;
	padding: 20px 130px 20px 20px;
	background: url(../media/images/zebra.jpg) no-repeat top right;
}
#team h2{
	position: absolute;
	visibility: hidden;
}
* html #team div { height: 1%; }
#team div{
	overflow: hidden;
}

#team .left h3,
#team .right h3{
	color: #b71125;
	margin-left: 0;
	margin-bottom: 0.5em;
	text-align: left;
	font-size: 16px;
}
#team .left img{
	width: 72px;
	height: 72px;
	padding: 0 11px 11px 0;
	margin: 0.4em 0.4em 0 0;
	float: left;
	background: url(../media/images/team/shadow.png) no-repeat;
}
#team .left p,
#team .right p{
	line-height: 1.3em;
}
#team .right p{
	text-align: right;
}

#team .right h3{
	text-align: right;
	margin-right: 11px;
}
#team .right img{
	width: 72px;
	height: 72px;
	padding: 0 11px 11px 0;
	margin: 0.4em 0 0 15px;
	float: right;
	background: url(../media/images/team/shadow.png) no-repeat;
}

/**********************
 *  Konakt
 **********************/
#ansprechpartner{
	overflow: hidden;
	padding: 25px 130px 60px 20px;
	background: url(../media/images/zebra.jpg) no-repeat top right;
}
#ansprechpartner div.h2{
	margin-left: 288px;
	height: 50px;
}

#ansprechpartner #foto{
	padding: 0 10px 10px 0;
	margin: 0 10px 10px 0;
	background: url(../media/images/kontakt/shadow.png) no-repeat;
	float: left;
}
#ansprechpartner ul{
	margin-left: 30px;
	list-style-type: circle;
}
#ansprechpartner ul li{
	list-style-type: circle;
}
#ansprechpartner td{
	line-height: 1.5em;
	padding-right: 10px;
}
#ansprechpartner #btnKontaktform{
	float:right;
	margin: 5px 50px;
}

/**********************
 *  Anfahrt
 **********************/
#anfahrtskizze{
	overflow: hidden;
	padding: 25px 130px 60px 20px;
	background: url(../media/images/zebra.jpg) no-repeat top right;
}

#anfahrtskizze #skizze{
	padding: 0 10px 10px 0;
	margin: 46px 10px 10px 0;
	background: url(../media/images/kontakt/skizze-shadow.png) no-repeat;
}


/**********************
 *  Leistungen
 **********************/
* html #leistung{ height: 1% }

#leistung{
	overflow: hidden;
	padding: 20px 40px 60px 20px;
	background: url(../media/images/zebra.jpg) no-repeat top right;
}
#leistung h3{
	color: #b71125;
	font-size: 16px;
}
#leistung .images{
	float: right;
	margin-left: 70px;
}
#leistung .images img{
	display: block;
	background: url(../media/images/leistungen/shadow.png) no-repeat;
	padding: 0 10px 10px 0;
	margin-bottom: 5px;
}

/**********************
 *  Über uns
 **********************/
#ueberUns{
	overflow: hidden;
	padding: 20px 40px 60px 20px;
	background: url(../media/images/zebra.jpg) no-repeat top right;
}
#ueberUns img{
	display: block;
	background: url(../media/images/ueber-uns/shadow.png) no-repeat;
	padding: 0 10px 10px 0;
	margin-bottom: 15px;
}
#ueberUns p{
	margin-right: 100px;
}




#ContactFormOverlay{
		background-color:#000;
		position: absolute;
		left:0px;
		top:0px;
		width: 100%;
		z-index: 997;
}

#ContactFormBox{
		position: absolute;
		top: 60px;
		left: 50%;
		width: 600px;
		height: 400px;
		padding: 15px;
		margin-left: -300px;
		overflow: hidden;
		background-color: #fff;
		z-index: 998;
}

#KontaktFormular label{
	display: block;
	margin-top: 15px;
}
#KontaktFormular textarea{
	width: 400px;
	height: 360px;
	display: block;
	border: 0px;
}
#KontaktFormular input{
	display: block;
	width: 400px;
	padding: 2px 0;
	border: 0px;
	border-bottom: 1px solid #888;
}
#KontaktFormular textarea:focus,
#KontaktFormular input:focus{
	background-color: #eee;
}
#KontaktFormular #Message label{
	margin-top: 0;
}
#KontaktFormular #Message textarea{
	width: 280px;
}
#KontaktFormular #Address input{
	width: 280px;
}
#KontaktFormular #Address label{
	margin-top: 0px;
	margin-bottom: 15px;
}

#Message{
	float: left;
	width: 289px;
	height: 400px;
	padding-right: 10px;
	border-right: 1px solid #888;
}
#Address{
	position: relative;
	float: right;
	width: 289px;
	height: 400px;
	padding-left: 10px;
}

.close{
	position: absolute;
	right: 10px;
	bottom: 10px;
}
#KontaktFormular .submit{
	margin-top: 20px;
	border: 1px solid #888;

}
#KontaktFormular #Address .submit{
	background: url(../media/images/kontakt/briefmarke.png) no-repeat #fff;
	width: 85px;
	height: 115px;
	border: 0px;
	margin-left: 190px;
	margin-bottom: 30px;
	cursor: pointer;
}


#KontaktStatus{
	height: 400px;
	text-align: center;
}