html, body {
width: 100%;
height: 100%;
}

body {
margin: 0;
padding: 0;
background: #FFFFFF;
text-align: center;
}

#website {
position: relative;
width: 954px;
margin: 0px auto;
padding: 0;
background: #fff;
border: 0;
text-align: left;
}

#smallPopup {
position: relative;
width: 500px;
margin: 0px auto;
padding: 0;
background: #fff;
border: 0;
text-align: left;
}

#header {
height: 147px;
margin: 0;
padding: 0;
background: #ffffff;
}

#index {
position: absolute;
top: 148px;
margin: 0 0 0 0px;
padding: 0;
height: 372px;
}

#slogan {
position: absolute;
top: 520px;
width: 954px;
margin: 0;
padding: 0;
background: #fff;
border-top: 2px solid #000;
}

#mainnav {
position: absolute;
top: 148px;
left: 0px;
margin: 0;
padding: 0;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
width: 173px;
}

#content {
position: absolute;
top: 148px;
left: 176px;
margin: 0 0 0 2px;
padding: 0;
width: 532px;
height: 372px;
background-image: url(/images/bg_content.png);
}

#fenster {
width: 532px;
height: 372px;
background-image: url(/images/bg_content.png);
}

.scrollbereich {
overflow: auto;
width: 532px;
height: 372px;
scrollbar-base-color:#E9E9E9;
scrollbar-arrow-color:#A4A4A4;
} 

#right {
position: absolute;
top: 148px;
right: 0px;
margin: 0;
padding: 0;
width: 245px;
}

#button {
position: absolute;
top: 444px;
right: 0px;
margin: 0;
padding: 0;
}

#einladung {
position: absolute;
top: 365px;
right: 290px;
margin: 0;
padding: 0;
}

#kafz {
position: absolute;
top: 220px;
right: 420px;
margin: 0;
padding: 0;
}

#metanav {
position: absolute;
top: 520px;
width: 954px;
height: 30px;
margin: 0;
padding: 0;
background: #fff;
border-top: 2px solid #000;
}

#apps {
position: absolute;
top: 590px;
width: 954px;
height: 30px;
margin: 0 0 0 30px;
padding: 0;
background: #fff;
}

#head_popup {
height: 147px;
margin: 0;
padding: 0;
background: #ffffff;
border-bottom: 2px solid #000;
}

h1 {
margin: 45px 20px 20px 20px;
padding: 0;
font: normal 24px Verdana, Arial, Helvetica, sans-serif;
color: #1a171b;
}

h2 {
margin: 0 20px 20px 45px;
padding: 0;
font: normal 14px Verdana, Arial, Helvetica, sans-serif;
color: #1a171b;
}

h3 {
margin: 10px 20px 10px 45px;
padding: 0;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
color: #1a171b;
}

h4 {
margin: 10px 20px 10px 45px;
padding: 0;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #1a171b;
}

#popup h2 {
margin: 30px 20px 20px 45px;
padding: 0;
font: normal 14px Verdana, Arial, Helvetica, sans-serif;
color: #1a171b;
}

#popup h3 {
margin: 0 20px 5px 45px;
padding: 0;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #1a171b;
}

#popup h4 {
margin: 0 20px 5px 45px;
padding: 0;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
color: #1a171b;
}

p {
margin: 0 20px 20px 45px;
padding: 0;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
color: #1a171b;
line-height: 16px;
}

span.red {
color: #bd0926;
}

img {
border: 0;
}

img.logo {
border: 0;
margin: 28px 58px 25px 0;
float: right;
}

img.slogan {
border: 0;
margin: 20px 0 20px 240px;
}

img.imageLeft {
border: 0;
margin: 0 30px 30px 0;
padding: 1px;
border:1px solid #bbbbbb;
float: left;
}

img.imageRight {
border: 0;
margin: 0 0 50px 30px;
padding: 1px;
border:1px solid #bbbbbb;
float: right;
}

img.contentLeft {
border: 0;
margin: 2px 15px 2px 0;
float: left;
}

img.imageAktuelles {
border: 0;
margin: 3px 10px 40px 0;
padding: 1px;
border:0px solid #bbbbbb;
float: left;
}

ul {
margin: 0 20px 20px 60px;
padding: 0;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
color: #1a171b;
line-height: 16px;
}

#content a:link,
#content a:visited,
#content a:active {
text-decoration: none;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #bd0926;
}

