@charset "UTF-8";
/**
 * Cascading Style Sheets
 * www.pape.de
 */
 
/******************************************************************************************************************* 
 * ALLGEMEINE FORMATIERUNG 
 ******************************************************************************************************************/
html {
	height:100%;
}
body {
	color:#000;
}
body, h1, h2, h3, h4, p, span, input, select, option, a, textarea, ul {
	font-family: "Helvetica", Arial, sans-serif;
	font-weight:normal;
}
h1 			{ font-size:32px; color:#ecf1f7; font-weight:bold; text-transform:uppercase; letter-spacing:0.02em;}
h2 			{ font-size:16px; color:#336699; font-weight:bold; padding:25px 0 30px 0;}
ul 			{ font-size:13px; color:#666666; list-style:none;}
p 			{ font-size:13px; color:#666666; line-height:20px; padding-bottom:10px;}
a 			{ text-decoration:none; color:#336699; }
a:hover		{ color:#000; }
.clearer	{ clear:both; }
.linear 		{ display:none;}
a img, img 	{ border: none; overflow:hidden; display:block; }
.blau		{ color:#336699; }

/******************************************************************************************************************* 
 * STRUKTUR & AUSRICHTUNG
 ******************************************************************************************************************/
#Wrapper {
	width:100%;
	height:100%;
	background:#fff;
}
	
	#nonfooter {
		float:left;
		width:100%;
	}
		
		#Header {
			float:left;
			width:100%;
			background: #336699 url(../images/bg_header.gif) repeat-x left top;
		}
			
		#Site {
			float:left;
			width:900px;
			padding:0 15px 30px 27px;
		}
			
		#Footer {
			float:left;
			width:100%;
			height:30px;
			position: relative;  /* Needed for Safari */
			background:url(../images/bg_footer.gif) repeat-x left top;
		}

/******************************************************************************************************************* 
 * Header & Pikto
 ******************************************************************************************************************/
#Header h1 {
	padding:15px;
}
#piktoCol {
	height:60px;
	float:left;
	width:100%;
	background: #336699 url(../images/bg_piktocol.gif) repeat-x left top;
	margin:15px 0 20px 0;
}
#piktoCol img.m1 {
}
#piktoCol img.m2 {
	margin-left:95px;
}
#piktoCol img.m3 {
	margin-left:255px;
}
#piktoCol img.m4 {
	margin-left:415px;
}
#piktoCol img.m5 {
	margin-left:576px;
}
#piktoCol img.m6 {
	margin-left:742px;
}
/******************************************************************************************************************* 
 * Mainnav
 ******************************************************************************************************************/
#Mainnav {
	float:left;
	padding:0 15px 0 15px;
}
#Mainnav ul li {
	float:left;
	padding:0;
	margin:0;
}
#Mainnav ul li a{
	display: block;
	font-weight: 100 !important;
	font-size: 13px;
	text-decoration: none; 
	color:#fff;
	line-height:22px;
	height:22px;
	text-align:center;
}
#Mainnav ul li span{
	padding-right:5px;
	background:#fff;
}
#Mainnav ul li a:hover {
	color:#fff;
	background:url(../images/bg_nav_over.gif) repeat-x left top;
}
#Mainnav ul li a.selected {
	color:#fff;
	background:url(../images/bg_nav_over.gif) repeat-x left top;
}
.m1 a{
	margin-right:5px;
	width:57px;
}
.m2 a{
	margin-right:12px;
	width:98px;
}
.m3 a{
	margin-right:12px;
	width:197px;
}
.m4 a{
	margin-right:42px;
	width:105px;
}
.m5 a{
	margin-right:57px;
	width:130px;
}
.m6 a{
	margin-right:0px;
	width:78px;
}

/******************************************************************************************************************* 
 * Content
 ******************************************************************************************************************/

#Content ul {
	list-style-type:none;
	padding:0;
	line-height:21px;
}
#Content ul li {
	padding-left:18px;
	background:url(../images/listenpunkt.jpg) no-repeat left center;
}
#Pikto  {
	float:left;
	width:100%;
}
#Pikto ul {
	margin:90px 0 0 0;
	list-style-type:none;
	padding: 0 0 0 0;
}
#Pikto li {
	float:left;
	padding:0 60px 0 0 !important;
	background:transparent !important;
}
.p1 a, .p2 a, .p3 a, .p4 a, .p5 a  {
	display:block;
	width:101px;
	height:200px;
}
.p1 a {
	background:url(../images/p1.jpg) no-repeat left top;
}
.p1 a:hover {
	background:url(../images/p1_over.jpg) no-repeat left top;
}
.p2 a {
	background:url(../images/p2.jpg) no-repeat left top;
}
.p2 a:hover {
	background:url(../images/p2_over.jpg) no-repeat left top;
}
.p3 a {
	background:url(../images/p3.jpg) no-repeat left top;
}
.p3 a:hover {
	background:url(../images/p3_over.jpg) no-repeat left top;
}
.p4 a {
	background:url(../images/p4.jpg) no-repeat left top;
}
.p4 a:hover {
	background:url(../images/p4_over.jpg) no-repeat left top;
}
.p5 a {
	background:url(../images/p5.jpg) no-repeat left top;
}
.p5 a:hover {
	background:url(../images/p5_over.jpg) no-repeat left top;
}
#Pikto a span {
	display:none;
}
#Termin {
	padding-top:40px;
}
.adresse {
	float:left;
	width:370px;
}
.adresse label {
	display:block;
	float:left;
	width:120px;
	height:120px;
}
.adresse span {
	float:left;
}
.adresse img,
.adresse a {
	float:left;
}

/******************************************************************************************************************* 
 * Footer
 ******************************************************************************************************************/
#Footer p {
	line-height:30px;
	color:#fff;
	padding-left:15px;
}
#Footer span {
	float:left;
	padding-right:15px;
}
#Footer a {
	color:#99ccff;
}
#Footer a:hover {
	color:#fff;
}