@charset "utf-8";

/***** reset *****/
* { border:none; font-family:"Trebuchet MS", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:1em; color:#000; margin:0; outline:0; padding:0; text-decoration:none; }
	
/***** classes *****/
.zoom { font-size:.7em; }	
.clear { clear:both; }
.expand { width:45px; color:#3ea9dd; font-weight:bold; display:block; float:left; }
.expand60 { width:60px; color:#3ea9dd; display:block; float:left; }
.weather-expand { font-size:1em; font-weight:normal; width:132px; color:#fff; display:block; float:left; }
.blue { color:#3ea9dd !important; }
.grey { color:#666 !important; }
.date { font-size:.7em; color:#fff; margin:22px 0 0 0; float:left; }
.datum { width:80px; color:#3ea9dd; display:block; float:left; }
.time { width:120px; display:block; float:left; }
.full { position:relative; width:960px; float:left; }
.threefourth { position:relative; width:720px; float:left; }
.twothird { position:relative; width:640px; float:left; }
.half { position:relative; width:480px; float:left; }
.third { position:relative; width:320px; float:left; }
.fourth { position:relative; width:240px; float:left; }
.sixth { position:relative; width:160px; float:left; }
.weather-icon { height:60px; width:60px; display:block; background-image:url(../img/bgs/bg-wetter.png); margin:0 0 10px 13px; float:left; }
.active { color:#3ea9dd !important; text-decoration:none; }
.accommodation { position:relative; width:278px; border:1px solid #ccc; background:#f3f3f3; margin:0 0 20px 20px; float:left; }
.accommodation p { font-size:.7em !important; margin:0 19px 9px 19px !important; }
.accommodation h3 { font-size:.8em; font-weight:bold; color:#3ea9dd; margin:19px 0 10px 19px; }
.icon-wrapper { margin:0 0 0 16px; }
.icon { height:50px; width:30px; font-size:.6em; text-align:center !important; line-height:110%; margin:0px 1px 10px 0px; float:left; }
.pix { margin:0 0 20px 20px; float:left; }
.logo { width:320px; height:100px; text-indent:-99999px; display:block; background-image:url(../img/buttons/logo.png); }
.logo:hover, .logo:active { background-position:320px 0; }
.sylvia-land-inselmann { height:90px; width:80px; display:block; background-image:url(../img/portraits/sylvia-land-inselmann.png); background-repeat:no-repeat; margin:0 0 0 10px; float:left; }
.dieter-faerber { height:90px; width:80px; display:block; background-image:url(../img/portraits/dieter-faerber.png); background-repeat:no-repeat; margin:0 0 0 10px; float:left; }
.susanne-dietz-meetz { height:90px; width:80px; display:block; background-image:url(../img/portraits/susanne-dietz-meetz.png); background-repeat:no-repeat; margin:0 0 0 10px; float:left; }
.rotraud-schwarz { height:90px; width:80px; display:block; background-image:url(../img/portraits/rotraud-schwarz.png); background-repeat:no-repeat; margin:0 0 0 10px; float:left; }
.juergen-kuehn { height:90px; width:80px; display:block; background-image:url(../img/portraits/juergen-kuehn.png); background-repeat:no-repeat; margin:0 0 0 10px; float:left; }
.carl-westphal { height:90px; width:80px; display:block; background-image:url(../img/portraits/carl-westphal.png); background-repeat:no-repeat; margin:0 0 0 10px; float:left; }
.eckhard-laske { height:90px; width:80px; display:block; background-image:url(../img/portraits/eckhard-laske.png); background-repeat:no-repeat; margin:0 0 0 10px; float:left; }
.dummy { height:90px; width:80px; display:block; background-image:url(../img/portraits/dummy.png); background-repeat:no-repeat; margin:0 0 0 10px; float:left; }
.form { font-size:.7em; margin:10px 0 0 20px; float:left; }
.input { height:30px; width:240px; margin:0; padding:0px 10px; background-image:url(../img/form/input.png); }
.alert, .error { height:30px; width:240px; margin:0; padding:0; }
.textarea { height:220px; width:520px; margin:0; padding:10px 10px; background-image:url(../img/form/textarea.png); overflow:auto; }
.button { height:30px; width:260px; margin:0; cursor:pointer; background-image:url(../img/form/abschicken.png); }
.gallery { height:114px; width:114px; margin:10px 0 0 10px; padding:13px; background-image:url(../img/bgs/galerie.png); float:left; }
.small { font-size:.7em; }
.unterschrift { height:30px; width:180px; text-indent:-99999px; display:block; background-image:url(../img/bgs/unterschrift.png); }
.magenta { color:magenta !important; }

/***** body *****/
body { height:100%; width:100%; line-height:100%; background-color:#fff; background-image:url(../img/bgs/bg-content.png); background-repeat:no-repeat; background-position:top center; }

/***** banner *****/
#wrapper-partner { position:absolute; width:120px; left:50%; margin:0 0 0 -620px; z-index:1000; }
#partner { position:relative; top:20px; width:120px; height:400px; background:fuchsia; }
	
/***** inline *****/
#rohwer { display:none; overflow:auto; width:750px; height:500px; background-color:#fdfdfd; }

/***** header *****/
#wrapper-header { position:relative; width:100%; float:left; }
#header { position:relative; height:100%; width:960px; left:50%; margin:0 0 0 -480px; }

/***** logo *****/		
#logo { height:100px; width:320px; float:left; }
		
/***** navigation *****/
#navigation { position:relative; height:160px; width:640px; float:left; }
#navigation h3 { font-size:.8em; font-weight:bold; margin:10px 0 5px 0; }
#navigation a { font-size:.7em; font-weight:normal; color:#666; margin:0 0 1px 0; padding:0 0 0 12px; display:block; }
#navigation a:hover, #navigation a:active { color:#999; text-decoration:underline; }
#navigation li { list-style-type:none; background-image:url(../img/icons/li-navi.png); background-repeat:no-repeat; background-position:0 4px; }

/***** slider *****/				
#slider { position:relative; top:-40px; height:320px; width:720px; float:left; }

/***** wetter *****/			
#wetter { position:relative; height:280px; width:240px; float:left; }
#wetter h2 { font-size:1.1em; font-weight:normal; color:#fff; margin:50px 20px 0 20px; }
#wetter h3 { font-size:.7em; font-weight:normal; color:#fff; margin:0 20px 0 20px; }
#wetter p { font-size:.7em; color:#fff; margin:0 0 0 20px; }
#wetter img { margin:10px; }

/***** content *****/			
#wrapper-content { position:relative; width:100%; float:left; }
#content { position:relative; height:100%; width:960px; left:50%; margin:0 0 0 -480px; }

/***** breadcrumb *****/			
#breadcrumb { position:relative; top:-40px; width:960px; margin:0; float:left; }
#breadcrumb p { font-size:.7em; color:#666; margin:20px 5px 20px 20px; float:left; }
#breadcrumb a { color:#3ea9dd; }
#breadcrumb a:hover, #breadcrumb a:active { text-decoration:underline; }
#breadcrumb li { font-size:.7em; color:#666; list-style-type:none; display:inline; margin:20px 0px 20px 5px; float:left; }

/***** map *****/					
#map { position:relative; height:280px; width:420px; margin:20px; }
#map span, #map a { display:none; }
					
/***** text *****/				
#text { position:relative; top:-40px; width:960px; margin:0 0 60px 0; float:left; }
#text h1 { font-size:1.1em; font-weight:normal; color:#3ea9dd; margin:20px 20px 0 20px; }
#text h2 { font-size:.8em; font-weight:normal; color:#3ea9dd; margin:10px 20px 0 20px; }
#text h3 { font-size:.8em; font-weight:normal; margin:10px 20px 0 20px; }
#text a { color:#000; }
#text a:hover, #text a:active { text-decoration:underline; }
#text p { font-size:.8em; color:#666; margin:5px 20px 20px 20px; }
#text table { font-size:.8em; width:920px; padding:0; margin:5px 20px 20px 20px; border-collapse:collapse; }
#text td { color:#666; padding:5px 0; width:20%; vertical-align:text-top; border-bottom:1px solid #ccc; }
#text ol { margin:0 0 0 4px; }
#text ul { margin:0 0 20px 0; }
#text li { font-size:.8em; color:#666; margin:0 20px 0px 35px; }
#text .poster { margin:20px; }
					
/***** footer *****/						
#wrapper-footer { position:relative; width:100%; float:left; background:#fff; background-image:url(../img/bgs/bg-footer.png); background-repeat:repeat-x; padding:0 0 80px 0; }
#footer { position:relative; height:100%; width:960px; left:50%; margin:0 0 0 -480px; }
#footer h3 { font-size:1.1em; font-weight:normal; color:#3ea9dd; margin:40px 20px 0 20px; }
#footer h4 { font-size:.8em; font-weight:bold; margin:20px 20px 0 20px; }
#footer p { font-size:.7em; color:#666; margin:0 20px 20px 20px; }
#footer ul { margin:0; }
#footer li { list-style-type:none; background-image:url(../img/icons/li-footer.png); background-repeat:no-repeat; background-position:0 6px; margin:0 0 0 20px; }
#footer a { font-size:.7em; font-weight:normal; color:#666; padding:0 0 0 10px; display:block; }
#footer a:hover, #footer a:active { color:#999; text-decoration:underline; }