#content a:hover {
text-decoration: underline;
}

#popup a:link,
#popup a:visited,
#popup a:active {
text-decoration: none;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #bd0926;
}

#popup a:hover {
text-decoration: underline;
}

#mainnav a,
#mainnav a:link,
#mainnav a:visited,
#mainnav a:hover,
#mainnav a:active  {
display:block;
width:158px; 
margin: 0;
padding: 0 0 0 15px;
background:#bd0926; 
font: normal 16px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
line-height:49px;
}

#mainnav a:hover {
color: #a8a9aa;
}

.aktivmainnav{
display:block;
width:158px; 
margin: 0;
padding: 0 0 0 15px;
background:#bd0926; 
font: normal 16px Verdana, Arial, Helvetica, sans-serif;
color: #a8a9aa;
text-decoration: none;
line-height:49px;
}

.mainnav ul {
padding:0;
margin:0;
list-style-type:none;
}

.mainnav li {
margin: 0 0 5px 0;
width:170px; 
}

#metanav a,
#metanav a:link,
#metanav a:visited,
#metanav a:active {
margin: 0;
padding: 0 7px 0 15px;
font: normal 16px Verdana, Arial, Helvetica, sans-serif;
color: #474749;
text-decoration: none;
line-height:66px;
}

#metanav a:hover {
color: #bd0926;
}

.aktivmetanav{
margin: 0;
padding: 0 7px 0 15px;
font: normal 16px Verdana, Arial, Helvetica, sans-serif;
color: #bd0926;
text-decoration: none;
line-height:66px;
}

form {
margin: 0 20px 0 45px;
padding: 0;
width:435px;
}

label {
display: block;
margin: 10px 20px 0 20px;
padding: 0;
width: 120px;
float: left;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
color: #1a171b;
line-height: 16px;
}

input {
font: 12px Verdana, Arial, Helvetica, sans-serif;
color:#333333;
width:225px;
border:1px solid #bbbbbb;
margin: 10px 10px 0 0;
padding-left: 3px;
background-color:#F9F8F3;
filter:progid:DXImageTransform.microsoft.Gradient(gradientType=0,StartColorStr='#F9F8F3',EndColorStr='#E8E7E3');
scrollbar-base-color:#F0F0F0;
scrollbar-arrow-color:#A4A4A4;
}

textarea {
font: 12px Verdana, Arial, Helvetica, sans-serif;
color:#333333;
width:225px;
border:1px solid #bbbbbb;
margin: 10px 10px 0 0;
padding-left: 3px;
background-color:#F9F8F3;
filter:progid:DXImageTransform.microsoft.Gradient(gradientType=0,StartColorStr='#F9F8F3',EndColorStr='#E8E7E3');
scrollbar-base-color:#F0F0F0;
scrollbar-arrow-color:#A4A4A4;
}

.spendenform select {
font: 11px Verdana, Arial, Helvetica, sans-serif;
color:#333333;
border:1px solid #bbbbbb;
margin: 10px 10px 0 0;
padding-left: 3px;
background-color:#F9F8F3;
filter:progid:DXImageTransform.microsoft.Gradient(gradientType=0,StartColorStr='#F9F8F3',EndColorStr='#E8E7E3');
scrollbar-base-color:#F0F0F0;
scrollbar-arrow-color:#A4A4A4;
}

select.spendenart {
width:115px;
}

select.verwendungszweck {
width:230px;
}

.sendButton {
margin: 0 0 0 160px;
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #333333;
width: 150px;
border: 1px solid #bbbbbb;
background-color: #f9f8f3;
filter:progid:DXImageTransform.microsoft.Gradient(gradientType=0,StartColorStr='#F9F8F3',EndColorStr='#e3e8e3');
}

#content a.senden:hover,
#content a.senden:link,
#content a.senden:visited,
#content a.senden:active {
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #333333;
text-decoration: none;
}

.missingField {
border:1px solid #bd0926;
}

span.sendDescription {
float: right;
margin: 5px 25px 0 0;
font: bold 9px Verdana, Arial, Helvetica, sans-serif;
color: #1a171b;
}

.spendenform p {
margin: 20px 20px 0 20px;
padding: 0;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #1a171b;
line-height: 16px;
}

.contactform p {
margin: 20px 20px 0 20px;
padding: 0;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #1a171b;
line-height: 16px;
}