body {
      font-family: Verdana, Tahoma, Helvetica;
      text-align:  left;
      font-size:   12px;
      line-height: 18px;
      color:       #000000;
      background-color: #ffffff;
      margin: 0px auto;
      padding: 0px;
      width: 100%;
      height: 100%;

}

/* das ist die box die den ganzen kram umschiesst*/
#box{
        width:540px; 
        position: absolute;
        height: auto; 
        margin: 0px;
        padding: 0px; 

}
/* kopf */
#box0{
        width:560px; 
        height:175px; 
        margin: 0px;
        padding: 0px; 
}
/* box für linke Spalte (20px, 200px und 20px) */
#box1{
        width:240px; 
        height:auto; 
        margin-left: 0px;
		  margin-top: 0px;
        padding: 0px; 
		  float: left;

display: none;
}
/* box für mittlere Spalte (520 px und 20px) */
#box2{
        width:540px; 
        height:auto; 
        margin-left: 0px;
		  margin-top: -70px;
        padding: 0px; 
        float: left;
}
/* box für rechte Spalte (200 px) */
#box3{
        width:200px; 
        height:auto; 
        margin-left: 0px;
		  margin-top: 0px;
        padding: 0px; 
        float: left; 
display: none;
}
/* box für Hauptnavigation: Kopf */
#box4{
        width:200px; 
        height:50px; 
        margin-left: 20px;
		  margin-top: 0px;
        padding: 0px; 
		  background-image: url(../upload/images/box_200px_oben.jpg);
		  background-repeat: no-repeat;
		  background-position: left top;
display: none;		
}
/* box für Hauptnavigation: Mitte und Fuss*/
#box4a{
        width:200px; 
        height:380px; 
        margin-left: 20px;
		  margin-top: 0px;
        padding: 0px; 
		  background-image: url(../upload/images/box_200px_hg_hauptnavi.jpg);
		  background-repeat: no-repeat;		
		  background-position: left bottom;
display: none;		
}
/* box für FAQs:Kopf */
#box5{
        width:200px; 
        height:20px; 
        margin-left: 20px;
		  margin-top: 10px;
        padding: 0px; 
		  background-image: url(../upload/images/box_200px_oben.jpg);
		  background-repeat: no-repeat;		
		  background-position: left top;
display: none;		
}
/* box für FAQs: Mitte */
#box5a{
        width:200px; 
        height:210; 
        margin-left: 20px;
		  margin-top: 0px;
        padding: 0px; 
		  background-image: url(../upload/images/box_200px_mitte.jpg);
		  background-repeat: repeat-y;		
		  background-position: left top;
display: none;		
}
/* box für FAQs: Fuss*/
#box5b{
        width:200px; 
        height:20px; 
        margin-left: 10px;
		  margin-top: 0px;
        padding: 0px; 
		  background-image: url(../upload/images/box_200px_unten.jpg);
		  background-repeat: no-repeat;		
		  background-position: left bottom;
display: none;		
}
/* box für 2. Navigationsebene */
#box6{
        width:540px; 
        height:30px; 
        margin-left: 0px;
		  margin-top: 0px;
        padding: 0px; 
display: none;
}
/* box für den Hauptbereich: Kopf */
#box7{
        width:540px; 
        height:20px; 
        margin-left: 20px;
		  margin-top: 0px;
        padding: 0px; 

}
/* box für den Hauptbereich: Mitte */
#box7a{
        width:540px; 
        height:635px; 
        margin-left: 20px;
        margin-top: 0px;
        padding: 0px; 

}
/* box für den Hauptbereich: Mitte Überlauf */
#box7aa{
        width:540px; 
        height:auto; 
        margin-left: 20px;
        margin-top: 0px;
        padding: 0px; 

}
/* box für den Hauptbereich: Fuss */
#box7b{
        width:540px; 
        height:10px; 
        margin-left: 20px;
		  margin-top: 0px;
        padding: 0px; 

}
/* box für Fahnen oben rechts  */
#box8{
        width:190px; 
        height:18px; 
        margin-left: 0px;
        margin-top: 0px;
        padding-top: 5px; 
        padding-left: 10px;
        padding-right: 0px;
        padding-bottom: 5px;
        text-align: right;
