@charset "utf-8";

body {
	margin: 0px;
	background-color: #f4e7dd;
}

div#container {
	margin: 0px auto;
	padding: 0px;
	width: 760px;
	min-height: 900px;
	height: auto;
	position: relative;
	z-index: 0;
}

div#navibar {
	float: left;
	position: relative;
	width: 230px;
	min-height: 900px;
	height: 900px;
	background: url(../images/note/navibar.gif) top left repeat-y;
	visibility: visible;
	z-index: 1;
}

div#content {
	position: absolute;
	top: 0px;
	left: 231px;
	width: 530px;
	min-height: 900px;
	height: 900px;
	background: url(../images/note/bkgr.gif) top left repeat-y;
	visibility: visible;
	z-index: 1;
}

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

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

div#footer {
/*	clear: both;*/
	position: absolute;
	bottom: 0px;
	left: 410px;
	width: 360px;
	height: 43px;
	padding-top: 19px;
	padding-left: 30px;
	/* padding-left: 22px!important; /* for IE */	

	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 {
	padding-top: 122px; /* For Opera & Firefox */
	* padding-top: 162px!important; /* For IE */
	padding-left: 60px;
	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 --------------------------------*/

#container #content table {
	margin-left: 80px;
	margin-top: 0px;
	* margin-top: 4px!important; /* for IE */
	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;
}


/*----------------------------------------------------------*/
h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #333333;
	padding-left: 100px;
	margin-top: -18px;
	*	margin-top: 24px!important; /* for IE */
}

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

span.stern {
	color: #76b6d8;
}