﻿body {
  color: #5b5648; /*Hauptschriftfarbe*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  background-color: #DDDACC; /*Farbe des Auto-Abstandes*/
  margin-top: 0px;
  margin-bottom: 0px;
}


#wrapper {     /*Definiert Zentrierung sowie Farbe der Hauptbox*/ 
  width: 1024px;
  /*height: 930px;*/
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  background-image: url(shaders/boxshadow.png); /*Schattiert die Box*/
  Background-repeat: repeat-y;
}
 
 
 
#textbox { /*Definiert den gesamten Textbereich der Webpage*/
  padding-left: 23px; /*Zieht Text aus dem Hintergrundschatten*/
  padding-right: 25px;
}



#head {
  position: relative;
  height: 123px;
  padding-left: 0px;  
}


/* NAVIGATION NEU*/

#navigation {  /*Positioniert den Navi-Balken und legt die gesamte Hintergrundgrafik*/
position: absolute;
top: 90px;
left: 198px;
width: 640px;
height: 33px;
color: #686765;
font-size: 10pt;
background-image: url(shaders/navi-bg.png);
background-repeat: repeat-x;
width: 640px;
height: 34px;
}

#navigation a {
text-decoration: none;
}

#navigation a:hover,
#indexseite #start a,
#indexseite #ueberuns a,
#navigation #technik a,
#navigation #einsatz a,
#navigation #info a,
#navigation #links a,
#navigation #kontakt a,
#navigation #intern a
{
border-bottom: 7px solid #960000;
text-decoration: none;
}




/*
#navigation a:hover {
border-bottom: 7px solid #960000;
}
*/




#nav1 { /*Definiert Start-Link*/
position: absolute;
display: block;
text-align: center;
width: 52px;
color: #686765;
margin-left: 20px;
margin-top: 2px;
border-bottom: 7px solid white;
 padding-top: 3px; /*Abstand Text von oben*/
 padding-bottom: 2px; /*Abstand der Linie unten*/
 border-right: 1px solid #686765;
 border-left: 1px solid #686765;
}

#nav2 { /*Über uns-Link*/
position: absolute;
display: block;
text-align: center;
width: 80px;
color: #686765;
margin-left: 73px;
margin-top: 2px;
border-bottom: 7px solid white;
 padding-top: 3px; /*Abstand Text von oben*/
 padding-bottom: 2px; /*Abstand der Linie unten*/
 border-right: 1px solid #686765;
 border-left: 1px solid #686765;
}

#nav3 { /*Technik-Link*/
position: absolute;
display: block;
text-align: center;
width: 80px;
color: #686765;
margin-left: 154px;
margin-top: 2px;
border-bottom: 7px solid white;
 padding-top: 3px; /*Abstand Text von oben*/
 padding-bottom: 2px; /*Abstand der Linie unten*/
 border-right: 1px solid #686765;
 border-left: 1px solid #686765;
}

#nav4 { /*Einsätze-Link*/
position: absolute;
display: block;
text-align: center;
width: 80px;
color: #686765;
margin-left: 235px;
margin-top: 2px;
border-bottom: 7px solid white;
 padding-top: 3px; /*Abstand Text von oben*/
 padding-bottom: 2px; /*Abstand der Linie unten*/
 border-right: 1px solid #686765;
 border-left: 1px solid #686765;
}

#nav5 { /*Informationen-Link*/
position: absolute;
display: block;
text-align: center;
width: 100px;
color: #686765;
margin-left: 316px;
margin-top: 2px;
border-bottom: 7px solid white;
 padding-top: 3px; /*Abstand Text von oben*/
 padding-bottom: 2px; /*Abstand der Linie unten*/
 border-right: 1px solid #686765;
 border-left: 1px solid #686765;
}

#nav6 { /*Informationen-Link*/
position: absolute;
display: block;
text-align: center;
width: 70px;
color: #686765;
margin-left: 417px;
margin-top: 2px;
border-bottom: 7px solid white;
 padding-top: 3px; /*Abstand Text von oben*/
 padding-bottom: 2px; /*Abstand der Linie unten*/
 border-right: 1px solid #686765;
 border-left: 1px solid #686765;
}

#nav7 { /*Kontakt-Link*/
position: absolute;
display: block;
text-align: center;
width: 70px;
color: #686765;
margin-left: 488px;
margin-top: 2px;
border-bottom: 7px solid white;
 padding-top: 3px; /*Abstand Text von oben*/
 padding-bottom: 2px; /*Abstand der Linie unten*/
 border-right: 1px solid #686765;
 border-left: 1px solid #686765;
}