display: none;
}
/* box für Methode/Teilnahme: Kopf  */
#box9{
        width:200px; 
        height:20px; 
        margin-left: 0px;
		  margin-top: 0px;
        padding: 0px; 
		  background-image: url(../upload/images/box_200px_oben.jpg);
		  background-repeat: no-repeat;		
		  background-position: left top;
display: none;		
}
/* box für Methode/Teilnahme: Mitte */
#box9a{
        width:200px; 
        height:190px; 
        margin-left: 0px;
		  margin-top: 0px;
        padding: 0px; 
		  background-image: url(../upload/images/box_200px_mitte.jpg);
		  background-repeat: repeat-y;		
		  background-position: left top;
display: none;		
}
/* box für Methode/Teilnahme: Fuss*/
#box9b{
        width:200px; 
        height:20px; 
        margin-left: 0px;
		  margin-top: 0px;
        padding: 0px; 
		  background-image: url(../upload/images/box_200px_unten.jpg);
		  background-repeat: no-repeat;		
		  background-position: left bottom;	
display: none;	
}
/* box für Veranstaltungskalender: Kopf */
#box10{
        width:200px; 
        height:35px; 
        margin-left: 0px;
        margin-top: 10px;
        padding: 0px; 
		  background-image: url(../upload/images/box_200px_oben_veran.jpg);
		  background-repeat: no-repeat;		
		  background-position: left top;	
display: none;	


}
/* box für Veranstaltungskalender: Mitte */
#box10a{
        width:200px; 
        height:100%; 
        margin-left: 0px;
		  margin-top: 0px;
        padding: 0px; 
		  background-image: url(../upload/images/box_200px_mitte.jpg);
		  background-repeat: repeat-y;		
		  background-position: left top;
display: none;		
}
/* box für Veranstaltungskalender: Fuss*/
#box10b{
        width:200px; 
        height:20px; 
        margin-left: 0px;
		  margin-top: 0px;
        padding: 0px; 
		  background-image: url(../upload/images/box_200px_unten.jpg);
		  background-repeat: no-repeat;		
		  background-position: left bottom;
display: none;		
}
/* box für den Fuss mit Drucksymbol bis Impressum (780 px) */
#box11{
        width:760px; 
        height:35px; 
        margin-left: 0px;
		  margin-top: 0px;
        padding-left: 20px;
        padding-top: 15px; 
		  float: left;
		  background-image: url(../upload/images/verlauf_unten.jpg);
		  background-repeat: no-repeat;
		  background-position: left bottom;
display: none;		  
}
/* box für Impressum (220 px) */
#box12{
        width:220px; 
        height:35px; 
        margin-left: 0px;
		  margin-top: 0px;
        padding-top: 15px; 
		  float: left;
		  background-image: url(../upload/images/verlauf_unten.jpg);
		  background-repeat: no-repeat;
		  background-position: right bottom;	
display: none;	  
}
/* Formatierung für Text in FAQs*/
.tabelle41 {
      font-family: Verdana, Tahoma, Helvetica;
      font-size: 11px;
      line-height: 16px;
      font-weight: normal;
      color: #222222;
      text-align: justify;
      padding-left: 12px;
      padding-right: 3px;
}

/* Formatierung für die Headline*/
.tabelle60 {
font-family: Verdana, Tahoma, Helvetica;
      text-align:  left;
      font-size:   20px;
      line-height: 25px;
      color: #859785;
      padding-right: 17px;
      padding-left: 17px;
      padding-top: 0px;
      padding-bottom: 20px;
}

/* Formatierung für den Grundtext*/
.tabelle61 {
      font-family: Verdana, Tahoma, Helvetica;
      text-align:  left;
      font-size:   12px;
      line-height: 18px;
      font-weight: normal;
      text-decoration: none;
      color: #222222;
      padding-left: 17px;
      padding-right: 40px;
      padding-bottom: 0px;
}

/* Formatierung für die Headline auf der Indexseite*/
.tabelle65 {
      font-family: Verdana, Tahoma, Helvetica;
      text-align:  left;
      font-size:   20px;
      line-height: 25px;
      color: #859785;
      padding-right: 17px;
      padding-left: 17px;
      padding-top: 5px;
      padding-bottom: 5px;
}

