*{margin: 0; padding: 0}

body    { 
	font-family: Arial;
	font-size: 100.01%;
	line-height: 14px;
	color: #c5c5c5;
	margin: 0; 
	padding: 0;
	background-color: #282828;
	scrollbar-base-color: #282828;
	scrollbar-arrow-color: #fff; }

#wrapper    {
    width: 818px;
    margin: 0px;
    }

#leftcol    {
    width: 151px;
    height: 610px;
    float: left;
    }

/* ================== Top Menu ================== */

#navi    {
    width: 630px;
    height: 90px;
    margin-top: 0px;
    }

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

#navi a.box1, #navi a.box2, #navi a.box3, #navi a.box4, #navi a.box5, #navi a.box6, #navi a.box7,
#navi a.aktivbox1, #navi a.aktivbox2, #navi a.aktivbox3, #navi a.aktivbox4, #navi a.aktivbox5, #navi a.aktivbox6, #navi a.aktivbox7  {
    text-decoration: none;
	font-size: 1em;
	font-weight: bold;
	color: black;
    display: block;
    width: 4.67em;
    height: 4.68em;
    padding-top: 5px;
    padding-left: 5px;
    }
#navi a.box1, #navi a.aktivbox1 {background-color: #990099;}
#navi a.box2, #navi a.aktivbox2 {background-color: #cc0000;}
#navi a.box3, #navi a.aktivbox3 {background-color: #ff6600;}
#navi a.box4, #navi a.aktivbox4 {background-color: #ffff00;}
#navi a.box5, #navi a.aktivbox5 {background-color: #00cc33;}
#navi a.box6, #navi a.aktivbox6 {background-color: #00cccc;}
#navi a.box7, #navi a.aktivbox7 {background-color: #3333CC;}

#navi a.aktivbox1:hover, a.aktivbox2:hover, a.aktivbox3:hover, a.aktivbox4:hover, a.aktivbox5:hover, a.aktivbox6:hover, a.aktivbox7:hover
    {cursor: default;}
#navi  a.box1:hover, #navi a.aktivbox1 { background: #990099 url("../bilder/logos/logo_box1.gif") bottom right no-repeat; /*color:#fff;*/}
#navi  a.box2:hover, #navi a.aktivbox2 {background: #cc0000 url("../bilder/logos/logo_box2.gif") bottom right no-repeat; /*color:#fff;*/}
#navi  a.box3:hover, #navi a.aktivbox3 {background: #ff6600 url("../bilder/logos/logo_box3.gif") bottom right no-repeat; /*color:#fff;*/}
#navi  a.box4:hover, #navi a.aktivbox4 {background: #ffff00 url("../bilder/logos/logo_box4.gif") bottom right no-repeat; /*color:#fff;*/}
#navi  a.box5:hover, #navi a.aktivbox5 {background: #00cc33 url("../bilder/logos/logo_box5.gif") bottom right no-repeat; /*color:#fff;*/}
#navi  a.box6:hover, #navi a.aktivbox6 {background: #00cccc url("../bilder/logos/logo_box6.gif") bottom right no-repeat; /*color:#fff;*/}
#navi  a.box7:hover, #navi a.aktivbox7 {background: #3333cc url("../bilder/logos/logo_box7.gif") bottom right no-repeat; /*color:#fff;*/}

#navi ul {margin-left: 0px;}

#navi li    {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    list-style-type: none;
    }

#rightcol    {
    width: 630px;
    height: 610px;
	margin-top: 16px;
    float: right;
    margin-right: 12px;
    }

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

/* ================== Sub Menu ================== */

#unternavi	{
	position:absolute;
	width: 121px;
	height: 390px;
	left: 23px;
}

/*--IE Hack--*/
* html #unternavi	{ top: 151px; }

#unternavi ul    {
    margin: 0; padding: 0;
    margin-top: 17px;
    width: 143px;
    height: 151px;
	}

#unternavi li {
	text-align: right;
    list-style-type: none;
    padding-right: 30px;
}

#unternavi 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;
}

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

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