#nav8 { /*Intern-Link*/
position: absolute;
display: block;
text-align: center;
width: 58px;
color: #686765;
margin-left: 559px;
margin-top: 2px;
border-bottom: 7px solid white;
 padding-top: 3px; /*Abstand Text von oben*/
 padding-bottom: 2px; /*Abstand der Linie unten*/
 border-right: 1px solid #686765;
 border-left: 1px solid #686765;
}


/* ****************************** NAVIGATION ALT****************************************/

/* ***************************ENDE NAVIGATION ALT*************************************/

#headshadow {
  height: 5px;
  background-image: url(shaders/headboxshadow.png); /*Schattiert die Box*/
  Background-repeat: no-repeat;
  margin: 0px;
  padding: 0px;
  
}


#ueberschrift {  /*Überschrift auf der Startseite Willkommen bei der FF Glashütte*/
  height: 19px;
  color: #f8f6f1;
  background-image: url(shaders/firebackground.png);
  background-repeat: no-repeat;
  background-color: #960000;
  padding-top: 1px;
  padding-left: 2px;
  border: 1px solid #BABAA7;
  font-size: 110%;
  }
  

/* ---------------------------------------- */
/*           SPALTENDEFINITION              */
/* ---------------------------------------- */

#textbereich {
  position: absolute;
}

#lispalte {
position: relative;
 background-color: #F3F0E6;
 top: 0px;
 margin-left: 0px;
 padding-left: 0px;
 width: 173px;
 height: 560px;
 border-right: 1px solid white;
 padding-bottom: 20px;  /*Überbrückt Abstand zur Fusszeile*/
 
 }

 #lispalte2 {   /*Linke Spalte bei 2-Spalten-Layout*/
 float: left;
/*position: relative;*/
 background-color: #F3F0E6;
 top: 0px;
 margin-top:0px;
 margin-left: 0px;
 padding-left: 0px;
 width: 181px;
 border-right: 1px solid white;
 padding-bottom: 20px;  /*Überbrückt Abstand zur Fusszeile*/
 
 }
 
 
 #mispalte { /*für 2-Spalten-Layout*/
  
  background-color: #f8f6f1;
  width: 700px;
  margin-left: 230px;
  margin-top: 0px;
  margin-bottom: 20px;
  
  padding-top: 0px;
  padding-bottom: 20px;
  text-align: justify;
  }

   #mi2spalte { /*für 3-Spalten-Layout*/
  position: absolute;
  background-color: #f8f6f1;
  width: 610px;
  top: 128px;
  margin-left: 184px;
  margin-right: 200px;
  margin-top: 0px;
  margin-bottom: 20px;
  padding-top: 0px;
  padding-bottom: 20px;
  }
  
  #respalte {
 position: absolute;
 background-color: #F3F0E6;
 top: 128px;
 margin-left: 804px;
 padding-left: 0px;
 width: 173px;
 height: 508px;
 border-left: 1px solid white;
 padding-bottom: 72px;
 }
  
  
#fusszeilenormal {
  padding-left: 3px;
  padding-right: 3px;
  background-color: #F3F0E6;
  text-align: justify;
    font-size: 80%;
    font-style: normal;
    letter-spacing: 1px;
    margin-left: 23px;
    margin-right: 23px;
    border-top: 1px dotted #8E8A6E;
    border-bottom: 1px solid #8E8A6E;
  }  
  


/* ---------------------------------------- */
/*           Boxendefinitionen              */
/* ---------------------------------------- */  
  
#box1lispa {/*BOX AUF DER STARTSEITE - NEWSLETTER*/
  
  background-color: #960000;
  border: 1px solid #BABAA7;
  padding-top: 0px;
  
  text-align: center;
  color: #f8f6f1;
  font-size: 110%;
  height: 40px;
  }
 
 #box1lispa a img {
 border: none;
 }
 
 .newstext {
 text-align: center;
 }
  
  #box2lispa {/*BOX AUF DER STARTSEITE - WETTER*/
  
  background-color: #960000;
  border: 1px solid #BABAA7;
  padding-top: 0px;
  
  text-align: center;
  color: #f8f6f1;
  font-size: 110%;
  height: 40px;
  }
  
  #box3lispa {/*BOX AUF DER STARTSEITE - WETTERWARNUNG*/
  display: block;
  border: 1px solid #BABAA7;
  padding-top: 1px;
  background-image: url(graphics/wetterwarnung.png);
  background-repeat: repeat-x;
  height: 40px;
  }
  
  #box3lispa a img { /*Entfernt Rahmen um das Link-Bild*/
  border: none;
  }
  
  
  
   #box4lispa {/*BOX AUF DER STARTSEITE - Gefahrenwarnunf*/
  display: block;
  border: 1px solid #BABAA7;
  padding-top: 0px;
  height: 40px;
  
  }
  
  #box4lispa a img { /*Entfernt Rahmen um das Link-Bild*/
  border: none;
  }
  
  
