* {margin:0; padding:0; border:0}

body{ 
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:100.01%}
#container{
	text-align:left;
	width:688px}
#header{
	display:block;
	position:relative;
	width:688px}
#header a{display:block; width:688px}
/*teamer*/
#header a#teamlink{
	position: absolute;
	top:8px;
	left:8px;
	width:10px;
	height:10px}
.ausblend{display:none}/*nicht aktive teamer*/
/*teamer ende*/

/*index*/
a#ghn{
	display:block;
	position:absolute;
	top:65px;
	right:160px;
	width:61px;
	height:41px}
h1.indeximage, h1.indeximage2{
	text-align:center;
	color:#5B6134;
	font-size:.8em;
	padding:200px 0 20px 0;
	background:url(mainimages/indeximage.jpg) no-repeat 50px 20px}
h1.indeximage2{padding:12px 0 0 0; background:none}
p.indeximage{
	text-align:center;
	font-size:0.7em;
	color:#5B6134;
	line-height:1.6;
	margin:0 0 10px 0}
p.wichtig{color:red}
.line_through{text-decoration:line-through !important}
/*index ende*/
/*bilder*/
#imagenav{
	height:2em;
	margin:0 0 20px 0}
#imagenav ul{
	display:block;
	list-style:none;
	width:580px;
	margin:0 0 0 20px}
#imagenav li{display: inline; list-style: none}
#imagenav a{
	float:left;
	margin:0.15em 16px 0 0;
	font:bold 0.75em georgia, serif;
	color:#94966D;
	padding:0 0 10px 18px;
	text-decoration:none;
	background:url(bilder/title_muschel2.gif) no-repeat 0em 0.2em}
#imagenav a:hover{color: #5B6134}
#imagenav a.current{
	letter-spacing:-0.05em;
	padding:0 0 10px 20px;
	color:#5B6134;
	margin:0 16px 0 0;
	font-size:1em;
	background:url(bilder/title_muschel1.gif) no-repeat 0em 0.2em}
/*bildergalerie*/
table#galerie{	
	margin:0 0 20px 19px;
	border-spacing:0}
table#galerie td{
	width: 154px;
	padding: 0 0 50px 0;
	text-align: left;
	background: url(bilder/pola.jpg) no-repeat}
table#galerie td img{
	display:block;
	padding:7px 0 0 0;
	margin:7px 0 0 13px}
table#galerie td.none{background:none; padding:0}
table#galerie td.leer{background:none; padding:0; height:161px}/*fuer mehrere leere zeilen*/
table#galerie td.bott{padding:0 0 20px 0}
/*bildergalerie ende*/

/*service*/
table.browser{margin:10px 20px 0 15px; font-size:.7em; line-height:1.6; border-collapse:collapse}
table.browser td{vertical-align:middle; padding:0 30px 10px 0; color:#5A6131; width:190px}

table.desktop{margin:10px 0 0 15px; font-size:.7em; line-height:1.6; border-collapse:collapse}
table.desktop td{vertical-align:middle; padding:0 20px 10px 0}
a.download{
	display:block;
	font-weight:bold; 
	text-decoration:none; 
	color:green; 
	padding:0 0 0 13px;
	margin:0 0 0 2px;
	background:url(service/images/down.gif) no-repeat 0 0.4em}
a.download:hover{color:black}

td img{vertical-align:bottom}

a.flash{display:block; margin:10px 0 20px 16px; width:88px}
/*service ende*/

a.text{
	display:block;
	width:105px;
	text-align:center;
	font-size:11px;
	text-decoration:none;
	color:#94966D;
	margin:2px 0 0 0}
a.text:hover{color:#5B6134}
/*bilder ende*/

#rainleft {
	position: absolute;
	top: 271px;
	left: 0px;
	width: 6px;
	background: url(mainimages/rainleft.jpg);
	height: 130px;
	font-size: 0;
}

#rainright {
	position: absolute;
	top: 271px;
	right: 0px;
	width: 6px;
	background: url(mainimages/rainright.jpg) no-repeat;
	height: 130px;
	font-size: 0;
}

#toptext{
	width:645px;
	background:url(mainimages/toptext.gif);
	height:4px;
	margin:14px auto 0 22px;
	font-size:0}
	
