@charset "utf-8";
/* CSS Document */

/* Schriftart Leipzig Fraktur einbinden */
@font-face {
 font-family: 'Leipzig Fraktur';
 src: url('../fonts/leipzig_fraktur_normal.ttf') format('ttf'),
      url('../fonts/leipzig_fraktur_normal.woff') format('woff'),
      url('../fonts/leipzig_fraktur_normal.eot'),
      url('../fonts/leipzig_fraktur_normal.eot?#iefix') format('embedded-opentype'),
      url('../fonts/leipzig_fraktur_heavy.ttf') format('ttf');
 }

/* Schriftart Kock Fraktur einbinden */


@font-face {
    font-family: 'Koch Fraktur';
    src:url('../fonts/Koch-Fraktur-OT-normal.ttf.woff') format('woff'),
        url('../fonts/Koch-Fraktur-OT-normal.ttf.eot'),
        url('../fonts/Koch-Fraktur-OT-normal.ttf.eot?#iefix') format('embedded-opentype'); 
       font-weight: normal;
       font-style: normal;
}

/* für alle Bereiche werden die Innen- und Aussenabstände auf NULL gesetzt */
body, html, #container {margin: 0; padding:0;}

body {font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 16px;
	  text-align: center; /* Zentrierung für den IE 5.x */
	  background: url(../img/hg.jpg) repeat-x #a35606;
	  text-decoration: none;}

#container {width: 980px;
            margin: 0 auto; /* Zentrierung für die standartkonformen Browser */
			padding: 0;
			border: 0;}
			
