@charset "utf-8";
/* Interner Bereich: eine Datei fuer Bildschirm und Druck (frueher bubner-screen/-print/-intern.css) */

body { background-color: #9f2a23; margin: 20px 0 0 0; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 16px; color: #542a0e; }

a { color: #542a0e; text-decoration: none; outline: none; cursor: pointer; }
a:hover { color: #9f2a23; border: none; }
a img { border: 0; }
h1 { font-size: 2em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #9f2a23; }
h2 { font-size: 1.2em; margin-bottom: 6px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #9f2a23; }
h3 { font-size: 1em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #000; margin: -20px 0 20px 0; }
p { margin-top: 6px; }
p a { text-decoration: underline; }
p a:before { content: "> "; }

/* Seitengeruest */
#container { position: absolute; top: 0; left: 0; }
#back_picture { position: absolute; top: 0; left: 0; z-index: 0; }
#bubner-logo { position: absolute; left: 785px; top: 120px; z-index: 3; }

#nav_klein { position: absolute; left: 785px; width: 160px; top: 264px; z-index: 5; text-align: right; }
#nav_klein ul { list-style: none; display: inline; margin: 0; padding: 0; }
#nav_klein ul li { display: inline; margin: 0 0 0 10px; padding: 0; }
#nav_klein a { font-size: 12px; }

#main { background-image: url(images/container.gif); background-repeat: no-repeat; width: 1020px; height: 765px; overflow: visible; z-index: 2; position: relative; }
#breadcrumb { position: absolute; left: 40px; top: 10px; font-size: 0.7em; font-weight: bold; }
#content_container { position: absolute; left: 200px; top: 300px; width: 820px; }
#content { background-image: url(images/back_main.png); background-repeat: repeat-y; padding: 0 150px 10px 150px; min-height: 440px; margin-top: 20px; font-size: 0.8em; }
#content p { width: 430px; line-height: 1.5em; }
#footer { background-image: url(images/back_foot.png); background-repeat: no-repeat; width: 820px; height: 37px; }

/* Menue links */
#nav_content { overflow: visible; position: absolute; left: 60px; top: 400px; font-size: 0.8em; z-index: 5; }
#nav_content_content { background-image: url(images/subnav_back.png); background-repeat: repeat-y; width: 165px; position: relative; left: 0; top: 0; padding: 10px 0 0 15px; margin: 0; }
#nav_content_content ul { position: relative; left: 0; top: 0; color: #fff; margin: 0; min-height: 156px; list-style: none; padding: 0; font-size: 1.1em; font-weight: bold; }
#nav_content_content ul li { padding: 0 0 3px 5px; margin: 7px 0 0 0; display: block; background-image: url(images/subnav_under.png); background-repeat: no-repeat; background-position: left bottom; }
#nav_content_content ul li a { color: #fff0cf; }
#nav_content_main { background-image: url(images/subnav_main.png); background-repeat: no-repeat; width: 165px; height: 176px; position: absolute; left: 0; top: 0; }
#nav_content_bottom { background-image: url(images/subnav_bottom.png); background-repeat: no-repeat; width: 165px; height: 10px; }

/* Info-Fenster (Schichtplan) */
#InformationBox { z-index: 10; position: absolute; width: 300px; background-image: url(images/white90.png); display: none; padding: 5px; border: 1px solid #542a0e; }
#InformationContent { font-size: 1em; clear: both; margin: 0 15px 15px 15px; }
#InformationContent h2 { margin: 5px 0; }
#InformationContent p { font-size: 0.8em; line-height: 1.6em; }
#InformationToolbar { border-bottom: 1px solid #ccc; padding-bottom: 2px; font-size: 0.7em; height: 20px; }
#InformationToolbar img { width: 16px; height: 16px; margin: 0 5px; vertical-align: middle; }
#BtnInfoClose { float: right; }
#InformationBackdrop { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9; background-color: rgba(0, 0, 0, 0.4); cursor: pointer; }
#Loading { width: 100%; margin: 100px 0; text-align: center; }

/* Schichtplan */
#Schichtplan { position: relative; }
#Schichtplan h2 { font-family: Verdana, Geneva, sans-serif; color: #000; margin-bottom: 30px; }
#Schichtplan h2 a { font-weight: bold; color: #9f2a23; }
#Schichtplan h2 a:hover { color: #542a0e; }
#schichtplanFrame { background: white; width: 100%; }
.favorite { cursor: pointer; }
.infoPikto { position: absolute; right: 5px; top: 2px; }

#DinnerStore { position: absolute; top: 0; right: 0; cursor: default; font-size: 0.7em; width: 140px; padding: 2px 5px; }
#DinnerStore:hover { background-color: #fff; outline: 1px solid #999; z-index: 10; }
#DinnerStore ul { display: none; margin: 0; padding: 0; }
#DinnerStore:hover ul { display: block; }
#DinnerStore ul li { list-style: none; padding-left: 15px; margin: 2px 0; cursor: pointer; }
#DinnerStore ul li.selected { font-weight: bold; }
#DinnerStore ul li:hover { color: #9f2a23; }

/* Bilder */
.wrappanel { margin-left: -60px; width: 670px; }
.wrappanel div { float: left; margin: 0 0 10px 10px; border: 1px solid #000; width: 100px; height: 100px; background-color: #fff; display: flex; justify-content: center; align-items: center; }
/* Hochformat ragte ueber das Kaestchen (img width=100): ganz hineinpassen */
.wrappanel img { display: block; width: auto; height: auto; max-width: 100px; max-height: 100px; }

/* Anmeldeformular */
fieldset br { clear: both; }
fieldset { padding: 15px 10px; border: 0; }
label { width: 140px; margin: 5px 0; float: left; }

/* Druck: nur der Inhalt der Seite, schwarz auf weiss */
@media print {
	body { background: none; margin: 0; color: #000; }
	.noPrint, #InformationBox, #footer { display: none; }
	#container, #main, #content_container { position: static; width: auto; height: auto; background: none; }
	#content { background: none; padding: 0; margin: 0; min-height: 0; }
	#content p { width: auto; }
}