@charset "UTF-8";
@media screen, projection
{
	* { margin:0; padding: 0; }

	html,body{
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 14px;
		color: #BCAC7D;
		background: #3C3C3C url("img/bg.jpg") repeat-x 0px 0px;	
	}	
	
	#outerframe{	
		border: 0;
		position: absolute;
		width: 862px;
		top: 20px;
		left: 50%;
		margin-left: -431px;
	}
	#outerframe { /* für alle */
		height: 795px;
	}
	html>body #outerframe { /* be nice to opera (&gekko) */
		height: auto !important;
		min-height: 795px !important;
	}
	
	#kontakt{
		clear:both;
		position: relative;
		width: 100px;
		height:16px;
		left:570px;
		top:40px;
		z-index:101;
	}
	#kontakt a, #kontakt a:visited, #kontakt a:active { 
		background:transparent url('img/contact.gif') no-repeat center left; 
		color:#BCAC7D; 
		text-decoration:none; 
		padding-left:16px;
	}
	#kontakt a:hover { color:#fff; background:transparent url('img/contact_o.gif') no-repeat center left; }
	
	#kontakt ul {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
	}
	
	#lang{
		position:relative;
		width:100px;
		height:12px;
		top:30px;
		left:40px;
	}
	#lang img{ border:0; padding:0 4px 0 0; margin:0; }
	
	#header {
		clear:both;
		position: relative;
		width: 862px;
		height:211px;
		background: transparent url("img/header.png") no-repeat 0px 0px;	
	}
	
	#navi{
		clear:both;
		position: relative;
		width: 862px;
		height:86px;
		left:0px;
	  	background: transparent url("img/navi_bg.png") no-repeat 0px 0px;	
	}
	
	#navi ul {
	  list-style: none;
	  margin: 0;
	  padding: 0;
	  width: 600px;
	  left:40px;
	  position:relative;
	  top:20px;
	}
	#navi li {
	  position: relative;
	  padding: 16px 6px 0 0;
	  margin: 0px;
	  float: left;
	  width: 140px; 
	  height:60px;
	  background: transparent url("img/navi.png") no-repeat 0px 0px;	
	}
	#navi li a {
	  color: #E1D3A9;
	  text-decoration: none;
	  padding: 0 50px 0 20px; /* Horizontalabstand erster Level*/
	  font-size:18px;
	  font-family: Arial, Verdana, Helvetica, sans-serif;
	  font-weight:bold;
	  height:60px;
	}
	#navi li a:hover,
	#navi li.active a {
	  color: #fff;
	  font-weight:bold;
	  background: transparent url("img/navi_o.png") no-repeat 0px 0px;
	}

	#body_top{
		position:relative;
		width:862px;
		height:30px;
	   background: transparent url("img/body_top.png") no-repeat 0px 0px;
	}
	
	#pic{
		position:absolute;
		width:357px;
		height:398px;
		z-index:100;
		left:580px;
		top:-10px;
		background: transparent url("img/pic.png") no-repeat 0px 0px;
	}

	#contentbox {
		clear:both;
		position: relative;
		width: 862px;
		background: transparent url("img/body.png") repeat-y 0px 0px;	
	}
	#contentbox { /* für alle */
		height: 367px;
	}
	html>body #contentbox { /* be nice to opera (&gekko) */
		height: auto !important;
		min-height: 367px !important;
	}
	
	#rightcol{
		float:right;
		position: relative;
		width: 220px;
		right:34px;
		margin-right:16px;		
		height:auto;
	}
	
	#rightcol img{ border:0; margin:0; padding:0; }
	
	#rightcol h1{
		color:#fff;
		font-size:22px; 
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-weight:bold; 
		background: transparent url("img/h1.png") no-repeat 0px 0px;	
		padding: 20px 0 0px 20px;
		height:40px;
	}	
	
	#rightcol ul {
	  list-style: none;
	  margin: 0;
	  padding: 0;
	  width: auto;
	}
	#rightcol li {
	  position: relative;
	  padding: 0 0 0 10px;
	  margin: 0px;
	  width: auto; 
	}		
	#rightcol li a {
	  color: #808080;
	  text-decoration: none;
	}
	#rightcol li a:hover,
	#rightcol li.active a {
	  color: #fff;
	}	

	#rightcol h1 { 
		font-size: 24px;
		background: transparent url("img/h1.png") no-repeat 0px 10px;	
		margin:20px 0 10px 0;
		padding: 0px 0 0 0px;
		height:40px;	
		color:#E1D3A9;
		font-family: "Times New Roman", Roman, serif, Verdana, Helvetica, sans-serif;
		font-weight:bold; 
	}
	#rightcol h2 { 
		color:#E1D3A9;
		font-size:20px; 
		font-family: "Times New Roman", Roman, serif, Verdana, Helvetica, sans-serif;
		font-weight:bold; 
		background: transparent url("img/h2.png") no-repeat 0px 10px;	
		padding: 0px 0 0px 7px;
		margin:10px 0 10px 0;
		height:30px;
	}
	
	a.sspacer, a.sspacer:visited, a.sspacer:active, a.sspacer:hover { 
	padding-left:60px;
	}
	
	#searchform input[type="text"]:hover, 
	#searchform input[type="text"]:active, 
	#searchform input[type="text"]:focus{
		  border:1px solid #fff; 
		  color:#B9B9B9;
	}
	
	#searchform input[type="text"] {
		width: 130px;
		height:16px; 
		padding: 2px;
		font-size:12px;
		border:1px solid #3E3E3E;
		color:#B9B9B9;
		background: #4E4B42;}
	}
	
	#searchsubmit {
		padding: 1px;
	}
	
	#content{
		float:left;
		position: relative;
		width: 516px;
		left:47px;
		height:auto;
	}
	
	#content h1 { 
		font-size: 24px;
		background: transparent url("img/h1.png") no-repeat 0px 10px;	
		padding: 0px 0 0 0px;
		height:40px;	
		color:#E1D3A9;
		font-family: "Times New Roman", Roman, serif, Verdana, Helvetica, sans-serif;
		font-weight:bold;
		margin:0px 0 20px 0; 
	}
	
	#content h1 a, #content h1 a:visited, #content h1 a:active{ 
		color:#E1D3A9; 
		text-decoration:none; 
	}
	#content h1 a:hover{ color:#fff;}

	#content h2 { 
		color:#AEADAD;
		font-size:20px; 
		font-family: "Times New Roman", Roman, serif, Verdana, Helvetica, sans-serif;
		font-weight:bold; 
		background: transparent url("img/h2.png") no-repeat 0px 10px;	
		padding: 0px 0 0px 7px;
		height:30px;
		margin:0px 0 20px 0; 
	}

	#content h3 { 
		color:#8E8E8E;
		font-size: 18px;
		background: transparent url("img/h3.png") no-repeat 0px 0px;	
		padding: 13px 0 0 13px;
		height:40px;
		font-family: "Times New Roman", Roman, serif, Verdana, Helvetica, sans-serif;
		font-weight:bold; 
	}
	
	#content p { 
		text-align:justify;
		padding:6px 0 6px 0;
	}
	
	#content ul {padding:8px 0 8px 20px;}
	#content ol {padding:8px 0 8px 20px;}
	
	.clearer {
		clear:both;
		display:block;
		font-size:0;
		height:0;
		width:100%;
	}
	 
	#footerbox{
		clear:both;
		position: relative;
		width: 862px;
		height:66px;
		background: transparent url("img/footer.png") no-repeat 0px 0px;	
	}
	#footer{
		position: absolute;
		width: 420px;
		left: 50%;
		margin-left: -210px;
		height:18px;
		top:46px;
	}
	#footer ul {
	  list-style: none;
	  margin: 0;
	  padding: 0;
	  width: auto;
	}	
	#footer li {
	  position: relative;
	  padding: 0 6px 0 0;
	  margin: 0px;
	  float: left;
	}	
	#footer a {
		font-family: "Times New Roman", Roman, serif, Verdana, Helvetica, sans-serif;
		color: #808080;
		text-decoration: none;
		font-weight:normal;
	}
	#footer a:hover,
	#footer.active a {
	  color: #fff;
	}	
	
	a, a:visited, a:active{ 
		color:#808080; 
		font-family: "Times New Roman", Roman, serif, Verdana, Helvetica, sans-serif;
		text-decoration:none; 
	}
	a:hover{ color:#fff;}
	
	.commentlist {padding-left:20px;}
	#comment {width: 500px; background-color:#4E4B42; color:#fff; }
}