/* Grundlegende Einstellungen */

body {
   background-color: #dcdcdc;
   margin: 0;
   padding: 0;
   }
   
p {
   font: 0.8em Verdana, Arial, sans-serif;
   color: #000000
   }
   

h1 {
   font: 2em Verdana, sans-serif;
   margin-top: 0.5em;
   color: #000000
   }
   
h2 {
   font: 1.2em Verdana, sans-serif;
   font-style: italic;
   color: #000000
   }

a:link {
    font-weight:bold;
    color:#454545;
    text-decoration:none
    }

a:visited {
    font-weight:bold;
    font-style:italic;
    color:#454545;
    text-decoration:none
    }

a:hover {
    font-weight:bold;
    color:#999999;
    text-decoration:underline
    }

a:active {
    font-weight:bold;
    color:#454545;
    text-decoration:none
    }

a:focus {
    font-weight:bold;
    color:#454545;
    text-decoration:none
    }
    
    
/* Kopfzeile für Logo */

#kopf {
   float: left;
   width: 100%;
   height: 5em;
   padding-top: 0.3em;
   padding-left: 0.3em;
   background-color: #dcdcdc;
   }

/* Navigationsleiste quer */ 

#quermenu {
   float: left;
   width: 91%;
   height: 1.4em;
   padding-top: 0em;
   padding-left: 6em;
   background-color: #bebebe;
   border-top: solid 1px #000000;
   border-bottom: solid 1px #000000
   }

#quermenu p {
   font-style: normal;
   font: 0.7em Verdana, Arial, sans-serif;
   color:#9a0000;
   margin: 0.3em;
   }
   
#quermenu a:link {
    font-style: normal;
    font-weight: lighter;
    color: #9a0000;
    text-decoration:none
    }

#quermenu a:visited {
    font-style:   italic;
    font-weight: lighter;
    color:#9a0000;
    text-decoration:none
    }
    
#quermenu a:hover {
    font-style: normal;
    font-weight:bold;
    color:#9a0000;
    text-decoration: none
    }
    
 
/* Navigationsleiste - links */

#navigation {
    float: left;
    width: 19%;
    text-align: left; 
	border-bottom: none; 
	}

#navigation ul {
    margin: 0;
    padding: 0;	
    list-style-type: none;
    text-indent: 20px;
    letter-spacing: 1px;
    }
  
#navigation li {
    list-style-image: none;
    margin: 0.4em;
    }

#navigation a {
    display: block;
    width: 10em; 
    height: 22px;
    border: 1px solid black;
    border-left-color: white;
    border-top-color: white;
    font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
    }

#navigation a:link, #navigation a:visited {
    background: #a0a0a0;
    color: #9a0000;
    text-decoration: none; 
    padding-bottom: 0;
    }

#navigation li a:hover {
    background: #ababab; 
    color: #fff;
    text-decoration: none;
    border: 1px solid white;
    border-left-color: black;
    border-top-color: black;
    }

#navigation li a#current {
    background: #9a0000;
    color: #fff;
    text-decoration: none;
    border: 1px solid black;
    border-left-color: white;
    border-top-color: white;
    }

#unternavigation ul {
    margin: 10em;
    padding: 0;	
    list-style-type: none;
    text-indent: 20px;
    letter-spacing: 1px;
    }
  
#unternavigation li {
    list-style-image: none;
    margin-left: 1.5em;
    }

#unternavigation a {
    display: block;
    width: 10em; 
    height: 22px;
    border: 1px solid black;
    border-left-color: white;
    border-top-color: white;
    font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
    }

#unternavigation a:link, #unternavigation a:visited {
    background: #a0a0a0;
    color: #9a0000;
    text-decoration: none; 
    padding-bottom: 0;
    }

#unternavigation li a:hover {
    background: #ababab; 
    color: #fff;
    text-decoration: none;
    border: 1px solid white;
    border-left-color: black;
    border-top-color: black;
    }
  
  

/* Inhalt */

#inhalt {
   float: left;
   border-right: dotted 1px #000000;
   border-left: dotted 1px #000000;
   width: 60%;
   height: 22em;
   padding-top: 0.3em;
   padding-left: 0.3em;
   background-color: #dcdcdc;
   }
        
/* Externe Links */

#externes {
   float: left;
   width: 18%;
   height: 22em;
   padding-top: 0.3em;
   padding-left: 0.3em;
   background-color: #dcdcdc;
   }