div {
	/*
	border: 1px red dotted;
	*/
}

* {
	font-family:Verdana, Tahoma, Arial, sans-serif;
	margin:0;
	padding:0;
}

body {
	background-color:#fffefb;
	background-image:url("../images/textur-rupfen-01.jpg");
}

* html body {
	text-align:center;
}

#page {
	position:absolute; 
	width:950px;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:0 auto;
	color:#000;
	height:100%;
}

* html #page {
	position:relative;
}

#page table {
/*
	width:950px;
	height:100%;
	*/
}

#page table tr td {
	background-color:#fffefb;
	vertical-align:top;
}

#top {
	width:950px;
	height:124px;
	background-image:url("../images/top-03.jpg");
	background-repeat:no-repeat;
}

#logo {
	display: block;
	position: absolute;
	top:11px;
	padding-left:55px;
}

* html #logo {
	left:55px;
}

#banner {
	display:block;
	position:absolute;
	margin-left:-50em;
}

#menu {
	position:absolute;
	width:100%;
	text-align:center;
	top:75px;
	font-size:0.84em;
	letter-spacing:0.075em;
}

#menu a {
	font-size:1em;
	letter-spacing:0.075em;
	color:#5c5d5c;
}

#menu a:link {
	text-decoration:none;
}

#menu a:visited {
	text-decoration:none;
}

#menu a:active {
	text-decoration:none;
}

#menu a:hover {
	text-decoration:underline;
}

#menu span.tab {
	padding-right: 1.25em;
}

#menu span.tab-selected {
	padding-right: 1.25em;
	color:#ad0018;
}

#menu span.tab-separator {
	padding-right:1.25em;
}

#menu span.tab-pre-separator {
	padding-left:2.5em;
}

#menu span.tab-post-separator {
}

#top-left {
	width:208px;
	height:84px;
	background:url("../images/textur-60-02.jpg");
	background-repeat:repeat-y;
}

#top-left img {
	display:block;
	position:absolute;
	top:124px;
}

#top-center {
	width:390px;
	height:100%;
	background:url("../images/content-top-03.jpg");
	background-repeat:no-repeat;
	padding: 30px 75px;
	vertical-align:top;
}

#top-right {
	width:202px;
	height:84px;
	background-image:url("../images/schatten-rechts.gif");
	background-repeat:repeat-y;
}

#top-right img {
	display:block;
	position:absolute;
	top:124px;
}

#body {
	/* position:relative; 
	margin:0;
	top:0;
	bottom:0;
	height:100%;
	*/
}

#body h1, #body h2, #body h3, #body h4, #body h5, #body h6  {
	font-weight:400;
	margin-bottom:0.8em;
}

#body h1 {
	color:#848584;
	font-size:1.1em;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	margin-top:38px;
}

#body h1:first-child {
	margin-top:0;
}

#body h2 {
	font-family: "Trebuchet MS", "Tahoma", Verdana, sans-serif;
	color: #03c128;
	font-size:1.05em;
	letter-spacing:0.05em;
}

#body h3 {
	font-size:0.65em;
	color:#000;
	line-height:120%;
}

#body h3.costs {
	margin-top:-0.9em;
}

#body h4 {
	font-family: "Trebuchet MS", "Tahoma", Verdana, sans-serif;
	margin-top:-1em;
	font-size:0.9em;
	color:#545554;
	line-height:120%;
}

#body p {
	letter-spacing:0.01em;
	margin-bottom: 1.1em;
	line-height:1.325em;
	font-size:0.7em;
}

#body a {
	font-size:1em;
	letter-spacing:0.01em;
	margin-bottom: 1.1em;
	color: #2ca050;
	line-height:1.325em;
	text-decoration:underline;
}

.spacer-dotted {
	border-bottom:1px dotted black;
	margin-top:5px;
	margin-bottom:20px;
	height:15px;
	background:url("../images/snail-mini.gif") 95% 100% no-repeat;
}

.spacer-gingko {
	border-bottom:1px dotted black;
	margin-top:5px;
	margin-bottom:22px;
	height:17px;
	background:url("../images/gingko-mini-cut.jpg") 95% 100% no-repeat;
}

.ingredients {
	line-height:110%;
	font-size:0.7em;
	/*width:390px;*/
	padding:0;
	margin-top:5px;
	margin-bottom:20px;
	font-style:italic;
}

#left {
	vertical-align:top;
	width:208px;
	height:100%;
	background-image:url("../images/textur-60-02.jpg");
	background-repeat:repeat-y;
}

#left ul {
	display:block;
	position:absolute;
	top:202px;
	list-style:none;
}

#left ul li {
	padding-left:35px;
}

#left ul li a {
	line-height:2em;
	font-size:0.84em;
	color:#2ca050;
	letter-spacing:0.025em;
}

#left ul li a:link {
	text-decoration:none;
}

#left ul li a:visited {
	text-decoration:none;
}

#left ul li a:active {
	text-decoration:none;
}

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

#right {
	vertical-align:top;
	width:202px;
	height:100%;
	background-image:url("../images/schatten-rechts.gif");
	background-repeat:repeat-y;	
}

#context-img {
	position:absolute;
	height: 300px;
	border-left:1px solid #2ca050;
	top: 200px;
	width: 160px;
	text-align: center;
	padding-left:21px;
	padding-right:21px;
	padding-top:44px;
	height: 256px;
}

#context-img {
	position:relative;
	height: 300px;
	border-left:1px solid #2ca050;
	top: 0px;
	width: 158px;
	text-align: center;
	padding-left:21px;
	padding-right:21px;
	padding-top:44px;
	margin-bottom:44px;
	height: 256px;
}

@media all {
	@import url(dummy.css);
	#context-img {
		position:absolute;
		top:88px;
		margin-top:88px;
		margin-bottom:auto;
	}
}

* html #context-img {
	height: 300px;
}

#helper {
	padding:0;
	margin:0;
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	height:100%;
	background-color:#fffefb;
}

input, textarea  {
	width:250px;
}

.form, input {
	font-size:0.85em;
}