/* CSS Document */
/* = HTML
----------------------------------------------- */
*{
	margin:0;
	padding:0;
	font-size:1em;
	color:#000000
}
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background:url(../media/wirbel.gif) no-repeat bottom right;
	background-attachment:fixed;

}
body.mainSite{
	background: #FFEBCD url(../media/wirbel.gif) no-repeat bottom right;
	background-attachment:fixed;
}
p{
    clear:both;
    margin:0 0 10em 0;
    padding:.6em 1em .6em 2em;
    line-height:1.6em;
    background:#FFF;
    opacity: .65
}
#content ul{
	clear:both;
	padding:0 1em 0 2em;
	line-height:1.4em;
}
#content h3{
	clear:both;
	margin:.6em 0 0 0;
	padding:0 1em 0 2em;

}
body.mainSite p{
	background:none;
	opacity: 1;
	margin:0 0 .6em 0;
	padding:0 1em 0 2em;
	line-height:1.2em;
}
a img {border:none}
/* = Grundgeruest
----------------------------------------------- */
#main{
	background: url(../media/wirbel.gif) no-repeat bottom right;
	background-attachment:fixed;
	height:100%;
	width:100%;
	position:absolute;
}

#bar {
	position:absolute;
	top:0;
	width:100%;
	height:313px;
	background:#FFF;
	z-index:0
}
#head {
	margin:0 0 0 20px;
    width:780px;
    float: left;
}
#content {
	margin:0 0 0 20px;
	padding-bottom:40px;
	width:750px;
	float:left;
    clear: both;

}
/* = Headbereich
----------------------------------------------- */
div#head h1 {
	float:left
}
div#head ul {
	float:left;
	list-style:none;
	margin:2em 0 0 0;
	position:relative;
	z-index:1;
	background:#FFF;

}
div#head ul li a,
div#head ul li span{
	background:url(../media/bg_nav.gif) no-repeat 0 .5em;
	color:#808080;
	padding:0 35px 8px 13px;
	text-decoration:none;
	font-weight:bold;
	display:block;
	letter-spacing:.1em
}
div#head ul li a:hover,
div#head ul li span{
	background-image:url(../media/bg_nav_akt.gif);
	color:#000;
}
/* = Content
----------------------------------------------- */
div.il {
	width:750px;
	float:left;
}
div.il img {
	display:block;
	float:left;
}
/* Boxen,z.B. Impressum */
div.box{
	float:left;
	width:38.25%;
	margin:20px;
}
.mainSite div.box{
	margin:28px 20px 20px 20px;
}
div.box p {
	padding:0;
	margin:0;
	background:none
}
.mainSite #content div.box h3{
	margin:1.6em 0 0 0;
		padding:0;
}
/*Startseite*/
div#content.start h2,
div#content.angebot h2{
color:#FF3F3F;
margin: 0 0 15px 55px
}
div#content.start img{
position:absolute;
top:106px;
left:500px;
z-index:0
}
div#content.start a img.logo,
div#content.start img.portrait{
position:static;
top:auto;
left:auto;
float:left;
margin-right:5px
}
ul.linkList li {
clear:both;
padding-bottom:5px;
float:left}
div#content.start p{
background:none;

}
div#content.start h1.index{
margin:61px 0 10px 45px;
font-size:1.4em;
}
div#content.start div.index{
font-size:1.2em;
margin:0 0 0 20px;
width:550px;
}
div#content.start div.index p{
clear:none;
line-height:140%;
margin-bottom:15px
}
div#content.start div.index img{
float:left;
margin: 0 10px 3px 25px
}
div#content.start div.txt{
margin-top:60px;
}
/*Angebote*/
div.offer{
margin:45px 0 155px 0;
float:left;
clear:both;

}
div.offer img{
float:right;
margin:-165px 0 0 0}
div.offer p{
float:left;
clear:none;
width:400px;
margin:0;
background:none}
#map {
width: 460px; 
height: 400px; 
clear:both; 
margin-left:20px
}
/* = Generals
----------------------------------------------- */
.hide {
position:absolute;
top:-3000px;
left:-3000px
}
.clearFix{clear:both}