.box1lispatext {/*BOX AUF DER STARTSEITE*/
  border: 1px solid #babaa7;
  border-top: 0px;
  padding: 2px;
  background-color: #E7E4DC;
  }
  
  .newsticker {
  text-align: center;
  
  }
  
  
  #box1respa {/*BOX AUF DER STARTSEITE*/
  
  background-color: #960000;
  border: 1px solid #BABAA7;
  padding-top: 0px;
  width: 171px;  
  
  text-align: center;
  color: #f8f6f1;
  font-size: 110%;
  height: 40px;
  }
  
 #box1respa a img {
 border: none;
 }
  
.box1respatext { /*BOX AUF DER STARTSEITE*/
  border: 1px solid #babaa7;
  
  border-bottom: 0px;
  border-top: 0px;
  padding: 2px;
  background-color: #E7E4DC;
  font-size: 93%;
  }
  
  
  #box2respa {/*BOX AUF DER STARTSEITE - Uhrzeit*/
  display: block;
  border: 1px solid #BABAA7;
  padding-top: 0px;
    height: 40px;
  }
  
 #box2respa a img {
  border: none;
  }
  
  
  #box3respa {/*BOX AUF DER STARTSEITE - Impressum*/
  display: block;
  border: 1px solid #BABAA7;
  padding-top: 0px;
  height: 40px;
  }
  
  #box3respa a img {
  border: none;
  }
  
  #uhrzeitangabe {
  text-align: center;
  border-left: 1px solid #BABAA7;
  border-bottom: 1px solid #BABAA7;
  border-right: 1px solid #BABAA7;
  background-color: #e7e4dc;
  }
  
  #besucher {/*BOX AUF DER STARTSEITE - Counter*/
  display: block;
  border: 1px solid #BABAA7;
  padding-top: 0px;
  height: 40px;
  }
  
  #anzeigezaehler {
  text-align: center;
  border-left: 1px solid #BABAA7;
  border-bottom: 1px solid #BABAA7;
  border-right: 1px solid #BABAA7;
  background-color: #e7e4dc;
  }
  
  .einsatzueberschrift { /* Class für Überschrift in der Einsatzbox */
  text-align: center;
 color: #960000;
 font-size: 95%;
 padding-bottom: 3px;
 padding-top: 2px;
  }
  
  .einsatztext { /* Class für Text in der Einsatzbox */
  text-align: center;
  padding-bottom: 3px;
  padding-top: 3px;
  border-bottom: 2px dotted #babaa7;
  font-size: 93%;
  }
  
  .einsatzliste { /*folgende Einsätze zum Ersten*/
  background-color: #e7e4dc;
  border-left: 1px solid #babaa7;
  border-right: 1px solid #babaa7;
  font-size: 93%;
  }
  
  .linkrechts {
  font-size: 85%;
  padding-left: 106px;
  }
  
  .linkrechts img {
  margin-top: 5px;
  padding-top: 2px;
  }
  
  /* Hier Beginnt die Linkbox */
  .linkbox {
  float: left;
  width: 180px;
  }
  
  .linkboxhead {
  background-image: url(graphics/boxhead.png);
  background-repeat: no-repeat;
  height: 21px;
  color:white;
  text-align: center;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 3px;
  }
  
  .linkboxtextbody {
  background-image: url(graphics/boxbody.png);
  background-repeat: repeat-y;
  color:#5B5648;
  /*padding-left: 8px;
  padding-right: 8px;
  padding-top: 3px;*/
  }
  
  
  .linkboxtext {
  display: block;
  width: 168px;
  color:#5B5648;
  
  margin-left: 4px;
  }
  
  
  .linkboxfeet {
  background-image: url(graphics/boxfeet.png);
  background-repeat: no-repeat;
  color:#5B5648;
  padding-left: 8px;
  padding-top: 3px;
  height: 12px;
  }
  
  .linkboxtext ul {
  margin: 0px;
  padding: 0px;
  
  }
  
  .linkboxtext li {
  list-style: none;
  
  }
  
  .linkboxtext a {
  display: block;
  padding: 4px;
  color:#5B5648;
  border-left: 4px solid #E7E4DC;;
  
  }
  
  .linkboxtext a:hover {
  background-color: #cccccc;
  border-left: 4px solid #960000;
  }
  
 
  
  /* Hier endet die Linkbox */
  
  #bautagebuch {
  color: #960000;
  font-weight: bold;
  text-align: center;	
}
  
  #bautagebuchlink a {
	color: #960000;
	text-decoration: underline;
	
}
  
  
  /* Hier Beginnt die Sub-Linkbox */
  .sublinkbox {
  float: left;
  width: 180px;
  }
  
  .sublinkboxhead {
  background-image: url(graphics/boxheadgrey.png);
  background-repeat: no-repeat;
  height: 9px;
  color:white;
  text-align: center;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 3px;
  }
  
  .sublinkboxtextbody {
  background-image: url(graphics/boxbody.png);
  background-repeat: repeat-y;
  color:#5B5648;
  /*padding-left: 8px;
  padding-right: 8px;
  padding-top: 3px;*/
  }
  
  
  .sublinkboxtext {
  display: block;
  width: 168px;
  color:#5B5648;
  
  margin-left: 4px;
  }
  
  
  .sublinkboxfeet {
  background-image: url(graphics/boxfeet.png);
  background-repeat: no-repeat;
  color:#5B5648;
  padding-left: 8px;
  padding-top: 3px;
  height: 12px;
  }
  
  .sublinkboxtext ul {
  margin: 0px;
  padding: 0px;
  
  }
  
  .sublinkboxtext li {
  list-style: none;
  
  }
  
  .sublinkboxtext a {
  display: block;
  padding: 4px;
  color:#5B5648;
  border-left: 4px solid #E7E4DC;;
  
  }
  
  .sublinkboxtext a:hover {
  background-color: #cccccc;
  border-left: 4px solid #960000;
  }
  
 
  
  /* Hier endet die Sub-Linkbox */
  
  
  .wettertooltip {
	position: absolute;
  width: 316px;
  height: 400px;
	display: none;
  background-color: #FFFFFF;
  background-color: #f8f6f1;
  margin: 0px;
  padding: 0px;
  }
    
