@import url(/css/reset.css);
@import url(/css/elements.css);
@import url(/common/popup.css);
@import url(/css/formular.css);

body	{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    background-color: #000;
}

h1 { font-size: 36px; font-weight: normal; color: #ff9933; margin-bottom: 10px; }
h2 { font-size: 20px; color: #ff9933; font-weight: normal; margin-bottom: 10px; }

ul { list-style-type: none; }
p { line-height: 28px; font-size: 17px; }
a { text-decoration: none; }

/* breite = xx px */
div.page, div#siteHead, div#footer { width: 990px; }
div.page, div#footer { margin: 0em auto; position: relative; }
div.page { }

div#siteHead {
    position: relative;
    height: 348px;
    background: url(/files/head/standbild.jpg) no-repeat 0px 28px;
    z-index: 0;
}
div#siteHead div#ticker {
    position: absolute;
    top: 0px; left: 0px;
    background: url(/files/allgemein/tickerBg.jpg) no-repeat top left;
    height: 28px; width: 980px;
    color: #fff;
    font-weight: bold;
    padding: 5px;
}
div#siteHead div#flash {
    position: absolute;
    top: 28px; left: 0px;
    height: 280px; width: 990px;
}

ul#mainMenu {
    position: absolute;
    top: 240px; left: 10px;
    z-index: 60;
}
ul#mainMenu li { float: left; text-align: center; width: 120px; padding-top: 40px; }
ul#mainMenu li a {
    color: #000;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    position: relative; display: block; 
    height: 25px; overflow: hidden;
    padding-top: 73px;
}
ul#mainMenu li a div.button {
    left: 40px;
    width: 35px; position: absolute; height: 111px;
    top: 36px;
    background: url(/files/buttons.png) no-repeat center 3px;
}

ul#mainMenu li a:hover div.button,
ul#mainMenu li.active a div.button {
    position: absolute;
    top: -38px;
    cursor: pointer;
}

ul#subMenu {
    position: absolute;
    top: 405px; left: 50px;
    width: 160px; height: 380px;
    padding-right: 25px;
    background: url(/files/subMenueBg.png) no-repeat top right;
    z-index: 50;
}
ul#subMenu li { text-align: right; margin-bottom: 15px; }
ul#subMenu li a { color: #ff9933; }
ul#subMenu li a:hover,
ul#subMenu li.active a { color: #3368a6; font-weight: bold; }
ul#subMenu li.active ul#subSubMenu { margin-top: 10px; }
ul#subMenu li.active ul#subSubMenu li { margin-bottom: 5px; }
ul#subMenu li.active ul#subSubMenu li a { font-weight: normal; }
ul#subMenu li.active ul#subSubMenu li a:hover { color: #ff9933; }

div#content {
    position: relative;
    min-height: 414px;
    height: auto !important;
    height: 414px;
    background: url(/files/page/introBg.jpg) no-repeat 0px 0px;
    z-index: 10;
    padding-top: 50px; padding-bottom: 10px;
}

div#footer {
    background: url(/files/allgemein/tickerBg.jpg) no-repeat top left;
    height: 28px;
    color: #fff;
    text-align: center;
    padding-top: 5px;
}

div.element, div#footer, div.clear {clear: both;}
div#content div.element {
    padding-left: 80px;
    width: 840px;
}
div.contentNoSubMenu div.element {
    padding-left: 260px !important;
    width: 710px !important;
}

img.plus { margin-left: -10px; }


.home div#content {
    margin-top: -39px;
    min-height: 452px;
    height: auto !important;
    height: 452px;
}
.home div#siteHead ul#mainMenu { display: none; }
.home div#weiterLink {
    position: absolute;
    top: 0px; left:0px;
    width: 990px; height: 320px;
    cursor: pointer;
}
.home div#sponsorEins,
.home div#sponsorZwei,
.home div#sponsorDrei {
    position: absolute;
    top: 390px; left: 300px;
    width: 175px; height: 80px;
    cursor: pointer;
}
.home div#sponsorZwei { left: 500px; width: 250px; }
.home div#sponsorDrei { left: 765px; width: 150px; }

.willkommen div#content {
    background: url(/files/page/welcomeBg.jpg) no-repeat 0px 0px;
}

ul#subMenu.blue {
    background: url(/files/subMenueBgBlue.png) no-repeat top right;
}

.kontakt ul#subMenu li a,
.was_geht_ab ul#subMenu li a,
.subMenuAuswahl ul#subMenu li a,
.nightshoots_i ul#subMenu li a { color: #3368a6; }

.kontakt ul#subMenu li a:hover,
.kontakt ul#subMenu li.active a,
.was_geht_ab ul#subMenu li a:hover,
.was_geht_ab ul#subMenu li.active a,
.subMenuAuswahl ul#subMenu li a:hover,
.subMenuAuswahl ul#subMenu li.active a,
.nightshoots_i ul#subMenu li a:hover,
.nightshoots_i ul#subMenu li.active a { color: #ff9933; }


/* +++++++++++++++ SPEISEKARTE ++++++++++++++++ */
.speisekarte .tableSpeisekarte { border-bottom: 1px solid #f9770e; margin-bottom: 20px; }
.speisekarte .tableSpeisekarte tr td {
    line-height: 16px;
    padding: 10px;
    border-top: 1px solid #f9770e;
}
.speisekarte .tableSpeisekarte tr td.date {
    font-weight: bold;
    color: #000;
    border-right: 1px solid #f9770e;
    font-size: 12px;
}
.speisekarte tr.offer td table.card tr td { padding-left: 85px; }
.speisekarte table.card { border: none; margin-bottom: 0px; }
.speisekarte table.card tr td { border: none; }

.speisekarte li#print {
    background: url(/files/icon_pdf.gif) no-repeat 0px 0px;
    line-height: 36px; width: 30px;
    margin: 10px 0px; margin-left: 850px;
    list-style-type: none;
}
.speisekarte li#print a {padding-left: 38px; font-weight: bold; color: #000;}

.impressum p { font-size: 12px; line-height: 18px; margin-bottom: 10px; }