/* CSS Document */
body {
  background-color:#f6b804;/*Hintergrundfarbe*/
  font-family: Arial, Veranda, Gisha; /*Schriftfamilie*/
}

table{
  border-spacing: 10px; /*Tabellenrahmenabstand*/
  padding: 20px; /*Außenabstand*/
}

.galerie_tabelle td{
  text-align: center; /*Textausrichtung in Tabelle*/
}

.rot{
  color: red;  /*Farbe der "W´s" bei den "W-Fragen"*/
}

.fuchs{
  position: relative; /*Position orientiert sich an html*/
  width: 180px; /*Breite*/
  height: 160px;  /*Höhe*/
}

.header{
  width:1000px; /*Breite*/
  height:150px; /*Höhe*/
  border:none; /*kein Rahmen*/
  position:relative; /*Position orientiert sich an html*/
  top:20px; /*Abstand oben*/
  left:58%;  /*Abstand links in Prozent*/
  overflow:hidden; /*übergroße Inhalte werden abgeschnitten und nicht angezeigt*/
  margin-left:-500px; /*Innenabstand links*/
}

.navi{
  width:780px; /*Breite*/
  height:150px; /*Höhe*/
  border:none;  /*kein Rahmen*/
  position:relative; /*Position orientiert sich an html*/
  top:40px; /*Abstand oben*/
  left:58%; /*Abstand links in Prozent*/
  overflow:hidden; /*übergroße Inhalte werden abgeschnitten und nicht angezeigt*/
  margin-left:-500px; /*Innenabstand links*/
}

.inhalt{
  width:780px; /*Breite*/
  border:none;  /*kein Rahmen*/
  position:relative; /*Position orientiert sich an html*/
  top: -50px; /*Abstand oben*/
  left:58%; /*Abstand links in Prozent*/
  overflow:hidden; /*übergroße Inhalte werden abgeschnitten und nicht angezeigt*/
  margin-left:-500px; /*Innenabstand links*/
}

.footer{
  width:780px; /*Breite*/
  border:none; /*kein Rahmen*/
  position:relative; /*Position orientiert sich an html*/
  left:58%; /*Abstand links in Prozent*/
  overflow:hidden;  /*übergroße Inhalte werden abgeschnitten und nicht angezeigt*/
  margin-left:-500px; /*Innenabstand links*/
  text-align: center; /*Textausrichtung zentriert*/
  font-size: 12px; /*Schriftgröße*/
  color: #474747; /*Schriftfarbe*/
}

.willkommen{
  text-align: center; /*Textausrichtung zentriert*/
  font-size: 24; /*Schriftgröße*/
  margin-bottom: 20px; /*Innenabstand von oben*/
}

.header_bild_fuchs{
  position:absolute; /*Position orientiert sich an Seitenanfang*/
  top:0px; /*Abstand von oben*/
  left:0px; /*Abstand von links*/
}

.header_bild_schrift{
  position:absolute; /*Position orientiert sich an Seitenanfang*/
  top:0px; /*Abstand von oben*/
  left:180px; /*Abstand von links - 180px, da Breite vom Fuchs so*/
}


.minigalerie img{
  display: block; /*Element wird als Block dargestellt*/
  margin: 0 auto; /*Horizontale Zentrierung*/
  background-color: #474747; /*Hintergrundfarbe Rahmen Bild*/
  padding: 5px; /*Außenabstand*/
  border-radius: 5px; /*Abrundung der Ecken*/
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.topnav
{
  background-color: #474747; /*graue Farbe beim Navi*/
	text-align: center; /*Textausrichtung im Navi*/
  border-radius: 50px; /*Abrundung der Ecken im Navi*/
  opacity: 0.9; /*Transparenteres grau*/
}

.topnav a  /*im Normalzustand*/
{
  color: #ffffff; /*Schriftfarbe weiß im Navi*/
	line-height: 35px; /*Zeilenhöhe*/
	font-weight: normal; /*Schriftdicke*/
	font-size:  18px; /*Schriftgröße*/
	text-decoration: none; /*Keine Über-, Unter-, Durchstreichung der Schrift und kein Blinken*/
	display:inline-block; /*Alternative zu float um Browserbreite auszufüllen und zu umbrechen*/
	outline: 0; /*Rahmen für nicht-rechteckige Bereiche*/
	position: relative; /*Position orientiert sich an html*/
	padding-left: 40px; /*Außenabstand links*/
	padding-right: 40px; /*Außenabstand rechts*/
}

.topnav a:hover /*Beim drüberfahren*/
{
	border: 1px solid #000000; /*Rahmen 1 Pixel durchgehend schwarz beim drüberfahren*/
  color: #000000; /*Schriftfarbe schwarz*/
	background-color:#ffffff; /*Hintergrundfarbe weiß*/
  opacity: 0.4; /*Durchsichtigkeit des weiß*/
  border-radius: 50px; /*Abrundung der Ecken im Navi*/
}

.topnav a:active /*im angeklickten Zustand*/
{
	border: 1px solid #000000; /*schwarzer durchgehender Rahmen wenn angeklickt*/
  color: #000000; /*Schriftfarbe schwarz*/
	background-color: #111111; /*Hintergrundfarbe grau*/
  opacity: 0.4; /*Durchsichtigkeit der Hintergrundfarbe*/
  border-radius: 50px; /*Abrundung der Ecken im Navi*/
}

.topnav a.besuchte_seite
{
  border: 1px solid #000000; /*schwarzer durchgehender Rahmen wenn angeklickt*/
  color: #000000; /*Schriftfarbe schwarz*/
	background-color:#ffffff; /*Hintergrundfarbe weiß*/
  opacity: 0.4; /*Durchsichtigkeit des weiß*/
  border-radius: 50px; /*Abrundung der Ecken im Navi*/
}