@charset "UTF-8";
/* CSS Document */

@import url(speiseplan.css);
@import url(druck.css);

.emailhidden{display:none;}
html, body {
	background:#eee;
	margin: 0;
	padding: 0;
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	width: 100%;
	height: 100%;
	}
	
input, textarea {font-family:Arial, Verdana, Geneva, sans-serif; font-size: 11px;}
	
a {outline: none !important;}
a img {
	border: none !important;
	background: none !important;}

.clear {clear: both; margin: 0; padding: 0; height: 1px; line-height: 0px;}
	
#nonFooter {
	min-height: 100%;
	position: relative;
	background: url(gfx/bg_repeat_top.png) 0 0 repeat-x;
	width: 100%;
	margin: 0;
	display:block;
	}
	
#footer {
	background: #888 url(gfx/bg_repeat_footer.png) 0 0 repeat-x;
	height: 240px;
	margin: -240px 0 0 0;
	display: block;
	position: relative;
	z-index: 190;
	width: 100%;}
	
#header {
		width: 940px;
		display:block;
		height: 120px;
		margin: 0 auto;
		position:relative;
		}
		
a.LogoMaterni {
	position:absolute;
	top:0px;
	left: -80px;
	text-decoration:none;
	margin: 0;
	}
	
img.slogan {
		position:absolute;
		right: 0px;
		top: 48px;
		display:block;}

#navigation {
	width: 940px;
	display:block;
	height: 56px;
	background:url(gfx/navBG.jpg) 0 0 no-repeat;
	margin: 0 auto;}
	
#navigation ul {
		margin: 0;
		padding: 0;
		list-style: none;
		position: relative;
		}

#navigation ul li {
		display:block;
		float:left;
		margin: 0;
		padding: 0;}
		
#navigation ul.lavaLamp li.back {
            background: url(gfx/jumper.png) top center no-repeat;
            height: 56px;
            z-index: 8;
            position: absolute;
        }
        
*:first-child+html #navigation ul.lavaLamp li.back {margin: 0;}
		
#navigation ul li a {
	position:relative;
	z-index: 10;}
	
#footerContainer {
		width: 960px;
		margin: 0 auto;}
		
#footerContainer .drittel {
		margin: 25px 0 10px 0;
		display:block;
		height: 160px;
		width: 280px;
		padding: 0 20px 0 20px;
		border-right: 1px solid #aaa;
		float:left;}
		
#footerContainer .last{
	border: none !important;
	padding: 0 0 0 20px;
	position: relative;
		}

#footerContainer .drittel h2{
		color: #fff;
		margin: 0;
		padding: 0;
		text-transform:uppercase;
		font-size: 13px;
		font-weight: normal;}
		
#footerContainer .drittel p {
		padding: 0;
		text-align:justify;
		margin: 10px 0 0 0;
		color: #fff;}
		
#footerContainer .drittel a {text-decoration: none;color: #fff;}
#footerContainer .drittel a:hover { color: #731b20;}
		
#footerContainer .full {
		clear: left;
		color: #fff;
		border-top: 5px solid #aaa;
		width: 920px;
		margin: 0 20px;}
		
#footerContainer .full p.links {
		float: left;
		width: 500px;
		margin: 0;
		padding: 5px 0 0 0;}
		
#footerContainer .full p.links a {color: #fff; text-decoration: none;}
#footerContainer .full p.links a:hover {color: #731b20;}
#CiSwebLOGIN {margin-left: -20px; text-decoration:none; color: #fff !important; padding: 0 0 0 10px; background: url(login.gif) left center no-repeat;}
		
#footerContainer .full p.copy {
		float: right;
		text-transform:uppercase;
		width: 300px;
		text-align:right;
		margin: 0;
		padding: 5px 0 0 0;}


#container a {
		color: #731b20;
		text-decoration: none;}
		
#container h1 {
		margin: 20px 20px 10px 20px;
		padding: 0;
		display:block;
		}
		
#container h1 span {display: none;}


#container h1.head {
		margin: 3px 0 15px 0;
		padding: 0;
		font-size: 14px;
		font-weight:normal;
		color: #731b20;}

#container h2 {
		margin: 10px 0 15px 0;
		padding: 0;
		font-weight:normal;
		font-size: 14px;
		color: #731b20;
		display:block;
		}
		