#textfeld{
	position:relative;
	width:645px;
	background:#F4F1E2 url(mainimages/backtext.gif);
	margin:0 auto 0 22px;
	padding:16px 0 1px 0;
	height:447px}
* html #textfeld{height:469px; heigh\t:447px}

#autoheight #textfeld{height:auto}
#forum1 #textfeld{height:auto; padding:0}

/*bilder*/
#fotos #textfeld{height:auto}
/*bilder ende*/

/*tagebuch*/
#tagnav{
	position:absolute;
	top:55px; 
	left:358px; 
	height:175px;
	background:white url(tagebuch/images/birah_mitte.gif);
	text-align:center;
	padding:0 0 0 9px;
	width:264px}
* html #tagnav{width:273px; widt\h:264px}
#tagnav li{
	list-style:none;
	float:left;
	width:83px;
	height:55px;
	background:url(tagebuch/images/link_leer.gif);
	margin:0 3px 3px 0}
#tagnav .kreuz{background:url(tagebuch/images/link_kreuz.gif)}
#tagnav a{
	display:block;
	margin:0 auto 0 auto;
	padding-top:15px;
	font-size:.7em;
	color:#94966B;
	text-decoration:none;
	font-weight:bold}
#tagnav a:hover{color:#5A6131}
#tagnavtop{
	position:absolute;
	top:46px; 
	left:358px; 
	width:273px;
	height:9px;
	background:url(tagebuch/images/birah_oben.gif);
	font-size:0}
#tagnavbott{
	position:absolute;
	top:229px; 
	left:358px; 
	width:273px;
	height:6px;
	background:url(tagebuch/images/birah_unten.gif);
	font-size:0}
#showbild{
	position:absolute;
	top:56px; 
	left:368px; 
	width:253px;
	height:170px;
	overflow:hidden;
	display:none;
	z-index:20}
/*tagebuch ende*/
/*forum*/
iframe{margin-left:4px}

form#gb{margin:0 15px 30px 20px; background:#EFEBDE; text-align:left; position:relative; border:1px solid #C6C5B4}
form#gb fieldset{padding:15px 8px 8px 8px; width:410px}
form#gb label{font-size:.69em; float:left; width:80px; color:#5B6134}
form#gb input, form#gb textarea{
	float:left;
	display:block;
	margin:0 0 5px 0;
	font-size:.69em;
	padding:.1em 0;
	color:#454C56;
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	background:#F8F5EA;
	border:1px solid #C6C5B4;
	width:290px}
form#gb input:hover, form#gb textarea:hover, form#gb input:focus, form#gb textarea:focus{background:#FBF9F3}
form#gb input.hidden{display:none}
form#gb input.right{display:none}
form#gb label.right{display:none}
form#gb input#submit{text-align:center; margin-left:80px; width:auto}

ul#smileys{width:180px; float:right; margin:28px 0 0 0}
#smileys li{
	float:left;
	width:33px;
	height:33px;
	margin:0 0 3px 0;
	list-style:none}
#smileys a{display:block}
#smileys img{}
#gbtext {margin:0 0 0 20px; padding:2px 0 0 0; height:400px; overflow:auto; width:621px}
p.error, p.success{color:#CE242C; font-weight:bold; margin:0 0 5px 20px !important}

#gbinfo{margin:0 15px 10px 20px; border-bottom:1px solid #C6C5B4}
#gbinfo h2{margin:0 10px 0 0 !important}
#gbinfo p#navgb {text-align:center; background:none; border:none; margin:0; padding:0 0 7px 0; font-weight:bold}
#gbinfo h2 a{font-weight:bold; float:right}
/*#gbtext p#navgb a{text-decoration:none; color:#707B40}
	#gbtext p#navgb a:hover{color:#454C56}*/

#gbtext h3{
	font-size:.7em;
	line-height:1.8;
	margin:0 10px 0 0;
	border:1px solid #C6C5B4;
	border-bottom:1px solid white;
	font-weight:bold;
	background:#EFEBDE;
	padding:4px 4px 2px 4px}
