html, body {
margin: 0;
padding: 0;
height: 100%;
min-height: 100%;
width: 100%;
background-image: url(pix/bg.jpg);
background-repeat: repeat-x;
background-position: bottom;
background-attachment: fixed;
}

div.wrapper {
position:absolute; 
width: 854px;
min-height: 100%;
height: auto !important;
height: 100%;
background-image: url(pix/bg_wrapper.jpg);
background-repeat: no-repeat;
background-color: #eb8a3d;
margin-left: -427px;
margin-top: 0px;
left:50%;
top:0px;
}



div.header {
width: 854px;
height: 90px;
border-bottom: 2px #f3bb8e solid;
padding-top: 1px;}

div.header img.logo{
text-align: left;
float: left;
margin: 10px;
margin-left: 20px;}

div.header p.top{
font-size: 8pt;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
text-align: right;}

div.header p.navi{
font-size: 10pt;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: right;
margin-top: 50px;
color: #29196b;
}

p.top a:hover{
color: #000000;
text-decoration: none;
padding-left: 10px;
}

p.top a{
color: #0a9546;
text-decoration: none;
padding-left: 10px;
}

p.top a.active{
color: #000000;
text-decoration: none;
padding-left: 10px;
}


p.navi a{
color: #f4c299;
text-decoration: none;
padding-left: 10px;
padding-right: 10px;}

p.navi a:hover{
color: #29196b;
text-decoration: none;
padding-left: 10px;
padding-right: 10px;}

div.menu {
width: 135px;
hight: 100%;
float: left;
padding: 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin-top: 20px;
margin-left: 10px;
}

div.menu p{
font-size: 10pt;
font-weight: normal;
text-align: left;
margin-bottom:10px;
margin-left:3px;
}

div.menu a{
color: #29196b;
text-decoration: none;
text-align: left;
font-weight: bold;
}

div.menu a.active{
color: #000000;
text-decoration: none;
text-align: left;
font-weight: bold;
}

div.menu a:hover{
color: #f4c299;
text-decoration: none;
text-align: left;
font-weight: bold;
}

div.menu a.sub{
font-size: 9pt;
color: #29196b;
text-decoration: none;
text-align: left;
font-weight: normal;}

div.menu a.active .sub{
font-size: 9pt;
color: #000000;
text-decoration: none;
text-align: left;
font-weight: normal;}

div.menu a:hover.sub{
font-size: 9pt;
color: #f4c299;
text-decoration: none;
text-align: left;
font-weight: normal;}

div.topics {
width: 190px;
float: right;
padding: 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin-top: 20px;
margin-left: 0px;
margin-right: 10px;}

div.topics p{
text-align: left;
font-size: 9pt;
font-weight: normal;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
padding-right: 5px;
margin-top: -1px;
}

div.topics p.small{
text-align: left;
font-size: 7pt;
font-weight: normal;
padding-top: 0px;
padding-left: 5px;
padding-bottom: 5px;
padding-right: 5px;
margin-top: -10px;
color: #848382;
}


div.topics h1{
text-align: left;
font-size: 11pt;
font-weight: bold;
color: #29196b;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 0px;
padding-right: 5px;
margin-bottom: 0px;
}

div.topics a{
color: #29196b;
text-decoration: none;}

div.topics a:hover{
color: #eb8a3d;
text-decoration: none;}


div.topics img{
border: none;
margin-top: 5px;
margin-bottom: -5px;
}


div.content {
width: 475px;
padding: 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin: 30px;
margin-left: 140px;
}

div.container {
background-color: #f4c299;
margin-bottom: -10px;
padding-top: 0px;
padding-bottom: 30px;
background-image: url(pix/bg-2.gif);
background-repeat: no-repeat;
background-position: bottom;
margin-top: 0px;}

div.content p{
font-size: 10pt;
font-weight: normal;
text-align: justify;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 0px;
padding-right: 5px;
margin-top: 0px;}

span.alter_preis{
font-size: 14pt;
font-weight: normal;
text-decoration: line-through;}

div.nav_seiten{
font-size: 10pt;
font-weight: normal;
text-align: center;
}

