html
{
    background-color: #0138FF;
    background-image: url(../images/background.png);
    background-repeat: no-repeat;
    z-index: 0;
}
body {

    /* Abstand zur eigentlichen Seite */
    margin-top: 12px;
}
/* Hauptfenster */

img {
    border: none;
}

#hauptfenster {
    position: relative;
    background-color: #fff; /* Hintergrundfarbe weiß               */
    color: black;           /* Schriftfarbe schwarz                */
    width: 92%;
    width: 1015px;
    min-height: 750px;      /* Mindesthöhe */
    margin: auto;           /* margin: auto; Zentriert die Website */
    z-index: 0;             /* Überlagerungsindex                  */
}

#hauptfenster img#ecken.eckeLO {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    /* Index 1 damit der Header überblendet wird ! */
}
#hauptfenster img#ecken.eckeRO {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

/* Header */

#header {
    position: relative;
    width: 98%;
    width: 1015px; /* Breite des Headers */
    height: 250px; /* Höhe des Headers */
    top: 0px;
    background-color: #10226A; /* Farbcode der blauen Farbe des AFS-Logos */
    z-index: 0;
}
#header img.afsLogo {
    margin-left: 50px; /* Äußerer Abstand nach links */
    margin-top: 25px;  /* Äußerer Abstand nach oben */
}

#header img.animationBild {
    position: absolute;
    top: 40px;
    left: 730px;
}

/* Navigation */

#mainNavigation {
    position: relative;
    /* Element bezieht sich auf Vorgänger (Header) */
    margin: 0px;
    width: 1015px;
    height: 26px;
    padding-top: 6px;
    background-color: #0302A6;
}

/* Die verschiedenen Menüpunkte gehört zur Navigation dazu */

.naviLink1, .naviLink2, .naviLink3, .naviLink4, .naviLink5, .naviLink6, .naviLink7, .naviLink8, .naviLink9, .naviLink10,
.naviLink11, .naviLink12, .naviLink13, .naviLink14{
    color: white;
    font-size: 20px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: bolder;
}

.naviLink1:hover, .naviLink2:hover, .naviLink3:hover, .naviLink4:hover, .naviLink5:hover, .naviLink6:hover, .naviLink7:hover,
.naviLink8:hover, .naviLink9:hover, .naviLink10:hover, .naviLink11:hover, .naviLink12:hover, .naviLink13:hover, .naviLink14:hover {
 background-color: #DE0C0C;

}

.unterpunkte1, .unterpunkte2, .unterpunkte3, .unterpunkte4, .unterpunkte5, .unterpunkte6, .unterpunkte7, .unterpunkte8, .unterpunkte9, .unterpunkte10,
.unterpunkte11, .unterpunkte12, .unterpunkte13, .unterpunkte14, .unterpunkte15, .unterpunkte16, .unterpunkte17, .unterpunkte18 {
    color: white;
    font-size: 19px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: bolder;

}
/* Zweite Navigationsleiste */

#secondNavigation {

    position: relative;
    margin: 0px;
    width: 1015px;
    height: 11px;
    background-color: #000066;
}

/* Main */

div #main {
    position: relative;
    font-family: Verdana;
    font-size: 15px;
    margin: 25px 25px;
     /* Weil von den 1015 px die 15px Margin abgezogen wurden*/
    min-height: 500px;
    background-color: #FFFFFF;
    color: black;
}

/* Fußzeile Linie */

div #footLine {
    position: relative;
    background-color: #7171FF;
    height: 9px;
    width: 1015px;

}

 /* Fußzeile mit Copyright */

 div #footer {
     position: relative;
     color: white;               /* Schriftfarbe weiß           */
     background-color: #0302A6;  /* Blauer Hintergrund          */
     padding-top: 9px;           /* Innerer Abstand nach oben   */
     padding-left: 20px;         /* Innerer Abstand nach links  */
     padding-bottom: 4px;        /* Innerer Abstand nach unten  */
     width: 995px;               /* Breite der Fußzeile         */
     height: 21px;               /* Höhe der Fußzeile           */ 
 }
 
  a.impLinks {
     padding-left: 550px;
     color: white;
 }

 div #footer b {
     text-align: center;
     font-family: Arial;
     color: white;
     font-weight: 200;
     font-size: 14px; 
 }

 
 /* CSS Code für Lightbox! */
 
