html {
	margin: 0; 
	height: 100%; 
	background-color: #e1e1e1;
}

body {
	margin: 0; 
	height: 100%; 
	text-align: center
}

#box {
width: 710px;
height: 90%;
margin: 0 auto;
text-align: left;
background-color: #ffffff; 
border: 1px solid #666666;
}

#left {
		position: absolute;
		background-color: #ffffff; 
		width: 156px;
		margin: 0;
		text-align: left;
		height: auto;
		}	

#rechts {
		position: absolute;
		background-color: #ffffff; 
		width: 544px;
		margin-left: 156px;
		text-align: left;
		height: auto;
		}	

#bottom {
width: 710px;
height: 20px;
margin: 0 auto;
text-align: left;
background-color: #999999; 
border: 1px solid #ffffff;
}

.text {
	font-weight: normal; 
	font-size: 11px; 
	color: #000000;
	margin-left: 30px;
	margin-right: 30px;
	font-family: Verdana, Tahoma, Arial; 
	text-align: justify;
}
.text a { font-weight: bold; font-size: 11px; color: #000080; text-decoration: none }
.text a:link { font-weight: bold; font-size: 11px; color: #000080; text-decoration: none }
.text a:visited { font-weight: bold; font-size: 11px; color: #000080; text-decoration: none }
.text a:hover { font-weight: bold; font-size: 11px; color: #ff0000; text-decoration: underline }
.text a:active { font-weight: bold; font-size: 11px; color: #000080; text-decoration: underline }

.cursiv {
	font-weight: normal; 
	font-style: italic;
	font-size: 11px; 
	color: #000000;
	margin-left: 50px;
	margin-right: 50px;
	margin-top:5px;
	margin-bottom:5px;
	font-family: Georgia, book Antiqua, serif; 
	text-align: justify;
}

.text1 {
	font-weight: normal; 
	font-size: 11px; 
	color: #000000;
	font-family: Tahoma, Verdana, Arial; 
	text-align: justify;
	margin-left: 30px;
	margin-right: 30px;
	background-color: #F8F8F8;
	padding:5px;
}
.text1 a { font-weight: bold; font-size: 11px; color: #CC00CC; text-decoration: none }
.text1 a:link { font-weight: bold; font-size: 11px; color: #CC00CC; text-decoration: none }
.text1 a:visited { font-weight: bold; font-size: 11px; color: #CC00CC; text-decoration: none }
.text1 a:hover { font-weight: bold; font-size: 11px; color: #CC00CC; text-decoration: underline }
.text1 a:active { font-weight: bold; font-size: 11px; color: #CC00CC; text-decoration: underline }

p.dis {	margin-left:30px; margin-right:30px; background-color:#fcfcfc; padding:5px; color:#999999}

.text2 {
	font-weight: normal; 
	font-size: 10px; 
	color: #000000;
	font-family: Tahoma, Verdana, Arial; 
	text-align: justify;
	width: auto;
	margin-left:5px;
}
.text2 a { font-weight: bold; font-size: 11px; color: #666666; text-decoration: none }
.text2 a:link { font-weight: bold; font-size: 11px; color: #666666; text-decoration: none }
.text2 a:visited { font-weight: bold; font-size: 11px; color: #666666; text-decoration: none }
.text2 a:hover { font-weight: bold; font-size: 11px; color: #666666; text-decoration: underline }
.text2 a:active { font-weight: bold; font-size: 11px; color: #666666; text-decoration: underline }

.imag {float:left; margin-top: 20px; margin-left: 30px; margin-right: 0; margin-bottom: 10px;}
.imag1 {float:left; margin-left: 14px; margin-top: 250px;}
.imag2 {float:right; margin-top:16px; margin-left: 50px;}
.elem {float:right; margin-right: 0}

.im {border:1px solid #990099; margin-top:4px}
.im2 {border:1px solid #eb030a; margin-top:4px}
.im3 {border:1px solid #FF6600; margin-top:4px}
.im4 {border:1px solid #3399CC; margin-top:4px}
.im5 {border:1px solid #000099; margin-top:4px}
.im6 {border:1px solid #009933; margin-top:4px}
.im7 {border:1px solid #FF0099; margin-top:4px}
.im8 {border:1px solid #663300; margin-top:4px}

span.i {font-weight:normal; font-style:italic; font-size:11px; font-family: Georgia, book Antiqua, serif;}