* {
padding: 0;
margin: 0;
}

body {
color: #000099;

background-color: #F6EBD2; font-family: Verdana, Arial, Helvetica, 
sans-serif; font-size: normal; 
background-image: url(../grafik/Steine.JPG)
}


/*======================================================================
                         1. div-Bereiche
======================================================================*/                         
#wrapper { 
 
 background-color : transparent;
 width : 95%;
 margin-top : 10px;
 margin-right : auto;
 margin-bottom : 10px;
 margin-left : auto;
 }

#kopf { 
position: relative;
padding: 10px 30px 10px 0 ;
margin-left: auto;
margin-right: auto;
h1: 130%;
}

#navi {
float: left;
width: 20%;

margin-left: 0px;
margin-right: 0px;
display: inline;
}
#navi li {
list-style-type: none;
background-margin-bottom: 5px; 
text-align: center; 
width: 75px; 
color: transparent;
padding: 4px;
border-style: ridge; 
border-width: 5px; 
text-decoration: none;;
margin: 1px;

}

#navi ul {
list-style-type: none;
width: 6em;
border-top: 0px solid #d90000;
}

#navi a {
display: block;
text-decoration: none;
color: black;
background-color: transparent;
padding: 0px;
border-left: 3px solid #ffe574;
}

#navi a:hover,
#navi a:focus,
#startseite a,
#aktuelles a,
#dokumente a, {
 color: black;
 background-color: transparent;
 border-bottom: none;
}
#navi a:active {
 color: black;
 background-color: #d90000;
}

#int li {
list-style-type: none;
border-style: none;
text-align: left; 
margin-bottom: 0;
padding: 1em;
}
#koerper {
padding: 20px 40px 10px 20px;
margin-top: 4em;
margin-left: 22%;
margin-right: 25%;
background-color: #F6EBD2;
}
#koerper li {
text-align: left; 
list-style-position: inside;
margin-bottom: 1em;

}

#links {
float: right;
width: 20%;
padding-right: 20px;
padding-top: 20px;
}
#links li {
list-style-type: none;
background-margin-bottom:5px; 
text-align: center; 
width: auto; 
background-color: #ffcc99;
padding: 1em;
border-style:ridge; 
border-width:3px; 
padding:2px; 
text-decoration:none;;
margin: 1px;
}
#fuss {
text-align: center;
}

/*===================================================================
                    2. andere html-Elemente
===================================================================*/

ul, li, p, div { font-family: Verdana, Arial, Helvetica, sans-serif; }
ul li {list-style-type: disc;
}
li { font-variant: normal; list-style-type: square;
line-height: 1em; 
font-size: 0.9em;
}
h1, h2, h3, h4, h5, h6 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: big;}
h1 {text-align : center; }
h2 {text-align : center; }
h3, h4 {text-align : left;
font-style: italic;
font-variant: small-caps;
font-weight : normal;
padding-bottom: 6px;
}

h5 {text-align: center;}
h6 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.5em; line-spacing: 0em; }
p, li {font-variant: normal; font-size: small; text-align: left; line-height: 1.2em; line-spacing: 1em; color: #000099;}
a { text-decoration: none; } /* Unterstreichung entfernen */
a:link { color: #000099; }
a:visited { color: #CC0000; }
a:hover, a:focus { color: #CC0000; }

/*===================================================================
		 3. Klassen
===================================================================*/

.hinweisbox {
 font-size: small;
 color: #000099;
 border: 0px solid transparent;
 }