*
{
margin: 0;
padding: 0;
border: 0;
background-color: transparent;
}

html {
height:100%;
text-align: center;
background-image: url(bilder/back1.gif);
background-repeat: repeat-y;
background-position: 50% 0;
}




body {
font-family : verdana, arial, helvetica, sans-serif;
font-size : 95%;
max-width: 1000px;
padding: 0px 10px 0 10px;
margin: 0 auto;
text-align: center;
}

h1 {
width: 98%;
height: 3em;
font-size : 1.4em;
font-weight : bold;
line-height: 1.4em;
letter-spacing: 0px;
color : #2F2F2F;
margin : 30px 0 30px 0;
padding: 0 0 0 0px;
border-bottom: px solid #000;
}

h2 {
clear: both;
width: 100%;
color : #2F2F2F;
font-size : 1.1em;
font-weight : bold;
margin : 0 0 10px 0;
}

h3 {
clear: both;
width: 98%;
color : #2f2f2f;
font-size : 1em;
font-weight : bold;
text-align : left;
margin : 0 0 5px 0;
}

h4 {
clear: both;
width: 100%;
color : #000;
font-size : 1em;
font-weight : bold;
text-align : left;
margin : 0 0 5px 0;
}


a:link, a:visited
{
color : #9A3A24;
text-decoration : none;
border-bottom: 0px solid #AFAFAF;
}

a:hover,
a:active,
a:focus
{
color : #000;
text-decoration : none;
border-bottom: 0px solid #33cccc;
}







#navc {
float: left;
width: 100%;
margin: 36px 0 40px 0;
font-size: 1em;
color: #7F7F7F;
text-align: left;
font-family : arial, helvetica, sans-serif;
background-color: ;
}

#navc ul
{
float: left;
width: 100%;
list-style-type: none;
text-align: left;
background-color: ;
}


#navlistc li
{
float: left;
width: 100%;
font-family : arial, helvetica, sans-serif;
font-weight: bold;
background-color: ;
}


#navlistc li a,
#navlistc li a:visited
{
display: block;
color: #5f5f5f;
text-decoration : none;
padding: 4px 2px;
border-bottom: 1px solid #DBDBDB;
background-color: ;
}

#a31 #navlistc li.m32 a,
#a32 #navlistc li.m31 a
{
display: block;
color: #000;
background-color: ;
font-weight: bold;
text-decoration : none;
padding: 3px 2px 4px 8px;
border-bottom: 1px solid #DBDBDB;
}


#navlistc li a:hover,
#navlistc li a:active,
#navlistc li a:focus
{
display: block;
color: #fff;
background-color: #9F3921;
text-decoration : none;
padding: 4px 2px;
border-bottom: 1px solid #DBDBDB;
}


#a31 #navlistc li.m31 a:hover,
#a31 #navlistc li.m32 a:hover,
#a32 #navlistc li.m32 a:hover,
#a32 #navlistc li.m31 a:hover
{
display: block;
color: #9F3921;
background-color: transparent;
font-weight: bold;
text-decoration : none;
padding: 3px 2px 4px 8px;
border-bottom: 1px solid #DBDBDB;
}





#a10 #navlistc li.m1 a,
#a20 #navlistc li.m2 a,
#a31 #navlistc li.m3 a,
#a32 #navlistc li.m3 a,
#a40 #navlistc li.m4 a,
#a50 #navlistc li.m5 a,
#a60 #navlistc li.m6 a,
#a70 #navlistc li.m7 a,
#a80 #navlistc li.m8 a,
#a90 #navlistc li.m9 a,
#a100 #navlistc li.m10 a,
#a110 #navlistc li.m11 a,
#a120 #navlistc li.m12 a,
#a130 #navlistc li.m13 a,
#a140 #navlistc li.m14 a,
#a150 #navlistc li.m15 a
{
display: block;
color: #fff;
background-color: #9F3921;
font-weight: bold;
text-decoration : none;
padding: 4px 2px;
border-bottom: 1px solid #DBDBDB;
}

#a31 #navlistc li.m31 a,
#a32 #navlistc li.m32 a
{
display: block;
color: #9F3921;
font-weight: bold;
text-decoration : none;
padding: 3px 2px 4px 8px;
border-bottom: 1px solid #DBDBDB;
}


