@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;
	}
	
.expand {
	display:block;
	margin:0;
	float:left;
	width:5em;
	}
	
table {
	font-size:.7em;
	border-collapse:collapse;
	margin:0;
	}
	
	td {		
		color:#000a32;
		padding: 5px 20px;
		}
			
input {
	font-size:1em;
	color:#000a32;
	width:200px;
	margin:0;
	padding:3px 0 3px 5px;
	background-color:#f4f4f4;
	border:1px solid #ccc;
	}
	
select {
	font-size:1em;
	color:#000a32;
	width:207px;
	margin:0;
	padding:3px 0 3px 5px;
	background-color:#f4f4f4;
	border:1px solid #ccc;
	}
	
option {
	font-size:1em;
	color:#000a32;
	padding:0 0 0 5px;
	}
	
textarea {
	font-size:1em;
	color:#000a32;
	width:300px;
	margin:0;
	padding:0 0 0 5px;
	background-color:#f4f4f4;
	border:1px solid #ccc;
	}
	
	.alert {
		color:#e6325a;
		font-weight:bold;
		}
		
	.center {
		text-align:center;
		}
	
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:130px;
			width:840px;
			background:#fff;
			font-size:.7em;
			}
			
			#header p {
				position:absolute;
				top:0;
				left:0;
				margin:0px;
				padding:10px 20px 10px 20px;
				height:90px;
				width:510px;									
				}
			
			#header span {				
				color:#d3ff00;
				font-size:1.2em;
				text-transform:uppercase;
				letter-spacing:1px;
				}
			
			#box {
				position:absolute;
				top:10px;
				left:10px;				
				height:110px;
				width:550px;			
				}
				
				.box {
					width:550px;
					height:110px;
					text-decoration:none;
					display:block;
					background:url(../img/button_box.jpg);
					}
					
					.box:hover, .box:active {						
						background-position:550px 0;
						}
						
			#thumbs {
				position:absolute;
				top:10px;
				right:10px;
				height:110px;
				width:270px;
				}
											
/*     ##### HEADER ENDE #####     */

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

		#content {
			position:relative;
			margin:0 0 20px 0;
			width:840px;
			float:left;
			}
			
			#left {
				position:relative;
				margin:0 10px 30px 0;
				padding:0 0 50px 0;
				width:550px;
				background:#fff;
				float:left;
				}
				
				#left span {
					color:#5a6ebd;
					font-style:italic;
					}
				
				#left 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;
					}
					
				#left h2 {
					font-family:Arial, sans-serif;
					color:#ff0084;
					font-size:1em;
					font-style:normal;
					font-weight:normal;
					text-transform:normal;
					letter-spacing:-0.1;
					line-height:1.4em;
					margin:10px 20px;
					}
					
				#left h3 {
					font-family:Arial, sans-serif;
					color:#ff0084;
					font-size:.8em;
					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 ul {
					color:#000a32;
					margin:0 20px;
					font-size:.7em;
					}
					
					#left li {
						color:#000a32;
						margin:0 0 10px 0;
						padding:0 0 0 17px;						
						/*display:inline;*/
						list-style-type:none;
						background-image:url(../img/vcf.gif);
						background-repeat:no-repeat;
						background-position:left center;				
						}
						
				#left img {
						margin:-6px 10px 0px -8px;
						float:left;
						}
						
				#left a {
					margin:0 10px 0 0;
					padding:0 5px;
					color:#000a32;
					}
					
					#left a:hover, #left a:active {						
						/*background:#eee;*/
						}
		
			#right {
				position:relative;
				height:150px;
				width:280px;
				background:url(../img/bg_right.gif);
				background-position:top left;
				background-repeat:no-repeat;
				margin:0 0 20px 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_right.gif);
				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;					
						}
						
			.showroom {
				position:relative;
				width:280px;
				margin:0 0 20px 0;
				float:left;
				}

/*     ##### 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 #####     */