/*<![CDATA[*/
* {
	margin: 0; padding: 0; border: 0; 
}
body, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	height: 100%;
	background: #555555;
	border: 0;
	overflow: hidden;
}


.inhalt {
	width:96%;
	height:98%;
	border:1px solid black;
	padding:5px;

}

#rahmen {
    position:absolute;
	height:400px;
	width:300px;
	margin:-200px 0px 0px -150px;
	top: 50%;
	left: 50%;
	background-color: orange;
}

#rahmen2 {
    position:absolute;
	height:30px;
	width:600px;
	margin:-15px 0px 0px -300px;
	top: 50%;
	left: 50%;
}

#rahmenschatten {
    position:absolute;
	height:400px;
	width:300px;
	margin:-195px 0px 0px -145px;
	top: 50%;
	left: 50%;
	background-color: black;
}

#drueberlegen {
    position:absolute;
	height:402px;
	width:302px;
	margin:-201px 0px 0px -151px;
	top: 50%; 
	left: 50%;
	background-color: #000000;
	
}

#links {
    position:absolute;
	height: 30px;
	width: 260px;
	margin: 20px 0px 0px 20px;
    border: 1px solid #000000;
	background-color: #900e0e;
	line-height:30px;
	text-align: center;
}


#linksschatten {
	position:absolute;
    height: 30px;
	width: 260px;
	margin: 25px 0px 0px 25px;
    background-color: black;
}

#mitte {
    position:absolute;
	height: 310px;
	width: 260px;
	margin: 70px 0px 0px 20px;
    border: 1px solid #000000;
	background-color: #900e0e;
	overflow: hidden;
}

#page {
    position:absolute;
	height: 290px;
	width: 240px;
	margin: 80px 0px 0px 30px;
    border: 1px solid #000000;
	background-color: #900e0e;
	text-align: center;
}

#mitteschatten {
    position:absolute;
	height: 310px;
	width: 260px;
	margin: 75px 0px 0px 25px;
    background-color: black;
}


#streifen {
	position:absolute;
	height:80px;
	width: 100%;
	margin: 70px 0px 0px 0px;
	top: 50%;
	background-color: orange;
	border: 1px solid #000000;
}

#streifenschatten {
	position:absolute;
	height:80px;
	width: 100%;
	margin: 75px 0px 0px 0px;
	top: 50%;
	background-color: black;
	border: 1px solid #000000;
}

#streifenhoch {
	position:absolute;
	height:100%;
	width: 30px;
	margin: 0px 0px 0px 90px;
	left: 50%;
	background-color: orange;
	border: 1px solid #000000;
}

#streifenhochschatten {
	position:absolute;
	height:100%;
	width: 30px;
	margin: 0px 0px 0px 95px;
	left: 50%;
	background-color: black;
	border: 1px solid #000000;
}


.input {
	background-color: #e7e7e7;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	width:60px
}

.input_chat {
	background-color: #e7e7e7;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #000000;
}

.button {
	border: 1px solid #000000;
	background-color: #e7e7e7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	padding:1px;
}

.button_s {
	border: 0.5px solid #000000;
	background-color: #e7e7e7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 6pt;
	color: #000000;
}

#chatwindow {
	font-size:10px;
}

.mehrals8 {
	position:absolute; 
	text-align:left; 
	top: 35%; 
	left:8%; 
	width:100%; 
}

.mehrals8_2 {
	position:absolute; 
	text-align:left; 
	top: 35%; 
	left:58%; 
	width:100%;
}

.wenigerals8 {
	position:absolute; 
	text-align:left; 
	top: 35%; 
	left:37%;
}