@charset "ISO-8859-15";
/* CSS Document */

*		{
		margin: 0;
		padding: 0; /* bingo! alle elemente ohne margin und padding. damit schließen wird das entstehen von unerwünschten abständen zw. den elementen aus */
		border:none;
		font-family:"Courier New", Courier, monospace;
		font-size:16px !important;
		font-weight:bold;



	
} 

a:active {
		text-decoration:none;
		/*color:transparent;*/
		
		
}

a:visited {
		text-decoration:none;
		/*color:transparent;*/
}

body 	{
		margin: 0px;
		padding: 0px;
		font-size: 12px !important;
		font-family:"Courier New", Courier, monospace;
		text-align: center; /* wichitig, um den container zu zentrieren */ 
		color:#000;
		/*background-color:#900;	*/
	 	background-image:url(../bilder_test/background_ready2.jpg);
	    background-repeat:repeat-y;
		background-color:#240400;
		
}

/*.invisible {
		display:none;
}*/


#container {
		margin: 1em auto; /* margin auto + text-align in body auf center zentrieren das layout. 
		wert 1em macht einen abstand von allen seiten. opera macht es automatisch; bei ie muss der wert angegeben werden! */
		width: 800px;
		/*height: 800px; wird versteckt, da die höhe sich ab jetzt an den inhalt anpassen soll */
		text-align: left; /* elemente befinden sich links, sonst wird center vom parent-element übernommen */
		/*background-color:#FC9;*/
		border:none;
	
}

#header_logo_events  {
		width: 800px;
		height: 196px;
		/*background-color:#F0C;*/
		position:absolute;
		z-index:1;
	
}
.header {
		margin: 0;
		padding: 0;
		width: 592px;
		height: 195px; /* vorübergehend; die größe von dem test-bild */
		/*background-color:#909;*/
		background-image:url(../bilder_test/header6.gif);		
		background-repeat: no-repeat;
		/* background-position: 0%, 0%;  ist die Position wichtig? */
		float: left;
}

.logo {
		margin-bottom:10px;
		width: 208px;
		height: 100px; 
		/*background-color:#C0C;*/
	 	background-image:url(../bilder_opt/logo.png);
		background-repeat:no-repeat;
		/* background-position: 0%, 0%; */
		float: right;
}

/*hier war events; falls es probleme geben soll !!!!!!!!!!!!!!!!!!!!! */


#nav_lag {
		margin-top:180px;/*g*/
		width: 800px;
		height: 100px;
		/*background-color:#303; */
		position:absolute;
		z-index:5;
	
}
#nav 	{
		width: 603px;
		height: 100px; 
		/*background-color:#F06; */
		float:left;
		
		
		
}

#nav ul {
		list-style-type: none;
		
	
}


#nav li {
		display:block;
		float:left;
		
}

.text {
		/*padding-top:40px;
		padding-left:25px;*/
		display:block;
}

.hidden {
		margin-top:25px;
		margin-left:15px;
		visibility:hidden;
		
}

.home a:link, a:visited, a:hover, a:active {
	
		text-decoration:none;
		/*color: transparent;*/
		
						
}


.home   {
		margin-top:1px;
		position:absolute;
		z-index:1;
}

/* Target all Gecko (includes Firefox) */
p.home>a { 
		margin-top:-10px;
		position:absolute;
		z-index:1;

}


.home a {
		width: 89px;
		height:96px;
		background-image:url(../bilder_en/home.png); 
		background-repeat:no-repeat;
		background-position: 0 0;
		text-indent: -900em;
		display:block;

		
}


.home a:hover {
		background-image:url(../bilder_en/home.png); 
		background-repeat:no-repeat;
		background-position: 0 -96px;
}


.home a:active {
		background-image:url(../bilder_en/home.png); 
		background-position: 0 -192px;
		background-repeat:no-repeat;
}

/* für die nav. mit ../bilder_optn im html-body #nav li .home a:hover img {
		width: 89px;
		height:96px;
		background-image:url(../bilder_opt/home_onclick.png);
		background-repeat:no-repeat;
		display:block;
		color:#900; 
}*/