.schwarzeBox{
	display: none;
	position: absolute;
	background-color: #000000;  /* Schwarzer Hintergrund */
	-moz-opacity: 0.8;          /* Transparenz für Firefox */
	opacity:.80;                /* Eigenschaft versteht Opera, Google Chorme, Safari... */
	filter: alpha(opacity=80);  /* Transparenz für Microsoft Internet Explorer */
	top: 0%;
	left: 0%;
	width: 100%;
	height: 1200px;	
	z-index:859;
}
.hintergrund_lightbox {
	display: none;
	position: absolute;
	bottom: 1px;
	left: 15%;
    right: 15%;
	width: 70%;
	height: 640px;
	padding: 16px;
	z-index:860;
	border: 5px solid darkblue;
	background-color: white;

	overflow: auto;
}
#licht, #einblenden {
    display: block;
}
 
 /* AFS Agentur für Sicherheit GmbH Impressum und Lightbox Formatierung */
 
#kastenLinks
{
    height: 100px;
    width: 500px;
    padding: 10px;
}
#kastenRechts
{               
    width: 300px;
    height: 550px;
    padding-top: 10px;
    padding-left: 5px;
    padding-bottom: 15px;
    background-color: #000080;
    
    color: white;
    font-size: 12px;
    line-height: 1.5;
}

.inhaber
{
    padding-top: 5px;
    text-align: center;
    font-size: 10px;
}
.afsSicherheitStarteite
{
  font-size:31.0pt;
  font-family:Arial;
  color:#000099;
  font-weight: bolder;
}
.afsWillkommen
{
  font-size:20.0pt;
  font-family: Arial;
  font-weight: bolder;
  color: #000000;
}

 
 /* Für Impressum */
 a {
     text-decoration: none;
 }
 .impresAGB {
     padding-left: 720px;
 }

 
/* Loginseite */

#ueberschrift {
    font-size: 15px;
    color: #000000;
    font-weight: 700;
}

#kontaktbox {
    display: block;
    width: 450px;
    background-color:  #10226A;
    color: #FFFF8A;
    text-align: left;
}

/* Logout */
.logoutErfolgreich {
    letter-spacing: 3px;
    font-size: 35px;
}
.logoutNichtErfolgreich {
    color: red;
    font-size: 22px;
    text-decoration: underline;
}

/* Textformatierung */

.ueberschrift {
    font-size: 20px;
    color: #10226A;
}

.noBorder {
    border: none;
}

.gruppenSchrift {
    font-size: 15px;
    font-style: italic;
    font-weight: bolder;
}

fieldset { padding: 7px;}
legend { 
    font-size: 15px;
}

/* jQuery lightBox plugin - Gallery style */
#gallery {
	background-color: #10226A;
	padding: 10px;
	width: 700px;
	border: 6px solid #7171FF;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
	border: 5px solid #7171FF;
	border-width: 5px 5px 26px;

}
#gallery ul a:hover img {
	border: 5px solid red;
	border-width: 5px 5px 26px;
	color: #fff;
}
#gallery ul a:hover { color: #fff; }
	

/* Formatierung für Neuigkeiten */
.neuigkeitenTableRO {
      background-image: url(../images/newsrounded.png);
      width: 440px !important;
      padding: 10px 0px 15px 10px;
      margin: 0px;
      font-size: 12px;
}

.neuigkeitenTableRU {
      background-image: url(../images/newsroundedUnten.png);
      height: 20px;
      margin: 0px;
      font-size:12px; 
      font-weight: 900;
      color: white;
      text-decoration: underline;
}
.neuigkeitenInhalt { 
      background-color: #2A8ED1;
      padding-left: 10px;
      text-align: left;
      overflow: auto;
}

#neuigkeitenTabelle {
      /* border-collapse & spacing zeichnen einen durchgezogenen Rahmen dies bedeutet keine Rahmenabstände*/
      border-collapse: collapse;
      border-spacing:0;
      overflow: auto;
      width: 450px;
      text-align: left; 
      margin-top: 20px;
      font-size: 15px;
}

/* Diashow */

#loader {
   display: none;
}
.ueberschrift1 {
    font-size: 40px;
    font-weight: bolder;
    color: #0302A6;
}
.afs {
    font-size: 40px;
    font-weight: bolder;
    color: #0302A6;
}
div .ueberschrift2 {
    font-size: 25px;
    color: #FF0000;
}
td#blackwings {
    display: block;
    width: 452px;
    height: 352px;
}
div#bgDiashow {
    background-color: #0138FF;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Editier Modus für Neuigkeiten! */

#neuigkteitenEdit
{
    background-color: #99FFFF;
    border: 2px groove black;
}
.neuigkeitenFieldset
{
    display: block;
    text-align: left;
    color: #00004A;
    width: 400px;
    font-size: 20px;
    margin-top: 20px;
    padding-left: 40px;      
}

    
/* Kontakt.php grauer Rahmen*/

#rahmen {
    border: 1px solid gray;
}