/*
	filename:	/css/screen-skin.css
	version:	1.0 - 2008-03-15 -
	author:		-quale- at web dot de
	validated by W3C CSS Validator // jigsaw.w3.org
*/

html {
	font-size: 100%;
}

html > body {
	font-size: 16px;
}

th, td, li li, li p, td p, q p {
	font-size: 1em;
}

table td * {
	font-size: 1em;
}

* {
	padding: 0;
	margin: 0;
}

body {
	font-family: Verdana, Geneva, sans-serif;
	background: #fff url(/img/bg_outside.gif);
}

#mausinfo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
	background: white;
	width: 100px;
	height: 100px;
}

#stage {
	position: relative;
	width: 950px;
	max-width: none;
	margin: 0pt auto;
	margin-top: 70px;
	background: #660000;
}

/* --- Logo, Teaser Musikkalender, Klassiker, Frühstück --- */

#layerHeader {
	position: relative;
	width: 950px;
	height: 100px;
	background: #fff url(/img/bg_header.gif);
}

#logo {
	margin-left: 20px;
	float: left;
}

#musikkalender {
	margin-left: 72px;
	float: left;
	visibility: hidden;
	display: none;
}

#klassiker {
	/* margin-left: 238px;
	float: left; */
	margin-right: 30px;
	float: right;
}

#teaserFruehstueck {
	color: #fff;
	float: right;
}

#teaserFruehstueck {
	margin-right: 20px;
	margin-top: 11px;
	float: right;
}

#teaserFruehstueck h2 {
	font-size: 1em;
	margin-bottom: 2px;
}

#teaserFruehstueck p.mittel  {
	font-size: 0.6875em;
	margin-bottom: 4px;
}

#teaserFruehstueck p.normal  {
	font-size: 0.75em;
	font-weight: bold;
	margin-bottom: 4px;
}

#teaserFruehstueck p.klein  {
	font-size: 0.625em;
}

.teaserAngebot {
	position: absolute;
	top: 13px;
	left: 234px;
	width: 473px;
	padding: 6px 10px 5px 10px;
	color: #fff;
	background: #660000;
	border: 2px solid #996666;
}

.teaserAngebot h3 {
	font-size: 1em;
	color: red;
}

.teaserAngebot p {
	font-size: 0.8125em;
}

.teaserAngebot p  a {
	color: #FFCCCC;
	text-decoration: underline;
}

.teaserAngebot .hinweis {
	font-size: 4em;
	line-height: 45px;
	color: #FFCCCC;
	width: 30px;
	float: left;
}

.teaserBetriebsferien {
	position: absolute;
	top: 7px;
	left: 234px;
	width: 473px;
	min-height: 53px;
	padding: 12px 10px 16px;
	color: #fff;
	background: #660000;
	border: 2px solid #996666;
}

.teaserBetriebsferien h3 {
	font-size: 1.5em;
	color: red;
}

.teaserBetriebsferien p {
	font-size: 0.9375em;

}

.teaserBetriebsferien p  a {
	color: #FFCCCC;
	text-decoration: underline;
}

.teaserBetriebsferien .hinweis {
	font-size: 5em;
	line-height: 49px;
	color: #FFCCCC;
	width: 38px;
	float: left;
}

#angebot1 {
	display: block;
}

#angebot2 {
	display: none;
}

#angebot3 {
	display: none;
}

#angebot4 {
	display: none;
}

/* --- Hauptnavigation --- */

#layerMainnav {
	width: 950px;
	font-size: 0.75em;
	line-height: 20px;
	height: 20px;
}

#layerMainnav ul {
	position: relative;
	margin: 0 auto;
	width: 750px;
}

#layerMainnav li {
	list-style: none;
	color: #fff;
	float: left;
}

#layerMainnav li a {
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
}

#layerMainnav li a:hover {
	text-decoration: underline;
}

/* --- Inhaltsbereich --- */