.unsere_huette a:link, a:visited, a:hover, a:active {
		text-decoration:none;
		/*color: transparent;*/
}

/*#unsere_huette #text {
		
		padding-top:40px;
		padding-left:25px;
}*/

.unsere_huette   {
		margin-top:1px;
		margin-left:89px;
		position:absolute;
}

p.unsere_huette>a { 
		margin-top:-10px;
		position:absolute;
		z-index:1;

}



.unsere_huette a {
		width: 136px;
		height:96px;
		background-image:url(../bilder_en/unsere_huette.png);
		background-repeat:no-repeat;
		background-position: 0 0;
		text-indent: -900em;
		display:block;
}

.unsere_huette a:hover {
		background-image:url(../bilder_en/unsere_huette.png);
		background-repeat:no-repeat;
		background-position: 0 -96px;
}

.unsere_huette a:active {
		background-image:url(../bilder_en/unsere_huette.png);
		background-repeat:no-repeat;
		background-position: 0 -192px;
}


.bildergallerie a:link, a:visited, a:hover, a:active {
		text-decoration:none;
		/*color: transparent;*/

}

/*#bildergallerie #text {
		
		padding-top:40px;
		padding-left:25px;
}*/


.bildergallerie   {
		margin-top:1px;
		margin-left:225PX;
		position:absolute;
		z-index:1;
}

p.bildergallerie>a { 
		margin-top:-10px;
		position:absolute;
		z-index:1;

}



.bildergallerie a {
		width:136px;
		height:96px;
		background-image:url(../bilder_en/bildergalerie.png);
		background-repeat:no-repeat;
		background-position: 0 0;
		text-indent: -900em;
		display:block;
}

.bildergallerie a:hover {
		background-image:url(../bilder_en/bildergalerie.png);
		background-repeat:no-repeat;
		background-position: 0 -96px;
}

.bildergallerie a:active {
		background-image:url(../bilder_en/bildergalerie.png);
		background-repeat:no-repeat;
		background-position: 0 -192px;
}

.gaestebuch a:link, a:visited, a:hover, a:active {
		text-decoration:none;
		/*color: transparent;*/

}

/*#gaestebuch #text {
		
		padding-top:40px;
		padding-left:25px;
}*/

.gaestebuch   {
		margin-top:1px;
		margin-left:361px;
		position:absolute;
}

p.gaestebuch>a { 
		margin-top:-10px;
		position:absolute;
		z-index:1;

}



