html {min-height: 100%;}

* {
margin: 0;
padding: 0;
}

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

a:hover {
color: #000;
}

body {
background: #fffacd url(hg.jpg) top right repeat-y;
background-attachment:fixed;
color: #663300;
font: normal 62.5% Georgia, "Times New Roman", serif;
}

p,code,ul {
padding-bottom: 1.2em;
line-height: 1.7em;
}

h1 {
font: normal 1.2em Georgia, "Times New Roman", serif;
margin-bottom: 4px;
}

h2 {
color: #336633;
font: normal 1.6em  Georgia, "Times New Roman", serif;
font-weight: bolder;
margin-bottom: 8px; 
padding-bottom: 11px; 
}

h3 {
color: #ffcc33;
font: normal 1.4em  Georgia, "Times New Roman", serif;
font-weight: bolder;
margin-bottom: 8px; 
padding-bottom: 11px; 
}

blockquote {
color: #996600;
display: block;
font-style: italic;
font-weight: bolder;
padding-left: 10px;
line-height: 1.7em;
}

h1, h2 {
padding-top: 26px;
}

img, .imagefloat { 	
padding: 0;
border: 0;
margin: 10px 20px 5px 0;
float: left;
}	



/* misc */

.clearer {
clear: both;
font-size: 0;
}

.left {
float: left;
}

.right {
float: right;
}



/* structure */

.wrapper {
font-size: 1.3em;
margin: 0 auto;
width: 780px;
}



/* title */

.title {
font: normal 2em Georgia, "Times New Roman", serif;
padding: 60px 0 0 0;
}



/* sub navigation */

.sidenav {
background: url(frauwolle.gif) no-repeat right top;
padding-top: 130px;
float: right;
width: 210px;
margin: 0px;
}

.sidenav h2 {
color: #996600;
font-size: 1.3em;
margin: 0;
}

.sidenav ul {
padding: 0 0 0 10px;
}

.sidenav li {
list-style: none;
}

.sidenav li a {
font-size: 1.1em;
line-height: 1.5em;
color: #669900;
text-decoration: none;
}

.sidenav li a:hover {
color: #000;
}



/* content */

.content {
float: left;
margin: 10px 0;
padding-top: 32px;
width: 531px;
}

.content .datum {
color: #ff9900;
margin-bottom: 6px;
}

.content li {
margin-left: 18px;
}