#all {
float: left;
width: 100%;
background-color: #fff;
/*background-color: #F7F0E1;*/
}


#topa {
float: left;
width : 100%;
height : auto;
border-bottom: 2px solid #9F3921;
}



#top1 {
float: left;
width : 22%;
height : 150px;
text-align: center;
background-color: ;
background-image: url(bilder/logo1.gif);
background-repeat: no-repeat;
background-position: 15px 70%;
border-top: 2px solid #9F3921;
border-left: 2px solid #9F3921;
border-right: 2px solid #9F3921;
}




#top2 {
float: right;
width : 75%;
height : 150px;
text-align: center;
border-top: px solid #9F3921;
}


#top21 {
float: left;
width : 70%;
height : 150px;
height : auto;
background-image: url(bilder/logo2.gif);
background-repeat: no-repeat;
background-position: 100% 108px;
}

#top210 {
float: right;
text-align: left;
font-size: 1.1em;
font-weight: bold;
width : 210px;
height : 150px;
border-left: px solid #AFAFAF;
border-right: px solid #AFAFAF;
}


#top22 {
float: right;
width : 28%;
height : 150px;
text-align: center;
}

#a10 #top22,
#a50 #top22,
#a120 #top22,
#a150 #top22
{
background-color: #858585;
background-image: url(bilder/lehmbauwand1_1.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}

#a20 #top22,
#a70 #top22,
#a80 #top22
{
background-color: #858585;
background-image: url(bilder/lehmbauwand1_2.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}

#a60 #top22,
#a90 #top22,
#a150 #top22
{
background-color: #858585;
background-image: url(bilder/lehmbauwand1_3.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}

#a31 #top22,
#a100 #top22,
#a130 #top22
{
background-color: #858585;
background-image: url(bilder/lehmbauwand1_4.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}

#a40 #top22,
#a110 #top22,
#a140 #top22
{
background-color: #858585;
background-image: url(bilder/lehmbauwand1_5.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}





#mid0 {
clear: both;
float: left;
width : 100%;
overflow: hidden;
}


#left {
float: left;
width: 22%;
padding: 70px 0 3000px 0;
margin: 0 0 -2950px 0;
text-align: right;
font-size: 0.7em;
background-color : antiquewhite;
border-right: 2px solid #9F3921;
border-left: 2px solid #AFAFAF;
}


.mid1 {
float: right;
width: 95%;
text-align: right;
color: #5F5F5F;
background-color : ;
}

.mid11 {
float: left;
font-size: 0.9em;
padding: 25px 0 0 5px;
text-align: left;
color: #5F5F5F;

}

#mid2 {
float: right;
width : 75%;
}


#mid21 {
float: left;
width : 70%;
margin: 0 auto;
text-align: center;
border-left: px solid #AFAFAF;
border-right: px solid #AFAFAF;
}





#mid210 {
width : 85%;
min-height: 725px;
height: auto !important;
height: 725px;
margin: 0 auto ;
padding: 0 0 20px 0;
font-family : verdana, arial, helvetica, sans-serif;
text-align: left;
font-size: 0.75em;
line-height: 1.4em;
color: #2f2f2f;

}

#mid210 table
{
vertical-align: top;
font-size: 1em;
color: #2f2f2f;
}

#mid210 ol
{
margin:  0 0 0 10px;
padding: 0;
}


#mid210 ul
{
margin:  0 0 0 5px;
padding: 0;
}




#mid210 li
{
margin:  5px 0 0 20px;
}


#right {
float: right;
width : 28%;
padding: 115px 0 3000px 0;
margin: 0 0 -2900px 0;
text-align: right;
font-size: 0.75em;
color: #3f3f3f;
background-color : oldlace;
border-right: 1px solid #AFAFAF;
}



.mid22 {
float: left;
height: auto;
width : 100%;
margin: 0 auto;
text-align: center;
}


.mid220 {
height: auto;
width : 90%;
margin: 0 auto;
text-align: left;
font-size: 0.9em;
}

.mid220 li {
margin: 5px 0 0 15px;
}


#footer {
display: none;
float: left;
font-size: 0.7em;
text-align: center;
width: 100%;
height: auto;
}