.gaestebuch a {
		width:138px;
		height:96px;
		background-image:url(../bilder_en/gaestebuch.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		text-indent: -900em;
		display:block;
}

.gaestebuch a:hover {
		background-image:url(../bilder_en/gaestebuch.png);
		background-repeat: no-repeat;
		background-position: 0 -96px;
}

.gaestebuch a:active {
		background-image:url(../bilder_en/gaestebuch.png);
		background-repeat: no-repeat;
		background-position: 0 -192px;
}

.kontakt a:link, a:visited, a:hover, a:active {
		text-decoration:none;
		/*color: transparent;*/

}

/*#kontakt #text {
		
		padding-top:40px;
		padding-left:25px;
}*/

.kontakt   {
		margin-top:1px;
		margin-left:499px;
		position:absolute;
}

p.kontakt>a { 
		margin-top:-10px;
		position:absolute;
		z-index:1;

}


.kontakt a {
		width:101px;
		height:96px;
		background-image:url(../bilder_en/kontakt.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		text-indent: -900em;
		display:block;
}

.kontakt a:hover {
		background-image:url(../bilder_en/kontakt.png);
		background-repeat:no-repeat;
		background-position: 0 -96px;
}
		
.kontakt a:active {
		background-image:url(../bilder_en/kontakt.png);
		background-repeat:no-repeat;
		background-position: 0 -192px;
}

#languages {
		margin-top: 37px; /* früher = 0; jetzt versuchen wir die flaggen nach unten zu bringen; 35px wäre optimal! *//* vor der bilderoptimierung 37px*/
		margin-left:5px;/* neue eigenschaft; nach der bilderoptimierung*/
		/*margin-right: 20px;/*neu nach der bilderoptimierung, früher 40px*/
		/*margin-left: 623px; /* navigation nimmt genau 603px ein (die summe von breiten aller elemente) für IE6 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
		width: 150px; /* früher, vor der bilder-optimierung 137px; */
		height: 41px; /* orientierungsgrößen */
		/*background-color: #63C;*/
		float:right; 
		
}

.gb a:link, a:visited, a:hover, a:active {
		text-decoration:none;
		/*color: transparent;*/

}

/*#gb #text {
		
		padding-top:40px;
		padding-left:25px;
}*/

.gb {
		margin-top:0px;
		margin-left:-25px;
		position:absolute;
		
		
}



.gb a{
		width: 61px;
		height: 40px;
		background-image:url(../bilder_opt/gb_opt.png);
		background-repeat:no-repeat;
		background-position: 0 1px;
		text-indent: -900em;
		display:block;
		
}

.gb a:hover {
		background-image:url(../bilder_opt/gb_opt.png);
		background-repeat:no-repeat;
		background-position: 0 -40px;
}

.gb a:active {
		background-image:url(../bilder_opt/gb_opt.png);
		background-repeat:no-repeat;
		background-position: 0 -80px;

}

.austria a:link, a:visited, a:hover, a:active {
		text-decoration:none;
		/*color: transparent;*/

}

/*#austria #text {
		
		padding-top:40px;
		padding-left:25px;
}*/

.austria {
		margin-top:0px;
		margin-left:50px;
		position:absolute;
		
		
}



.austria a {
		width: 60px;
		height: 40px;
		background-image:url(../bilder_opt/austria_opt.png);
		background-repeat:no-repeat;
		background-position: 0 0;
		text-indent: -900em;
		display:block; 
}

.austria a:hover {
		background-image:url(../bilder_opt/austria_opt.png);
		background-repeat:no-repeat;
		background-position: 0 -40px;
}
		
.austria a:active {
		background-image:url(../bilder_opt/austria_opt.png);
		background-repeat:no-repeat;
		background-position: 0 -80px;
}		

#content_add {
		margin-top:260px; /* header 180 px + 96px li = 276; */
		width: 	800px; /* hier orinitere ich mich an die breite des hintergrundbildes */
		height: 462px; /* hier orinitere ich mich an die höhe des hintergrundbildes */
		/*background-color:#090; /* green */
		position:absolute;
		z-index:1; /* weniger als nav, daher wird nav es überlappen */
}



#content {
		padding-top:55px;
		margin-left:10px; /* damit es nach rechts rutscht */
		width:576px; /* hier orinitere ich mich an die breite des hintergrundbildes */
		min-height: 462px; /* hier orinitere ich mich an die höhe des hintergrundbildes + verwende min-height, um an den inhalt anzupassen */
		/*background-color:#666; /* grey */
		/*background-image:url(../bilder_opt/background_content_top.png);
		background-repeat:no-repeat;*/
		position:absolute;
		
}


.content_top {
		margin-left:10px;
		width:573px;
		height:101px;
		/*height:462px; /* achtung! IE6 !!!!!!!!!!!!!!!!!!1 */
		background-image:url(../bilder_opt/background_content_top3.png);
		background-repeat:no-repeat;
		position:absolute;
		z-index:2; /* im top ist in dem obersten div content_add !!!!!!!!*/
}


.content_mitte {
		/*margin-top:55px;*/
		/*margin-top:255px;/*55px ok */
		width:573px;
		min-height:350px;
		background-image:url(../bilder_opt/content_mitte5.png);
		/*url(../bilder_opt/content_mitte5.png);*/
		background-repeat:repeat-y;
		
				
}

#text_content {
		padding-top: 35px;/*früher 25px*/
		padding-bottom:30px;
		margin-right:32px;/*früher 100px; dann 55px*/
		margin-left:60px;
		color:black;
		

}

#text_content2 {
		padding-top: 20px;/*früher 25px*/
		padding-bottom:30px;
		margin-right:32px;/*früher 100px; dann 55px*/
		margin-left:60px;
		color:black;
		

}


