@charset "utf-8";
html {
    width: 100%;
    min-height: 100.3%;
    margin: 0;
    padding: 0
    }
a img {
    border: none
    }
a {
    color: #5c5c5c;
    text-decoration: none
    }
a:hover {
    text-decoration: underline
    }
p {
    color: #6e6d6d;
    font-size: 14px;
    line-height: 19x
    }
h2 {
    font-size: 24px;
    font-family: "Cinzel", Helvetica, sans-serif;
    color: #5a5a5a;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0
    }
h3 {
    font-size: 18px;
    color: #5a5a5a;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0
    }
body {
    margin: 0;
    padding: 0;
    font-family: "Cinzel", Arial, Helvetica, sans-serif
    }
.ctalternative {
    float: left;
    width: 640px;
    padding-left: 20px
    }
div#wrapper {
    margin: 0 auto;
    width: 980px
    }
div#content {
    float: left;
    width: 980px;
    padding: 10px 0 0 0;
    background-image: url(../images/contentbg.png);
    margin: 0 auto;
    width: 980px;
    margin-top: 50px;
    -webkit-box-shadow: #6f6f6f 0 0 20px;
    -moz-box-shadow: #6f6f6f 0 0 20px;
    box-shadow: #6f6f6f 0 0 20px
    }
.macher {
    cursor: pointer;
    width: 200px;
    height: 200px;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px
    }
.macher img {
    margin: 0 15px 15px 0;
    width: 200px;
    height: 200px
    }
.macher:hover img {
    display: none;
    margin: 0 15px 15px 0;
    width: 200px;
    height: 200px
    }
.macher .desc {
    display: none;
    padding: 90px 0 0 10px !important
    }
.macher:hover .desc {
    display: block
    }
div#sidebar {
    float: left;
    width: 90px;
    min-height: 850px;
    text-align: center
    }
div#maincontent {
    float: left;
    width: 890px
    }
#bottom {
    padding-left: 20px;
    float: left;
    clear: both;
    width: 870px;
    height: 170px;
    background: url(../images/greybg.png);
    margin: 40px 0 0 0
    }
#bottom h3 {
    font-size: 12px;
    color: #5a5a5a;
    font-weight: bold;
    margin: 10px 0 6px 0;
    padding: 0
    }
#bottom div {
    float: left;
    margin-right: 20px;
    font-size: 12px;
    line-height: 18px;
    color: #676767
    }
#bottom ul {
    list-style-type: none;
    margin: 0;
    padding: 0
    }
div#header {
    width: 890px;
    height: 90px
    }
#logo {
    position: absolute;
    margin: 10px 0 0 10px
    }
#auszeichnungen {
    position: absolute;
    margin: 0 0 0 700px
    }
#navigation {
    float: left;
    width: 205px;
    list-style-type: none;
    padding: 0;
    margin: 0
    }
#navigation a {
    color: #5c5c5c;
    font-size: 16px;
    display: block;
    width: 100%;
    height: 100%
    }
#navigation a:hover {
    text-decoration: none
    }
#navigation li.active {
    background: #c9c9c9;
    font-weight: bold;
    font-size: 15px
    }
#navigation li {
    height: 38px;
    border-bottom: 1px solid #FFF;
    background: url(../images/greybg.png);
    line-height: 38px;
    text-indent: 15px
    }
#navigation li:hover {
    background: #c9c9c9
    }
#subnav {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-bottom: 10px
    }
#subnav li {
    height: 32px;
    line-height: 32px;
    text-indent: 35px
    }
#subnav li.active {
    font-weight: bold
    }
#subnav a {
    font-size: 14px
    }
div#banner-slide {
    float: left;
    height: 273px;
    width: 645px;
    margin-left: 20px
    }
div#banner-slide2 {
    float: left;
    height: 600px;
    width: 900px
    }
.ct {
    float: left;
    width: 850px;
    margin: 20px 0 0 20px
    }
.startbox {
    width: 200px;
    float: left;
    margin-right: 15px
    }
.startbox:hover h2 {
    text-decoration: underline
    }
.startbox h2 {
    font-size: 24px;
    color: #5a5a5a;
    font-weight: normal;
    margin: 10px 0 0 0;
    padding: 0
    }
.startbox p {
    margin: 8px 0 0 0
    }
.ct_right {
    float: left;
    width: 645px;
    margin: 0 0 0 20px
    }
.ct_right .imgbanner {
    float: left;
    height: 273px;
    width: 645px;
    margin: 0 0 10px 0
    }
.boxlink {
    float: left;
    margin: 20px 20px 0 0;
    font-size: 18px;
    color: #c5c5c5;
    background: url(../images/greybg.png);
    width: 250px;
    height: 50px;
    text-indent: 20px;
    line-height: 50px;
    -webkit-box-shadow: #6f6f6f 0 0 5px;
    -moz-box-shadow: #6f6f6f 0 0 5px;
    box-shadow: #6f6f6f 0 0 5px
    }