#gbtext h3 span{font-size:.9em; font-weight:normal}
#gbtext p{
	margin:0 10px 10px 0 !important;
	background:#EFEBDE;
	padding:4px;
	border-left:1px solid #C6C5B4;
	border-right:1px solid #C6C5B4;
	border-bottom:1px solid #C6C5B4}
#gbtext img{display:inline}

#subnav span.inaktiv{color:#C8C9B4}
/*forum ende*/

#bottomtext{
	width:645px;
	background:url(mainimages/bottomtext.gif);
	height:4px;
	margin:0px auto 0 22px;
	font-size:0}
h1{
	height:1.6em;
	margin-left:16px;
	font-size:1em;
	font-family:georgia, serif;
	font-weight:bold;
	color:#5B6134;
	padding-left:23px}
h1.qualle{background:url(info/images/title_qualle.gif) no-repeat}
h1.stern{background:url(unterkunft/images/title_stern.gif) no-repeat}
h1.krebs{background:url(aktivitaeten/images/title_krebs.gif) no-repeat; padding-left:30px}
h1.schnecke{background:url(teamer/images/title_schnecke.gif) no-repeat}
h1.flasche{margin-left:18px; background:url(tagebuch/images/title_flasche.gif) no-repeat 0px 1px; padding-left:20px}
h1.gras{background:url(presse/images/title_gras.gif) no-repeat 0px 3px; padding-left:17px}
h1.anker{background:url(anmeldung/images/title_anker.gif) 0px 2px no-repeat; padding-left:20px}
h1.news{background:url(news/title_news.gif) no-repeat; padding:0 0 10px 22px}
h1.lexikon{background:url(lexikon/images/title_lexikon.gif) no-repeat 0px 3px; padding-left:22px}
h1.service{background: url(service/images/title_service.gif) no-repeat}
h1.podcast{background: url(podcast/images/title_podcast.gif) no-repeat}

p{margin-bottom:5px; font-size:.7em; color:#5B6134; line-height:1.6}
h2{font-size:.7em; color:#5B6134; line-height:1.6}
#autoheight p{margin:0 20px 5px 16px}
#autoheight h2{margin:0 20px 0 16px}

/*lexikon*/
.rot{color:#90271F}
.blau{color:#7F98C0}
.gruen{color:#525A24}
.schwarz{color:#000000}

#farben{margin-bottom:20px}
#sylt{position:absolute; top:-20px; right:-311px}
#orte{position:relative; margin:10px 40px 10px 16px; width:280px}

#orte p{margin-left:0}

#textfeld a{color:#5B6134}
#textfeld a:hover{color:black}
/*lexikon ende*/

h2.margin{
	font-size:.7em;
	font-weight:bold;
	color:#5B6134;
	line-height:1.6;
	margin-bottom:10px}
h3{
	font-size:.7em;
	font-weight:normal;
	color:#5B6134;
	line-height:1.6;
	margin:0 0 10px 0}
h2 a{font-weight:normal}

.trenn1{height:8px; visibility:hidden; font-size:0px; line-height:0px}
.trenn2{height:20px; border-top:1px dashed #5B6134; margin-top:15px}

.dynPage li{
	font-size:.7em;
	color:#5B6134;
	list-style-type: none;
	padding:0 0 0 10px;
	background:url(mainimages/bullet.gif) no-repeat 0 7px;
	line-height:1.6}
.dynPage ul.podcast li{
	font-size:1em;
	list-style-type: none;
	padding:0;
	display:inline;
	background:none}
.dynPage ul.podcast a{
	font-size:.8em;
	font-weight:bold;
	list-style-type: none;
	padding:20px 0 0 96px;
	display:block;
	background:url(podcast/images/bg_podcast.gif);
	width:200px;
	height:55px;
	margin:10px 0 0 0}
* html .dynPage ul.podcast a{width:296px; height:75px; wid\th:200px; heig\ht:55px}

/********************scroller*******************/
#wrap{
	position:relative;
	margin:0 0 0 15px;
	width:300px;
	overflow:hidden;
	height: 415px}
#divScroller1{
	position:relative; 
	overflow:hidden;
	width:300px; 
	height:415px; 
	visibility:visible;
	text-align:left;
	background:transparent}
.dynPage{
	position:absolute; 
	visibility:hidden;
	padding:4px}
.dynPage a{
	color:#5B6134;
	text-decoration:underline}
.dynPage a:hover{color: black}
a.bild{color:#942421; text-decoration:underline}
a.bild:hover, a.bild:focus{color: black}
div#noscript{
	padding:30px 4px;
	font-size:.7em;
	color:#5B6134;
	line-height:1.6}
#ho1, #ru1, #ho2, #ru2{
	position:absolute;
	right:308px;
	width:17px;
	height:15px}
#ho1{bottom:401px}
#ru1{bottom:386px}
#ho2{bottom:19px}
#ru2{bottom:4px}

/********************bildwechsel*******************/
#bild{
	position:absolute;
	top:56px; 
	left:358px; 
	width:273px;
	background:white url(mainimages/birah_mitte.gif);
	text-align:center}
#bild img{display:block; margin:0 0 0 10px}
#bildtop{
	position:absolute;
	top:46px; 
	left:358px; 
	width:273px;
	height:10px;
	background:url(mainimages/birah_oben.gif);
	font-size:0}
#bildbott{
	position:absolute;
	top:227px; 
	left:358px; 
	width:273px;
	height:10px;
	background:url(mainimages/birah_unten.gif);
	font-size:0}

/********************subnavi*******************/
#subnav{
	position:absolute;
	bottom:0px; 
	left:358px;
	width:175px;
	text-align:center;
	background:url(mainimages/sub_sand.gif) 24px 100% no-repeat;
	height:167px}
