/* 
für alle Bereiche werden
die Innen und Außenabstände auf 0 gesetzt
*/


*
     {
       margin: 0;
       padding: 0; 
     }

html
     {
      height: 1%;
     }

html
     {
       font: 100.01% sans-serif;
       background-color: hsl(0, 0%, 75%);
       text-align: center; /* Zentrierung für IE 5.x */
     }

body
     {
      background-color: hsl(0, 0%, 80%);
      border-top-left-radius: 15px;
      border-top-right-radius: 15px;
      min-width: 650p;
      max-width: 1024px;
      margin: 0 auto;  /* Zentrierung für die standardkonformen Browser */
      font: 100%/170% sans-serif;
     }	

header
     {
      margin-top: 5px;
     }

#logo
     {
      position: relative;
      top: 1em;
      left: -79.5%;
      float:right;
     }

.kopf
     {
      position: relative;
      top: 1em;
      left: 14%;
     }

article
    {
      border-width: 2px;
      border-color: hsl(0, 0%, 60%);
      border-style: solid;
      border-radius: 8px; 
      background-color: hsl(0, 0%, 85%);
      width: 65%; 
      padding: 2%;
      margin: ;
      margin-bottom: 2;
      float: left;
    }

section
    {
      border-width: 2px;
      border-color: hsl(0, 0%, 70%);
      border-style: solid;
      border-radius: 8px; 
      background-color: hsl(0, 0%, 78%);
      width: 68; 
      padding: 1%; 
      padding-right: 4%;
      margin-top: 2;
      margin-bottom: 2%;
      float: left;
    }

/* ----navigation ---------*/

nav
     {
      position: relative;
      top: 1em;
      left: 12%;
      margin-top: 7.25%;
      margin-bottom: -1%;
      text-align: right;
     }

nav a
     {/*
      border: 2px solid;
      border-left-color: hsl(220, 50%, 50%);
      border-top-color: hsl(220, 50%, 50%);
      border-right-color: hsl(220, 60%, 60%);
      border-bottom-color: hsl(220, 60%, 60%);
      border-radius: 5px; */
      margin: 1px;
      padding: 2px;
     }

nav a:link
     {
      font-weight: bold;
      color: hsl(320, 40%, 40%);
      text-decoration: none;
     }

nav a:visited
     {
      color: hsl(10, 60%, 50%);
     }

nav a:hover
     {
      color: hsl(0, 50%, 50%);
      background-color: hsl(20, 20%, 70%)
     }

span
     {
      border: 2px solid;
      border-left-color: hsl(220, 50%, 50%);
      border-top-color: hsl(220, 50%, 50%);
      border-right-color: hsl(220, 60%, 60%);
      border-bottom-color: hsl(220, 60%, 60%);
      border-radius: 5px;
      margin: 1px;
      padding: 2px;
      color: hsl(0, 50%, 50%);
      background-color: hsl(90, 20%, 70%);
      font-weight: bold;
     }


/*--------- linke Seite -----------------------*/

.seiten_navigation
     {
      margin-top: 9.25%;
      width: 23%;
      padding: 3%;
      float: left;
      text-decoration: none;
      font-weight: bold;
      font-size: 90%;
      text-align: left;
     }


/*  ---------- globale formatierung ----------------*/


footer
     {
      font: 0.7em sans-serif;
      clear: both;
     }

.fusszeile
     {
      text-align: center;
      padding: 1%;
     }



hr
     {
      background-color: hsl(257, 72%, 90%);
      max-width: 90%;
      position: relative;
      left: 4em;
      margin-top: 3%;     
     }


a:link
     {
      font-weight: bold;
      color: hsl(220, 40%, 40%);
      text-decoration: none;
     }

.nach_oben
   {
     margin-top: 0%;
     font-size: 0.8em;
     text-align: right;
    }

.nach_oben_firma
   {
     margin-top: 50%;
     font-size: 0.8em;
     text-align: right;
    }

h1
     {
      text-shadow: 5px 5px 6px #333;
      position: relative;
     }


h2
     {
      font-size: 1.2em;
      text-align: center;
      padding-bottom: 3%;
     }

h3
     {
      font-size: 1.1em;
      padding-top: 3%;
     }

h4
     {
      font-size: 1em;
      text-align: right;
     }

h5
     {
      font-size: 1em;
      text-align: left;
      padding: 4%;
     }

p
   {
     text-align: left;
     font-size: 1em;
     padding-left: 4%;
     padding-bottom: 4%;
   }

ul
     {
      margin-left: 3%;
      padding-bottom: %;
      list-style-type: none;
     }

li
     {
      padding-right: 3%;
     }

.hinweis
     {
      position: relative;
      top: %;
      left: -46%;
      width: 45%; 
      float: right;
      text-align: right;
      font-weight: bold;
      margin-left: %;
      padding-bottom: %;
      list-style-type: none;
     }

.ereignis
     {
      position: relative;
      top: -3.35em;
      left: 48%;
      width: 45%;
      float: right;
      margin-left: 3%;
      padding-bottom: %;
      list-style-type: none;
     text-align: left;
     }


#bildunterschrift
     {
      padding-bottom: %;
      text-align: center;
      list-style-type: none;
     }


/* ---- formatierung - referenzen ----------*/

.p_referenzen
     {
      position: relative;
      top: 3em;
left: -2%;
      text-align: center;
     }



/* ---- formatierung - impressum -------------------------------*/



.impressum_verantwortlich
     {
      position: relative;
      left: 1.2em;
      width: 90%;
      float: left;
     }

.impressum_haftung
     {
      position: relative;
      left: 1em;
      float: left;
      width: 90%;
      padding-right: 30px;
     }

.impressum_ueberschrift
     {
      padding-top: 20px;
      padding-bottom: 10px;
     }

.impressum_absatz
     {
      padding-bottom: 10px;
     }