#logo    {
    width: 151px;
    height: 135px;
    background:   url(../bilder/logos/logo_gross.jpg) no-repeat;
    }

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

#titel    {
	font-size: 11px;
	font-weight: bold;
    width: 630px;
    height: 28px;
    margin-top: 11px;
	}

*html #titel   {margin-top: 13px;}

/* Hintergrudfarbe fuer alle Content-DIVs */
#inhalt, #inhalt_bild, #contentbox01, #contentbox02 { background-color:
#333333; }

/* Single Content DIV  */
#inhalt, #inhalt_bild {
    margin-right: 20px;
    margin-bottom: 10px;
    clear: left;
}

/* Inhalt DIV fuer Text und kleine Bilder */
#inhalt    {
    width: 599px;
    height: 250px;
    padding: 10px 10px 10px 10px;
    overflow: auto;
}
/* Inhalt DIV nur fuer Bilder, die den ganzen Inhalt fuellen */
#inhalt_bild {
	width: 619px;
	height: 270px;
	padding:0;
}

/* Double Content DIV  */
#contentbox01, #contentbox02 {
    float:left;
	margin-bottom:10px;  
	}
/* DIV fuer Text */
#contentbox01 {
    width: 20.5em;
    height: 15em;
	margin-right: 10px;
	padding: 10px;
	overflow: auto;
	line-height:1em;
	}
/* DIV fuer Bilder */
#contentbox02 {
	width: 16.25em;
	height: 16.25em;
	padding:0;
	}

.contbox	{
	float: left;
	width: 4.97em;
    height: 4.97em;
	margin-bottom: 10px;
    margin-right: 10px;
	}

/* Hyperlinks im Content */
#inhalt a, #contentbox01 a	{ text-decoration: none; color: #ffff00; }
#inhalt a:hover, #inhalt a.aktiv, #contentbox01 a:hover, #contentbox01 a.aktiv { color:#fff; }

#fuss    {
	text-align:center;
	font-size: 0.7em;
    width: 615px;
    height: 10px;
    margin-right: 20px;
    margin-top: 10px;
    }

/* Hyperlinks in Fusszeile */
#fuss a	{ text-decoration: none; color: #fff; }
#fuss a:hover, #fuss a.aktiv { color: #ffff00; }

/* IE6 Hack*/
*html #fuss	{ margin-top:0; }

#inhalt p, #contentbox01 p   {
	margin: 0; padding: 0;
	line-height: 18px;
	}
	
noscript	{
	font-weight:bold;
	color:red;
	border:1px red solid;
	background-color:#FFCCCC;
	padding:2px;
}

/* diverse Hintergrundfarben als Klassendefinition */
.black		{ background: black; }
.gray		{ background: gray; }
.silver		{ background: silver; }
.white		{ background: white; }
.yellow		{ background: yellow; }
.orange		{ background: orange; }
.maroon		{ background: maroon; }
.red		{ background: red; }
.fuchsia	{ background: fuchsia; }
.purple		{ background: purple; }
.navy		{ background: navy; }
.blue		{ background: blue; }
.aqua		{ background: aqua; }
.teal		{ background: teal; }
.green		{ background: green; }
.lime		{ background: lime; }
.olive		{ background: olive; }

/* diverse Textfarben als Klassendefinition */
.blacktxt	{ color: black; }
.graytxt	{ color: gray; }
.silvertxt	{ color: silver; }
.whitetxt	{ color: white; }
.yellowtxt	{ color: yellow; }
.orangetxt	{ color: orange; }
.maroontxt	{ color: maroon; }
.redtxt		{ color: red; }
.fuchsiatxt	{ color: fuchsia; }
.purpletxt	{ color: purple; }
.navytxt	{ color: navy; }
.bluetxt	{ color: blue; }
.aquatxt	{ color: aqua; }
.tealtxt	{ color: teal; }
.greentxt	{ color: green; }
.limetxt	{ color: lime; }
.olivetxt	{ color: olive; }

img {border: 0;}

#spalte1, #spalte2 {
	float:left; height:185px;}

#spalte1 { width:250px;}
#spalte2 { width:300px;}

.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;}

#logo_print, #print_alert {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;}