@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;
	}
	
.bold {
	font-weight:bold;
	}
	
.expand {
	display:block;
	float:left;
	width:500px;
	}
	
table {
	margin:10px 0 60px 20px;
	font-size:.7em;	
	border-collapse:collapse;		
	}
	
	td {
		padding:0 20px 10px 0;
		vertical-align:top;
		}
		
input {
	font-size:.9em;
	color:#000;
	width:200px;
	margin:0;
	padding:4px 0 4px 5px;
	background-color:#eee;
	border:1px solid #999;
	}
	
select {
	font-size:.9em;
	color:#000;
	width:207px;
	margin:0;
	padding:4px 0 4px 5px;
	background-color:#eee;
	border:1px solid #999;
	}
	
textarea {
	font-size:.9em;
	width:420px;
	margin:0;
	padding:5px;
	background-color:#fff;
	border:1px solid #999;
	}
	
	.alert {
		color:#ff6600;
		font-weight:bold;
		}
		
	.center {
		text-align:center;
		}
		
	.button {
		width:197px;
		text-align:center;
		color:#000;
		background:#eee;
		cursor:pointer;
		}
		
		.button:hover {
			background:#ccc;
			}
		
body {
	height:100%;
	width:100%;
	line-height:100%;
	background-color:#fff;
	background-image:url(../img/bgs/bg_content.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;
			margin:50px 0 20px 0;
			float:left;
			}
			
		#content {
			position:relative;
			width:1000px;
			float:left;
			}
			
			#content 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;
				}
				
			#content h3 {
				font-size:1.2em;
				font-family:Georgia, serif;
				font-weight:normal;
				color:#333;
				padding:0 0 10px 20px;
				margin:20px 0px 5px 0;
				}
				
			.img {
				margin:0 20px 0 0;
				float:left;
				}
				
			.gallery {
				margin:10px;
				float:left;
				}
				
				.gallery_last {
					margin:10px 0 0 10px;
					float:left;
					}
				
			#content p {
				font-size:.8em;
				margin:20px 20px 40px 20px;
				}
				
			#content a {
				font-style:italic;
				text-decoration:underline;
				}
				
				#content a:hover, #content a:active {
					color:#999;
					text-decoration:underline;
					}
			
			#content_left {
				position:relative;
				left:20px;
				width:480px;
				float:left;
				}
				
			#content_left_small {
				position:relative;
				left:20px;
				width:280px;
				float:left;
				}
				
				#content_left_small a {
					font-size:.6em;
					font-weight:bold;
					text-transform:uppercase;
					letter-spacing:1px;
					padding:2px;
					text-decoration:none;
					font-style:normal;
					color:#999;
					}
				
				#content_left_small a.active {
					color:#000;
					}
				
				#content_left_small a:hover, #content_left_small a:active {
					color:#666;
					text-decoration:none;
					}
			
			#content_left_small ul {
				position:absolute;
				top:75px;
				left:20px;
				}
				
				#content_left_small li {
					list-style-type:none;
					margin:0 5px 10px 5px;
					}
				
			#content_right {
				position:relative;
				width:480px;
				float:left;
				margin:0 0 0 20px;
				}
				
			#content_right_wide {
				position:relative;
				width:680px;
				float:left;
				margin:0 0 0 20px;
				}
			
			#grundriss {
				position:relative;
				width:460px;
				height:530px;
				background-image:url(../img/grundriss.png);
				float:left;
				}
			
				#veranda {
					position:absolute;
					top:0;
					left:0;
					width:460px;
					height:100px;
					}
				
					.veranda {
						width:460px;
						height:100px;
						display:block;
						background-image:url(../img/buttons/veranda.png);
						}
 
						.veranda:hover, .veranda:active {
							background-position:460px 0;
							}
						
				#saal-mittel {
					position:absolute;
					top:100px;
					left:0;
					height:200px;
					width:150px;
					}
				
					.saal-mittel {
						width:150px;
						height:200px;
						display:block;
						background-image:url(../img/buttons/saal-mittel.png);
						}
 
						.saal-mittel:hover, .saal-mittel:active {
							background-position:150px 0;
							}
						
				#saal-gross {
					position:absolute;
					top:100px;
					left:150px;
					height:230px;
					width:160px;
					}
					
					.saal-gross {
						width:160px;
						height:230px;
						display:block;
						background-image:url(../img/buttons/saal-gross.png);
						}
 
						.saal-gross:hover, .saal-gross:active {
							background-position:160px 0;
							}
				
				#saal-klein {
					position:absolute;
					top:300px;
					left:0;
					height:150px;
					width:150px;
					}
					
					.saal-klein {
						width:150px;
						height:150px;
						display:block;
						background-image:url(../img/buttons/saal-klein.png);
						}
 
						.saal-klein:hover, .saal-klein:active {
							background-position:150px 0;
							}
			
			#map {
				position:relative;
				width:440px;
				height:301px;
				left:20px;
				margin:0 20px 60px 0;
				border:1px solid #999;
				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;
					}