#header {
height: 108px;
border-bottom:1px solid #000;
}
#menu {
position:absolute;
top: 100%;
left: 0%;
height:1250px;
display:inline-block;
border-top:1px solid #000;
border-bottom:1px solid #f55b5b;
}
#menu li {
display:inline;
width:950px;
padding:0px 0px 0px 30px;
}
#menu a {
padding: 15px 15px 0px 15px;
cursor:default;
}
#menu a:hover {
color: #fff;
}

.tooltipinfo{
display:none;
padding:10px 0px 10px 0px;
border: 0px solid #f55b5b;
border-radius:0px;
box-shadow: 0px 0px 0px #334433;
}
.tooltip span#column1 span.tooltipinfo{
display:block;
position:static;
width:920px;
margin-left:40px;
}
.tooltip span#column2 span.tooltipinfo{
display:block;
position:static;
width:920px;
margin-left:40px;
}
.tooltip span#column3 span.tooltipinfo{
display:block;
position:static;
width:920px;
margin-left:40px;
}
.tooltip span#column4 span.tooltipinfo{
display:block;
position:static;
width:920px;
margin-left:40px;
}
.tooltip span#column5 span.tooltipinfo{
display:block;
position:static;
width:920px;
margin-left:40px;
}
#menu .tooltipinfo a {
width:260px;
}
#footer {
margin-top:1252px;
}
#wortgruppe{
margin-top:10px;
}

@media screen and (min-width : 718px) and (max-width: 1020px) {
#menu {
height:2000px;
}
#menu li {
width:650px;
}
#menu a {
padding: 15px 15px 0px 15px;
cursor:default;
border:0px;
}
.tooltip span#column1 span.tooltipinfo{
width:650px;
margin-left:10px;
}
.tooltip span#column2 span.tooltipinfo{
width:650px;
margin-left:10px;
}
.tooltip span#column3 span.tooltipinfo{
width:650px;
margin-left:10px;
}
.tooltip span#column4 span.tooltipinfo{
width:650px;
margin-left:10px;
}
.tooltip span#column5 span.tooltipinfo{
width:650px;
margin-left:10px;
}
#menu .tooltipinfo a {
width:260px;
}
#footer {
margin-top:2014px;
}

}
@media screen and (max-width: 717px) {
#menuphone {
display:none;
}
#menu {
width:100%;
margin:0px;
padding:0px;
height:4550px;
border:0px;
border-top:1px solid #000;
border-bottom:1px solid #f55b5b;
box-shadow: 0px 0px 0px #222;
}
#menu ul {
}

#menu li {
width:270px;
margin-left:0px;
padding-left:0px;
}
#menu a {
padding: 15px 15px 10px 10px;
margin-left:10px;
}
.tooltip span#column1 span.tooltipinfo{
width:245px;
margin-left:10px;
}
.tooltip span#column2 span.tooltipinfo{
width:245px;
margin-left:10px;
}
.tooltip span#column3 span.tooltipinfo{
width:245px;
margin-left:10px;
}
.tooltip span#column4 span.tooltipinfo{
width:245px;
margin-left:10px;
}
.tooltip span#column5 span.tooltipinfo{
width:245px;
margin-left:10px;
}
#menu .tooltipinfo a {
width:225px;
}
#footer {
margin-top:4551px;
}

}