/* Formatierung für den Container mit der Karte auf Indexseite*/
.tabelle66 {
      font-family: Verdana, Tahoma, Helvetica;
      text-align:  left;
      font-size:   12px;
      line-height: 18px;
      font-weight: normal;
      text-decoration: none;
      color: #222222;
      padding-left: 85px;
      padding-right: 17px;
      padding-top: 0px;
}

/* Formatierung für Hinweise*/
.tabelle62 {
      font-family: Verdana, Tahoma, Helvetica;
      font-size: 10px;
      line-height: 13px;
      font-weight: normal;
      color: #222222;
      text-align: justify;
      text-decoration: none;
      padding-left: 17px;
      padding-right: 40px;
      padding-bottom: 0px;
}

/* Formatierung für die Headlines in box FAQs und Methode/Teilnahme*/
.tabelle70 {
      font-family: Verdana, Tahoma, Helvetica;
      text-align:  left;
      font-size:   14px;
      line-height: 20px;
      color: #859785;
      font-weight: bold;
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 5px;
}

/* Formatierung für Text Methode/Teilnahme */
.tabelle71 {
      font-family: Verdana, Tahoma, Helvetica;
      font-size: 10px;
      line-height: 12px;
      font-weight: normal;
      color: #222222;
      text-align: justify;
      padding-left: 6px;
      padding-right: 3px;
}

/* Formatierung für Headline in Veranstaltungskalender*/
.tabelle8 {
      font-family: Verdana, Tahoma, Helvetica;
      text-align:  left;
      font-size:   14px;
      line-height: 14px;
      color: #859785;
      font-weight: bold;
padding-left: 16px;
      padding-right: 0px;
      padding-bottom: 10px;
}

/* Formatierung für Text Veranstaltungskalender*/
.tabelle42 {
      font-family: Verdana, Tahoma, Helvetica;
      font-size: 11px;
      line-height: 16px;
      font-weight: normal;
      color: #222222;
      text-align: left;
      padding-left: 10px;
      padding-right: 3px;
padding-bottom:0px;
}

a, a:active  {
      text-decoration: none;
      font-weight: normal;
      color: #517F53;
}

a:hover{
      text-decoration: underline;	
}


p {
      font-family: Verdana, Tahoma, Helvetica;
      font-size: 12px;
      line-height: 18px;
      font-weight: normal;
      color: #666666;
      text-align:left;
      text-decoration: none;
}
/* ab hier kommt das mehrgeteilte menue nur auf css ausgebaut */
/* z-index um überlagerung im firefox zu vermeiden */

ul.firstnavi{
        position:absolute;
        margin-top: -45px;
       margin-left: 2px;
	list-style:none;
	width: 190px;
	padding-top: 0px;
	padding-left: 3px;
	padding-bottom: 0px;
	padding-right: 0px;

}
ul.firstnavi li{
	display:inline;
        list-style:none;
	border-width: 0px;
	border-style: solid;
        margin: 0px auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
}

ul.secnavi {
	position:absolute;
	margin-top: -50px;
	margin-left: 220px;
	list-style:none;
	width: 500px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
}
ul.secnavi li{
	display: inline;
	list-style:none;
	border-width: 0px;
	border-style: solid;
	margin: auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
}

ul.thirdnavi {
	position: absolute;
	margin-top: -30px;
	margin-left: 233px;
	list-style:none;
	width: 600px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;

}
ul.thirdnavi li{
	display:inline;
	list-style:none;
	border-width: 0px;
	border-style: solid;
	margin: auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
}

a.navfirst_on {
	display: block;
  	width: 190px;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
        text-indent: 10px;
	padding-top: 8px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin: 0px 0px 0px 0px;
        background-image: url(../upload/images/button_akt.gif);
        background-repeat: no-repeat;
        background-position: center;
}
a.navfirst_off {
	display: block;
  	width: 190px;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
        text-indent: 10px;
	padding-top: 8px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin: 0px 0px 0px 0px;
        background-image: url(../upload/images/button.gif);
        background-repeat: no-repeat;
        background-position: center;
}
a.navfirst_on:hover {
	display: block;
  	width: 190px;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
        text-indent: 10px;
	padding-top: 8px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin: 0px 0px 0px 0px;
        background-image: url(../upload/images/button.gif);
        background-repeat: no-repeat;
        background-position: center;
}

