@charset "utf-8";

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

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

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

#content {
	float: left;
	position: relative;
	width: 485px;
	min-height: 100% !important;
	height: 100%;
	padding-left: 45px;
	background: url(../images/note/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/note/impressum.png) no-repeat;
	* background: url(../images/note/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: #d19981;
	z-index: 5;
}


/*-------------------------- 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/note/bar.png) no-repeat;
	* background: url(../images/note/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/note/activebar.png) no-repeat;
	* background: url(../images/note/activebar.gif) no-repeat!important; /* for non-PNG compatible Browsers */
	border-left: #f4e7dd 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;
	text-align: left;
}

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

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: 0.95em;
	font-weight: bold;
	color: #D19981;
	vertical-align: top;
}

td.preis {
	width: 200px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	color: #333333;
}

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


/*----------------------------------------------------------*/
h4 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #333333;
	padding-left: 55px;
}

p.imp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.4em;
	color: #333333;
	
	padding-left: 55px;
	width: 350px;
}

span.stern {
	color: #76b6d8;
}