#container h3 {
		margin: 0;
		padding: 0;
		font-weight:normal;
		font-size: 12px;
		color: #333;
		display:block;
		}
		
#container p {
	margin: 0;
	padding: 5px 0;}
	
#gmap {
		margin: 20px 0 0 0}
		
		
.formular label {
		width: 120px; display:block;
		float:left;
		clear:left;}
		
.formular input, .formular textarea {
		float:left;
		width: 300px;
		display:block;
		margin: 0 0 10px 0;
		border: 1px solid #aaa;}
		
.formular textarea {height: 200px;}		
		
.formular input.small {
		width: 50px; margin: 0 10px 10px 0;}
		
.formular input.small_r {
	width: 238px;}
	
.formular input#Email {width: 1px; height: 1px; padding: 0; border: none; position: absolute; background: #fff !important;}
		
.formular input.cbox {
		width: auto; border: none; margin: 0 10px 10px 0;}
		
.formular span {
		display:block;
		float: left;
		padding: 0 20px 0 0;}
		
.formular input.btn {
		margin: 10px -110px 10px 120px;
		width: 302px;
		padding: 2px 0;}
		
.formular input.btn:hover {
		background: #731b20;
		color: #fff;}

.formular h3 {
		margin: 20px 0!important;
		font-weight: bold !important;
		display:block;
		clear:both;
		}
		
.formular .wahl {
		float:left;
		width: 335px;}
		
		
/*SpeisePlan*/

.speiseplan {
	margin: 10px 0;
	padding: 0;
	width: 100%;
	border-collapse:collapse;
	text-align:left;
	vertical-align: text-top;
}

a.PDFDownLoad_Speiseplan {
	float:right;
	font-size: 11px;
	color: #333 !important;
	padding: 0 20px 0 0;
	background: url(gfx/pdf.gif) top right no-repeat;}
	
a.pdflink {
	font-size: 11px;
	line-height: 16px;
	color: #333 !important;
	padding: 0 0 0 20px;
	min-height: 16px; display: inline-block;
	background: url(gfx/pdf.gif) top left no-repeat;}

.speiseplan thead tr td {
	background: #eee;}
	
.speiseplan thead tr td.m1 {background: #ede19d;}
.speiseplan thead tr td.m2 {background: #e4a0a4;}
.speiseplan thead tr td.m3 {background: #c0e4a0;}
.speiseplan thead tr td.m4 {background: #a0dbe4;}

.speiseplan thead tr td {
	text-transform:uppercase;
	font-weight: bold;}

.speiseplan tbody tr td:first-child {
		background: #f8f8f8;}

.speiseplan tr td {border: 1px solid #aaa; padding: 5px;}

.speiseplan tr td.tag {
	width: 85px;}
	
/*SPEISEPLAN LINK*/

#speiseplanLink {
	margin: -14px -20px -15px -20px !important;}
	
#speiseplanLink a {
	height: 202px;
	display: block;
	overflow: hidden;
	}
	
#speiseplanLink a:hover img {
	margin: -202px 0 0 0;}
	
#speiseplanbox {position: relative; background: url(speiseplan_bg.jpg) 0 0 no-repeat; width: 620px; height: 198px; margin: -9px -20px -10px -20px !important;}
a#spBIO {width: 263px; height: 50px; display: block; overflow: hidden; position: absolute; right: 20px; bottom: 73px;}
a#spCRTD {width: 286px; height: 50px; display: block; overflow: hidden; position: absolute; right: 20px; bottom: 20px;}
a#spBIO:hover img, a#spCRTD:hover img{margin-top: -50px !important;} 

	
/*LOGIN*/

#LoginBG {position: fixed; z-index: 10000; top: 0; left: 0; width: 100%; height: 100%; background: #000; display: none;}
#loginBox {position: fixed; z-index: 10001; top: 50%; left: 50%; width: 360px; height: 170px; padding: 20px; margin: -105px 0 0 -200px; background: #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: none;}

* html #LoginBG {position: absolute;}
* html #loginBox {position: absolute;}
* html #gbook_entry {position: absolute;}
*:first-child+html #loginBox input{margin-left: 200px !important;}
* html #loginBox input{margin-left: 200px !important;}
#loginBox input {border: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #fff; padding: 7px; width: 350px; margin: 0 0 10px 0;}
#loginBox input.error {border: 3px solid #f00; padding: 4px;}
#loginBox input:focus {border: 3px solid #ccc; padding: 4px;}
#loginBox input.loginButton, #gbook_entry .btn, #gbook_answer .btn {margin: 0 3px 0 0; width: 150px; height: 25px; display: block; overflow: hidden; padding: 0 !important; border: 1px solid #bbb !important; outline: none !important; background: #ccc; color: #fff; float: left; -moz-border-radius: 5px;-webkit-border-radius: 5px;}
#loginBox input.loginButton:hover, #gbook_entry .btn:hover, #gbook_answer .btn:hover {background-position: 0 -25px;}
#closeLogin, #closeGB {outline: none !important; position: absolute; width: 22px; height: 22px; display: block; background: url(closeLogin.png) 0 0 no-repeat; top: -5px; right: -5px;}
#closeLogin:hover, #closeGB:hover {background-position: 0 -22px;}

.ito_info {text-align: right; display: block; position: absolute; bottom: 2px; right: 0;}

/*Gästebuch*/

#gbook_entry, #gbook_answer{position: fixed; z-index: 10001; top: 50%; left: 50%; width: 460px; height: 320px; padding: 20px; margin: -180px 0 0 -250px; background: #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: none;}
#gbook_entry h1, #gbook_answer h1 {font-size: 16px; font-weight: normal;}
#gbook_entry label, #gbook_answer label {font-size: 12px; display: block; width: 440px; padding: 10px; margin: 0 0 5px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ddd; vertical-align: text-top;}
#gbook_entry label span, #gbook_answer label span {display: block; float:left;  width: 100px; height: 100%;}
#gbook_entry label input, #gbook_entry label textarea, #gbook_answer label textarea {border: none; background: #fff; width: 329px; padding: 5px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0;}
#gbook_entry label textarea, #gbook_answer  label textarea {height: 80px;}

/*Gästebuch Einträge*/

#showGBentry {display: block; position: absolute; right: 10px; top: 0; width: auto; height: 30px; overflow: hidden; background: url(addGB.gif) top right no-repeat; z-index: 12; padding: 0 30px 0 0; color: #fff !important; font-size: 11px; line-height: 30px;}
#showGBentry:hover {background-position: right -30px; }
#showGBentry:hover span {display: block !important;}

#gb .eintrag h1{padding: 0; margin: 0 0 10px 0; color: #731b20; font-size: 13px; }
#gb .eintrag h2{padding: 0; margin: 0 0 10px 0; color: #ccc; font-size: 11px; }

#gb .eintrag {padding: 0 0 10px 0; border-bottom: 1px dotted #ccc; margin: 0 0 10px 0;}
#gb .eintrag .funktionen a{margin: 0 0 0 2px; width: 16px; height: 16px; display: block; overflow: hidden; float:left;}
#gb .eintrag .funktionen a span {display: none;}

#gb .eintrag a.gbdel{background: url(gb_del.gif) 0 0 no-repeat}
#gb .eintrag a.gbfrei{background: url(gb_frei.gif) 0 0 no-repeat}
#gb .eintrag a.gbant{background: url(gb_ant.gif) 0 0 no-repeat}

#gb .eintrag .funktionen a:hover {background-position: 0 -16px;}

.commentar {font-style: italic;}


/*REFERENZEN*/

.referenz {margin: 0 0 10px 0; position: relative; padding: 0 0 10px 0; border-bottom: 1px dotted #ccc;}
.referenz .date {position: absolute; right: 10px; top: 10px; color: #fff; font-size: 10px; display: block;}
.referenz img.Referenzen_thumb {width: 160px; border: 5px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; float: right; margin: 0 0 5px 10px;}
.referenz .ref_text {float: left; width: 400px;}
.referenz .ref_text h1 {color: #5d1217; font-size: 13px; margin: 0 0 10px 0 !important; padding: 0 !important;}
.referenz .ref_text h2 {color: #666 !important; font-size: 12px !important; margin: 0 0 10px 0 !important; padding: 0 !important;}
.referenz .ref_text ul {margin: 0 0 0 20px; padding: 0;}

a.dot {background: url(splink_icon.gif) left center no-repeat; padding: 0 0 0 12px;}
a.dot:hover {color: #9D2622 !important;}
#splan {margin: 2px -10px;}