/* ======================================================================
Stylesheet fuer die Seiten der Unfallkasse Muenchen
Datei: bildschirm.css
Datum: 07. Februar 2008
Autor: Richard Barnickel

Aufbau: 1. Kalibrierung und allgemeine Styles
        2. Styles fuer Layoutbereiche
        3. Sonstige Styles
========================================================================== */

/* ======================================
   1. Kalibrierung und allgemeine Styles
   ====================================== */

/* Kalibrierung der wichtigsten Abstaende */ 
* { padding: 0; margin: 0; }
/*h2, p, ul, ol { margin-bottom: 0; }
ul ul { margin-bottom: 0; }
li { margin-left: 0em; }
*/
/* Allgemeine Selektoren */
html { height: 101%; } /* erzwingt Scrollbar im Firefox */
body { 
     color: white;
     background-color: white;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: small;
}

h1 { font-size: 150%; }
h2 { font-size: 130%; }

address {
   text-align: center;  /* zentrieren */
   font-size: 80%;   /* etwas kleiner */
   font-style: normal;   /* normale Schrift, nicht kursiv */
   letter-spacing: 2px;   /* Abstand zwischen den Buchstaben */
   line-height: 1.5em;  /* Zeilenabstand */
}

/* Hyperlinks allgemein */
a { text-decoration: none; outline: none; } /* Unterstreichung entfernen */

/*
a:link { color: #d90000; }
a:visited { color: #cc6666; }

a:hover, 
a:focus {
     border-bottom: 1px solid #d90000;
}
a:active {
     color: white;
     background-color: #d90000;
}*/

/* Allgemeine Klassen und IDs */
.skiplink { /* der Punkt voran bedeutet, das Element mit dem Attribut: class="skiplink" */
     position: absolute;
     top: -2000px;
     left: -3000px;
     width: 0px;
     height: 0px;
     overflow: hidden;
     display: inline;
}
/*#logo {
     color: black;
     background-color: white;
     padding: 0px;
     border: 0px;
}*/

table { width: 99%;
        border-collapse: seperate;
        border: 1px solid #666;
        background-color: #004A94; 
         -moz-border-radius: 2px;
       /*  -moz-box-shadow: 10px 10px 5px
         #008DB8;   */
}

caption {
        color: #004A94;
        text-align:left;
        padding-left: 10px;
        padding-bottom: 10px;
        font-size: 120%;
        font-style: bold;
}

th { text-align: left; 
     color:white;
     padding-left: 10px;
     padding-right: 10px;
}

td { border: 1px solid #666;
     background-color: #EBEBEB;
     padding-left: 10px;
     padding-top: 5px;
     padding-bottom: 5px;
     padding-right: 10px;
     -moz-border-radius: 2px;
}   

/* ====================================
   2. Styles fuer die Layoutbereiche
   ==================================== */
   
#wrapper {
     color: black;
     background-color: #EBEBEB; /* Grauton */
     position: relative;
     width: 740px; /* Breite des Inhaltbereiches der ganzen Seite */
     margin-top: 10px;
     margin-right: auto; /* Abstand rechts automatisch */
     margin-bottom: 10px;
     margin-left: auto; /* Abstand links automatisch */
	 border-bottom: 10px solid white;
	 padding: 0px;
}     
#kopfbereich {
     color: black;
     background-color: #EBEBEB;
     padding-left: 20px;
	 padding-right: 0px;
	 padding-top: 10px;
	 padding-bottom: 10px;
     border: 0px;
     margin: 0px;
}
#navibereich1 {
     text-align: left;
     color: black;
     background: #004A94;
     padding: 7px 0px 6px 10px;
	 /* border-top: 2px solid #0e5e98; blaue Linie am oberen Navirand */
     border-bottom: 2px solid #555555;
     margin: 0px;
}
     
     #navibereich1 li { /* aendert in navibereich die Liste (li) */
         display: inline;  /* li nebeneinander anzeigen */
         list-style-type: none; /* ohne Aufzaehlungspunkte */
         font-size: 85%; /* Schriftgroesse des Navibereiches */
         margin: 0px;
     }
     #navibereich1 a { 
        color: white;
        margin: 0px;
        padding: 5px 8px 4px 8px;    /*der erste Wert erhoeht den Reiter*/
        /*border-right: 1px solid #EBEBEB; 
        border-top: 1px solid #EBEBEB;
        border-left: 1px solid #EBEBEB;
        border-bottom: 1px solid #EBEBEB;*/
     }
     #navibereich1 a:link { color: #EBEBEB; margin:0; }
     #navibereich1 a:visited { color: #EBEBEB; }
     #navibereich1 a:hover, a:focus { 
	    color: yellow;
        /*background-color: #EBEBEB;
        border-top: 2px solid #0e5e98;
        border-bottom: 3px solid #EBEBEB; */
        
     }
     #navibereich1 a:active {
        color: #EBEBEB;
        background-color: #0e5e98;
     }
	 #startseite #navi01-01 a,
	 #haushaltshilfen #navi01-02 a,
	 #praevention #navi01-03 a,
	 #verwaltung #navi01-05 a,
	 #entschaedigung #navi01-04 a { 
        color: black;
        background-color: #EBEBEB;
		margin:0px;
    padding-left:15px;
    padding-right:15px;
		border-bottom: 5px solid #EBEBEB; 
     -moz-border-radius-topleft: 10px;
     -moz-border-radius-topright: 10px;
	 }
	 