.karte {
    background: url(../images/white2.png);
    padding: 10px;
    margin-bottom: 25px
    }
.karte p.speise {
    margin: 0;
    line-height: 20px;
    border-bottom: 1px solid #c3c3c3;
    padding: 10px 0 10px 0
    }
img.impress {
    float: left;
    margin: 0 15px 15px 0;
    width: 200px;
    height: 200px
    }
/*FORMULAR*/
div.error {
    color: #F00;
    font-size: 13px
    }
fieldset, label, input, select, textarea {
    display: block
    }
fieldset {
    width: 300px;
    border: none;
    font-size: 12px;
    font-family: "Calibri", Arial, Helvetica, sans-serif;
    margin-bottom: 20px;
    padding: 0
    }
fieldset fieldset {
    width: auto;
    margin: 0;
    padding-bottom: 0
    }
fieldset fieldset legend {
    font: inherit;
    color: inherit;
    font-weight: bold
    }
label {
    margin-top: 10px;
    color: #5a5a5a;
    text-indent: 3px
    }
input[type="text"] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 7px;
    border: 1px solid #909090;
    color: #626262;
    width: 250px;
    -webkit-box-shadow: hsla(0, 0%, 0%, 0.3) 0 0 5px inset;
    -moz-box-shadow: hsla(0, 0%, 0%, 0.3) 0 0 5px inset;
    box-shadow: hsla(0, 0%, 0%, 0.3) 0 0 5px inset;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease
    }
select {
    width: 210px;
    padding: 2px
    }
textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 7px;
    border: 1px solid #909090;
    color: #626262;
    resize: none;
    width: 500px;
    margin-right: 5px;
    -webkit-box-shadow: hsla(0, 0%, 0%, 0.3) 0 0 5px inset;
    -moz-box-shadow: hsla(0, 0%, 0%, 0.3) 0 0 5px inset;
    box-shadow: hsla(0, 0%, 0%, 0.3) 0 0 5px inset;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease
    }
input[type="submit"] {
    background-color: #e6e6e6;
    background-image: -ms-linear-gradient(#e6e6e6, #ccc);
    background-image: -moz-linear-gradient(#e6e6e6, #ccc);
    background-image: -o-linear-gradient(#e6e6e6, #ccc);
    background-image: -webkit-linear-gradient(linear, center top, center bottom, from(#e6e6e6), to(#ccc));
    background-image: -webkit-linear-gradient(#e6e6e6, #ccc);
    background-image: linear-gradient(#e6e6e6, #ccc);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    border: 1px double #aaa;
    padding: 5px 8px;
    width: auto;
    color: #FFF;
    /*-webkit-box-shadow: inset 0 0 1px 1px #ffa8da;
    	-moz-box-shadow: inset 0 0 1px 1px #ffa8da;
    	box-shadow: inset 0 0 1px 1px #ffa8da;*/
    text-shadow: 0 1px 1px #444;
    margin-top: 20px;
    display: block
    }
.submit {
    background-color: #e6e6e6;
    background-image: -ms-linear-gradient(#e6e6e6, #ccc);
    background-image: -moz-linear-gradient(#e6e6e6, #ccc);
    background-image: -o-linear-gradient(#e6e6e6, #ccc);
    background-image: -webkit-linear-gradient(linear, center top, center bottom, from(#e6e6e6), to(#ccc));
    background-image: -webkit-linear-gradient(#e6e6e6, #ccc);
    background-image: linear-gradient(#e6e6e6, #ccc);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    border: 1px double #aaa;
    padding: 5px 8px;
    width: auto;
    color: #FFF;
    /*-webkit-box-shadow: inset 0 0 1px 1px #ffa8da;
    	-moz-box-shadow: inset 0 0 1px 1px #ffa8da;
    	box-shadow: inset 0 0 1px 1px #ffa8da;*/
    text-shadow: 0 1px 1px #444;
    margin-top: 20px;
    display: block
    }
input[type="submit"]:hover {
    background-color: #ccc;
    background-image: -ms-linear-gradient(#ccc, #bbb);
    background-image: -moz-linear-gradient(#ccc, #bbb);
    background-image: -o-linear-gradient(#ccc, #bbb);
    background-image: -webkit-linear-gradient(linear, center top, center bottom, from(#ccc), to(#bbb));
    background-image: -webkit-linear-gradient(#ccc, #bbb);
    background-image: linear-gradient(#ccc, #bbb)
    }
input#ok {
    float: left;
    width: 15px;
    border: 0
    }
.macher {
    cursor: pointer;
    width: 200px;
    height: 200px;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px
    }
.macher img {
    margin: 0 15px 15px 0;
    width: 200px;
    height: 200px
    }
.macher:hover img {
    display: none;
    margin: 0 15px 15px 0;
    width: 200px;
    height: 200px
    }
.macher .desc {
    display: none;
    padding: 120px 0 0 10px
    }
.macher:hover .desc {
    display: block
    }
.defloat {
    clear: both
    }