@font-face {
    font-family: 'allerbold';
    src: url('../fonts/aller_bd-webfont.eot');
    src: url('../fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_bd-webfont.woff') format('woff'),
         url('../fonts/aller_bd-webfont.ttf') format('truetype'),
         url('../fonts/aller_bd-webfont.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'allerregular';
    src: url('../fonts/aller_rg-webfont.eot');
    src: url('../fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_rg-webfont.woff') format('woff'),
         url('../fonts/aller_rg-webfont.ttf') format('truetype'),
         url('../fonts/aller_rg-webfont.svg#allerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

*{
padding: 0px;
margin: 0px;
}

body{
font-family: 'allerregular', Arial, sans-serif;
}

#header{
width: 800px;
height: 140px;
margin: 0px auto;
}

#banner1,
#banner{
position: relative;
width: 800px;
height: 270px;
background: url('../images/banner.jpg') no-repeat;
margin: 0px auto;
}

#banner1{
background: url('../images/banner1.jpg') no-repeat;
}


#content {
width: 800px;
margin: 60px auto;
}

#content p {
font-family: 'allerbold';
color: #1C1C1C;
font-size: 14px;
line-height: 1.5;
font-weight: bold;
}

#cont-text {
width: 680px;
}


#kopf{
background-color: #D5D0D0;
width: 100%;

}

#inhalt{
background-color: #fff;
}

#logo{
float: left;
margin-top: 15px;
}

#logo img{
border: 0px;
}


#headtext{
float: right;
width: 150px;
height: 120px;
background-color: #fff;
}

#headtext p {
color: #1c1c1c;
font-size: 12px;
line-height: 1.4;
padding: 10px;
margin-top: 37px;
}

.clear{
clear: both;
}

#werbung {
position: absolute;
height: 109px;
width: 208px;
top: 30px;
right: 16px;
text-align: right;
font-size: 30px;
font-family: 'allerbold', Arial, sans-serif;
color: white;
line-height: 1;
}


#menu {
position: absolute;
height: 50px;
top: 230px;
}

#menu a {
display: block;
float: left;
height: 30px;
width: 140px;
background: url('../images/taste_off.png') no-repeat;
font-size: 18px;
font-family: 'allerbold', Arial, sans-serif;
text-decoration: none;
padding-top: 3px;
padding-bottom: 8px;
padding-left: 10px;
color: white;
margin-right: 10px;
}

.email {
float: right;
display: block;
font-size: 18px;
padding-left: 30px;
background: url('../images/pfeile_off.png') no-repeat 0px 4px;
margin-top: 9px;
height: 25px;
}


.email a {
text-decoration: none;
color: white;
}

#menu a.active,
#menu a:hover {

background: url('../images/taste_on.png') no-repeat;
}

h1 {
color: #00898B;
font-size: 30px;
padding: 10px 0px 5px 0px;
}

h4 {
color: #1c1c1c;
padding-bottom: 10px;
display: block;
font-size: 18px;
padding-left: 35px;
background: url('../images/pfeile_off.png') no-repeat;
}

h4:hover {
background: url('../images/pfeile_on.png') no-repeat;
cursor: pointer;
}

hr {
height: 1px;
border: 0px;
background: url('../images/linie.png');
}

ul {
color: #1c1c1c;
font-family: 'allerbold', Arial, sans-serif;
font-size: 13px;
line-height: 1.5em;
list-style-position: inside;
list-style-image: url('../images/minus.png');
}

li{text-indent:-19px;margin-left:19px;}

.infobox {
font-size: 15px;
font-family: 'allerbold', Arial, sans-serif;
}

.infobox a {
display: block;
width: 110px;
height: 20px;
background: url('../images/taste_weiter_off.png') no-repeat;
text-decoration: none;
color: white;
padding: 1px 0px 5px 28px;
font-size: 13px;
margin: 20px 20px 30px 0px;
}

p {
padding: 10px 0px;
}

#content img {
padding: 20px 0px;
}

.tasten a{
float: left;
}

.tasten a:hover{
background: url('../images/taste_weiter.png') no-repeat;
}

.infobox .taste_big {
background: url('../images/taste_big_off.png') no-repeat;
width: 160px;
}

.infobox .taste_big:hover{
background: url('../images/taste_big.png') no-repeat;
}

#content p span,
.infobox p span {
font-size: 13px;
font-weight: normal;
}



#content .accordion span{visibility:visible;}

#content .accordion.active {
background: url('../images/pfeile_on.png') no-repeat;
}

#content .accordion.active span{visibility:hidden;}