.content_bottom {
		margin-top:-41px;/* vor der optimierung -40*/
		width:573px;
		height:88px;/* height von jpg ist 77!!!! nicht vergessen !!!*/
		background-image:url(../bilder_opt/content_bottom4.png);
		background-repeat:no-repeat;
		background-position:bottom;
		position:inherit;
		
}

.imagefloat_right_logo3 {
	width:600px;
	height:242px;
	margin-top:-3px; /* -50 ist gewesen! */
	mergin-right:120px;
	margin-left:20px;
	position:absolute;
	background-image:url(../bilder_test/logo-schraeg_hahn3.png);
	}



.ad {
		margin-top: 10px; /* damit es in einer linie mit content ist */
		margin-right:20px; /* damit es näher zum kontent ist *//* früher 25px (vor der bilderoptimierung */
		width: 186px;
		height: 548px;/* 448px height muss geändert werden, damit fanshop reinpasst!!! */
		/*background-color:#F0F;*/
		background-image:url(../bilder_en/banner_werbung.png); /*früher gif*/
		background-position: left top; /* neu!*/
		background-repeat:no-repeat;
		float: right;
}

/*.fanshop {
		margin-top: 450px;
		margin-left: 10px;
		position:absolute;
	
}

.fanshop a{
		width:168px;
		height:64px;
		background-image:url(../bilder_opt/fanshop_opt.png);
		background-repeat:no-repeat;
		background-position: 0 0;
		text-indent: -900em;
		display:block;
	
}


.fanshop a:link, a:visited, a:hover, a:active {
		text-decoration:none;*/
		/*color: transparent;*/

/*}

.fanshop a:hover {
		background-image:url(../bilder_opt/fanshop_opt.png);
		background-repeat:no-repeat;
		background-position: 0 -64px;
	
}

.fanshop a:active {
		background-image:url(../bilder_opt/fanshop_opt.png);
		background-repeat:no-repeat;
		background-position: 0 -128px;
}*/

.fanshop a{
		text-indent: -900em;
		display:none;
	
}

/* Wenn Fanshop wieder aktuell ist, bitte die obige Zeile löschen */




#finger_press {
		margin-top:360px;
		width: 186px;
		height: 100px; /* abmass von finger */
		position:absolute;
}


.finger {
		margin-left:8px;
		margin-top:-2px;
		width:72px;
		height:30px;
		background-image:url(../bilder_opt/finger_two.png);
		background-repeat:no-repeat;
		text-indent: -900em;
		display:block;
}




/*.finger a:link, a:visited, a:hover, a:active {
		text-decoration:none;


}

.finger a:hover {
		background-image:url(../bilder_opt/finger_two.png);
		background-repeat:no-repeat;
		background-position: 0 -30px;
		
}*/

.press {
		margin-left:85px;
		margin-top:-3px;
		position:absolute;
		z-index:20;
}

.press a{
		width:86px;
		height:33px;
		background-image:url(../bilder_opt/press_opt.png);
		background-repeat:no-repeat;
		background-position: 0 0;
		text-indent: -900em;
		display:block;

}



.press a:link, a:visited, a:hover, a:active {
		text-decoration:none;
		/*color: transparent;*/

}

.press a:hover {
		background-image:url(../bilder_opt/press_opt.png);
		background-repeat:no-repeat;
		background-position: 0 -33px;
}



#footer {
		margin-top:80px;/* 60px für andere browsers war ok */
		padding-bottom:50px;
		/*margin-top:738px; /* header 196px insgesamt + 96px nav + 462px content */
		width:800px;
		height: 61px;
		position:absolute;
		/*background-image:url(../bilder_opt/impressum.gif);
		background-repeat:no-repeat;*/
		/*background-position: 50% top;*/
		/*background-color:#9FF; /* hellblau */
		
}

.impressum  {
		margin-left:38%;
		position:absolute;


}

.impressum  a{
		width:165px;
		height:61px;
		display:block;
		background-image:url(../bilder_opt/impressum3.jpg);
		background-repeat:no-repeat;
		background-position: 0 0;
		text-indent: -900em;
		display:block;

	
}


