html {
  height: 100%; /* needed by Opera 8 & Konqueror 3.4 */
}

* {
	margin: 0;padding:0;
}

html {
	height:100%;
}
body {
  padding: 0;
  margin: 0;
  background: black url(../images/xsymbols.gif);
  text-align: left; /* IE 5.x */
  	font:90% Tahoma,Verdana,Arial,sans-serif;
	color:#fff;
}

h1 {
	font: 600 130%/150% Arial,Tahoma,Verdana,sans-serif;
	letter-spacing:1px;
	color: #3f09de;
}
h2 {
	font: 600 100%/130% Arial,Tahoma,Verdana,sans-serif;
	letter-spacing:1px;
}

hr {
	margin-top:1em;width:100%;clear:both;
	color: #121212;
	height:1px;
}

.weiss{color:white;}

#menu {
	width: 200px;
	margin: 0;
	white-space: nowrap;
	z-index:100;
	}

#menu h2 {
  display: inline;
  margin: 0 15px 0 5px;
  color: White;
  font: normal normal normal 1.50em Verdana, Geneva, sans-serif;
}

#menu ul {
  display: inline;
  list-style: none;
  margin: 5px 0;
  padding: 0;
}
#menu li {
  display: inline;

}
.box a, .box a:visited {
	color:#b0e0e6;
	text-decoration:none;
}
.box a:hover {
	color:#fff;
	text-decoration: underline;
}

.box {margin: 35px 10px 5px 10px; font-size:.8em;text-align:center;}

.clearing {width:100%;visibility:hidden;clear:both;margin:0;}

#navigation {
  position: relative;
  width: 200px; /* IE 5.x */
  width/**/:/**/ 200px;
  margin: -50px 0 0 0;
  padding: 80px 0 0 0;
  height:600px;
  background: transparent url(../images/navi.jpg) repeat-y left top;
  text-align: justify;
  float:left;

}

#menu {
	width: 200px;
	margin: 0;padding:0;
	white-space: nowrap;
	z-index:20000;
	}

#menu li a {
	height: 24px;
	font-weight: 600;
	line-height: 100%;
	/* Tantek-Hack */
	voice-family: "\"}\""; 
	voice-family: inherit;
	text-decoration: none;
}

#menu li a:link, #menu li a:visited {
	color: #6495ed;
	display: block;
	background: url(../images/menu4.gif);
	padding: 8px 0 0 20px;
}

#menu li a:hover {
	color: #6495ed;
	background: url(../images/menu4.gif) 0 -64px;
	padding: 8px 0 0 20px;
}

#menu li a.aktiv {
	color: #fff;
	background: url(../images/menu4.gif) 0 -32px;
	padding: 8px 0 0 20px;
}	
wrapper{
	text-align: justify;
	position: relative;top:130px;left:200px;
	width:90%;
	border:1px  solid red;
	margin:0 auto;
}
#inhalte {
	position:absolute;
	top:130px;
	left:20%;
	font-size:99%;
	padding:0;
	margin:70px;
}

#kasten{
	width:530px;
	height:22em;
	padding:12px 12px 24px 12px;
	text-align:left;
	border: 1px solid #3f09de;
	border-bottom:none;
	letter-spacing:1px;
	background: #070707 url(../images/kasten_bg.gif) repeat-x bottom left;
	z-index:12000;
}

#bild{
	width:102px;
	height:133px;
	background: transparent url(../images/domke.gif) bottom right no-repeat;
	float:left;
	position:relative;
	top:-55px;left:-70px;
	margin-right:-60px;
	margin-bottom:-60px;
	z-index:1100;
}
#kasten p{
	margin-top:.8em;
	line-height:130%;
}

#kasten ul li {margin:0 0 0 2em;color:#515151;}
#kasten ol{margin:1em 0 0 1em;}
#kasten a, #kasten a:visited {
	color:#b0e0e6;
	text-decoration:none;
}
#kasten a:hover {
	color:#fff;
	text-decoration: underline;
}
#kasten ul{margin:1em 0 0 .1em;color:#515151;overflow:hidden;}
#kasten ol{margin:1em 0 0 1em;}


#logo{
	position:absolute;
	top:0;left:100%;
	margin-left:-100%;
	height:100px; width:99%;
	text-align:right;
	background: transparent url(../images/logo.gif) no-repeat right 25px;
}

#mybox{
	height:40%;
	margin: 25% 25%;
	background-color: #232850;
	top: 25%
}