span.preis{
font-size: 24pt;
font-weight: bold;
text-align: left;
color: #e30000;}

div.content h1{
text-align: left;
font-size: 12pt;
font-weight: bold;
color: #29196b;
padding-top: 6px;
padding-left: 5px;
padding-bottom: 2px;
padding-right: 5px;
margin-bottom: 0px;}



div.content h2{
text-align: left;
font-size: 11pt;
font-weight: bold;
color: #29196b;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 2px;
padding-right: 5px;
margin-bottom: 5px;}


div.content a{
color: #29196b;
text-decoration: none;}

div.content a:hover{
color: #eb8a3d;
text-decoration: none;}

div.content img.float_right{
border: none;
float: right;
padding-top: 10px;
padding-left: 5px;
padding-right: 5px;
}


div.content img.float_left{
border: none;
float: left;
padding-top: 10px;
padding-left: 5px;
padding-right: 5px;
}

div.content input.kontakt{
width: 160px}

div.content textarea.kontakt{
width: 160px}

div.clear {
clear: both;
margin: 0;
padding: 0;
height: 0;
line-height: 0;
font-size: 0;
}

clear_left{
clear: left;
}

div.info {
}

div.info p{
font-size: 10pt;
font-weight: normal;}

div.info a{
color: #f4c299;;
text-decoration: none;}

div.info p.themen{
text-align: center;
color: #f4c299;;
font-size: 7pt;
font-weight: normal;
font-family: Verdana, Helvetica, Arial, sans-serif;}


.popup{
left:50%;
top:50%;
border: 1px #29196b solid; 
color: #29196b;
z-index: 10;
text-align: right;
width: 800px;
margin-left: -400px;
margin-top: -360px;
padding-bottom: 15px;
}

.popup p{
font-size: 10pt;
font-weight: normal;
text-align: left;
padding-top: 0px;
padding-left: 5px;
padding-bottom: 0px;
padding-right: 5px;
margin-top: 0px;
font-family: Verdana, Helvetica, Arial, sans-serif;}

.popup h1{
font-size: 14pt;
font-weight: bold;
text-align: justify;
padding-top: 0px;
padding-left: 5px;
padding-bottom: 0px;
padding-right: 5px;
margin-top: 0px;
font-family: Verdana, Helvetica, Arial, sans-serif;}

.popup h2{
font-size: 12pt;
font-weight: bold;
text-align: justify;
padding-top: 0px;
padding-left: 5px;
padding-bottom: 0px;
padding-right: 5px;
margin-top: 0px;
font-family: Verdana, Helvetica, Arial, sans-serif;}

.pop_img{
text-align: left;
float: left;
padding-top: 0px;
margin-left: 15px;
margin-right: 5px;
}


#abdunkeln{
position:absolute; 
background:#000000; 
opacity: .8;
filter: alpha(opacity=80);
z-index: 9;
text-align: center;
width: 100%;
min-height: 100%;
height: auto !important;
height: 100%;
margin-left: 0px;
margin-top: 0px;
left:0px;
top:0px;
}


.close img{
text-align: right;
}


.formular_pflicht {
text-align: left;
font-weight: bold;
width:160px;
display: block;
float:left;
}

.formular_pflicht_text {
text-align: left;
font-weight: bold;
display:inline-block;
padding-left:160px;
padding-bottom:5px;
}

.formular_pflicht_fehler {
text-align: left;
font-weight: bold;
color: red;
width:160px;
display: block;
float:left;
}

.formular_pflicht_text_fehler {
text-align: left;
font-weight: bold;
color: red;
display:inline-block;
padding-left:160px;
padding-bottom:5px;
}

.formular_normal {
text-align: left;
font-weight: normal;
width:160px;
display: block;
float:left;
}

.formular_normal_text {
text-align: left;
font-weight: normal;
}

input select {
clear:left}

.formular_feld_normal{
width:160px;
max-width:160px;}

.formular_feld_mittel{
width:112px;}

.formular_feld_kurz{
width:40px;}

input{
border: 1px #29196b solid;
background-color: #eb8a3d;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #29196b;
margin-top: 1px;
margin-bottom: 1px;}

select{
border: 1px #29196b solid;
background-color: #eb8a3d;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
font-weight: bold;
color: #29196b;
margin-top: 1px;
margin-bottom: 1px;}

p.formular_fehler{
display:inline-block;
padding-left:160px;
}