* {
margin: 0;
padding: 0;
}

body {
margin: 0 0 20px 0;
padding: 0;
font-size: 100.1%;
height:100%;
background : url(grafiken/backmain.gif) #f8f8f8 repeat;
color: #000;
font-family : arial, verdana, sans-serif;
text-align: center;
}

#wrapper {
background-color: #f8f8f8;
color: #000;
border: 1px solid #234da1;
width: 90%;
margin: 20px auto;
text-align: left;
}

p, li {
font-size: 0.8em;
}

a {
color: #032c7e;
}

a:visited {
color : #666;
}

a:hover, a:active {
color: #c03;
}

.center {
text-align : center;
}

img {
border: 0;
}

/* ---- */
#bar {
clear: both;
padding: 0;
width: 100%;
height: 3.5em;
text-align: center;
}

blockquote {
padding: 0.5em;
font-style: italic;
}

#content {
border-left:  #234da1 200px solid;
background-color: #f8f8f8;
color: #000;
padding-right: 2em;
padding-bottom: 1.4em;
}

#content h1, #content h2, #content h3,#content h4 {
padding: 12px 40px 14px 40px;
background-color: transparent;
color: #234da1;
line-height: 1.4em;
}

#content p {
line-height: 1.4em;
padding: 4px 2px 15px 40px;
}
#content p.top {
text-align: right;
font-size: 0.7em;
margin-right: 1%;
padding-bottom: 12px;
background: url(grafiken/dekotop.gif) bottom right no-repeat #f8f8f8;
}

.fett {
font-weight: bold;
}

.skiplinks {/* kein display:none, so sichtbar fuer screenreader */
position: absolute;
visibility: hidden;
top: 0;
font-size: 1px;
}
/* fuer IE/Mac, sonst horizontale scrollbar */
.skiplinks {
display: none;
}