*{margin: 0; padding: 0}

body    {

	margin: 0; padding: 0;

    font-family: Arial;

    color: #c5c5c5;

    font-size: 100.01%;

    line-height: 14px;

    background-color: #282828;

	scrollbar-base-color:#282828;

	scrollbar-arrow-color:#fff;}



#wrapper    {

    width: 818px;

    margin: 0px;}



#links    {

    width: 151px;

    height: 610px;

    float: left;

    /*border: solid 1px red;*/ }



#rechts    {

    width: 630px;

    height: 610px;

    float: right;

    margin-right: 12px;}



*html #rechts {margin-left: 0; margin-right: 0;}



#logo    {

    width: 151px;

    height: 135px;

    /*margin-top: 7px;*/

    background:   url(../bilder/logo_neu_2.jpg) no-repeat;

    /*border: solid 1px red;*/

    }



 * html #logo{margin-top: 0;}



#navi	{

	position:absolute;

	width: 121px;

	height: 390px;

	left: 23px;

}



/*--IE Hack--*/

* html #navi	{ top: 151px; }



#navi ul    {

    margin: 0; padding: 0;

    margin-top: 17px;

    width: 143px;

    height: 151px;

	}



#navi li {

    list-style-type: none;

	text-align: right;

    padding-right: 30px;

}



#navi a {

    text-decoration: none;

	font-size: 0.7em;

	font-weight: bold;

	color: #c5c5c5;

    /*background-color: #000000;*/

    display: block;

    width: 121px;

    height: 15px;

    padding: 5px 5px 0 0;

}



#navi a:hover, #navi a.aktiv { color: #ffff00;}



#navi a.aktiv:hover {cursor: default; }



#titel    {

    width: 630px;

    height: 55px;

    font-size: 1em;

    font-weight: bold;

    margin-top: 55px;}



#box1, #box2, #box3, #box4, #box5, #box6, #box7 {

    float:left;

    width: 80px;

    height: 10px;

    font-size: 0.1em;

	margin-right: 10px;}



#box1 {background-color: #990099;}



#box2 {background-color: #cc0000;}



#box3 {background-color: #ff6600;}



#box4 {background-color: #ffff00;}



#box5 {background-color: #00cc33;}



#box6 {background-color: #00cccc;}



#box7 {background-color: #3333CC;}



#inhalt    {

    width: 600px;

    background-color: #333;

    margin-top: 20px;

    margin-right: 20px;

    margin-bottom: 10px;

    padding: 10px 10px 10px 10px;

    clear: left;}



*html #inhalt {

	margin-top: 10px;}



#inhalt a:link {

	font-weight: bold;

	color: #fff;

	text-decoration: none;}



#inhalt a:visited {

	font-weight: bold;

	color: #fff;

	text-decoration: none;}



#inhalt a:hover {

	font-weight: bold;

	color: #ffff00;

	text-decoration: none;}



#fuss    {

    width: 620px;

    height: 10px;

    margin-right: 20px;

    margin-top: 10px;

    font-size: 0.7em;

    text-align:center;}



#fuss a	{ text-decoration:none; color: #fff; }

#fuss a:hover, #fuss a.aktiv { color: #ffff00; }



#inhalt p    {

	margin: 0; padding: 0;

	line-height: 18px;}

img {border: 0;}



.spalte1    {

	width: 300px;

	float: left;

	margin-bottom: 10px;}



.spalte2    {

	width: 250px;

	float: right;

	margin-right: 10px;}



.spalte3    {

	width: 300px;

	float: left;

	margin-top: 10px;}



.clear    {clear: both;}



.linkfett    {

	width: 300px;

	float: left;

	margin-bottom: 10px;

	font-size: 1.2em;

	font-weight: bold;

	text-decoration: none;

	color: #c5c5c5;

	line-height: 22px;}



.linkfett:hover  {color: #ff0;}

/* *** Accessibility Hilfen *** */



#logo a.home { /* die gesamte Grafik ist ein Link der zum Index zurückführt */

	float:left;

    top: 0;

    display: block;

    height: 135px;

    width: 151px;

    border: none;	}



#skipnav   {

    display:inline;

    font-size:1px;

    line-height:1px;

    z-index:0;}



#skip a { /* die Links sind aus dem sichtbaren Bereich gerückt */

    position:absolute; 

    z-index:0; 

    width:10em; 

    overflow:hidden; 

    top:-200px; 

    left:-1000px;}



#skip a:focus,

#skip a:active   {

    position:absolute; 

    z-index:0;}



.hide { /* unsichtbar, man darf display:none nicht verwenden sonst ist es auch fuer screenreader weg */	

  position: absolute;

  left: -1000px;

  top: -1000px;

  width: 0;

  height: 0;

  overflow: hidden;}



/** Formular **/

form {

	line-height: 150%;}



fieldset {

	border:0;}



legend {

	color: #c5c5c5;}



.inpt {

	width: 360px;

	border: 1px solid #000;

	background-color: #c5c5c5;

	font-size:1em;

	color: #000;

	margin: 0px 0px 9px 0px;}

	

input.inpt:focus, input.opt:focus, input.select:focus,textarea.textbox:focus {

	background-color: #fff;

	color: #000;}



.senden {

	width: 200px;

	font-size: 100%;

	font-weight:bold;

	padding: 5px 0px 5px 0px;

	background-color:#000;

	color: #fff;

	border-top: 1px solid #fff;

	border-right: 1px solid #000;

	border-bottom: 1px solid #000;

	border-left: 1px solid #fff;

	voice-family: "\"}\"";

	voice-family:inherit;

	cursor: pointer;}



.klick {

	voice-family: "\"}\"";

	voice-family:inherit;

	cursor: pointer;}



#formbox01, #formbox02, #formbox03, #formbox04 {

	float:left; height:72px;}



#formbox01 img {

	float:right;

	margin-top:3px;

	margin-right:25px;}



#formbox01 { width:93px;}

#formbox02 { width:120px;}

#formbox03 { width:120px;}

#formbox04 { width:100px;}



.textbox {

	height:73px;

	margin-top:3px;

	border: 1px solid #000;

	background-color: #c5c5c5;}



.opt {

	width:70px;

	height:18px;

	border: 1px solid #000;

	background-color: #c5c5c5;}



.titel { font-size:0.8em;font-weight:bold;}



.small { font-size:0.8em;}



hr { background-color:#fff; height:1px;}



.right { padding-left:515px; }



.clear { clear:left;}