a.second_on {
	display: inline;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;	
        border-width: 0px;
	border-style: solid;
  	width: 500px;
	text-decoration: none;
	padding-top: 1px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-right: -1px;
	clear: left;
	margin: 0px 0px 0px 0px;
	color: #666666;
}
a.second_off,  a.second_on:hover  {
	display: inline;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;	
	border-width: 0px;
	border-style: solid;
  	width: 500px;
	text-decoration: none;
	padding-top: 1px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-right: -1px;
	clear: left;
	margin: 0px 0px 0px 0px;
	color: #999999;
}

a.third_on {
	display: inline;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;	
        border-width: 0px;
	border-style: solid;
  	width: 500px;
	text-decoration: none;
	padding-top: 1px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-right: 5px;
	clear: left;
	margin: 0px 0px 0px 0px;
	color: #666666;
        background-image: url(../upload/images/punkt_navi3.gif);
        background-repeat: no-repeat;
        background-position: 0 0px;
text-indent: 5px;
}
a.third_off, a.third_on:hover  {
	display: inline;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;	
	border-width: 0px;
	border-style: solid;
  	width: 500px;
	text-decoration: none;
	padding-top: 1px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-right: 5px;
	clear: left;
	margin: 0px 0px 0px 0px;
	color: #999999;
        background-image: url(../upload/images/punkt_navi3.gif);
        background-repeat: no-repeat;
        background-position: 0 0px;
text-indent: 5px;
}

span.navi_ebene_1 { 
	margin: 0px;

}
span.navi_ebene_2 {
	margin: 0px;
}

span.navi_ebene_3 {
}

/* Karte Bundesländer auf Index */
* {
        margin: 0;
        padding: 0;
        border: 0;
}
body {
        margin: 0em; font: 100.1% verdana,geneva,arial,helvetica,sans-serif; color: #000; background-color: #;
}
span.description { 
        display: block; width: 30em; margin-top: 0em; 
}
img.states { 
        display: block; width: 400px; height: 537px; 
}
img.states.default { 
        background: url(../upload/images/Deutschlandkarte.gif) no-repeat; background-position: 0 0px;  /* row: 0 - column: 0 */
}
img.states.script {
        background: url(../upload/images/Deutschlandkarte.gif) no-repeat right top; /* row: 0 - column: 3 */
}
      img.states.script.deNI {background-position: 0 -537px;}                 /* row: 1 - column: 0 */
      img.states.script.deHB {background-position: -400px -538px;}            /* row: 1 - column: 1 */
      img.states.script.deHBBH {background-position: -400px -538px;}          /* row: 1 - column: 1 */
      img.states.script.deHH {background-position: -800px -538px;}            /* row: 1 - column: 2 */
      img.states.script.deHHNW {background-position: -800px -537px;}          /* row: 1 - column: 2 */
      img.states.script.deSH {background-position: -1200px -538px;}           /* row: 1 - column: 3 */
      img.states.script.deNW {background-position: 0 -1074px;}                /* row: 2 - column: 0 */
      img.states.script.deST {background-position: -400px -1074px;}           /* row: 2 - column: 1 */
      img.states.script.deBE {background-position: -800px -1074px;}           /* row: 2 - column: 2 */
      img.states.script.deMV {background-position: -1200px -1074px;}          /* row: 2 - column: 3 */
      img.states.script.deRP {background-position: 0 -1611px;}                /* row: 3 - column: 0 */
      img.states.script.deHE {background-position: -400px -1611px;}           /* row: 3 - column: 1 */
      img.states.script.deTH {background-position: -800px -1611px;}           /* row: 3 - column: 2 */
      img.states.script.deBR {background-position: -1200px -1611px;}          /* row: 3 - column: 3 */
      img.states.script.deSL {background-position: 0 -2148px;}                /* row: 4 - column: 0 */
      img.states.script.deBW {background-position: -400px -2148px;}           /* row: 4 - column: 1 */
      img.states.script.deBY {background-position: -800px -2148px;}           /* row: 4 - column: 2 */
      img.states.script.deSN {background-position: -1200px -2148px;}          /* row: 4 - column: 3 */