#navibereich2 {
     float: left;
     width: 175px; /*normal 125px*/
     margin-left: 10px;
     margin-top: 20px;
	 margin-right: 0px;
	 margin-bottom: 0px;
     background-color: white;
     border: 1px solid #999999;
     padding-top: 25px;
     padding-right: 0px; /*normal 15px*/
     padding-bottom: 25px;
     padding-left: 0px; /*normal 15px*/
	 overflow: hidden;
   -moz-border-radius: 10px;
}
     #navibereich2 li {
         list-style-type: none; /* ohne Aufzaehlungspunkte */
         overflow: hidden;
     }
	 #navibereich2 a:link { 
	        color: black; 
			padding-left: 15px;
			padding-right: 15px;
			}
     #navibereich2 a:visited { 
	        color: black; 
			padding-left: 15px;
			padding-right: 15px;
			}
     #navibereich2 a:hover, a:focus { 
	        color: red; 
			padding-left: 15px;
			padding-right: 15px;
			}
     #navibereich2 a:active { 
	        color: black; 
			padding-left: 15px;
			padding-right: 15px;
			}
	 #links #navi02-01 a,
	 #downloads #navi02-02 a,
	 #faq #navi02-03 a,
	 #presse #navi02-04 a,
	 #kontakt #navi02-05 a,
	 #impressum #navi02-06 a,
	 #hh-anmeldung #navi02-01 a,
	 #hh-versicherungsschutz #navi02-02 a,
	 #hh-beitrag #navi02-03 a,
	 #hh-was-leisten #navi02-04 a,
	 #hh-wenn-passiert #navi02-05 a,
	 #hh-pflege #navi02-06 a,
	 #hh-babysitter #navi02-07 a,
	 #p-ansprechpartner #navi02-01 a,
	 #praevention-uvven #navi02-02 a,
	 #p-seminare #navi02-03 a,
	 #p-mitteilungen #navi02-04 a,
	 #p-allguv #navi02-05 a,
	 #p-schueleruv #navi02-06 a,
	 #p-erstehilfe #navi02-07 a,
	 #p-medien #navi02-08 a,
	 #p-sibereport #navi02-09 a,
	 #v-orga #navi02-01 a,
	 #v-vertreter #navi02-02 a,
	 #v-vorstand #navi02-03 a,
	 #v-geschf #navi02-04 a,
	 #v-abteilung1 #navi02-05 a,
   #v-abteilung2 #navi02-06 a,
   #v-abteilung3 #navi02-07 a,
	 #v-stadtplan #navi02-08 a,
	 #e-ansprechpartner #navi02-01 a,
	 #e-aktuelles #navi02-02 a,
	 #e-leistungen #navi02-03 a,
	 #e-arbschu #navi02-04 a,
	 #e-bken #navi02-05 a {
        color: #999999;
        background-color: #EBEBEB;
		margin: 0px;
		padding-left: 15px;
		padding-right: 140px;
	 } 
#textbereich {
     background-color: white;
     border: 1px solid #999999;
     margin-top: 20px;
     margin-left: 220px;
     margin-right: 20px;
     margin-bottom: 20px;
     padding-top: 10px;
     padding-right: 20px;
     padding-bottom: 20px;
     padding-left: 20px;
     -moz-border-radius: 10px;
}
     #textbereich ul {
	   
	 }
	 #textbereich li {
	    margin-left: 20px;
		margin-top: 10px;
		margin-bottom: 10px;
	  }
    
    #umzug {
    color:#004A94;
    font-size: 170%;
    font-weight:bold;
    }
    
#fussbereich {
     clear: both;
     padding-top: 10px; /* unterhalb Rahmenlinie */
     padding-right: 20px;
     padding-bottom: 20px;
     padding-left: 20px;
     border-top: 1px solid #8c8c8c; /* Farbe der Rahmenlinie */
     margin-top: 20px; /* Aussenabstand oben, oberhalb Linie */
}

/* ===============================================
   E N D E     D E S       S T Y L E S H E E T S
   =============================================== */