@charset "utf-8";
html, body, div, span, h1, h2, h3, h4, h5, h6, p,
a, em, font, img, small, strong, ul, li, table, tr, th, td, wrapper{
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

body {
margin: 0;
padding: 0;
color: #000;
background-color: #d1d3d4 !important;
font-family: verdana, arial, helvetica, geneva, sans-serif;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-align: center;
}

.naviIE6 {display:none;}
.druck {display:none;}

table {
width: 100%;
margin: 0 auto;
text-align: left;
}

#wrapper {
width: 1000px; 
margin: -15px 0px 0px 0px;
}

*+html #wrapper {
margin: 0; /* IE Hack */
}



/*---- BoxI ----*/
#boxI {
float:left; 
width:710px; 
padding:0px 0px 0px 0px;
margin:0;
background:#fff;
color: #000;
}


#left {
float:left; 
width:520px; 
min-height: 750px; !important;
padding:0;
margin:0;
background:#d1d3d4;
color: #000;
}

#leftNavi {
margin:50px 0px 0px 0px;
border:  0px solid #AAA;
}


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

.leftMenu li{
float:left;
position:relative;
z-index:100;
}

.leftMenu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

.leftMenu a, .leftMenu :visited {
display:block;
font-size: 11px;
width:95px;
padding:0px 0px 6px 0px;
color:#808285;
background:#d1d3d4;
text-decoration:none;
text-align:left;
}

.featurebier {
margin:0px 0px 0px 28px;
}

.featureser {
margin:0px 0px 0px 12px;
}

.leftMenu :hover{
color:#c14d3e;
background:#d1d3d4;
}

.leftMenu ul ul {
visibility:hidden;
position:absolute;
width:95px;
height:0;
}

.leftMenu ul li:hover ul,
.leftMenu ul a:hover ul{
visibility:visible;
}

.leftContent  { 
padding: 130px 0px 0px 0px;
}

* html .leftContent { /* IE6 Hack */
height:500px;
}


.leftContent p{
padding: 6px 40px 6px 0px;
}

.stanz ul{
float: left;
list-style-type:none;
font-size: 0.7em;
padding:0;
margin:0;
color:#000;
background:#d1d3d4;
}

.stanz li{
display:block; 
width:112px;
padding:2px 0;
color:#000;
background:#d1d3d4;
}

.stanz br{
clear: left;
}


#gallery {
width:520px;
}

#gallery ul {
list-style:none; 
padding:0; 
margin-top:5px; 
position:relative; 
float:right;
}

#gallery ul li {
display:inline; 
width:50px; 
height:50px; 
float:left; 
margin:0px 14px 14px 0px;
}

#gallery ul li a {
display:block; 
width:48px; 
height:48px; 
text-decoration:none;
}

#gallery ul li a img {
display:block; 
width:48px; 
height:48px; 
border:0; 
}

#gallery ul li a:hover {
white-space:normal; 
border:1px solid #fff;
}

#gallery ul li a:hover img {
position:absolute; 
right:-190px; 
top:0; 
width:190px; 
height:190px;
}

.anders {
float: left;
width:90px; 
padding:6px 0px 6px 0px;
font-size: 0.8em;
line-height: 1.3em;
color:#000;
background:#d1d3d4;
}

.normal p{
padding:6px 40px 0px 0px;
font-size: 0.8em;
line-height: 1.3em;
color:#000;
background:#d1d3d4;
}

.normal br {
clear: left;
}

.middle {
float:left; 
width:190px; 
padding:0;
margin:0;
background:#fff;
color: #000;
}

* html .middle { /* IE6 Hack */
position:absolute;
}



/*---- boxII ----*/
#boxII{
float:left; 
width:290px; 
padding:0;
margin:0;
background:#d1d3d4;
color: #000;
}

.rightNavi {
margin:48px 0px 120px 20px;
}


.rightNavi a, .rightNavi :visited {
font-size: 11px;
color:#808285;
background:#d1d3d4;
text-decoration:none;
text-align:left;
}

.rightNavi :hover{
color:#c14d3e;
background:#d1d3d4;
}

.rightContent {
padding:0px 100px 0px 20px;
}



/* formular */
form {
background: #d1d3d4;
margin:0;
padding-top:30px;
font-size: 0.8em;
}

label { /* Alle Labels UND Formularelemente auswählen */
display: block;
float: left;
width: 120px; /* Breite.*/
margin:3px 0px 3px 0px;
}


form br { /* Alle Zeilenumbrüche in Formularen auswählen */
clear: left; /* das floating der labels und inputs aufheben */
}

#submit { /* den Submit-Button */
float: left;
width: auto;
}

.feld { 
float: none;
width: 370px; 
margin:0px 0px 8px 0px;
color:#000; 
background-color:#e1e1e1; 
border:1px solid #d6d7d8;
}

.button {
float: none;
font-size: 0.8em;
margin:0px 8px 8px 0px;
padding:3px 6px;
color:#000; 
background-color:#e1e1e1; 
border:1px solid #d6d7d8;
}

.bereich  { 
width: 490px; 
height: 150px;
margin:0px 0px 8px 0px;
background-color:#e1e1e1;
border:1px solid #d6d7d8;
}







/*---- Schrift ----*/
a  { 
text-decoration:none;
color:#808285;
}

a:hover{
color:#c14d3e;
background:#d1d3d4;
}


p  { 
font-size: 0.8em;
line-height: 1.3em;
color:#000;
}

h1 { 
font-size: 1em;
font-weight: bold;
line-height: 1.5em;
color:#808285;
}

h2 { 
font-size: 0.8em;
font-weight: bold;
line-height:1.5em;
padding:0px 0px 3px 0px;
color:#000;
}