@-o-viewport { width=740 }
@-ms-viewport{ width=740 }

	* { margin:0; padding:0; }
	html, body  { height: 100% }
	body           { background-color: #000; font-family: arial, hevetica, sans-serif; background-image: url(../Bilder/higr.gif); text-align: center }

	 /* ab hier Layout */
	#Abstand     { margin-bottom: -339px; width: 1px; height: 50%; float: left }  /* Vertikalzentrierer, margin-bottom = halbe Satzspiegelhoehe */
	#Satzspiegel { margin: 0 auto; width: 734px; height: 668px; clear: left }

	#SatzspiegelLinkeSpalte    { background-image: url(../Bilder/header1.gif); background-repeat: no-repeat; width: 141px; height: 100%; float: left }
	#SatzspiegelZweiteSpalte    { background-image: url(../Bilder/header2.gif); background-repeat: no-repeat; width: 540px; float: left; border-left: 1px solid #08ce26 }

	#navifeld  { margin-top: 113px; padding-top: 10px; width: 141px }
	#inhaltszone      { background-color: #ddebdc; margin-top: 113px; bottom: 464px; width: 540px; overflow: hidden; }  /* hiermit Hoehe Content einstellen (min-height: 464px;) */
	#WillkommenSeite #inhaltszone     { background-image: url(../Bilder/willkommen-HiGr.jpg) }  /* Zusatzeinstellungen nur fuer Willkommen-Content  */
	#CloseupSeite #inhaltszone    { background-image: url(../Bilder/closeup-HiGr.jpg) }  /* Zusatzeinstellungen nur fuer Closeup-Content  */
	#KontaktSeite #inhaltszone    { background-image: url(../Bilder/kontakt-HiGr.gif) }  /* Zusatzeinstellungen nur fuer Kontakt-Content  */
	#GaesteSeite #inhaltszone    { background-image: url(../Bilder/kontakt-HiGr.gif); }  /* Zusatzeinstellungen nur fuer Gaestebuch-Content  */
	#textfeld	  { float: left; text-align: left; margin-left: 22px; padding-top: 62px; padding-bottom: 15px; position: relative; margin-top: -166px; width: 200px; overflow: hidden; } /*mit margin-top: -XXX nach oben verschoben*/ 
	.txtfeldTop {height: 166px; }  /*wg. Verschiebung */ 
	#Spalte1   { position: relative; width: 200px; margin-right: 22px; }
	#Spalte2   { position: relative; width: 200px; margin-right: 22px; }
	#Spalte3   { position: relative; width: 200px; margin-right: 22px; } 
	#textfeld h1  { color: #3a3; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; line-height: 16px; letter-spacing: 1px; height: 150px } 	
	.inhaltszonenbild   { width: 318px; /*float: right*/ }
	#fuss               { margin-right: -51px; width: 591px; height: 25px; float: right; clear: both }

	.klKoefferle   { margin-top: -117px; float: right; }
	.aniHilfe {display: none;} /* Umweg-divs verstecken */

	/* /////// fuer Ani Textfeld ////// */
	#Seite {
    list-style: none;
    width: 666px; /*Gesamtbreite: dreimal Textbreite + dreimal "margin-right" */
    position: relative;
    left: 0px;
     -webkit-transition: left 1s ease;
    	-moz-transition: left 1s ease;
    	  -o-transition: left 1s ease;
    		 transition: left 1s ease; }
	#Seite>div { float: left; position: relative; }
	input[type=radio]#button-1:checked~#Seite { left: 0 }
	input[type=radio]#button-2:checked~#Seite { left: -222px } /*Scrolldistanz: (Breite)+(margin-right) = 200px + 22px */
	input[type=radio]#button-3:checked~#Seite { left: -444px }
	
	 /* ab hier Typografie */
	h1, h2  { color: #000; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; line-height: 16px; letter-spacing: 1px; margin-bottom: 16px }
	p  { font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; line-height: 18px; margin-bottom: 9px }
	#textfeld li  { font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; line-height: 18px; list-style-type: square; margin-bottom: 9px; margin-left: 15px }
	#textfeld a  { color: #118e11; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: bold; line-height: 18px; letter-spacing: 1px; margin-bottom: 9px; text-decoration: underline; }
	#textfeld a:hover { text-decoration: none }	
	#textfeld strong { font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: bold; line-height: 18px; margin-bottom: 9px }
	#fuss p  { color: #24b214; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; line-height: 12px; letter-spacing: 1px; margin-top: 6px; margin-bottom: 9px }
	#fuss a  { color: #DDEBDC; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; line-height: 12px; letter-spacing: 1px; margin-top: 6px; margin-bottom: 9px }
	a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  { position: relative; text-decoration: none !important; font-style: italic; color: #000 !important; font-weight: normal !important; border-bottom: 1px dashed; }
	a.tooltip:hover { color: #0000ff; background: transparent; } /*fuer IE*/
	a.tooltip span { display: none; text-decoration: none; } /*Style des Tooltip-Feldes, inaktiv*/	
	a.tooltip:hover span { display: block; position: absolute; top: 20px; left: 0; width: 94px; padding-left: 2px; z-index: 100; color: #000000; border:1px solid #000000; background: #FFFFCC; font-style: normal; font-weight: normal; letter-spacing: 0; line-height: 14px; } /*Style des Tooltip-Feldes aktiviert*/
	.Knoepf {display: none; }
	.Knoepflabel {top: 300px; text-align: right; color: green; font-size: 10px; cursor: pointer; }
	.Sonderzeichen { font-size: 12px; margin-left: 2px; } /*sonst sind diese Zeichen zu winzig*/
	.Knoepflabel:hover { text-decoration: underline }

	.menueausblend { display: none; color: #118e11; font-size: 14px; }

/*  Navigationsliste */
#navlist { float: right }
#navlist li       { list-style-type: none; margin: 1px 0 10px; width: 134px; /*border:1px solid red*/}/*margin-bottom ist ZAB der Hauptpunkte*/
#navlist li li  { margin-bottom: 2px; } /*ZAB der Subpunkte*/
#navlist a {display:block; }  

#willkomm a      { background: url(../Bilder/NAVI.png) 0 -9px; height: 32px; background-size:308px 830px; }
#willkomm a:hover  { background: url(../Bilder/NAVI.png) -147px -9px; background-size:308px 830px; }
#WillkommenSeite #willkomm a { cursor: default; background: url(../Bilder/NAVI.png) -147px -9px; background-size:308px 830px; } /* wo-bin-ich-Angabe */

#program a    { background: url(../Bilder/NAVI.png) 0 -60px; height: 32px; background-size:308px 830px; }
#program a:hover  { background: url(../Bilder/NAVI.png) -147px -60px; background-size:308px 830px; }
#ProgrammeSeite #programaktiv { cursor: default; background: url(../Bilder/NAVI.png) -147px -60px; background-size:308px 830px; }
	#ProgrammeSeite #navifeld #program { height: 135px; }  /*Hoehe vom offenen "Program" mit Program aktiv*/
/* dropdown-effekt*/
#program   { transition: height 1s ease-in-out; height: 32px; overflow: hidden }  /*Hoehe vom geschlossenen Menuepunkt "Program", ++Transition-Effekt++ */
#navifeld:hover #program:hover { height: 135px }  /*Hoehe vom offenen Menuepunkt "Program"*/

#closeup a    { background: url(../Bilder/NAVI.png) 0 -166px; height: 24px; background-size:308px 830px; }
#closeup a:hover  { background: url(../Bilder/NAVI.png) -147px -166px; background-size:308px 830px; }
#CloseupSeite #closeup a  { cursor: default; background: url(../Bilder/NAVI.png) -147px -166px; background-size:308px 830px; }
#CloseupSeite #navifeld #program { height: 135px }  /*Hoehe vom offenen "Program" mit Closeup aktiv*/
	#CloseupSeite #programaktiv  { background: url(../Bilder/NAVI.png) 0 -112px; background-size:308px 830px; } /*Programmbutton halbaktiv' */

#standup a   { background: url(../Bilder/NAVI.png) 0 -209px; height: 24px; background-size:308px 830px; }
#standup a:hover  { background: url(../Bilder/NAVI.png) -147px -209px; background-size:308px 830px; }
#StandupSeite #standup a   { cursor: default; background: url(../Bilder/NAVI.png) -147px -209px; background-size:308px 830px; }
#StandupSeite #navifeld #program { height: 135px }  /*Hoehe vom offenen "Program" mit Standup aktiv*/
	#StandupSeite #programaktiv  { background: url(../Bilder/NAVI.png) 0 -112px; background-size:308px 830px; } /*Programmbutton halbaktiv' */

#koefferle a    { background: url(../Bilder/NAVI.png) 0 -252px; height: 40px; background-size:308px 830px; }
#koefferle a:hover  { background: url(../Bilder/NAVI.png) -147px -252px; background-size:308px 830px; }
#KoefferleSeite #koefferle a  { cursor: default; background: url(../Bilder/NAVI.png) -147px -252px; background-size:308px 830px; }
#KoefferleSeite #navifeld #program { height: 135px }  /*Hoehe vom offenen "Program" mit Koefferle aktiv*/
	#KoefferleSeite #programaktiv  { background: url(../Bilder/NAVI.png) 0 -112px; background-size:308px 830px; } /*Programmbutton halbaktiv' */

#referenz a    { background: url(../Bilder/NAVI.png) 0 -306px; height: 32px; background-size:308px 830px; }
#referenz a:hover  { background: url(../Bilder/NAVI.png) -147px -306px; background-size:308px 830px; }
#ReferenzenSeite #referenz a  { cursor: default; background: url(../Bilder/NAVI.png) -147px -306px; background-size:308px 830px; }

#extras a    { background: url(../Bilder/NAVI.png) 0 -359px; height: 32px; background-size:308px 830px; }
#extras a:hover  { background: url(../Bilder/NAVI.png) -147px -359px; background-size:308px 830px; }
#ExtrasSeite #extrasaktiv { cursor: default; background: url(../Bilder/NAVI.png) -147px -359px; background-size:308px 830px; }
	#ExtrasSeite #navifeld #extras { height: 118px }  /*Hoehe vom offenen Menuepunkt "Extras" mit Extras aktiv*/
/* dropdown-effekt*/
#extras   { transition: height 1s ease-in-out; height: 32px; overflow: hidden }  /*Hoehe vom geschlossener Menuepunkt "Extras" ++Transition-Effekt++ */
#navifeld:hover #extras:hover { height: 118px }  /*Hoehe vom offenen Menuepunkt "Extras" */

#galerie a     { background: url(../Bilder/NAVI.png) 0 -464px; height: 24px; background-size:308px 830px; }
#galerie a:hover  { background: url(../Bilder/NAVI.png) -147px -464px; background-size:308px 830px; }
#GalerieSeite #galerie a  { cursor: default; background: url(../Bilder/NAVI.png) -147px -464px; background-size:308px 830px; }		
#GalerieSeite #navifeld #extras { height: 118px }  /*Hoehe vom offenen Menuepunkt "Extras" mit Galerie aktiv*/
	#GalerieSeite #extrasaktiv  { background: url(../Bilder/NAVI.png) 0 -410px; background-size:308px 830px; } /* "Extras"-button halbaktiv' */

#auszeichnung a     { background: url(../Bilder/NAVI.png) 0 -506px; height: 24px; background-size:308px 830px; }
#auszeichnung a:hover  { background: url(../Bilder/NAVI.png) -147px -506px; background-size:308px 830px; }
#AuszeichnungenSeite #auszeichnung a  { cursor: default; background: url(../Bilder/NAVI.png) -147px -506px; background-size:308px 830px; }		
#AuszeichnungenSeite #navifeld #extras { height: 118px }  /*Hoehe vom offenen Menuepunkt "Extras" mit Auszeichnungen aktiv*/
	#AuszeichnungenSeite #extrasaktiv  { background: url(../Bilder/NAVI.png) 0 -410px; background-size:308px 830px; } /* "Extras"-button halbaktiv' */

#download a     { background: url(../Bilder/NAVI.png) 0 -546px; height: 24px; background-size:308px 830px; }
#download a:hover  { background: url(../Bilder/NAVI.png) -147px -546px; background-size:308px 830px; }
#DownloadSeite #download a  { cursor: default; background: url(../Bilder/NAVI.png) -147px -546px; background-size:308px 830px; }		
#DownloadSeite #navifeld #extras { height: 196px }  /*Hoehe vom offenen Menuepunkt "Extras" mit Download aktiv*/
	#DownloadSeite #extrasaktiv  { background: url(../Bilder/NAVI.png) 0 -410px; background-size:308px 830px; } /* "Extras"-button halbaktiv' */

#links a     { background: url(../Bilder/NAVI.png) 0 -588px; height: 24px; background-size:308px 830px; }
#links a:hover  { background: url(../Bilder/NAVI.png) -147px -588px; background-size:308px 830px; }
#LinksSeite #links a  { cursor: default; background: url(../Bilder/NAVI.png) -147px -588px; background-size:308px 830px; }		
#LinksSeite #navifeld #extras { height: 196px }  /*Hoehe vom offenen Menuepunkt "Extras" mit Links aktiv*/
	#LinksSeite #extrasaktiv  { background: url(../Bilder/NAVI.png) 0 -410px; background-size:308px 830px; } /* "Extras"-button halbaktiv' */

#termine a     { background: url(../Bilder/NAVI.png) 0 -640px; height: 24px; background-size:308px 830px; }
#termine a:hover  { background: url(../Bilder/NAVI.png) -147px -640px; background-size:308px 830px; }
#TermineSeite #termine a  { cursor: default; background: url(../Bilder/NAVI.png) -147px -640px; background-size:308px 830px; }		
#TermineSeite #navifeld #extras { height: 196px }  /*Hoehe vom offenen Menuepunkt "Extras" mit Termine aktiv*/
	#TermineSeite #extrasaktiv  { background: url(../Bilder/NAVI.png) 0 -410px; background-size:308px 830px; } /* "Extras"-button halbaktiv' */

#gaestebuch a     { background: url(../Bilder/NAVI.png) 0 -690px; height: 24px; background-size:308px 830px; }
#gaestebuch a:hover  { background: url(../Bilder/NAVI.png) -147px -690px; background-size:308px 830px; }
#GaesteSeite #gaestebuch a  { cursor: default; background: url(../Bilder/NAVI.png) -147px -690px; background-size:308px 830px; }		
#GaesteSeite #navifeld #extras { height: 118px }  /*Hoehe vom offenen Menuepunkt "Extras" mit Gaestebuch aktiv*/
	#GaesteSeite #extrasaktiv  { background: url(../Bilder/NAVI.png) 0 -410px; background-size:308px 830px; } /* "Extras"-button halbaktiv' */

#kontakt a    { background: url(../Bilder/NAVI.png) 0 -734px; height: 32px; background-size:308px 830px; }
#kontakt a:hover  { background: url(../Bilder/NAVI.png) -147px -734px; background-size:308px 830px; }
#KontaktSeite #kontakt a  { cursor: default; background: url(../Bilder/NAVI.png) -147px -734px; background-size:308px 830px; }		

#impress a    { background: url(../Bilder/NAVI.png) 0 -792px; height: 32px; background-size:308px 830px; }
#impress a:hover  { background: url(../Bilder/NAVI.png) -147px -792px; background-size:308px 830px; }
#ImpressumSeite #impress a  { cursor: default; background: url(../Bilder/NAVI.png) -147px -792px; background-size:308px 830px; }

/* Listentext verstecken */
.hidden  { line-height: 0; display: block; overflow: hidden }
	
	
#Stoerer   { display: none; background-color: red; margin-top: 90px; margin-left: 130px; position: absolute; width: 50px; height: 50px } 
	
#menuebutton   { display: none; color: #118e11; font-size: 22px; border: 1px solid green; width: 30px; height: 25px; position: absolute; left: 0; z-index: 333; } /*[NEU]*/

/* Zwei AntiSpam-Formularfelder verstecken */
#firma, #stadt { display: none }