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

	html,body{
		font-family: "Times New Roman", Roman, serif, "Courier New", Courier, Verdana, Helvetica, sans-serif;
		font-size: 14px;
		color: #9C9C9C;
		background: #3C3C3C url("img/bg.jpg") repeat-x 0px 0px;	
	}	
	
	#outerframe{	
		border: 0;
		position: absolute;
		width: 862px;
		top: 0px;
		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:755px;
		top:35px;
	}
	#kontakt ul, li {
	  list-style: none;
	  margin: 0;
	  padding: 0;
	}	
	#kontakt img{ border:0; padding:0; margin:0; }
	#kontakt a ,#kontakt a:active{
	  color: #808080;
	  text-decoration: none;
	  font-weight:normal;
	}
	#kontakt a:hover {
	  color: #fff;
	}
	
	#header {
		clear:both;
		position: relative;
		width: 862px;
		height:367px;
		background: transparent url("img/header.png") no-repeat 0px 0px;	
	}
	
	#navi{
		clear:both;
		position: relative;
		width: 590px;
		height:40px;
		left:255px;
		top:200px;
	}
	
	#navi ul {
	  list-style: none;
	  margin: 0;
	  padding: 0;
	  width: auto;
	}
	#navi li {
	  position: relative;
	  padding: 8px 6px 0 0;
	  margin: 0px;
	  float: left;
	  width: 140px; 
	  height:40px;
	  background: transparent url("img/navi.png") no-repeat 0px 0px;	
	}
	#navi li a,	#navi li a:active {
	  color: #808080;
	  text-decoration: none;
	  padding: 0 50px 0 17px; /* Horizontalabstand erster Level*/
	  font-size:18px;
	  font-family: "Courier New", Courier, Verdana;
	  font-weight:bold;
	  height:40px;
	}
	#navi li a:hover{
	  color: #fff;
	  font-weight:bold;
	  background: transparent url("img/navi_o.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;
	}
	
	#leftcol{
		float:left;
		position: relative;
		width: 230px;
		left:30px;
		height:auto;
	}
	
	#leftcol img{ border:0; margin:0; padding:0; }
	
	#leftcol h1{
		color:#fff;
		font-size:22px; 
		font-family: "Courier New", Courier, Verdana; 
		font-weight:bold; 
		background: transparent url("img/h1.png") no-repeat 0px 0px;	
		padding: 20px 0 0px 20px;
		height:40px;
	}	
	
	#leftcol ul {
	  list-style: none;
	  margin: 0;
	  padding: 0;
	  width: auto;
	}
	#leftcol li {
	  position: relative;
	  padding: 0 0 0 30px;
	  margin: 0px;
	  width: auto; 
	}		
	#leftcol li a , #leftcol li a:active {
	  color: #808080;
	  text-decoration: none;
	}
	#leftcol li a:hover{ color: #fff;}	
	
	#contentbody{
		float:right;
		position: relative;
		width: 524px;
		right:44px;
		top:-70px;
		padding: 0 10px 10px 10px;
	}
	
	#contentbody h1 { 
		color:#fff;
		font-size:22px; 
		font-family: "Courier New", Courier, Verdana; 
		font-weight:bold; 
		background: transparent url("img/h1.png") no-repeat 0px 0px;	
		padding: 20px 0 0 20px;
		height:40px;
	}

	#contentbody h2 { 
		color:#fff;
		font-size:16px; 
		font-family: "Courier New", Courier, Verdana; 
		font-weight:bold; 
		background: transparent url("img/h2.png") no-repeat 0px 27px;	
		padding: 10px 0 20px 0px;
		height:16px;
	}

	#kontakt a , #kontakt a:active {
	  color: #808080;
	  text-decoration: none;
	  font-weight:normal;
	}
	#kontakt a:hover { color: #fff; }

	#contentbody a , #contentbody a:active {
	  color: #808080;
	  text-decoration: none;
	  font-weight:normal;
	}
	#contentbody a:hover { color: #fff; }

	#contentbody h1 a, #contentbody h1 a:active{ 
		color:#fff;
		font-size:22px; 
		font-family: "Courier New", Courier, Verdana; 
		font-weight:bold; 
		background: transparent url("img/h1.png") no-repeat 0px 0px;	
		padding: 20px 0 0 20px;
		height:40px;
	}
	#contentbody h1 a:hover	{ color:#808080; }
	
	#contentbody .postmetadata a, #contentbody .postmetadata a:active{
		font-family: "Courier New", Courier, Verdana; 
	  color: #808080;
	  text-decoration: underline;
	  font-weight:normal;
	}
	#contentbody .postmetadata a:hover{ color:#fff; }

	
	#contentbody p { 
		font-family: "Times New Roman", serif;
		text-align:justify;
		padding:6px 0 6px 0;
	}
	
	.clearer {
		clear:both;
		display:block;
		font-size:0;
		height:0;
		width:100%;
	}
	 
	#footerbox{
		clear:both;
		position: relative;
		width: 862px;
		height:50px;
		background: transparent url("img/footer.png") no-repeat 0px 0px;	
	}
	#footer{
		position: relative;
		width: 420px;
		left: 50%;
		margin-left: -210px;
		top:26px;
	}
	#footer ul {
	  list-style: none;
	  margin: 0;
	  padding: 0;
	  width: auto;
	}	
	#footer li {
	  float: left;
	}	
	#footer a , #footer a:active{
	  font-family: "Courier New", Courier, Verdana;
	  color: #808080;
	  text-decoration: none;
	  font-weight:normal;
	}
	#footer a:hover { color: #fff; }	
	
	#leftcol #searchform input[type="text"] {
		width: 100px;
		height:16px; 
		padding: 2px;
		font-family: "Courier New", Courier, Verdana;
		font-size:12px;
		border:1px solid #3E3E3E;
		color:#fff;
		background: #3D3C3C;
	}

	#leftcol #searchform #searchsubmit {
		padding: 1px;
		font-family: "Courier New", Courier, Verdana;
		font-size:12px; 
	} 
	
	/* wird von wordpress 'the_content' erzeugt */
	#content { /*display:none; visibility:hidden;width:0; height:0;*/ margin:0; border:0; padding:0; }
	
	#contentbody h3 {
		color:#fff;
		font-size:16px; 
		font-family: "Courier New", Courier, Verdana; 
		font-weight:bold; 
		padding: 10px 0 10px 0;
	}
	
	#contentbody .commentlist img {border:1px solid #808080; margin:0px; padding:4px; }
	#contentbody .commentlist p { padding: 10px 0 10px 0; }
	#contentbody .commentlist li { padding: 14px 0 14px 0; border-bottom:1px dashed #808080; }
	#contentbody .commentlist .comment-edit-link {font-family: "Courier New", Courier, Verdana;}
	#contentbody #respond textarea {width:520px; background-color:#3D3C3C; color:#fff;}
	#contentbody h2 a, #contentbody h2 a:active{
		color:#fff;
		font-size:16px; 
		font-family: "Courier New", Courier, Verdana; 
		font-weight:bold; 
		background: transparent url("img/h2.png") no-repeat 0px 27px;	
		padding: 10px 0 20px 0px;
		height:16px;
	}
	#contentbody h2 a:hover{color:#808080;	text-decoration:underline; }
	
}