#subnav div{
	height:42px;
	width:189px;
	background:url(mainimages/sub_brett.gif);
	color:#94966D;
	font-weight:bold;
	font-size:.7em;
	line-height:41px}
#subnav a{
	color:#94966D;
	text-decoration:none}
#subnav a.small{font-size:.65em}
#subnav a:hover{color:#5A6131}
#nupsi{
	position:absolute;
	bottom:167px; 
	left:453px;
	width:8px;
	height:9px;
	background:url(mainimages/sub_nupsi.gif);
	line-height:0;
	font-size:0}
#jungs{
	position:absolute;
	bottom:0px; 
	left:542px;
	width:100px;
	height:201px;
	background:url(mainimages/sub_jungs.jpg)}
#jungsli{
	position:absolute;
	bottom:128px; 
	left:507px;
	width:36px;
	height:33px;
	background:url(mainimages/sub_jungsli.jpg)}
#jungsre{
	position:absolute;
	bottom:79px; 
	left:642px;
	width:41px;
	height:49px}
/********************ende-subnavi*******************/
.clearo{clear:both}
.hr{background:url(mainimages/bg_hr.gif) no-repeat center top; line-height:0; font-size:0; height:19px}
.hr hr{display:none}

ul#pinnwand{
	position:relative;
	list-style:none;
	width:645px;
	height:173px;
	margin:8px 0 7px 22px;
	background:#DFB67A url(mainimages/pinnwand.jpg)}
ul#pinnwand li{display:inline}
ul#pinnwand a{position:absolute; display:block; text-indent:-1000px; text-decoration:none}

ul#pinnwand li#herbstfreizeit{position:absolute; display:block; top:-11px; right:-13px; width:146px; height:160px; z-index:1}
ul#pinnwand li#button a{position:absolute; display:block; top:-11px; right:-13px; width:146px; height:160px; z-index:2; background:url(mainimages/trans.gif) no-repeat}

#forum1 ul#pinnwand{display:none}

a#style1, a#style2, a#style3, a#style4{width:70px; height:20px}
a#style1{top:62px; left:31px}
a#style2{top:82px; left:33px}
a#style3{top:101px; left:34px}
a#style4{top:120px; left:36px}
	a#style1:hover, a#style2:hover, a#style3:hover, a#style4:hover{background:url(mainimages/bg_pinn_style.gif) no-repeat 4px 5px}
a#presse{width:120px; height:105px; top:44px; left:156px}
	a#presse:hover{background:url(mainimages/bg_pinn_presse.gif) no-repeat 5px 10px}
