@charset "utf-8";

* {
	/*border:none;*/
	font-family: Arial, sans-serif;
	font-size:1em;
	color:#fff;
	margin:0;
	outline:0;
	padding:0;
	text-decoration:none;
	}
	
.closer {
	clear:both;
	}
	
body {
	background-color:#c9e5fc;
	height:100%;
	width:100%;
	line-height:100%;
	background-image:url(../img/bg.png);
	background-position:top center;
	background-repeat:repeat-x;	
	}
	
	#page {
		position:absolute;
		top:0;
		left:50%;
		height:100%;
		width:840px;
		margin:0 0 0 -420px;
		}
		
		#logo {
			position:relative;
			top:0;
			left:0;
			height:110px;
			width:250px;
			}
			
			.logo {
				width:400px;
				height:110px;
				text-decoration:none;
				display:block;
				background:url(../img/logo.jpg);
				}
 
				.logo:hover, .logo:active {						
					background-position:400px 0;
					}

/*     ##### NAVIGATION #####     */
		
		#navi {
			position:relative;
			}
			
			#navi_bg {
				position:relative;
				top:0px;
				left:0;
				height:30px;
				width:840px;
				}
			
			#navi_left {
				position:absolute;
				top:0;
				left:0;
				height:30px;
				}
			
				#navi_left ul {
					text-align:center;				
					}
				
					#navi_left li {
						position:relative;
						margin:0;
 						height:30px;
 						width:120px;										
 						list-style-type:none;
 						display:block;
 						float:left;
						}
					
				#navi_left a {
					margin:7px 0;
					padding:0;
					height:30px;
					width:120px;
					display:block;
					color:#fff;
					font-size:.7em;
					letter-spacing:1px;
					}
					
					#navi_left a.active {
						color:#000a32;
						}
				
					#navi_left a:hover, #navi_left a:active {					
						margin:0;
						padding:7px 0 0 0;								
						height:30px;
						width:120px;
						display:block;
						color:#000;
						background-image:url(../img/reiter.jpg);
						background-repeat:no-repeat;
						}
					
			#navi_right {
				position:absolute;
				top:0;
				right:0;
				height:30px;
				width:120px;
				}
				
				#navi_right ul {
					text-align:center;				
					}
				
					#navi_right li {
						position:relative;
 						height:30px;
 						width:120px;									
 						list-style-type:none;
 						display:block;
 						float:left;
						}
					
				#navi_right a {
					margin:7px 0;
					padding:0;
					height:30px;
					width:120px;
					display:block;
					color:#d3ff00;
					font-size:.7em;
					letter-spacing:1px;
					}
					
					#navi_right a.active {
						color:#000a32;
						}
				
					#navi_right a:hover, #navi_right a:active {					
						margin:0;
						padding:7px 0 0 0;								
						height:30px;
						width:120px;
						display:block;
						color:#000;
						background-image:url(../img/reiter.jpg);
						background-repeat:no-repeat;
						}
					
/*     ##### NAVIGATION ENDE #####     */

/*     ##### HEADER #####     */

		#header {
			position:relative;
			margin:20px 0;
			height:350px;
			width:840px;
			background:#fff;
			font-size:.7em;
			}
			
			#header p {
				position:absolute;
				top:0;
				left:0;
				margin:0;
				padding:10px 40px 10px 20px;
				height:90px;
				width:210px;												
				}
			
			#header span {				
				color:#d3ff00;
				font-size:1.2em;
				text-transform:uppercase;
				letter-spacing:1px;
				}
			
			#box_news {
				position:absolute;
				top:10px;
				left:10px;				
				height:110px;
				width:270px;			
				}
								
				.news {
					width:270px;
					height:110px;
					text-decoration:none;
					display:block;
					background:url(../img/button_news.jpg);
					}
 					
 					/*
					.news:hover, .news:active {						
						background-position:270px 0;
						}
					*/
				
			#box_events {
				position:absolute;
				top:120px;
				left:10px;
				height:110px;
				width:270px;			
				}
				
				.events {
					width:270px;
					height:110px;
					text-decoration:none;
					display:block;
					background:url(../img/button_events.jpg);
					}
 
 					/*
					.events:hover, .events:active {
						background-position:270px 0;
						}
					*/
					
			#box_aktivgruppe {
				position:absolute;
				top:230px;
				left:10px;
				height:110px;
				width:270px;
				float:left;			
				}
				
				.aktivgruppe {
					width:270px;
					height:110px;
					text-decoration:none;
					display:block;
					background:url(../img/button_aktivgruppe.jpg);
					}
 
 					/*
					.aktivgruppe:hover, .aktivgruppe:active {
						background-position:270px 0;
						}
					*/
				
			#slideshow {
				position:absolute;
				top:10px;
				right:10px;
				height:330px;
				width:550px;
				}
			
/*     ##### HEADER ENDE #####     */

