@charset "utf-8";

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #f6e1de;
}

div#container {
	margin: 0px auto;
	width: 760px;
	min-height: 100%;
	position: relative;
	background: url(../images/kiosk/navibar.gif) top left repeat-y;
	z-index: 0;
}

div#navibar {
	float: left;
	position: relative;
	width: 230px;
	height: 100%;
	z-index: 1;
}

div#content {
	float: left;
	position: relative;
	width: 485px;
	min-height: 100%;
	height: 100%;
	padding-left: 45px;
	padding-bottom: 100px;
	background: url(../images/kiosk/bkgr.gif) top left repeat-y;
	z-index: 1;
}

#logo {
	position: relative;
	width: 230px;
	height: 239px;
	z-index: 2;
}

#navi {
	position: relative;
	width: 230px;
	z-index: 2;
}

div#footer {
	position: absolute;
	bottom: 0px;
	left: 410px;
	width: 360px;
	height: 43px;
	padding-top: 19px;
	padding-left: 30px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	word-spacing: 3px;
	color: #FFFFFF;	
	background: url(../images/kiosk/impressum.png) no-repeat;
	* background: url(../images/kiosk/impressum.gif) no-repeat!important; /* for non-PNG compatible Browsers */
	z-index: 10;
}

img {
	border: 0px;
}

h2 {
	margin: 0 0  20px 0;
	padding-left: 15px;
	font-family: "Times New Roman", Times, serif;
	font-size: 3.0em;
	font-weight: normal;
	font-style: italic;
	color: #cb686a;
}


/*-------------------------- NAVIGATION ------------------------------*/

.rollover:link, .rollover:visited {
	opacity: 1.0;
	filter: alpha(opacity=100); 
	-moz-opacity: 1.0;	
	
	-moz-outline: none;	
}

.rollover:hover {
	opacity: .50;
	filter: alpha(opacity=50); 
	-moz-opacity: 0.50;	
}

a.navi, a.navi:visited {
	padding: 7px;
	padding-left: 29px;
	width: 201px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	line-height: 14px;
	
	color: #FFFFFF;
	text-decoration: none;
	border-style: none;
	background: url(../images/kiosk/bar.png) no-repeat;
	* background: url(../images/kiosk/bar.gif) no-repeat!important; /* for non-PNG compatible Browsers */
	display: block;
	
	-moz-outline: none;	
}

a.navi:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: url(../images/kiosk/activebar.png) no-repeat;
	* background: url(../images/kiosk/activebar.gif) no-repeat!important; /* for non-PNG compatible Browsers */
	border-left: #f6e1de solid 5px;
}



/*-------------------------- IMPRESSUM ------------------------------*/

a.imp, a.imp:visited {
	color: #FFFFFF;
	text-decoration: none;
	
	-moz-outline: none;	
}

a.imp:hover {
	text-decoration: none;
	border-top: #FFFFFF solid 2px;
}

a.impselected {
	color: #FFFFFF;
	text-decoration: none;
	border-top: #FFFFFF solid 2px;
}


/*--------------------------- TABLE --------------------------------*/

#content table {
	margin-left: 15px;
	border: 0px;
	width: 410px;
	text-align: left;
}

tr.mark {
	background-color: #f6e1de;
}

td.nummer {
	width: 20px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #666666;
}

td.bezeichnung {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.0em;
	font-weight: bold;
	font-style: italic;
	color: #cb686a;
}

td.preis {
	width: 40px;
	text-align: right;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	font-style: italic;
	color: #333333;
}

tr.inhalt {
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

tr.upper {
	text-align: right;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #cb686a;
}

a.note {
	text-decoration: none;
	cursor: pointer;
	color: #993300;
	
	-moz-outline: none;	
}



/*---------------------------------- TELEFON ------------------------------*/

div#telefon {
	position: fixed;
	top: 520px;
	padding: 10px;
	padding-left: 0px;
	width: 200px;
	text-align: center;
	z-index: 10;
}

span.tel {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.85em;
	font-style: italic;
	color: #cb686a;
}

span.num {
	font-family: Georgia, "Times New Roman", Times, serif;	font-size: 1.75em;
font-weight: bold;
	color: #cb686a;
}

a.services:link, a.services:visited {
font-family: "Times New Roman", Times, serif;
	font-size: 0.85em;
	font-style: italic;
	color: #cb686a;
	text-align: right;
	text-decoration: none;
	cursor: pointer;
	
	-moz-outline: none;	
}

a.services:hover {
	text-align: right;
	text-decoration: underline;
}
