/* allgemeine Angaben (body, Schriften, Überschriften usw.) */

body {
	margin:0px 0px 5px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	background-image:url(images/back.gif);
	background-color:#e8ddb6;
	min-height: 100%;	
	position: relative; 
	text-align: left;
}


/* Linkformatierungen */

.banner, a.banner:link, a.banner:visited, a.banner, active {
	color:#FFFFFF;
	text-decoration:none;
}

a.banner:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

/* Seitenlayout */
	
#header { 
	position:relative; 
	height:200px;
	background-image:url(images/head.jpg);		
}

#main {
	width: auto;
	position:relative;
}

#leftcol {
	float: left;
	width:160px;
	text-align:left;	
	padding:5px;
	position:relative;
}

#rightcol {
	float:right; 
	width: 160px;
	padding:5px;
	position:relative;
}

#midcol {
	width:auto;
	margin-left: 170px;
	margin-right: 170px;
	padding:5px;	
	position:relative;
}

table.midcol {
	widht:inherit;
}

#scrolltext {
	font-size:9px;
	color:#000000;
	width:auto;
	position:relative;
}


#leftcol {z-index: 3;}
#rightcol {z-index: 5;}
#midcol {z-index: 1;}
#leftcol_content {z-index: 4;}
#rightcol_content {z-index: 6;}
#midcol_content {z-index: 2; text-align:justify; }

#leftcol_content, #rightcol_content, #midcol_content { position:relative; }

.kasten {
	padding:0px; 
	border-left:1px solid #ffffff; 
	border-right:1px solid #ffffff;
	background-color:#e8ddb6;
	padding:5px;
}


/* Clearing */

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
 .clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix { display: block; } 

/* Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox { overflow:hidden; }

/* IE-Clearing: Benötigt nur der Internet Explorer */
.ie_clearing { display: none }


/* webspell originale */

table {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
}

h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-transform: uppercase;
    font-weight: bold;
}

.small {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 9px; 
    color: #000000;
}

.title {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    background-image: url(images/title_bg.gif);
    background-repeat: repeat;
    background-position: left top;
}

.boxhead {
    font-weight: bold;
    background-image: url(images/boxhead_dust2-box.gif);
    background-repeat:no-repeat;
    background-position: left top;
	width:156;
	line-height:19px;
	display:block;
	padding:1px 5px;
	color:#FFFFFF;
	font-size:11px;
}

.box {
	background-color:#e8ddb6;
    border: 1px solid #333333;
	width:100%;	
}

.category_big {  
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px; 
    color: #000000; 
    font-weight: bold; 
}

.category {  
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px; 
    color: #000000; 
    font-weight: normal; 
}

.marked {
    background-color: #000000;
    font-weight: bold;
}

.marked2 {
    font-weight: bold;
}


a, a:visited, a:active {
    color: #333333;
    text-decoration: none;
    font-weight: normal;
}

a:hover {
    color: #000000;
    text-decoration: underline;
    font-weight: normal;
}

a.titlelink, a.titlelink:visited, a.titlelink:active {
    color: #333333;
    text-decoration: none;
    font-weight: bold;
}

a.titlelink:hover {
    color: #000000;
    text-decoration: underline;
    font-weight: bold;
}

a.category, a.category:visited, a.category:active {
    color: #333333;
    text-decoration: none;
}

a.category:hover {
    color: #000000;
    text-decoration: underline;
}

option, textarea, input, select, file {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    color: #000000; 
    background-color: #FFFFFF; 
    border: 1px solid #333333;
}

.footer {
	color: #FFFFFF;
	size: 10px
}
			
.form_off {  
    color: #666666; 
    background-color: #DCDCDC; 
    border: 1px solid #666666;
}

.form_on {  
    color: #000000; 
    background-color: #e8ddb6; 
    border: 1px solid #000000;
}

.form_username {
    background-color: #e8ddb6;
    border: 1px solid #333333;
    background-image: url(images/username.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.form_password {
    background-color: #e8ddb6;
    border: 1px solid #333333;
    background-image: url(images/password.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.form_name {
    background-color: #e8ddb6;
    border: 1px solid #333333;
    background-image: url(images/name.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.form_text {
    background-color: #e8ddb6;
    border: 1px solid #333333;
    background-image: url(images/message.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.button, a.link:button, a.visited:button, a.active:button, a.hover:button {
    background-color: #e8ddb6;
    border: 1px solid #333333;
	padding:1px 5px;
}

.input { 
    background-color: transparent; 
    border: 1px none; 
    margin-top: 0px;
    margin-bottom: 0px;
}

.formtable {
	border: 1px solid #333333;
	background-color: #e8ddb6;
	padding:10px;
}

.formtable2 {
	border: 1px solid #333333;
	background-color: #e8ddb6;
}

/* TS-Viewer */

td.refresh		{
 font-family: Verdana;
 font-size: 9px;
 color: #000000;
}
a.channellink:link,
a.channellink:hover,
a.channellink:visited,
a.channellink:active {
 text-decoration: none;
 font: bold;
 font-family: Verdana;
 font-size: 10px;
 color: #000000;
}
a.refreshlink:link,
a.refreshlink:hover,
a.refreshlink:visited,
a.refreshlink:active {
 text-decoration: none;
 font-family: Verdana;
 font-size: 9px;
 color: #000000;
}
td.teamspeak		{
 font: bold;
 font-family: Verdana;
 font-size: 10px;
 color: #000000;
}
td.channel		{
 font: bold;
 font-family: Verdana;
 font-size: 10px;
 color: #000000;
}
td.player		{
 font-family: Verdana,Arial;
 font-size: 9px;
 color: #000000;
}
td.offline		{
 font: bold;
 font-family: Verdana;
 font-size: 10px;
 color: #000000;
}