html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    list-style: outside none none;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}
:focus {
    outline: 0 none;
}
html, body {
    height: 100%;
}
body {
    color: #fff;
    font-family: "Lucida Sans Unicode","Lucida Grande","Lucida Sans","Trebuchet MS",sans-serif;
    font-size: 0.75em;
    line-height: 1.5;
    margin: 0 auto;
    max-width: 1280px;
    overflow: scroll;
}
p {
    padding-bottom: 15px;
}
a {
    color: #c03808;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
.orange {
    background: #ff6000 none repeat scroll 0 0;
    float: left;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 34%;
}
.logo {
    background: rgba(0, 0, 0, 0) url("images/matis-logo.jpg") repeat scroll 0 0;
    float: right;
    height: 308px;
    text-indent: -99999em;
    width: 415px;
}
@media only screen and (max-height: 665px) {
.logo {
    height: 291px;
}
}
.navi {
    background-color: #fe985a;
    border-bottom: thin solid #f77629;
    border-left: thin solid #f77629;
    border-top: thin solid #f77629;
    box-shadow: 0 1px 9px 0 rgba(0, 0, 0, 0.1);
    float: right;
    height: 430px;
    margin-top: -98px;
    overflow: hidden;
    width: 295px;
}
@media only screen and (max-height: 665px) {
.navi {
    margin-top: -107px;
}
}
.navi ul {
    line-height: 2.05em;
    padding-top: 20px;
    text-align: right;
    width: 295px;
}
.navi li {
}
.navi li a {
    color: #fff;
    display: block;
    margin: 0;
    padding: 0 27px 0 0;
    text-decoration: none;
}
.navi a:hover {
    background: #ff7a2b none repeat scroll 0 0;
}
.unternavi {
    background: #ffb385 none repeat scroll 0 0;
    font-size: 0.95em;
    line-height: 1.6em;
}
.unternavi a:hover {
    background: #ffb385 none repeat scroll 0 0;
    text-decoration: underline;
}
.aktiv {
    background: #ff8943 none repeat scroll 0 0;
}
.adresse {
    color: #f60;
    height: 350px;
    margin-left: 106.5%;
    position: absolute;
    top: 26px;
    width: 250px;
}
.adresse span {
    float: left;
    margin-right: 10px;
    text-align: left;
    width: 46px;
}
@media only screen and (max-height: 665px) {
.adresse {
    top: 9px;
}
}
.titel {
    color: #f60;
    font-size: 3.4em;
    font-weight: 800;
    height: 60px;
    line-height: 0;
    margin-left: 34%;
    position: relative;
    text-align: right;
    top: 164px;
    width: 625px;
    z-index: 3;
}


.rechts {
    border-bottom: thin solid #ddd9d6;
    border-right: thin solid #ddd9d6;
    border-top: thin solid #ddd9d6;
    box-shadow: 3px 1px 9px 0 rgba(0, 0, 0, 0.15);
    color: #000;
    height: 430px;
    overflow: auto;
    position: relative;
    top: 150px !important;
}

@media only screen and (max-height: 665px) {
.rechts {
    top: 124px !important;
}
}
.inhalt {
    color: #f60;
    float: left;
    height: 370px;
    padding: 21px 0 10px 32px;
    width: 340px;
}
.inhalt h3 {
    font-size: 1.2em;
    font-weight: 800;
    margin: 0 0 20px;
}
.inhalt li {
    padding: 2px 0;
}
.inhaltsbild {
    float: right;
    z-index: 0;
}
.inhalt_li {
    float: left;
    width: 80px;
}
.inhalt_re {
    float: right;
    width: 235px;
}
.inhalt-komplett {
    color: #f60;
    float: left;
    height: 370px;
    padding: 20px 0 10px 32px;
    width: 570px;
}
.inhalt-komplett h3 {
    font-size: 1.2em;
    font-weight: 800;
    margin: 0 0 20px;
}
.inhalt-komplett li {
    list-style: inside none disc;
    padding: 2px 0;
}
.inhalt-komplett_li {
    border: medium solid #0c0;
    float: left;
    width: 80px;
}
.inhalt-komplett_re {
    border: medium solid #006;
    float: right;
    width: 235px;
}
.preise_li {
    border: none;
    float: left;
    width: 355px;
}
.preise_li li {
    border-bottom: thin solid #f0efef;
    list-style: outside none none;
    padding: 7px 0;
}
.preise_li small {
    font-size: 1em;
}
.preise_re {
    border: none;
    float: right;
    width: 200px;
}
.preise_re li {
    border-bottom: thin solid #f0efef;
    list-style: outside none none;
    padding: 7px 0;
}
.links {
    float: left;
    width: 45%;
}
.impressum {
    border-top: thin solid #f0efef;
    font-size: 0.75em;
    margin-top: 10px;
}
.karte {
    background: #f60 none repeat scroll 0 0;
    color: #fff;
    display: block;
    margin: 15px;
    padding: 6px 17px;
}
.karte:hover {
    background: #ff8943 none repeat scroll 0 0;
    text-decoration: none;
}