.wettertooltiphead {
  margin-bottom: 0px;
  padding: 0px;
  background-color: #960000;
  color: #f8f6f1;
  text-align: center;
  font-size: 15px;
 }
  
  
  
  
  .topicimage {
  width: 700px;
  height: 60px;
  background-color: #f8f6f1;
  margin-bottom: 20px;
  padding-top: 35px;
  }
  
  .subtitle { /*Alle Subunterschriften*/
  font-weight: bold;
  border-bottom: 2px dotted #960000;
  color: #960000;
  padding-top: 10px;
  padding-bottom: 2px;
  font-size: 110%;
  margin-bottom: 15px;
  }
  
  
  .fztable {
  position: absolute;
  }
  /*#mispalte #table1 {
  position: absolute;
  }*/
  
  
  
  /*Einsatzbox beginn*/
  
  .einsatzboxhead {
  background-image: url(graphics/einsatzboxhead.png);
  background-repeat: no-repeat;
  height: 21px;
  font-weight: bold;
  text-align: left;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 3px;
  }
  
  .einsatztable {
  
   background-image: url(graphics/einsatzboxbody.png);
  background-repeat: repeat-y;
  padding-left: 8px;
  padding-right: 8px;
  }
  
  .einsatzboxbody {
  background-image: url(graphics/einsatzboxbody.png);
  background-repeat: repeat-y;
  color:#5B5648;
  /*padding-left: 8px;
  padding-right: 8px;
  padding-top: 3px;*/
  }
  
  .einsatzboxfeet {
  background-image: url(graphics/einsatzboxfeet.png);
  background-repeat: no-repeat;
  height: 12px;
  }
  /*ENDE EINSATZBOX*/
  
  #einsatztable img {
  height:32px;
  width:16px;
  }
  
  
  #keineinsatz {
  background-image: url(graphics/keineinsatz.png);
  height: 30px;
  border: 1px solid #5b5648;
  }
  
  #table5 {
  background-color: #F8F6F1;
  }
  
  
  
/*Hyperlink-Definition*/
a { text-decoration: none; }
a:link { color: #c3bda4; }
a:visited { color: #f8f6f1; }
a:hover, a:focus { text-decoration: none;}
a:active { color: #ff8a01 }
