/*  
====================================================
Stylesheet 
Aufbau:  1. Kalibrierung
         2. Allgemeine Styles
         3. Styles für Layoutbereiche (navi, kopf..)
         4. Sonstige Styles
====================================================
*/

/*  ====================================================
    1. Kalibrierung
    ==================================================== */
* { padding: 0;  margin: 0; }                                 
                                
h1, p, ul, ol { margin-bottom: 1em; }  

li { margin-left: 2em; }

ok ul {margin-bottom: 0; } 




/*  ====================================================
    2. Allgemeine Styles 
       (sortiert in umgekehrter Spezifität (Punktesystem)  
    ==================================================== */

html { height: 101%; }    

body {               
  background-image:url(background.jpg);
  background-color: #4054ee;
  color: white; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;   
}

h1 { font-size: 130%; }     
h2 { font-size: 100%; font-weight: normal;}    


address {
   text-align: center;
   font-size: 100%;       
   font-style: normal; 
   letter-spacing: 1px;   
   line-height: 1.5;     
} 

/* ========== 
   Hyperlinks */

a { 
  text-decoration: none; 
  outline: none;         
  }   

a:link     { color: blue; }     
a:visited  { color: #cc6600; }  
a:hover, a:focus    { text-decoration: underline; }  
a:active   { 
  background-color: #d90000;   
  color: white;
  }     

.kontaktmail a {
  color: #000;
}
  

/* =============== 
   Klassen und IDs */ 

#leistungen li {
	list-style-type: none;
  background-image: url(pfeil.gif);
  background-repeat: no-repeat;
  background-position: 0 5px;
  padding: 0 0 0 20px;
  margin: 0 0 2px 0;
}

.skiplink {
  position: absolute; 
  top: -5000px;
  left: -5000px;   
  width: 0;
  height: 0;
  overflow: hidden; 
  display: inline;  
}

.bildlinks {
  float: left;
  padding: 3px;
  border: 5px solid #cccccc;
  margin-bottom: 10px;   
  margin-right: 10px;
}
.bildrechts {
  float: right;
  padding: 3px;
  border: 5px solid #cccccc;
  margin-left: 10px;
  margin-bottom: 10px;   
}
.clearing {      
  clear: both;  
}

#logo {                   
  background-color: #4054ee; 
  color: black; 
  padding: 0;
  border: 0;
}

#ueberwachung {
	float: right;
	padding: 0 10px 0 30px;
}

#detektei-und-sicherheitsdienst {
	float: right;
	padding: 0 10px 0 30px;
}

#kontakt {
	float: right;
	padding: 0 10px 0 30px;
}

#kaufhausdetektiv {
	float: right;
	padding: 0 10px 10px 30px;
}


/*  ====================================================
    3. Styles für Layoutbereiche 
    ==================================================== */

#wrapper {                 
  position: relative;
  background-color: #4054ee;
  color: black; 
  width: 780px;     
  margin: 10px auto;  
  border: 1px;
  border-style: solid;
  border-color: black;
}

#kopfbereich {               
}
   #kopfbereich p {
     padding: 0px 0;        
     margin-bottom: 0;    
   }  

#navibereich {
  top: 0;
  text-align: center;       
  margin-left: 0px;
  margin-right: 0px;
  padding: 2px 10px 3px 10px;
  border-bottom: 1px solid black;
  background-image:url(bgr_2d.gif);
}
  #navibereich ul {           
    height: 25px;
    margin-left: 30px;
    margin-bottom: 0;
  }

  #navibereich li {         
    display: inline;        
    list-style-type: none;   
    margin-left: 0;       
  }
/*  die inaktiven  */
  #navibereich a,            
  #navibereich span {      
     background-image:url(button5f.png);
     background-position: center;
     background-size: 100% 100%;
     background-repeat: no-repeat;
     background-color: transparent;
     border: 0;
     float: left; width: 5.5em;
     padding: 5px 22px 4px 22px;
     color: black;
  }
/*  die aktiven: Mouse over und Focus  */
  #navibereich a:hover, 
  #navibereich a:focus {
     background-image:url(button5k.png);
     background-position: center;
     background-size: 100% 100%;
     background-repeat: no-repeat;
     background-color: transparent;
     border: 0;
     float: left; width: 5.5em;
     padding: 5px 22px 4px 22px;
     color: black;   
  }
/*  die aktiven: das gewählte Element */
  #startseite #navi01 span,    
  #ueberunsseite #navi02 span,
  #leistungenseite #navi03 span,
  #referenzenseite #navi04 span,
  #stellenseite #navi05 span,
  #kontaktseite #navi06 span {
     background-image:url(button5k.png);
     background-position: center;
     background-size: 100% 100%;
     background-repeat: no-repeat;
     background-color: transparent;
     border: 0;
     float: left; width: 5.5em;
     padding: 5px 22px 4px 22px;
     color: black;   
  }
/*  #dankeseite #navi01 span {
     color: black;
     padding: 5px 8px 4px 22px;
     border: 1px solid black;
     background-color: #fbf9e0;
  }
*/

#textbereich {
  margin-top: 30px;
  margin-right: 70px;
  margin-bottom: 40px;
  margin-left: 70px;
  background-image:url(text_bgr.gif);
  background-repeat: repeat-x;
  background-color : #4054ee;
  color: black;
  padding: 20px 10px 20px 20px;
  border: 1px;
}


#textbereich a {    
  border-bottom: 1px dotted #cc0000;  
}


#fussbereich {
  border-top: 1px solid #000000;  
  padding: 10px 20px 10px 20px;   
  margin-top: 20px;             
  margin-left: 0px;              
  margin-right: 0px;
  color: #074e95;                
  text-align: center;             
}



/*  ====================================================
    4. Sonstige Styles
    ==================================================== */



/*  ====================================================
    ENDE DES STYLESHEET
    ==================================================== */