@charset "utf-8";

* {
	border:none;
	font-family:Arial, sans-serif;
	font-size:1em;
	color:#333;
	margin:0;
	outline:0;
	padding:0;
	text-decoration:none;
	}
	
.clear {
	clear:both;
	}
		
body {
	height:100%;
	width:100%;
	line-height:100%;
	background-color:#fff;
	background-image:url(../img/bgs/bg_startseite.jpg);
	background-repeat:repeat-x;
	}

	#page {
		position:relative;
		width:1000px;
		height:100%;
		left:50%;		
		margin:0px 0px 0px -500px;
		}
		
		#logo {
			position:relative;
			left:20px;
			width:380px;
			height:80px;
			float:left;
			}
			
			.logo {
				width:250px;
				height:80px;
				text-decoration:none;
				display:block;
				background-image:url(../img/buttons/logo.png);
				}
 
				.logo:hover, .logo:active {
					background-position:250px 0;
					}
			
		#navigation {
			position:relative;
			width:585px;
			height:80px;
			margin:0 0 0 20px;
			float:left;
			}
			
			#navigation a {
				font-size:.6em;
				font-weight:bold;
				text-transform:uppercase;
				letter-spacing:1px;
				padding:2px;
				color:#999;
				}
				
				#navigation a.active {
					color:#000;
					border-top:2px solid #cc6600;
					}
				
				#navigation a:hover, #navigation a:active {
					color:#666;
					}
			
			#navigation ul {
				position:absolute;
				top:56px;
				right:0px;
				}
				
				#navigation li {
					list-style-type:none;
					margin:0 5px;
					display:inline;
					}
			
		#claim {
			position:relative;
			left:20px;
			width:960px;
			height:90px;
			background-image:url(../img/claim.gif);
			background-position:top left;
			background-repeat:no-repeat;
			float:left;
			}
			
		#frame {
			position:relative;
			width:670px;
			height:430px;
			background-image:url(../img/bgs/slider.gif);
			float:left;
			}
			
			#slider {
				position:relative;
				top:20px;
				left:30px;
				float:left;
				}
			
		#gallery {
			position:relative;
			width:310px;
			height:230px;
			float:left;
			}
			
			#gallery h1 {
				font-size:1.2em;
				font-family:Georgia, serif;
				font-weight:normal;
				color:#fff;
				border-bottom:1px dotted #fff;
				padding:0 0 10px 20px;
				margin:8px 0px 5px 0;
				}
				
			#gallery img {
				margin:10px 0 10px 20px;
				}
				
			#gallery a.icon {
				color:#fff;
				font-size:.7em;
				font-weight:bold;
				text-decoration:underline;
				background-image:url(../img/icons/icon_gallery.png);
				background-repeat:no-repeat;
				background-position:left center;
				margin:0 0 0 20px;
				padding:2px 0 2px 20px;
				}
					
				#gallery a:hover, #gallery a:active {
					color:#cc6600;					
					}
			
		#menue {
			position:relative;
			width:310px;
			height:200px;
			float:left;
			}
			
			#menue h1 {
				font-size:1.2em;
				font-family:Georgia, serif;
				font-weight:normal;
				color:#333;
				border-bottom:1px dotted #333;
				padding:0 0 10px 20px;
				margin:20px 0px 5px 0;
				}
				
			#menue h2 {
				font-size:.7em;
				font-family:Arial, sans-serif;
				font-weight:normal;
				letter-spacing:2px;
				text-transform:uppercase;
				color:#707070;
				margin:0 20px 5px 20px;
				}
				
			#menue p {
					font-size:.7em;
					margin:0 0 5px 20px;
					}
				
			#menue ul {
				margin:0 0 5px 0;
				}
					
				#menue li {
					font-size:.7em;
					list-style-type:none;
					margin:0 0 0 20px;
					}
				
			#menue span {
				font-weight:bold;
				display:block;
				float:left;
				width:6em;
				}
				
			#menue a {
				color:#333;
				font-size:.7em;
				font-weight:bold;
				text-decoration:underline;
				background-image:url(../img/icons/icon_menue.png);
				background-repeat:no-repeat;
				background-position:left center;
				margin:0 0 0 20px;
				padding:2px 0 2px 20px;
				}
					
				#menue a:hover, #menue a:active {
					color:#cc6600;					
					}
			
		#content {
			
			}
			
			#content h1 {
				font-size:.7em;
				font-family:Arial, sans-serif;
				letter-spacing:2px;
				font-weight:normal;
				text-align:center;
				text-transform:uppercase;
				color:#707070;
				margin:50px 20px 5px 20px;
				}
				
			#content p {
				font-size:.7em;
				margin:0 20px 5px 20px;
				}
				
			#content a {
				color:#333;
				font-size:.7em;
				font-weight:bold;
				text-decoration:underline;
				background-image:url(../img/icons/icon_content.png);
				background-repeat:no-repeat;
				background-position:left center;
				margin:0 0 0 20px;
				padding:2px 0 2px 20px;
				}
					
				#content a:hover, #content a:active {
					color:#cc6600;
					}
			
			#left {
				position:relative;
				left:20px;
				width:310px;
				height:200px;
				margin:20px 0 40px 0;
				background-image:url(../img/bgs/bg_boxes.png);
				float:left;
				}
			
			#center {
				position:relative;
				width:310px;
				height:200px;
				margin:20px 0 40px 35px;
				background-image:url(../img/bgs/bg_boxes.png);
				float:left;
				}
				
			#right {
				position:relative;
				width:310px;
				height:200px;
				margin:20px 0 40px 15px;
				background-image:url(../img/bgs/bg_boxes.png);
				float:left;
				}
				
		#footer {
			position:relative;
			width:960px;
			left:20px;
			height:180px;
			float:left;
			}
			
			#footer_top {
				position:relative;
				width:960px;
				height:110px;
				background-image:url(../img/dotted_dark.png);
				background-repeat:repeat-x;
				background-position:left top;
				float:left;
				}
				
				#ft_left {
					position:relative;
					top:20px;
					width:480px;
					height:60px;
					float:left;
					}
					
					#ft_left h1 {
						font-size:.7em;
						font-family:Arial, sans-serif;
						letter-spacing:2px;
						font-weight:normal;
						text-transform:uppercase;
						color:#707070;
						margin:0;
						}
					
					#ft_left p {
						font-size:.7em;
						line-height:120%;
						letter-spacing:1px;
						}
					
				#ft_right {
					position:relative;
					top:20px;
					width:480px;
					height:60px;
					float:left;
					}
					
					#ft_right h1 {
						font-size:.7em;
						font-family:Arial, sans-serif;
						letter-spacing:2px;
						font-weight:normal;
						text-align:right;
						text-transform:uppercase;
						color:#707070;
						margin:0;
						}
					
					#ft_right p {
						font-size:.7em;
						line-height:120%;
						letter-spacing:1px;
						text-align:right;
						}
				
			#footer_bottom {
				position:relative;
				width:960px;
				height:80px;
				background-image:url(../img/dotted_dark.png);
				background-repeat:repeat-x;
				background-position:left top;
				float:left;
				}
				
				#footer_bottom p {
					font-size:.7em;
					text-align:center;
					}
					
				#footer_bottom span {
					color:#cc6600;
					}
					
				#footer_bottom ul {
					margin: 20px 0 0 0;
					font-size:.7em;
					text-align:center;
					}
					
				#footer_bottom li {
					list-style-type:none;
					margin:0 2px;
					display:inline;
					}
					
				#footer_bottom a:hover, #footer_bottom a:active {
					color:#707070;
					}