.impressum a:link, a:visited, a:hover, a:active {
		text-decoration:none;
		/*color: transparent;*/
		
}




.impressum a:hover {
		background-image:url(../bilder_opt/impressum3.jpg);
		background-repeat:no-repeat;
		background-position: 0 -61px;
	
}



.impressum a:active {
		background-image:url(../bilder_opt/impressum3.jpg);
		background-repeat:no-repeat;
		background-position: 0 -122px;
	
}

#impressum_bug {
		padding-top:30px;/* paddint top 30px früher */
		padding-left:25px;/*25 früher*/
		color:red;
}



/* ab hier alles, was nach der trennung in ie-stylesheet und stylesheet normal eingetragen wurde */


.events a:link, a:visited, a:hover, a:active {
		text-decoration:none;
		/*color: transparent;*/

}

.events {
		margin-top: 90px;
		/*width: 162px; /* für IE6 auf 200px !!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
		/*height: 77px; /* orientierungsgrößen */
		/*background-color:#600;*/
		position:absolute;

}


.events a {
		margin-left:610px;
		margin-top:10px;
		width: 162px; /* für IE6 auf 200px !!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
		height: 77px; /* orientierungsgrößen */
		/*background-color:#600;*/
		background-image:url(../bilder_opt/events_opt.png);
		background-repeat:no-repeat;
		background-position: 0 0;
		text-indent: -900em;
		display:block;
}


.events a:hover {
		/*background-color:#600;*/
		background-image:url(../bilder_opt/events_opt.png);
		background-repeat:no-repeat;
		background-position: 0 -77px;

}

.events a:active {
		background-image:url(../bilder_opt/events_opt.png);
		background-repeat:no-repeat;
		background-position: 0 -154px;
}


h1  {
	margin-bottom: 15px;
	font-family:"Courier New", Courier, monospace;
	font-size:24px !important;
	font-weight:bolder;
	color:#000;
}


h2 {
	margin-bottom: 10px;
	font-family:"Courier New", Courier, monospace;
	font-size: 18px !important;
	font-weight:bolder;
}

h3 {
	margin-bottom: 15px;
	font-family:"Courier New", Courier, monospace;
	font-size: 16px !important;
	font-weight:bolder;

	
}

h4 {
	margin-top: 0px;
	margin-bottom: 15px;
	font-family:"Courier New", Courier, monospace;
	font-size: 18px !important;
	font-weight:bolder;

	
}




.h_form {
	font-weight:bolder;
	font-size:22px;
	text-align:center;
	margin-bottom: 20px;
	
}


p {
	margin-top: 10px;
	font-family:"Courier New", Courier, monospace;
	font-weight:normal;
	font-size:16px !important;
	font-weight:bold;
	text-align:left;
	color:#000;
}

/*folgende formatierungen sind zu übertragen!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Stylesheet IE6 ---------------------------------------
----------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------*/


.center {
	text-align:center;
}


.imagefloat_right {
	float:right;
}

.imagefloat_right_logo {
	margin-top:-50px;
	mergin-right:120px;
	margin-left:20px;
	position:absolute;
}



.imagefloat_left{
	float:left;
}


.entry {
		margin-top:10px;
		width:426px;
		/*position:absolute;*/ /*position absolute führt dazu, dass der bottom von content oben bleibt und entry hineingeschoben wird */
}


.entry_top {
		margin-top:-15px;
		width:426px;
		height:16px;
		background-image:url(../bilder_opt/entry_top.png);
		background-repeat:no-repeat;
		position:absolute;
		z-index:3;
}

.entry_middle {
		width:426px;
		min-height:98px;
		background-image:url(../bilder_opt/entry_middle.png);
		background-repeat:repeat-y;
		
}

.entry_bottom {
		margin-top:-3px;
		margin-bottom:30px; /* damit der abstand zum folgenden beitrag erhalten bleibt */ 
		width:426px;
		height:38px;
		background-image:url(../bilder_opt/entry_bottom2.png);
		background-repeat:no-repeat;
		/*position:absolute;*/ /*hier wird nicht gebraucht*/
		
}

