﻿html, body 
{
    height:100%;
    width:100%;
    color:#FFFFFF;
    font-family:Helvetica, Arial, sans-serif;
    background:#e0ddcf;
    margin:0;
    padding:0;
	position:absolute;
}

a {
	text-decoration:none;
	background:#272727;
}

a:hover {
	background:#393939;
}

a:visited {
	background:#151515;
}

a:visited:hover {
	background:#272727;
}

#logo
{
    position:absolute;
    left:64px;
    top:64px;
    height:56px;
    width:auto;
}

#logo_part1
{
    position:relative;
    top:-12px;
    left:0px;

}

#logo_part2
{
    position:relative;
    top:0px;
    left:0px;
}


img 
{
    border:none;
    margin:0;
    padding:0;
}

h2
{
    color:#000000;
    font-family:Helvetica, Arial, Sans-Serif;
    font-size:14px;
    margin:0 0 0 56px;
    padding:14px 0 14px 0;
    position:relative;
    top:39px;

}

#navi_container 
{
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    height:298px;
    background:url(art/hg_kachel.jpg) repeat-x #86c600;
}

#nextback 
{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:298px;
	z-index:1;
}

#nextback a {
	background:#272727;
}

#nextback a:hover {
	background:#393939;
}

#footer
{
    position:absolute;
	z-index:1;   
	bottom:0px;
    left:0px;
    width:100%;
    height:298px;
    background:url(art/bg.gif) repeat-x;
}

#content_wrapper
{
    width:auto;
    height:auto;
	/*position:absolute;
	top:168px;
	left:64px;*/
	margin:50px;
	padding:0px;
	background:#272727;
	color:#FFFFFF;
}

#content_wrapper h1, #content_wrapper h2
{
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}

#content_wrapper p
{
	margin:8px 0 0 0;
	padding:0px;
	color:#FFFFFF;
	font-size:12px;
}


#main_content_wrapper
{
    width:100%;
    height:auto;
	position:absolute;
	top:168px;
	padding-bottom:33px;
    background:url(art/bg.gif) repeat-x left bottom;
}

#main_panel
{
	width:794px;
	height:auto;
	background:#272727;
	position:relative;
	z-index:2;
	/*top:168px;*/
	left:64px;
}


#info_panel
{
	width:794px;
	height:auto;
	background:#272727;
	z-index:2;
	position:absolute;
    bottom:33px;
	left:64px;
}

.view_item 
{
	/*margin-top:48px;*/
	margin-left:48px;
	padding:34px 6px 6px 6px;
	background:#FFFFFF;
}

.last_item 
{
	/*margin-top:48px;*/
	margin-bottom:65px;
	margin-left:48px;
	padding:34px 6px 6px 6px;
	background:#FFFFFF;
}

a.backlink, a.backlink:hover 
{
	position:absolute;
	bottom:24px;
	left:383px;
	background:url(art/pfeil_unten.gif) no-repeat center;
}

.infoContent
{
    width:auto;
    height:auto;
	/*position:absolute;
	top:168px;
	left:64px;*/
	margin:0 50px 0px 50px;
	padding:50px 0 50px 0;
	background:#272727;
	color:#FFFFFF;
}
.infoContent h1, .infoContent h2
{
	margin:0;
	padding:0 0 10px 0;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}
.infoContent p
{
	margin:8px 0 0 0;
	padding:0px;
	color:#FFFFFF;
	font-size:12px;
	line-height: 17px;
}

.infoContent a {
 	font-family:Helvetica, Arial, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}

.infoContent a:hover {
 	background:#FFFFFF;
}

/*
@media screen{
  body>div#navi_container{
   position: fixed;
  }
 }
*/

#tip {
	z-index:100;
	position:absolute;
	border:0;
	padding:0 5px 4px 0;
	font-size:10px;
	color:#000;
	display:none;
}

/* get out of jail card for IE */
* html #tip {
  background:transparent;  
}

* html #tip * {
  background:#e0ddcf;
}

#tip * {
  background:#e0ddcf;
}

#tip div {
  position:relative;
  top:-50px;
  left:10px;
  border:1px solid #fff;
  padding: 3px 3px 1px 3px;
}