a#service{width:67px; height:97px; top:18px; left:284px}
	a#service:hover{background:url(mainimages/bg_pinn_service.gif) no-repeat 3px 22px}
a#podcast{width:54px; height:55px; top:111px; left:380px}
	a#podcast:hover{background:url(mainimages/bg_pinn_podcast.jpg) no-repeat}
a#lexikon{width:197px; height:80px; top:46px; left:429px}
	/*deaktivieren, wenn herbstfreizeit aktiv*/
	a#lexikon:hover{background:url(mainimages/bg_pinn_lexikon.gif) no-repeat 22px 25px}

#footer{
	width:674px;
	margin:0 0 0 7px;
	background:white;
	font-weight:bold;
	text-align:center}
#footer a{
	color:#5A6131;
	text-decoration:none;
	font-size:0.6em;
	line-height:2.5}
#footer a:hover{color:black}

/********** popups ********/

body#popup{background:#BDB6AD; text-align:center}
#close1, #close2{margin-top:20px; text-align:center}
#close1 a{
	color:#F7F3E7;
	text-decoration:none;
	padding-left:15px;
	font-size:11px}
#close1 a:hover{color:white}
#close2 a{
	color:#403E3B;
	text-decoration:none;
	padding-left:15px;
	font-size:11px}
#close2 a:hover{color:black}

.blind{
	clear:both;
	height:1px;
	width:100px;
	margin-left:20px;
	border:1px solid #F7F3E7;
	font-size:0;
	line-height:0}
	
/********** CMS-Galerie ********/
ul#gallerynav{list-style:none; margin:15px 0 0 21px; overflow:hidden}
ul#gallerynav li{float:left; width:180px; margin:0 30px 15px 0; padding:0; text-align:center}
ul#gallerynav li.rand{margin:0 0 15px 0}
ul#gallerynav h2{width:180px; margin:0}
ul#gallerynav a{display:block; text-decoration:none}

#autoheight p.galerie{margin:0 0 5px 20px}
#autoheight p#uebersicht{margin:0 0 5px 20px; font-weight:bold}
#autoheight p.thumbnavi{margin:0 0 5px 20px}

ul.prev_next{float:right; font-size:.7em; margin:-21px 25px 0 0; line-height:1; display:inline}
ul.prev_next li{display:inline; list-style:none}
ul.prev_next a{color:#687942; float:left}
ul.prev_next a:hover{text-decoration:underline; color:#687942}
ul.prev_next a.gal_prev{padding:0 5px 0 0; border-right:1px solid #AFB6A3}
ul.prev_next a.gal_next{padding:0 0 0 5px}
ul.prev_next a.no_border{border:0; padding:0 !important}

ul#thumbnav{list-style:none; margin:15px 0 0 21px; overflow:hidden}
ul#thumbnav li{float:left; margin:0 30px 15px 0; text-align:center; width:180px; height:120px; background:#c2bba7}
ul#thumbnav li.rand{margin:0 0 15px 0}
ul#thumbnav a{font-size:.7em; color:#687942; padding:0; display:block; width:180px; height:120px}
ul#thumbnav a:hover, ul#thumbnav a:focus{}
ul#thumbnav img{margin:0 auto; display:block}

#img_container{text-align:center; margin:0 0 10px 0}

ul.imgnav{width:150px; margin:7px auto 8px auto; height:17px; padding:0 0 0 0}
ul.imgnav li{list-style:none; display:inline; float:left; margin:0 0 0 30px}
ul.imgnav a{display:block; text-indent:-1000px; overflow:hidden !important; width:17px; height:17px}
ul.imgnav a.gal_prev{background:url(mainimages/nav_zurueck.gif) no-repeat}
ul.imgnav a.kategorie{background:url(mainimages/nav_uebersicht.gif) no-repeat}
ul.imgnav a.gal_next{background:url(mainimages/nav_vor.gif) no-repeat}

dl.img{margin:0 auto; text-align:left}
dl.img dt{display:block}
dl.img dt img{}
dl.img dd{}
dl.img dd h2{font-size:.81em !important; margin:0 !important}
dl.img dd p{margin:0 !important}
dl#hori{width:600px}
dl#verti{width:400px}