/*
Stylesheet für Webseiten von "Franken-Dienste"
Datei: bildschirm.css
Datum: 25. November 2007
Autor: Joachim Jost
*/

* { padding: 0; margin: 0; }
html { height: 101%; } /* erzwingt Scrollbar im Firefox */
body { /* Das HTML-Element mit dem Namen body */
   color: black; /* Schriftfarbe */
   background-color: #b5b5b5; /* Hintergrundfarbe (alt: #03a6af)*/
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: small; /* Schriftgröße */
   }
#wrapper { /* Das HTML-Element mit dem Attribut id="wrapper" */
   color: black;
   background-color: white; /* alt #fed73a */
   width: 750px; /* Breite des Inhaltsbereiches */
   margin-top: 0px; /* Abstand oben zum Bildschirmrahmen */
   margin-right: auto; /* Abstand rechts automatisch */
   margin-bottom: 10px;
   margin-left: auto; /* Abstand links automatisch */
   }
#kopfbereich {
   color: black;
   background-color: white;
   background-repeat: repeat-y;
   background-position:  left top;
   padding-top: 10px;
   padding-right: 20px;
   padding-bottom: 0;
   padding-left: 20px
   }
   #kopfbereich p {
   padding: 10px 0 10px 0;
   margin-bottom: 0; /* war 1em */
   }
#navibereich {
   font-size: 10px;
   text-align: right; /* rechtsbündig */
   color: black;
   background: #ff7200; /* erste Farbe war #00ceef */
   padding-top: 5px ;
   padding-right: 10px;
   padding-bottom: 4px;
   padding-left: 10px;
   border-bottom: 1px solid #8c8c8c;
}
   #navibereich ul { margin-bottom: 0; }
   #navibereich li {
   display: inline;       /* li nebeneinander anzeigen */
   list-style-type: none; /* ohne Aufzählungspunkte */
   margin: 0;    /* alles 0 */
   }
   #navibereich a { color: black;
   text-decoration: none; outline: none;
   background-color: #cccccc;  /* erste Farbe #d6f7ff */
   padding-top: 4px;
   padding-right: 8px;
   padding-bottom: 4px;
   padding-left: 8px;
   border-bottom: 1px solid #8c8c8c;
   }
   #navibereich a:hover,
   #navibereich a:focus, 
   #startseite #navi01 a,
   #leistungen #navi02 a,
   #referenzen #navi03 a,
   #animation #navi04 a,
   #kontaktseite #navi05 a,
   #impressum #navi06 a
   {
      color: black;
      background-color: white;
      border-bottom-color: white; /* Rahmenlinie weiss */
   }
   #navibereich a:active {
      color: black;
      background-color: white;
   }
   #textbereich {
   padding-top: 20px ;
   padding-right: 10px;
   padding-bottom: 20px;
   padding-left: 20px;
}
   #textbereich ul {
   padding: 10px;
   }
   
   
/* Das Kontaktformular */

form {
   background-color: #eee;
   width: 300px; /* Breite des Formulars */
   padding: 20px;
   border: 1px solid #8c8c8c;
}
label { /* Beschriftung auf eigener Zeile */
   display: block;
   cursor: pointer; /* Mauszeiger wird zur Hand */
}
   input#absender, input#vorname, input#name, input#firma,
   textarea {
   width: 250px;
   margin-bottom: 1em;
}
   textarea {
   height: 7em;
}

#textbereich a {
   border-bottom: 1px;
}
#textbereich a:hover,
#textbereich a:focus {
     text-decoration: none;
  /* border-bottom: 1px solid #d90000; */
}

#eins, #zwei, #drei, #vier {
   width: 400px;
   margin: 0px;
   border: 2px solid #b5b5b5; }  /* Umrandung und Länge Farbe alt #00ceef*/
   
#werbebox {
   text-align:center;  
   }
   
/*div.galerie img { border: 7px groove #00ceef; }*/

#referenzbereich {
   padding-top: 20px;
   padding-right: 20px;
   padding-bottom: 20px;
   padding-left: 20px;
   border-top: 1px solid #8c8c8c; /* Rahmenlinie oben */
   margin-top: 20px; /* Außenabstand oben, oberhalb Linie */
}
#referenzbereich a {
    color: black;
    text-decoration: none; outline: none; }
#referenz a{
    color: black;
	text-decoration: none;
	outline: none;
	}
 #fussbereich {
    background-color:#ff7200;
	padding-top: 10px;  /* Innenabstand oben, unterhalb Rahmenlinie */
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-top: 1px solid #8c8c8c; /* Rahmenlinie oben */
	margin-top: 0px; }/* Außenabstand oben, oberhalb Linie */
#werbecontainer {
    background-color: #ffffff;
	width: 750px;
	height: 60px;
	}
#counter {
    text-align:center; }
   
h1 { font-size: 150%; }
h2 { font-size: 110%; }
h3 { font-size: 90%;
    background-color: #cccccc;   /* Hintergrundfarbe und Länge Farbe alt #cad4c6*/
   }
h4 { font-size: 90%; }

address {
   text-align: center;  /* zentrieren */
   font-size: 70%;      /* etwas kleiner */
   font-style: normal;  /* normale Schrift, nicht kursiv */
   letter-spacing: 2px; /* Abstand zwischen den Buchstaben */
   line-height: 1.5em;  /* Zeilenabstand */
   }
a {
   text-decoration: underline;
   color: black;
   }
a:link {
   text-decoration: underline;
   color: black;  /* sowohl a als auch a:link definiert die Farbe und auch die Einfärbung wenn der Link betätigt wurde */
   }

/* Abstand nach unten */
h2, p, ul, ol {
	margin-bottom: 1em;
}

/* Verschachtelte Listen ohne Abstand */
ul ul { margin-bottom: 0; }

/* Abstand von links */
li { margin-left: 1em; }