#subnavi {
    font-size: 11px;
    width: 200px;
}

#navigation a:link, #navigation a:hover, #navigation a:active, #navigation a:visited  {
    text-decoration:none;
}

#subnavi_unternehmen {
    padding: 6px 4px 6px 4px;
    border-top: #ffffff 1px solid;
    background-color: #ddd;
    font-size: 1.3em;
}

#subnavi_unternehmen:hover {
    background-color: #eeeeee;
}

#subnavi_wohnen {
    padding: 6px 4px 6px 4px;
    border-top: #ffffff 1px solid;
    background-color: #95c540;
    font-size: 1.3em;
}

#subnavi_wohnen:hover {
    background-color: #a6d651;
}

#subnavi_objekte {
    padding: 6px 4px 12px 4px;
    border-top: #ffffff 1px solid;
    background-color: #e95830;
    font-size: 1.3em;
}

#subnavi_objekte:hover {
    background-color: #fa6941;
}

#navigation #wohnen {
    min-width: 200px;
    height:200px;
    background-color: #95c540;
    display: block;
    display: table-cell;
    vertical-align: middle;
}

#navigation #wohnen:hover {
    background-color: #b5d679;
}

#navigation #objekte {
    min-width: 200px;
    height:200px;
    background-color: #e95830;
    display: block;
    display: table-cell;
    vertical-align: middle;
}

#navigation #objekte:hover {
    background-color: #ef8a6e;
}

#navigation #service {
    min-width: 200px;
    height:200px;
    background-color: #277bb3;
    display: block;
    display: table-cell;
    vertical-align: middle;
}

#navigation #service:hover {
    background-color: #68a3ca;
}


#navigation #marken {
    min-width: 200px;
    height:200px;
    background-color: #ccc;
    display: block;
    display: table-cell;
    vertical-align: middle;
}

#navigation #marken:hover {
    background-color: #bbb;
}

#subnavi_head {
    font-family: "VFuturaLight","Futura",Arial,sans-serif;
    font-size: 20px;
    color:#fff;
    text-decoration:none;
    text-align:center;
    text-transform:uppercase;
}



/* Smartphones (portrait and landscape) ----------- */

@media screen and (max-width: 980px) {

#navigation #wohnen {
    min-width: 140px;
    height:140px;
}

#navigation #objekte {
    min-width: 140px;
    height:140px;
}

#navigation #service {
    min-width: 140px;
    height:140px;
}

#navigation #marken {
    min-width: 140px;
    height:140px;
}

#subnavi {
    font-size: 11px;
    width: 140px;
}

/* Smartphones (portrait and landscape) ----------- */

@media screen and (max-width: 680px) {

    #subnavi {
        display: none;
    }
}