.entry_textarea {
		padding: 15px 20px 15px 20px;
		
}

.form_gaestebuch {
		margin-left:-5px;
		width:442px;
}

.form_gaestebuch_top {
		margin-top:-49px;
		width:442px;
		height:49px;
		background-image:url(../bilder_opt/form_gaestebuch_top.png);
		background-repeat:no-repeat;
		position:absolute;
		z-index:3;

		
}

.form_gaestebuch_middle {
		width:442px;
		min-height:105px;
		background-image:url(../bilder_opt/form_gaestebuch_middle.png);
		background-repeat:repeat-y;

}


.guestbook_entry_name {
		float:left;
		font-size: 20px;
		font-weight:bold;
		
}

.guestbook_entry_date {
		float:right;
		font-size: 20px;
		font-weight:bold;
}

.guestbook_entry_text {
		padding-top: 10px;
		clear:right;
		font-size:24px;
		font-weight:bolder;
		
}



.form_name {
		margin-left: 40px;
		margin-right:40px;
		font-family:"Courier New", Courier, monospace;
}

form {
		margin-left: 40px;
		margin-right:40px;
		font-family:"Courier New", Courier, monospace;
		font-size:16px !important;
		font-weight:bold;

}

.field {
		font-family:"Courier New", Courier, monospace;
		
}

.text_white {
		color:#FFF;
}


.book {
		font-family:"Courier New", Courier, monospace;
		font-size: 16px !important;
		font-weight:bold;
		
}



.formfield_text {
		background-image:url(../bilder_opt/form_background2.png);
		background-position: top left;
		background-repeat:no-repeat;
		color:#FFF;
}

.nachricht {
		background-image:url(../bilder_opt/form_background_nachricht.png);
		background-position: top left;
		background-repeat:repeat-y;
		color:#FFF;
		
}

.selection {
		/*background-image:url(../bilder_opt/form_background_nachricht.png);*/
		background-color:#FC9;
}

.submit {
		margin-left:250px;
		position:absolute;
		/*float:right;*/
}

.submit2 {
		margin-top:-15px;
		position:absolute;
		/*float:right;*/
}



.form_gaestebuch_bottom {
		margin-top:0px;
		margin-bottom:30px; /* damit der abstand zum folgenden beitrag erhalten bleibt */ 
		width:442px;
		height:106px;
		background-image:url(../bilder_opt/form_gaestebuch_bottom.png);
		background-repeat:no-repeat;

}

p.name {
}

p.datum {
}

p.entry_self {
}

#maparea {
		border:#333;
		border-style:dotted;
		border-width:3px;
}


.contact {
		margin-left:-20px;
		margin-bottom:20px;
		width:500px;
		height:325px;
		background-image:url(../bilder_opt/contact_opt.png);
		background-repeat:no-repeat;
}

.form_float {
		margin-top:10px;
		float:left;
		font-size:12px !important;
		
}

strong {
		font-weight:bold;
}

.submit_contact {
		margin-left:0px;
		margin-top:-11px;
		position:absolute;
		/*float:right;*/
}

.contact_text {
		margin-left:270px;
		margin-top:123px;
		line-height:1.9;
		position:absolute;
		font-size:14px !important;
		font-family:"Courier New", Courier, monospace !important;
		font-weight:normal;
}


.mail_to {
		line-height:1.9;
		font-size:14px !important;
		font-family:"Courier New", Courier, monospace !important;
		font-weight:normal;
		color:red;
	
}

.mail_to_big {
		line-height:1.9;
		font-family:"Courier New", Courier, monospace;
		font-size:24px !important;
		font-weight:bolder;
		color:red;
	
}

.mail_to_medium_unterlined {
		line-height:1.9;
		font-size:16px !important;
		font-family:"Courier New", Courier, monospace !important;
		font-weight:normal;
		color:red;
		text-decoration:underline !important;
	
}



.neuer_eintrag {
		margin-top: 20px;
		margin-bottom: 150px;
		line-height:1.9;
		font-size:16px !important;
		font-weight:bold;
		font-family:"Courier New", Courier, monospace !important;
		font-weight:normal;
		color:red;
	
}