#layerContent {
	width: 950px;
	height: 460px;
	background: #996666;
}

#layerContent #layerLeftNav {
	font-size: 0.75em;
	height: 460px;
	width: 225px;
	background: #996666 url(/img/background_links.gif) no-repeat;
	float: left;
}

#layerContent #layerLeftNav ul {
	margin-top: 55px;
	margin-left: 40px;
}

#layerContent #layerLeftNav li {
	font-weight: bold;
	list-style: none;
	margin-bottom: 5px;
}

#layerContent #layerLeftNav a {
	text-decoration: none;
	color: #fff;
}

#layerContent #layerLeftNav a.active,
#layerContent #layerLeftNav a:hover {
	color: #FFCCCC;
}

#layerContent #layerLeftNav ul ul {
	margin-top: 4px;
	margin-left: 10px;
}

#layerContent #layerLeftNav li li {
	font-weight: normal;
	background: transparent url(/img/bull-mainnav.gif) no-repeat 0 3px;
	padding-left: 8px;
	margin-bottom: 2px;
}

/* --- Inhalt --- */

#layerContent #content {
	height: 460px;
	width: 500px;
	background: #FFCCCC;
	overflow: auto;
	float: left;
}

#layerContent #content #layerPadding {
    padding: 10px 10px 15px;
}


#layerContent #content h1 {
    font-size: 1em;
    margin-bottom: 15px;
}

#layerContent #content h1 span.floatRight {
    font-size: 1em;
    margin: 0px;
}

#layerContent #content h2 {
	font-size: 0.875em;
	margin-bottom: 5px;
}

#layerContent #content h3 {
	font-size: 0.75em;
}

#layerContent #content p {
	font-size: 0.75em;
	margin-bottom: 15px;
}

#layerContent #content p.zusatz {
	font-size: 0.6875em;
	font-style: italic;
	margin-bottom: 15px;
}

#layerContent #content ul {
	margin-left: 17px;
	margin-bottom: 15px;
}

#layerContent #content li {
	font-size: 0.75em;
}

#layerContent #content ul.speisenOverview {
	margin-top: 0px;
	margin-left: 40px;
}

#layerContent #content ul.jobliste li {
    margin-bottom: 15px;
}

#layerContent #content ul.speisenOverview li {
    margin-bottom: 5px;
}

#layerContent #content table {
	font-size: 0.75em;
}

#layerContent #content table td h2 {
	font-size: 1em;
	margin-bottom: 0px;
}

#layerContent #content table tr td {
	padding-bottom: 4px;
	vertical-align: top;
}

#layerContent #content table tr.headline td {
	background: #EFB3B3;
	padding-left: 4px;
	padding-top: 4px;
}

#layerContent #content table tr td.produkt {
	width: 290px;
	padding-right: 15px;
}

#layerContent #content table tr td.produktSpeise {
	width: 370px;
	padding-right: 15px;
}

#layerContent #content table tr td.preis {
	text-align: right;
}

#layerContent #content table tr.leer td {
	font-size: 0.3125em !important;
	line-height: 0.3125em !important;
}

#layerContent #content table tr td sup {
	font-size: 0.7em !important;
	line-height: 0.7em !important;
	vertical-align: 4px;
}

#layerContent #content address {
	font-size: 0.75em;
	font-style: normal;
	margin-bottom: 15px;
}

#layerContent #content a {
	text-decoration: underline;
	color: #660000;
}

#layerContent #content a:hover {
	text-decoration: none;
	color: #660000;
}


#layerContent #content ul.linklist {
	margin-left: 0;
}

#layerContent #content ul.linklist li {
	padding-bottom: 15px;
	list-style: none;
}

#layerContent #content ul.linklist span {
	font-weight: bold;
	width: 210px;
	float: left;
}

/* --- Box auf der Startseite --- */

.boxLayerHome {
	width: 330px;
	float: left;
	display: inline;
}

