body {
background: #eeeeee;
color: #000000;
font-family: Arial, sans-serif;
}

/* ---- link ---- */

body a:link, body a:visited, body a:focus {
color: #000000;
font-size: 14px;
text-decoration: underline;
font-style: normal;
}

body a:hover, body a:active {
color: #000000;
font-size: 14px;
text-decoration: none;
font-style: normal;
}

/* ---- logo ---- */

div#oben {
position: fixed;
top: 0;
right: 0;
height: 60px;
width: 100%;
background: url(logo.png) no-repeat top center #ffffff;
border-bottom: 2px solid #c0c0c0;
z-index: 100;
}

div#obenschatten {
position: fixed;
top: 0;
right: 0;
height: 62px;
width: 100%;
box-shadow: #666666 0px 5px 10px;
display: none;
z-index: 90;
}

/* ---- gesamte seite ---- */

div#gesamt {
margin: 72px 192px 10px 192px;
}

/* ---- rechts ---- */

div#rechts {
float: right;
width: 135px;
border-radius: 20px;
background: #ffffff;
}

/* ---- kastentitel ---- */

div#wtitel {
text-align: center;
font-size: 14px;
font-weight: bolder;
color: #000000;
padding: 3px 0 6px 0;
text-decoration: underline;
}

/* ---- werbung ---- */

div#wseite {
text-align: center;
}

div#wunten {
vertical-align: middle;
text-align: center;
}

/* ---- inhalt ---- */

div#inhalt {
margin: 0 145px 0 0;
padding: 10px;
border-radius: 20px;
background: #ffffff;
min-height: 500px;
}

/* ---- fuss ---- */

div#unten {
width: 100%;
height: 30px;
vertical-align: middle;
text-align: center;
}

/* ---- cookie ---- */

div#cookie {
position: fixed;
bottom: 0;
left: 0;
width: 99%;
display: flex;
flex-direction: row;
justify-content: center;
padding: 10px;
background: #ffffff;
border-top: 2px solid #99ffff;
z-index: 100;
}

div.becookie {
font-size: 14px;
font-weight: bold;
}

div.okcookie {
margin: 0 10px;
}

div.okcookie a {
font-weight: bold;
padding: 2px 10px;
border: 2px solid #99ffff;
border-radius: 10px;
background: #ffffff;
}

div.okcookie a:hover {
box-shadow: #666666 0 0 10px 0px;
}