/*     ##### CONTENT #####     */

		#content {
			position:relative;
			margin:0 0 20px 0;
			width:840px;
			float:left;
			}
			
			#left {
				position:relative;
				height:540px;
				margin:0 0 30px 0;
				width:280px;
				background:url(../img/bg_left.jpg);
				float:left;
				}
				
				#left h1 {
					font-family:Arial, sans-serif;
					color:#d3ff00;
					font-size:1.2em;
					font-style:normal;
					font-weight:normal;
					text-transform:normal;
					letter-spacing:-0.1;
					line-height:1.4em;
					margin:10px 20px;
					}
				
				#left p {
					color:#000a32;
					margin:0 20px;
					font-size:.75em;
					}
			
				#left img {
						margin:2px 10px 0px 0px;
						float:left;
						}
			
			#wrapper {
				position:relative;
				height:540px;
				width:260px;
				margin:0 10px;
				float:left;
				}
												
				#center {
					position:relative;
					margin:0 0 20px 0;
					height:350px;
					width:260px;
					background:#fff;
					font-size:.9em;
					float:left;
					}
					
					#center a {
						color:#000a32;
						display:block;
						}
						
						#center a:hover, #center a:active {
							text-decoration:underline;
							}
					
					#center span {
						color:#000a32;
						font-weight:bold;
						}
					
					#center img {
						margin:-2px 5px 0px -5px;
						float:left;
						}
				
					#center h1 {
						font-family:Arial, sans-serif;
						color:#ff0084;
						font-size:1.2em;
						font-style:normal;
						font-weight:normal;
						text-transform:normal;
						letter-spacing:-0.1;
						line-height:1.4em;
						margin:10px 20px;
						}
				
					#center p {
						color:#000a32;
						margin:0 20px;
						font-size:.75em;
						display:block;
						}
					
				#info {
					position:relative;
					height:170px;
					width:260px;
					background:#004b87;
					float:left;				
					}
					
					#info h1 {
						font-family:Arial, sans-serif;
						color:#d3ff00;
						font-size:1.2em;
						font-style:normal;
						font-weight:normal;
						text-transform:normal;
						letter-spacing:-0.1;
						line-height:1.4em;
						margin:10px 20px;
						}
				
					#info p {
						color:#fff;
						margin:0 20px;
						font-size:.7em;
						}
						
					#info img {
						margin:-2px 5px 0px -5px;
						float:left;					
						}
					
					#info a{
						margin:0;
						}
						
						#info a:hover, #info a:active {						
							color:#d3ff00;						
							}
													
			#right {
				position:relative;
				height:150px;
				width:280px;
				background:url(../img/bg_right.gif);
				background-position:top left;
				background-repeat:no-repeat;
				margin:0 0 10px 0;
				float:left;
				}
				
				#right h1 {
					font-family:Arial, sans-serif;
					color:#d3ff00;
					font-size:1.2em;
					font-style:normal;
					font-weight:normal;
					text-transform:normal;
					letter-spacing:-0.1;
					line-height:1.4em;
					margin:10px 20px;
					}
				
				#right p, #right ul {
					color:#fff;
					margin:0 20px;
					font-size:.75em;
					}
					
					#right li {
						color:#fff;
						margin:0 20px 15px 0;
						list-style-type:none;						
						}
						
			#weather {
				position:relative;
				width:280px;
				height:170px;
				margin:0 0 20px 0;
				background-color:#004b87;
				background-image:url(../img/bg_weather.jpg);
				background-repeat:no-repeat;
				float:left;
				}
				
				#weather h1 {
					font-family:Arial, sans-serif;
					color:#d3ff00;
					font-size:1.2em;
					font-style:normal;
					font-weight:normal;
					text-transform:normal;
					letter-spacing:-0.1;
					line-height:1.4em;
					margin:10px 20px;
					}
					
				#weather h2 {
					font-family:Arial, sans-serif;
					color:#d3ff00;
					font-size:.8em;
					font-style:normal;
					font-weight:normal;
					text-transform:normal;
					letter-spacing:-0.1;
					line-height:1.4em;
					margin:10px 20px;
					}
				
				#weather p {
					color:#fff;
					margin:0 40px 0 20px;
					padding:0 0 20px 0;				
					font-size:.7em;
					text-align:right;
					}					
						
					.expand {
						display:block;
						float:left;						
						text-align:left;
						}
					
				#weather img {
						border:1px solid #fff;
						margin:-4px 20px 70px 0;
						float:left;
						}
										
			#links {
				position:relative;
				height:270px;
				width:280px;
				background:url(../img/vogel.jpg);
				background-position:top left;
				background-repeat:no-repeat;
				float:left;
				}
				
				#links span {
					color:#ff0084;
					font-weight:bold;
					margin:0 5px 0 0;
					}
				
				#links a {
					color:#000a32;
					display:block;
					padding:0 20px 5px 20px;
					margin:0 0 10px 0;
					border-bottom:1px dotted #000a32;					
					}
					
					#links a:hover, #links a:active {
						color:#ff0084;
						}
				
				#links h1 {
					font-family:Arial, sans-serif;
					color:#ff0084;
					font-size:1.2em;
					font-style:normal;
					font-weight:normal;
					text-transform:normal;
					letter-spacing:-0.1;
					line-height:1.4em;
					margin:30px 20px 10px 20px;
					}
				
				#links ul {				
					font-size:.7em;
					}
					
					#links li {					
						list-style-type:none;					
						}

/*     ##### CONTENT ENDE #####     */

/*     ##### FOOTER #####     */

		#footer {
			position:relative;
			height:100px;
			width:840px;
			border-top:1px dotted #000a32;
			float:left;
			}
			
			#footer_left {
				position:relative;
				height:100px;
				width:450px;
				float:left;
				}
				
				#footer_left p {
					color:#000a32;
					margin:10px 0;
					font-size:.6em;
					line-height:120%;
					}
				
			#footer_right {
				position:relative;
				height:100px;
				width:390px;
				float:left;
				}
				
				#footer_right span {
					color:#ff6600;
					}
								
				#footer_right a {
					color:#000a32;
					}
					
					#footer_right a:hover, #footer_right:active {
						text-decoration:underline;
						}
				
				#footer_right ul {
					color:#000a32;
					margin:10px 0;
					font-size:.6em;
					line-height:100%;
					text-align:right;
					}
					
					#footer_right li{
						display:inline;
						color:#000a32;
						list-style-type:none;
						}

/*     ##### FOOTER ENDE #####     */