.rightLayerHome {
	width: 122px;
	margin-left: 10px;
	float: left;
	display: inline;
}

.wetterbox {
	border: 1px solid #600;
	margin-bottom: 5px;
}

.wetterbox h2 {
	font-size: 0.625em !important;
	font-weight: normal;
	border-bottom: 1px solid #600;
	padding: 5px;
	margin-bottom: 0px !important;

}

.wetterbox p {
	font-size: 0.625em !important;
	border-top: 1px solid #600;
	padding: 5px;
	margin-bottom: 0px !important;
}

.rightBox {
	border: 1px solid #600;
	margin-bottom: 5px;
	background: #EFB3B3;
}

.box {
	width: 160px;
	border: 1px solid #660000;
	background: #EFB3B3;
	margin-bottom: 5px;
	margin-right: 5px;
	float: left;
}

.lastElement {
	margin-right: 0px;
}

.box .bodie {
	padding: 5px;
}

.doppelBox {
	width: 327px;
	margin-right: 0px;
}

.box h2 {
	font-size: 0.75em !important;
	color: #fff;
	background: #996666;
	padding: 5px;
	margin-bottom: 0px !important;
}

.box p {
	font-size: 0.6875em !important;
	margin-bottom: 0px !important;
}

.box ul {
	margin-left: 0px !important;
	margin-bottom: 0px !important;
}

.box li {
	font-size: 0.6875em !important;
	margin-left: 0px !important;
}

.box .floatRight {
	margin-left: 5px !important;
}

/* --- Tischreservierung --- */

#tischreservierung {

}

.tischinfoLayer {
	float: none !important;
}

.tischinfoLayer h2 {
	background: #996666 url(/img/icon-info.gif) no-repeat 139px 3px;
}

#layerContent #layerRight {
	height: 460px;
	width: 225px;
	background: transparent url(/img/background_rechts.jpg) no-repeat;
	float: left;
}

/* --- MessagePopupContainer --- */

.msgContainer {
	position: fixed;
	top: 225px;
	z-index: 1000;
}

.msgContent {
	position: relative;
	width: 450px;
	border: 1px solid #660000;
	background-color: rgba(255, 255, 255, 1);
	padding: 15px 15px 5px 15px;
	margin: 0 auto;
	-webkit-box-shadow: 15px 15px 25px -9px rgba(0, 0, 0, 1);
	-moz-box-shadow: 15px 15px 25px -9px rgba(0, 0, 0, 1);
	box-shadow: 15px 15px 25px -9px rgba(0, 0, 0, 1);
	display: none;
}

.btnCloseMsg {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 30px;
	height: 30px;
	background: none;
	background: #F7B5B5;
	border: 1px solid #660000;
	display: block;
	cursor: pointer;
}


/* --- Let-Me-Drive --- */
#layerContent #layerRightLMD {
	position: relative;
	height: 460px;
	width: 225px;
	background: transparent url(/img/bg_re_letmedrive.jpg) no-repeat;
	float: left;
}

.animContainer {
	position: absolute;
	left: 7px;
	bottom: 254px;
}

#layerContent #layerRightLMD .textLayer {
	padding: 19px;
}

#layerContent #layerRightLMD p {
	font-size: 0.75em;
	line-height: 14px;
	margin-bottom: 8px;
}

#layerContent #layerRightLMD a {
    color: #660000;
    text-decoration: underline;
}

#layerContent #layerRightLMD a:hover {
    text-decoration: none;
}

.animLayer {
	position: absolute;
	top: 0;
	left: 0;
	width: 211px;
	height: 247px;
}

.lmdFirst {
	background: transparent url(/img/bg_lmd_1.jpg) no-repeat 0 0;
}

#anim1 {
	display: block;
}

#anim2 {
	display: none;
}

#anim3 {
	display: none;
}

#anim4 {
	display: none;
}