/* Navigation linke Seite*/
.navi_links {display: block; background: url(../img/buttons/button_normal_verlauf.jpg); height: 50px; text-align: center; background-repeat: no-repeat;}
.navi_links a {display: block; height: 50px; color: #800000; font-weight: bold; font-size: 14px; text-decoration: none;}
.navi_links a:hover {display: block; background: url(../img/buttons/button_over_verlauf3.jpg); color: #FFFFFF;}
.navi_links a:active {display: block; background: url(../img/buttons/button_active_verlauf.jpg);}

.navi_links_fotos {display: block; height: 120px; text-align: center; background-repeat: no-repeat;}
/* Ende Navigation linke Seite*/

/* Navigation rechte Seite */
.navi_rechts {display: block; background: url(../img/buttons/button_normal_verlauf.jpg); height: 50px; text-align: center; background-repeat: no-repeat;}
.navi_rechts a {display: block; height: 50px; color: #800000; font-weight: bold; font-size: 14px; text-decoration: none;}
.navi_rechts a:link {display: block; background: url(../img/buttons/button_normal_verlauf.jpg); height: 50px; text-align: center; background-repeat: no-repeat;}
.navi_rechts a:visited {display: block; background: url(../img/buttons/button_normal_verlauf.jpg); height: 50px; text-align: center; background-repeat: no-repeat;}
.navi_rechts a:hover {display: block; background: url(../img/buttons/button_over_verlauf3.jpg); color: #FFFFFF;}
.navi_rechts a:active {display: block; background: url(../img/buttons/button_active_verlauf.jpg);}

.navi_rechts_kl {display: block; background: url(../img/buttons/button_normal_verlauf.jpg); height: 50px; text-align: center; background-repeat: no-repeat;}
.navi_rechts_kl a {display: block; height: 50px; color: #800000; font-weight: bold; font-size: 13px; text-decoration: none;}
.navi_rechts_kl a:link {display: block; background: url(../img/buttons/button_normal_verlauf.jpg); height: 50px; text-align: center; background-repeat: no-repeat;}
.navi_rechts_kl a:visited {display: block; background: url(../img/buttons/button_normal_verlauf.jpg); height: 50px; text-align: center; background-repeat: no-repeat;}
.navi_rechts_kl a:hover {display: block; background: url(../img/buttons/button_over_verlauf3.jpg); color: #FFFFFF;}
.navi_rechts_kl a:active {display: block; background: url(../img/buttons/button_active_verlauf.jpg);}
/* Ende Navigation rechte Seite */

/* Navigation Wanderlieder in der Wildbachschlucht*/
.navi_links_wl {display: block; background: url(../img/buttons/liederwanderung/button_wl_normal_verlauf.jpg); height: 50px; text-align: center; background-repeat: no-repeat;}
.navi_links_wl a {display: block; height: 50px; color: #800000; font-weight: bold; font-size: 14px; text-decoration: none;}
.navi_links_wl a:hover {display: block; background: url(../img/buttons/liederwanderung/button_wl_over_verlauf.jpg); color: #FFFFFF;}
.navi_links_wl a:active {display: block; background: url(../img/buttons/liederwanderung/button_wl_active_verlauf.jpg);}


/* Allgemein */
.start_ueberschrift {vertical-align: top; text-align: center; font-size: 20px; font-family: Georgia, 'Times New Roman', Times, serif; font-weight: bold; color: #800000;}
.text {font-weight: normal;}

.text_freunde {display: block; background: url(../img/buttons/button_normal_verlauf.jpg); height: 50px; text-align: center; background-repeat: no-repeat;}
.text_freunde span {display: block; height: 50px; color: #800000; font-weight: bold; font-size: 14px;}
.text_freunde span span {text-decoration:underline; height: 43px;}
/* .text_freunde {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: center;} */
/* Ende Allgemein */

/* Fuss */
#fuss_oben {background: #d99431; width: 980px; text-align: center; font-size: 12px; padding: 10px;}
#fuss_oben a {text-decoration: none; color: #000000;}
#fuss_oben a:link {color: #000000;}
#fuss_oben a:visited {color: #000000;}
#fuss_oben a:hover {color: #FFFFFF;}
#fuss_oben a:active {color: #800000;}

#fuss_oben1 {background: #d99431; width: 980px; text-align: center; font-size: 12px; padding: 2px;}
#fuss_oben1 a {text-decoration: none; color: #000000;}
#fuss_oben1 a:link {color: #000000;}
#fuss_oben1 a:visited {color: #000000;}
#fuss_oben1 a:hover {color: #FFFFFF;}
#fuss_oben1 a:active {color: #800000;}

#fuss_drucken {background: #FAEBC5; width: 580px; text-align: center; font-size: 12px;}
#fuss_drucken a {text-decoration: none; color: #800000;}
#fuss_drucken a:link {color: #800000;}
#fuss_drucken a:visited {color: #800000;}
#fuss_drucken a:hover {color: #000000;}
#fuss_drucken a:active {color: #800000;}

#fuss_unten {background: url(../img/fuss_hg_1.jpg); background-repeat: no-repeat; height: 10px; width: 980px; text-align: center; font-size: 12px;}
#fuss_unten a {text-decoration: none; color: #000000;}
#fuss_unten a:link {color: #000000;}
#fuss_unten a:visited {color: #000000;}
#fuss_unten a:hover {color: #FFFFFF;}
#fuss_unten a:active {color: #800000;}
/* Ende Fuss */

/* Impressum */
.ueberschrift {font-family: Georgia, "Times New Roman", Times, serif;
	           font-size: 24px;
			   color: #800000;
			   text-align: center;
			   font-weight: bold;}	   

.impressum_ueberschrift {vertical-align: top; text-align: left; font-size: 20px; font-family: Georgia, 'Times New Roman', Times, serif; font-weight: bold; color: #800000;}
/* Ende Impressum */

/* Gaestebuch */
.text_gaestebuch {font-size: 20px; font-family: Georgia, 'Times New Roman', Times, serif; font-weight: normal;}

.kontaktformular {font-family: Georgia, 'Times New Roman', Times, serif;
                  text-align: right;
                  font-size: 14px;
				  font-weight: normal;
				  width: 150px;}

.stern {color: #FF0000;}

.inputformular {text-align: left;
				width: 370px;}

.spamcode_sicherheit {font-family: Georgia, 'Times New Roman', Times, serif;
                      text-align: right;
					  vertical-align: top;
                      font-size: 14px;
				      font-weight: normal;
				      width: 110px;}
				  
.spamcode_hinweis {font-family: Georgia, 'Times New Roman', Times, serif;
                   text-align: left;
				   width: 440px;}
								
.spamcode_input {font-size: 12px;}				
				  
.gb_eintraege_admin {font-family: Georgia, 'Times New Roman', Times, serif;
               font-size: 16px;
			   /* line-height: 150%; 1,5facher Zeilenabstand */
			   border-radius: 10px; /* abgerundete Ecken */
              -moz-border-radius: 10px; /* abgerundete Ecken */
              -webkit-border-radius: 10px; /* abgerundete Ecken */
			   text-align: left;
			   width: 550px;
			   border: 2px solid #800000; /* #DDEEFF*/
			   background: #FAEBC5;} /* #D99431 */
.gb_eintraege_gast {font-family: Georgia, 'Times New Roman', Times, serif;
               font-size: 16px;
			   /* line-height: 150%; 1,5facher Zeilenabstand */
			   border-radius: 10px; /* abgerundete Ecken */
              -moz-border-radius: 10px; /* abgerundete Ecken */
              -webkit-border-radius: 10px; /* abgerundete Ecken */
			   text-align: left;
			   width: 550px;
			   border: 2px solid #800000; /* #DDEEFF*/
			   background: #FAEBC5;} /* #D99431 */
/* .gb_eintraege_gadmin br{ margin-bottom: 8px;} halber Zeilenabstand, da Schriftgroesse 16px */
/* .gb_eintraege_gast br{ margin-bottom: 8px;} halber Zeilenabstand, da Schriftgroesse 16px */
.gb_fieldset {border: 2px solid #800000;
              border-radius: 10px; /* abgerundete Ecken */
              -moz-border-radius: 10px; /* abgerundete Ecken */
              -webkit-border-radius: 10px; /* abgerundete Ecken */
			  background: #D99431;} /* #DDEEFF*/
.gb_legend {font-weight: bold; font-size: 14px; color: #800000; margin-top: 20px;}
.gb_legend span {font-weight: normal;}
.gb_nachricht {font-weight: normal; font-size: 14px; color: #800000; text-align: left; border: none;}
.gb_eintraege_loeschen {font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; text-align: left; border: 2px solid #800000; background: #D99431;}
.gb_ueberschrift {font-family: Georgia, 'Times New Roman', Times, serif; font-size: 20px; font-weight: bold; color: #800000; text-align: center;}
/* Ende Gästebuch */

/* Anmeldung */
.login_form_name {font-family: Georgia, 'Times New Roman', Times, serif;
                  font-size: 20px;
				  text-align: left;}
.login_form_input {font-family: Georgia, 'Times New Roman', Times, serif;
                   font-size: 20px;
				   text-align: left;}
.msg_text {font-family: Georgia, 'Times New Roman', Times, serif; font-size: 20px; color: #FF0000;}			   
/* Ende Anmeldung */

/* Admin Aktionen */
.aktionen_text {font-family: Georgia, 'Times New Roman', Times, serif; font-size: 20px; color: #800000; text-align: center;}
input.button {height: 32px;
              width: 300px;
			  font-family: Georgia, "Times New Roman", Times, serif;
			  font-size: 18px;
			  font-weight: bold;
			  color: #800000;}
.aktionen_form_input {text-align: right;}
/* Ende Admin Aktionen */

/* Farben Test / kann später wieder gelöscht werden*/
input.farben {height: 32px;
              width: 80px;
			  font-family: Georgia, "Times New Roman", Times, serif;
			  font-size: 12px;
			  font-weight: bold;
			  color: #800000;}
/* Ende Farben Test */

/* Farbe der Links und Mails */
.link_mail a {text-decoration: underline; color: #A35606;} /* #D99431 */
.link_mail a:link {color: #A35606;}
.link_mail a:visited {color: #A35606;}
.link_mail a:hover {color: #000000;}
.link_mail a:active {color: #800000;}
/* Ende Farbe der Links und Mails */

/* Schriftart Normal */
.schrift_normal {vertical-align: top;
                 font-family: Georgia, "Times New Roman", Times, serif;
		         text-align: justify;
		         float: left;}
/* Ende Schriftart Normal */

/* Schriftart Leipziger Fraktur font-size: <?php print $schriftgroesse+2; ?>px; float: left; */
.schrift_fraktur {vertical-align: top;
                  font-family: "Koch Fraktur", Georgia, serif;
		          text-align: justify;
		          }
/* Ende Schriftart Leipziger Fraktur */