.image_float{
		min-width: 50px;
		border: 1px solid #999;
		border-left:2px solid #666;
		border-bottom:2px solid #666;
		margin: 18px 15px 20px 0; /* früher 5px, dann vergrößert (überschrift hat zu wenig margin gehabt */
		padding:8px 8px 30px 8px;
		background-color:#FFF;
		background-image:url(../bilder_opt/polaroid4_opt.jpg);
		float:left; 
		
}

.image_float2{
		min-width: 50px;
		border: 1px solid #999;
		border-left:2px solid #666;
		border-bottom:2px solid #666;
		margin: 18px 15px 20px 0px; /* früher 5px, dann vergrößert (überschrift hat zu wenig margin gehabt */
		padding:8px 8px 30px 8px;
		background-color:#FFF;
		background-image:url(../bilder_opt/polaroid4_opt.jpg);
		float:left; 
		
}



.clearboth {
		clear:both; /* nach floatelementen unbedingt clearboth einsetzen, um wrapper nicht zu zerstören!!!*/
}

.tape {
	width:70px;
	height:26px;
	margin-right:auto;
	margin-left:auto;
	padding-top: 5px;
	margin-top: -25px;
	display:block;
	position:absolute, center;
	/*top:auto;*/
	background-image:url(../bilder_opt/tape.png);
	background-repeat:no-repeat;
}

	
.image_float_unsere_huette{
		width: auto;
		/*border: 1px solid #999;*/
		border-bottom: 0px;
		border-left: 0px;
		border-right:0px;
		margin: 15px 16px 20px 10px; /* früher 15px margin-right, dann vergrößert (überschrift hat zu wenig margin gehabt */
		float:left;

}

/*.image_float_bolder_unsere_huette {
		border-left:3px solid #333;
		border-bottom:3px solid #333;
}*/


/*.rahmen {
		width:100%;
		height:110px;
		border-left:3px solid #333;
		/*border-bottom:3px solid #333;*/
		/*background-image:url(../bilder_opt/frame_small.png);
		background-repeat:no-repeat;
		position:absolute;
}*/


.image_padding {
		padding-left: 19px;/* 17px breit ist der rahmen */
	
}

#events {
		/*width: 400px;
		height:322px;
		margin-left: 40px;
		/*background-image:url(../bilder_opt/werbeplakat_opt.png);
		background-repeat:no-repeat;*/
		
	
}

p > a { 
		text-decoration:none;
		outline:none; 

}

.postit {
		width:195px;
		height:200px;
		margin-left: 50px;
		background-image:url(../bilder_opt/post_it.png);
		background-repeat: no-repeat;
		
	
}

.postit2 {
		width:195px;
		height:200px;
		margin-left: 50px;
		background-image:url(../bilder_opt/post_it_eng.png);
		background-repeat: no-repeat;
		
	
}

.postit3 {
		width:195px;
		height:200px;
		margin-left: 50px;
		background-image:url(../bilder_opt/post_it_de.png);
		background-repeat: no-repeat;
		
	
}

.postit4 {
		width:243px;
		height:228px;
		margin-left: 50px;
		background-image:url(../bilder_opt/postit_unsere_huette.png);
		background-repeat:no-repeat;
}