p.lmdText {
	font-family: 'UbuntuRegular', Verdana, Geneva, sans-serif;
	padding-top: 172px;
	padding-left: 18px;
}

span.lmdTextMedium {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 16px;
}

span.lmdTextBig {
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 20px;
}

.lmdTextGreen {
	color: #008e22;
}



/* --- Fuss --- */

#layerFooter {
	height: 20px;
}

#footerContent {
	margin-left: 235px;
	margin-top: 3px;
}

#footerContent img {
	margin-right: 5px;
	float: left;
}

#footerContent p {
	font-size: 0.75em;
}

#footerContent p a {
	text-decoration: none;
	line-height: 18px;
	color: #996666;
	background: transparent url(/img/flagge_gb_inaktiv.gif) no-repeat 0 0;
	padding-left: 34px;
	display: block;
}

#footerContent p a.active,
#footerContent p a:hover {
	color: #fff;
	background: transparent url(/img/flagge_gb.gif) no-repeat 0 0;
}

/* Gästebuch */
#nav          { margin-bottom:2em; }
p.author      { margin-top:0; margin-bottom:0.4em; padding-bottom:0.2em; border-bottom:1px solid #000; max-width:50em; }
p.entry       { margin-top:0; padding-top:0; margin-bottom:2em; }
p.entry img   { display: inline; }
p.comment     { font-style:italic; margin-top:-1.7em; padding:0 0 0 2em; margin-bottom:2em; max-width:50em; color:#606060; }
p.admin       { margin-top:-1.7em; text-align:right; max-width:50em;}
p.admin span  { font-size:0.82em; }
.caution      { font-weight:bold; color:red; }
.small        { font-size:0.69em; line-height:1.19em; }
p .small      { font-size:0.82em; }
h2.preview-hl { font-size:0.82em; line-height:1.45em; font-weight:bold; color:red; margin-bottom:0; }
input.button  { width:55px;  font-size: 11px; font-weight:normal; margin: 0px 0px 5px 0px; }
#preview      { border:1px dotted red; max-width:41em; padding:10px 10px 0 10px; }
#footer       { margin-top:3em; font-size:0.69em; line-height:1.19em; color:#808080; }
#footer a     { color:#808080; }


/* --- Formular --- */

table td textarea {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em !important;
}

textarea {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em !important;
}

/* ---- misc ---- */

.smallText {
	font-size: 11px;
}

a.extlink {
	background: transparent url(/img/externerlink.gif) no-repeat 0 3px;
	padding-left: 10px;
}

a.intlink {
	background: transparent url(/img/internerlink.gif) no-repeat 0 3px;
	padding-left: 10px;
}

a.nonVisLink {
	text-decoration: none !important;
	color: #000 !important;
}

.line600 {
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	border-bottom: 1px solid #600;
	padding-top: 0px;
	margin-bottom: 10px;
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	height:0;
	clear: both;
	visibility: hidden;
}

/* winIE7 */
.clearfix { display:inline-block; } /* valid in css2.1: http://www.w3.org/TR/CSS21/visuren.html */

/* winIE6 */
* html .clearfix { height: 1%; }

/* safari, winIE, stripped macIE hide */
.clearfix { display: block; }

.clearAll {
	font-size: 0px !important;
	line-height: 0px !important;
	height: 0px !important;
	clear: both;
}

img {
	border: none;
	display: block;
}

.floatLeft {
	margin-top: 9px;
	margin-right: 15px;
	margin-bottom: 7px;
	float: left;
}

sup {
	vertical-align: 3px;
}

.floatRight {
	margin-top: 2px;
	margin-left: 15px;
	margin-bottom: 7px;
	float: right;
}

.fullSize {
	margin-bottom: 15px;
}

.margBot5 {
    margin-bottom: 5px !important;
}

.spantd {
	width: 300px;
	margin-right: 20px;
	float: left;
	display: block;
}

#containerPrint {
	display: none;
}