@charset "iso-8859-1";
html{
	height: 100%;
	overflow:scroll;
	background: #f1eee5;
}
body {
	height: 100%;
	color: #525252;
	font: 62.5%/1.4  Arial, Helvetica, Verdana, sans-serif;
}

a {
	text-decoration:none;
	color: #373737;
	font-weight: normal;
	border: 0;
}
a:visited {
	text-decoration:none;
	color: #525252;
	font-weight: normal;
	border: 0;
	}
a:hover {
	text-decoration:none;
	color: #525252;
	font-weight: normal;
	background: #c9c2af;
}
a:focus {
	text-decoration:none;
	color: #525252;
	font-weight: normal;
	background: #c9c2af;
}
a:active {
	text-decoration:none;
	font-weight: normal;
	color: #525252;
	background: #c9c2af;
}


#canvas{
	min-height:100%;
	margin-bottom:-40px;
	background: url('../images/absoluttopback.jpg') repeat-x;
}

#headspace {
	height: 212px;
}

#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:212px;
	border-bottom: 1px solid #b2aba1;
	background: url('../images/scherenschnitt.jpg') no-repeat;
	z-index: 10;
}
#printhead{
display:none;
}
#flash{
	position:absolute;
	top:0;
	left: 0;
	width: 358px;
	height: 212px;
	z-index: 20;
}
#titel {
	position:relative;
	z-index: 40;
	height: 74px;
	top: 0;
	margin-left: 260px;
	background:url('../images/titel.jpg') 0 0 repeat-y;
}
	#logo {
		position:relative;
		float:right;
		margin: 15px 15px 0 20px;
	}
	#text {
		position:relative;
		text-align:left;
		padding: 43px 0 0 15px;
	}
#kleineleute{
	position:relative;
	float:right;
	height: 109px;
	width: 80px;
	top: 0px;
	background: url('../images/kleineleute.jpg');
	}

#newsflash {
	position:absolute;
	top: 170px;
	left: 260px;
	padding-left: 20px;	
	background: url(../images/bullet1.jpg) 2px 4px no-repeat;
	height: 25px;
	font-weight:bold;
	font-size:1.3em;
	z-index: 60;
}

.reddate{
	color:#e20031;
}

#newsflash a {
	text-decoration:none;
	border: 0;
	font-weight:bold;
}
#newsflash a:visited {
	text-decoration:none;
	border: 0;
	}
#newsflash a:hover {
	text-decoration:none;
	color: #ffffff;
	background: transparent;
	border: 0;
}
#newsflash a:focus {
	text-decoration:none;
	color: #ffffff;
	background: transparent;
	border: 0;
}
#newsflash a:active {
	text-decoration:none;
	color: #ffffff;
	background: transparent;
	border: 0;
}

#content {
	padding: 20px 0 0 20px;
	background: #f1eee5;
}

#doors {
	position:relative;
	top:10px;
	left: 0;
	z-index: 150;
	width: 100%;
	margin: 0 0 60px 0;
}
#doors ul {
height: 220px;
}
#doors ul li {
	background: #ffffff url(../images/bullet1.jpg) 5px 8px no-repeat;
	margin: 0 0 0 0;
	/*padding: 5px 5px 5px 22px;*/
}
#doors h3 a {
	color: #ffffff;
font-weight:bold;
}
#doors h3 a:visited {
font-weight:bold;
	color: #ffffff;
}
#doors h3 a:hover {
	color: #ffffff;
	background: transparent;
}
#doors h3 a:focus {
	color: #ffffff;
	background: transparent;
}
#doors h3 a:active {
	color: #ffffff;
	background: transparent;
}

	.q1 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 175px;
	}
	.q2 {
		position: absolute;
		top: 120px;
		left: 0px;
		width: 175px;
	}
	.q3 {
		position: absolute;
		top: 120px;
		left: 198px;
		width: 175px;
	}
	.q4 {
		position: absolute;
		top: 0px;
		left: 396px;
		width: 175px;
	}
	.q5 {
		position: absolute;
		top: 120px;
		left: 396px;
		width: 175px;
	}
	.q6 {
		position: absolute;
		top: 0px;
		left: 594px;
		width: 175px;
	}
	.q7 {
		position: absolute;
		top: 120px;
		left: 594px;
		width: 175px;
	}
	.q8 {
		position: absolute;
		top: 0px;
		left: 792px;
		width: 175px;
	}
	.q9 {
		position: absolute;
		top: 120px;
		left: 792px;
		width: 175px;
	}

#things {
	position:relative;
	top:30px;
	left: 0;
	z-index: 150;
	/*width: 100%;*/
	margin: 0 0 60px 192px;
}


#things ul li {
	margin: 4px 10px 4px 0;
	padding: 0px 0px 0px 17px;
	background: url(../images/bullet1.jpg) 0 4px no-repeat;
	text-decoration:none;
}

.gruppe {
position:fixed;
bottom: 50px;
right: 20px;
z-index: 100;
}

#footspace{
	clear:both;
	height:40px;/*needed to make room for footer*/
	background: url('../images/footer.png') 257px 0 no-repeat;
}
	#footer {
		margin: -40px 10px 0 267px;
		padding: 10px 0 0 0;
		height: 30px;
	}
		#subnav{
			float:left;
		}
		#subnav ul {}
		#subnav ul li {
			display:inline;
			padding: 0 5px 0 5px;
		}
		#firmierung{
			float:right;
		}

.cleanitup {
	clear:both;
	visibility:hidden;
}
.invisible {
	display:none;
	visibility:hidden;
}