/* Achtung!!!!!!!!!!!!!!!!!!!!!!!! AB HIER NICHT FÜR IE6 ANGEPASST !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.danke {
	padding-top:50px;
	padding-right:50px;
    padding-left:50px;
	display:block;
	font-weight:bolder;
	float:left;
   
}


.entry_eintrag {
	margin-top: -20px;
	margin-bottom: 60px;
	margin-left:10px;
	position:;
	
}

.entry_eintrag a{
	width:163px;
	height:36px;
	background-repeat:no-repeat;
	background-position: 0 0;
	display:block;
	
}

.entry_eintrag a:hover {
	width:163px;
	height:36px;
	background-repeat:no-repeat;
	background-position: 0 -36px;
	display:block;
	
}

.entry_retour {
	margin-top: 20px;
	margin-bottom: 60px;
	float:right;
	
}

.entry_retour a{
	width:163px;
	height:36px;
	background-repeat:no-repeat;
	background-position: 0 0;
	display:block;
	
}

.entry_retour a:hover {
	width:163px;
	height:36px;
	background-repeat:no-repeat;
	background-position: 0 -36px;
	display:block;
	
}


.h2_events {
	margin: 20px;
	margin-left:0px;
}

.huettenabende_link a:link {
	color:#003;
	font-weight:bolder;
	font-size:18px;
}

.huettenabende_link a:link, a:visited, a:hover, a:active {
	color:red;
	font-weight:bolder;
	font-size:18px;
}

.homepage {
	line-height:1.2;
	text-size: 14px !important;

}

.marker_yellow {
		background-color:#FF0;S
	
}

.marker_red {
		background-color:#F00;
	
}

.marker_green {
		background-color:#0F0;
	
}

.marker_blue {
		background-color:#0FF;
	
}

.marker_blue_big {
	font-family:"Courier New", Courier, monospace;
	font-size:18px !important;
	font-weight:bolder;
	background-color:#0FF;

	
}
p .gross {
	    font-size:24px !important;
		font-weight:bold;
	
}

.h1_marked {
	  background-color: rgba(204, 0, 0, 0.3);
	  font: Tahoma, Helvetica, Arial, Sans-Serif;
	  text-align: center;
	  color: #222;
	  text-shadow: 0px 2px 3px #555;
	
}

.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.p_background {
	  background-color:#FF0;
	
}


.events_date {
	  width: 100px;
	  padding: 20px;
	  float:right;
	  border: 3px;
	  border-spacing:1px;
	  border-style:solid;
	  background-color:#F00;
	  font-size:18px !important;
	  font-weight:bold;
	  background-image:url(../bilder_opt/datum.jpg);
	  background-position: 50% 50%;
	  color:white;
	  
}

.link_big {
	font-family:"Courier New", Courier, monospace;
	font-size:24px !important;
	font-weight:bolder;
	

	
}


.hidden {
		text-indent: -1900em;
		display:inline;
}

.bold {
	color:#F00 !important;
	font-size:18px !important;
	
}

.unsere_huette_bilder {
		min-width: 50px;
		border: 1px solid #999;
		border-left:2px solid #666;
		border-bottom:2px solid #666;
		margin: 18px 15px 20px 0; /* früher 5px, dann vergrößert (überschrift hat zu wenig margin gehabt */
		padding:8px 8px 8px 8px;
		background-color:#FFF;
		float:left; 
		
}

	

/*
.frame_top {
		min-width:100px;
		height:16px;
		background-image:url(../bilder_opt/frame_top.png);
		background-repeat:repeat-x;
		position:absolute;
		display:block;
		z-index:20;
		
}

.frame_bottom {
		width:100%;
		min-width:100px;
		height:15px;
		margin-left: 0px;
		margin-top: 85px;
		background-image:url(../bilder_opt/frame_bottom.png);
		background-repeat:no-repeat;
		position:absolute;
		display:block;

		z-index: 20;
		
}

.frame_left {
		width:16px;
		height:100px;
		margin-left: 0px;
		background-image:url(../bilder_opt/frame_left.png);
		background-repeat:no-repeat;
		position:absolute;
		display:block;
		z-index:100;

		
}

.frame_right {
		width:15px;
		height:100px;
		margin-left: 150px;
		background-image:url(../bilder_opt/frame_right.png);
		background-repeat:no-repeat;
		position:absolute;
		display:block;
		z-index:100;

		
}*/





/*.tape {
	width:70px;
	height:26px;
	margin: 0px;
	margin-top: -28px;
	margin-right:auto;
	margin-left:auto;
	display:block;
	position:absolute;
	background-image:url(../bilder_opt/tape.png);
	background-repeat:no-repeat;
}*/



/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!    HIER FÄNGT die LIGHTBOX II AN !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #FFF; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } /* achtung! link geändert !!! */
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } /* achtung! link geändert !!! */

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: fixed; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /* für ie7 = position: fixed; */