/* erst einmal alle default Werte setzen */
html,body, p, a, h1,h2,h3,h4,h5,ul,ol,form,img,li, fieldset, label, legend, textarea {
font-family: Verdana, Geneva, Arial, sans-serif;
border:0;
margin:0;
padding:0;
color: #ff7;
color:#eee;
line-height:1.6em;
letter-spacing: 1px;
}

html {
background: #004;
}

body {
font-size: 100.01%;
text-align:center;
}

p {
margin: .5em 0 1.5em 0;
}

h1 {
font: small-caps bold 1.5em Times, "Times New Roman", serif;
letter-spacing: 3px;
margin: 0 0 1.5em 0;
color: #ff7;
}

h2, h3 {
font: small-caps bold 1.3em Times, "Times New Roman", serif;
letter-spacing: 3px;
margin: 3em 0 1em 0;
color: #ff7;
}

ul {
margin: 1em;
}

ol {
margin: 1em 0;
list-style-position:inside;
}



#main{
width: 47em;
text-align:left;
margin: 2em auto;
}

#inhalt {
float:left;
width: 30em;
background: #222;
border: 1px solid #666;
margin: 1em 0;
padding: 1em 1em 0;

}

#inhalt li {
padding: .3em;
}


#footer {
clear:left;
font-size: .9em;
}


/* Navigation */
#navi {
width: auto;
margin: 0 0 0 33em;
padding-top: 2em;
}


#navi ul {
margin: 0;
list-style-type:none;
}


#navi li {
margin: .4em 0;
border: 1px solid #666;
font-size: .85em;
background: #333;
}

#navi li a {
text-decoration:none;
display:block;
padding: 0 .2em 0 2.3em;
text-indent: -1.7em;
}

#navi h2,
#navi li,
#navi li a {
color:#eee;
}

#navi h2 {margin: 0 0 .5em 0;}

.current {
display:block;
padding: 0 .2em 0 2.3em;
text-indent: -1.7em;
color:#ff7;
background:#000;
}
/* Ende Navigation */


/* Links beim Mouseover und beim Tabben kennlich machen */
a:link, a:visited {
color: #ff7;
}

a:hover, a:active, a:focus {
color:white;
background:#000;
text-decoration:none;
}
/* Ende Links */