@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; }
.expand60 { display:block; float:left; width:60px; }
.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; }
.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; }
.img { margin:0 20px 0 0; float:left; }
.gallery { margin:10px; float:left; }
.gallery_last { margin:10px 0 0 10px; float:left; }

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; }
		
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:320px; 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:645px; 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; font-size:.8em; 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 h2 { font-size:1.2em; font-family:Georgia, serif; font-weight:normal; color:#333; padding:0 0 0 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; }
#content p { 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 ul { margin:0 0 20px 0; }
#content li { margin:0 0 0 20px; }
#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:.7em; 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; }