html, body {
	width: 100%;
	padding: 0px;
	margin: 0px;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	
	background: url(Bilder/bg.jpg) #114A5E left top repeat-x;

    scrollbar-base-color: #cccccc;
    scrollbar-3dlight-color: #333333;
    scrollbar-arrow-color: #333333;
    scrollbar-darkshadow-color: #333333;
    scrollbar-face-color: #cccccc;
    scrollbar-highlight-color: #cccccc;
    scrollbar-shadow-color: #cccccc;
    scrollbar-track-color: #cccccc;
}

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

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

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

.title {
	padding-top: 1px;
	text-align: left;
	
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
}

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

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

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

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

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

a.titlelink {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

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

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

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

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

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

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

#headertitle {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 20px;
    color: #EEEEEE;
	font-weight: bold;
}
  
#headersubtitle {
	padding-top: 2px;
	padding-left: 10px;
	
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
    color: #DDDDDD;
	font-weight: bold;
}

a.latest {
	font-size: 18px;
    color: #B6B6B6;
    text-decoration: none;
}
  
.username {
	height: 15px;
	width: 135px;
    background: url(Bilder/username.jpg) #124C60 no-repeat top left;
    border: 0px;

    padding-top: 3px;
    padding-left: 4px;
    padding-right: 4px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
    color: #FFFFFF;
}

.password {
	height: 15px;
	width: 118px;
    background: url(Bilder/password.jpg) #124C60 no-repeat top left;
    border: 0px;

    padding-top: 3px;
    padding-left: 4px;
    padding-right: 2px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
    color: #FFFFFF;
}

#register {
	padding-bottom: 1px;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #327E8E;
}

a.register, a.register:visited, a.register:active {
	color: #327E8E;
    text-decoration: underline;
}

a.register:hover {
	color: #327E8E;
    text-decoration: none;
}

a.usermenue {
	color: #327E8E;
	text-decoration: none;
}

a.usermenue:hover {
	color: #327E8E;
	text-decoration: underline;
}

.smallbutton {
	height: 17px;
	width: 17px;
	background: #EEEEEE;
	color: #909090;
}

.footer {
	color: #FFFFFF;
}

a.footer {
    color: #FFFFFF;
    text-decoration: none;
}

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

#headernavi-active {
    height: 23px;
    width: 101px;
	display: block;
	
    background: url(Bilder/headernavi-active.jpg) no-repeat top center;
    
    
	padding-top: 7px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #FFFFFF;
    text-decoration: none;
}

#headernavi-rightbutton-active {
    height: 23px;
    width: 101px;
	display: block;
	
    background: url(Bilder/headernavi-rightbutton-active.jpg) no-repeat top center;
    
    
	padding-top: 7px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #FFFFFF;
    text-decoration: none;
}

a.headernavi {
    height: 19px;
    width: 101px;
	display: block;
	
    background: url(Bilder/headernavi-inactive.jpg) no-repeat top center;
    
    
	padding-top: 7px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #FFFFFF;
    text-decoration: none;
}

a.headernavi:hover {
    height: 19px;
    width: 101px;
	display: block;
	
    background: url(Bilder/headernavi-hover.jpg) no-repeat top center;
    
    
	padding-top: 7px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #FFFFFF;
    text-decoration: none;
}

.menuehead {
	height: 13px;
	width: 181px;
	
	background: url(Bilder/menuehead.jpg) no-repeat top center;
    
    
	padding-top: 1px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
}

a.menuetitle {
	cursor: text;
	
	color: #FFFFFF;
    text-decoration: none;
}

.menue {
	border: 1px solid #CACACA;
	padding: 1px;
}

#menuesub-active {
    padding-top: 3px;
    padding-bottom: 1px;
    height: 16px;
    width: 155px;
	display: block;
	
	background: url(Bilder/menuesub-active.jpg) no-repeat top left;
    
    
	padding-top: 3px;
	padding-left: 11px;
    padding-right: 11px;
	text-align: left;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #FFFFFF;
    text-decoration: none;
}

.menuesub {
    padding-top: 3px;
    padding-bottom: 1px;
    height: 16px;
    width: 155px;
	display: block;
	
	background: url(Bilder/menuesub-inactive.jpg) no-repeat top left;
    
    
    padding-top: 3px;
    padding-left: 11px;
    padding-right: 11px;
	text-align: left;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #909090;
    text-decoration: none;
}

.menuesub-hover {
    padding-top: 3px;
    padding-bottom: 1px;
    height: 16px;
    width: 155px;
	display: block;
	cursor: pointer;
	
	background: url(Bilder/menuesub-hover.jpg) no-repeat top left;
    
    
    padding-top: 3px;
    padding-left: 11px;
    padding-right: 11px;
	text-align: left;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #909090;
    text-decoration: none;
}

.menuesub-active {
    padding-top: 3px;
    padding-bottom: 1px;
    height: 16px;
    width: 155px;
	display: block;	
	background: url(Bilder/menuesub-active.jpg) no-repeat top left;   
    padding-top: 3px;
    padding-left: 11px;
    padding-right: 11px;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #FFFFFF;
 text-decoration: none;
}

a.menuesub {
    padding-top: 3px;
    padding-bottom: 1px;
    height: 16px;
    width: 155px;
	display: block;
	
	background: url(Bilder/menuesub-inactive.jpg) no-repeat top left;
    
    
    padding-top: 3px;
    padding-left: 11px;
    padding-right: 11px;
	text-align: left;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #909090;
    text-decoration: none;
}

a.menuesub:hover {
    padding-top: 3px;
    padding-bottom: 1px;
    height: 16px;
    width: 155px;
	display: block;
	
	background: url(Bilder/menuesub-hover.jpg) no-repeat top left;
    
    
    padding-top: 3px;
    padding-left: 11px;
    padding-right: 11px;
	text-align: left;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #909090;
    text-decoration: none;
}

.menuesubtext{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #909090;
 text-decoration: none;
}

.menuesubtext-active{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #FFFFFF;
 text-decoration: none;
}

.switch {
	display: inline-table;
    text-transform: uppercase;
 }

a.switch-1-1-active {
	height: 12px;
	width: 77px;
	display: block;
	
	background: url(Bilder/switch-1-1-active.jpg) no-repeat top center;
    
    
	padding-top: 1px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #FFFFFF;
    text-decoration: none;
}

a.switch-1-1 {
	height: 12px;
	width: 77px;
	display: block;
	
	background: url(Bilder/switch-1-1-inactive.jpg) no-repeat top center;
    
    
	padding-top: 1px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #909090;
    text-decoration: none;
}

a.switch-1-1:hover {
	height: 12px;
	width: 77px;
	display: block;
	cursor: pointer;
	
	background: url(Bilder/switch-1-1-hover.jpg) no-repeat top center;
    
    
	padding-top: 1px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #909090;
    text-decoration: none;
}

a.switch-1-2-active {
	height: 12px;
	width: 104px;
	display: block;
	
	background: url(Bilder/switch-1-2-active.jpg) no-repeat top center;
    
    
	padding-top: 1px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #FFFFFF;
    text-decoration: none;
}

a.switch-1-2 {
	height: 12px;
	width: 104px;
	display: block;
	
	background: url(Bilder/switch-1-2-inactive.jpg) no-repeat top center;
    
    
	padding-top: 1px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #909090;
    text-decoration: none;
}

a.switch-1-2:hover {
	height: 12px;
	width: 104px;
	display: block;
	cursor: pointer;
	
	background: url(Bilder/switch-1-2-hover.jpg) no-repeat top center;
    
    
	padding-top: 1px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #909090;
    text-decoration: none;
}

a.switch-2-1-active {
	height: 12px;
	width: 58px;
	display: block;
	
	background: url(Bilder/switch-2-1-active.jpg) no-repeat top center;
    
    
	padding-top: 1px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #FFFFFF;
    text-decoration: none;
}

a.switch-2-1 {
	height: 12px;
	width: 58px;
	display: block;
	
	background: url(Bilder/switch-2-1-inactive.jpg) no-repeat top center;
    
    
	padding-top: 1px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #909090;
    text-decoration: none;
}

a.switch-2-1:hover {
	height: 12px;
	width: 58px;
	display: block;
	cursor: pointer;
	
	background: url(Bilder/switch-2-1-hover.jpg) no-repeat top center;
    
    
	padding-top: 1px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #909090;
    text-decoration: none;
}

a.switch-2-2-active {
	height: 12px;
	width: 47px;
	display: block;
	
	background: url(Bilder/switch-2-2-active.jpg) no-repeat top center;
    
    
	padding-top: 1px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #FFFFFF;
    text-decoration: none;
}

a.switch-2-2 {
	height: 12px;
	width: 47px;
	display: block;
	
	background: url(Bilder/switch-2-2-inactive.jpg) no-repeat top center;
    
    
	padding-top: 1px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #909090;
    text-decoration: none;
}

a.switch-2-2:hover {
	height: 12px;
	width: 47px;
	display: block;
	cursor: pointer;
	
	background: url(Bilder/switch-2-2-hover.jpg) no-repeat top center;
    
    
	padding-top: 1px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #909090;
    text-decoration: none;
}

a.switch-2-3-active {
	height: 12px;
	width: 76px;
	display: block;
	
	background: url(Bilder/switch-2-3-active.jpg) no-repeat top center;
    
    
	padding-top: 1px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #FFFFFF;
    text-decoration: none;
}

a.switch-2-3 {
	height: 12px;
	width: 76px;
	display: block;
	
	background: url(Bilder/switch-2-3-inactive.jpg) no-repeat top center;
    
    
	padding-top: 1px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #909090;
    text-decoration: none;
}

a.switch-2-3:hover {
	height: 12px;
	width: 76px;
	display: block;
	cursor: pointer;
	
	background: url(Bilder/switch-2-3-hover.jpg) no-repeat top center;
    
    
	padding-top: 1px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #909090;
    text-decoration: none;
}

a.switch-3-1-active {
	height: 12px;
	width: 62px;
	display: block;
	
	background: url(Bilder/switch-3-1-active.jpg) no-repeat top center;
    
    
	padding-top: 1px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #FFFFFF;
    text-decoration: none;
}

a.switch-3-1 {
	height: 12px;
	width: 62px;
	display: block;
	
	background: url(Bilder/switch-3-1-inactive.jpg) no-repeat top center;
    
    
	padding-top: 1px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #909090;
    text-decoration: none;
}

a.switch-3-1:hover {
	height: 12px;
	width: 62px;
	display: block;
	cursor: pointer;
	
	background: url(Bilder/switch-3-1-hover.jpg) no-repeat top center;
    
    
	padding-top: 1px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #909090;
    text-decoration: none;
}

a.switch-3-2-active {
	height: 12px;
	width: 76px;
	display: block;
	
	background: url(Bilder/switch-3-2-active.jpg) no-repeat top center;
    
    
	padding-top: 1px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #FFFFFF;
    text-decoration: none;
}

a.switch-3-2 {
	height: 12px;
	width: 76px;
	display: block;
	
	background: url(Bilder/switch-3-2-inactive.jpg) no-repeat top center;
    
    
	padding-top: 1px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #909090;
    text-decoration: none;
}

a.switch-3-2:hover {
	height: 12px;
	width: 76px;
	display: block;
	cursor: pointer;
	
	background: url(Bilder/switch-3-2-hover.jpg) no-repeat top center;
    
    
	padding-top: 1px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #909090;
    text-decoration: none;
}

a.switch-3-3-active {
	height: 12px;
	width: 43px;
	display: block;
	
	background: url(Bilder/switch-3-3-active.jpg) no-repeat top center;
    
    
	padding-top: 1px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #FFFFFF;
    text-decoration: none;
}

a.switch-3-3 {
	height: 12px;
	width: 43px;
	display: block;
	
	background: url(Bilder/switch-3-3-inactive.jpg) no-repeat top center;
    
    
	padding-top: 1px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #909090;
    text-decoration: none;
}

a.switch-3-3:hover {
	height: 12px;
	width: 43px;
	display: block;
	cursor: pointer;
	
	background: url(Bilder/switch-3-3-hover.jpg) no-repeat top center;
    
    
	padding-top: 1px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #909090;
    text-decoration: none;
}

a.switch-4-1-active {
	height: 12px;
	width: 95px;
	display: block;
	
	background: url(Bilder/switch-4-1-active.jpg) no-repeat top center;
    
    
	padding-top: 1px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #FFFFFF;
    text-decoration: none;
}

a.switch-4-1 {
	height: 12px;
	width: 95px;
	display: block;
	
	background: url(Bilder/switch-4-1-inactive.jpg) no-repeat top center;
    
    
	padding-top: 1px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #909090;
    text-decoration: none;
}

a.switch-4-1:hover {
	height: 12px;
	width: 95px;
	display: block;
	cursor: pointer;
	
	background: url(Bilder/switch-4-1-hover.jpg) no-repeat top center;
    
    
	padding-top: 1px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #909090;
    text-decoration: none;
}

a.switch-4-2-active {
	height: 12px;
	width: 86px;
	display: block;
	
	background: url(Bilder/switch-4-2-active.jpg) no-repeat top center;
    
    
	padding-top: 1px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #FFFFFF;
    text-decoration: none;
}

a.switch-4-2 {
	height: 12px;
	width: 86px;
	display: block;
	
	background: url(Bilder/switch-4-2-inactive.jpg) no-repeat top center;
    
    
	padding-top: 1px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #909090;
    text-decoration: none;
}

a.switch-4-2:hover {
	height: 12px;
	width: 86px;
	display: block;
	cursor: pointer;
	
	background: url(Bilder/switch-4-2-hover.jpg) no-repeat top center;
    
    
	padding-top: 1px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #909090;
    text-decoration: none;
}

.insert_div {
	display: none;

	background: #EEEEEE;
	border: 1px solid #CACACA;

	margin: 0px;
	margin-top: 3px;
	margin-bottom: 1px;
	
	padding: 0px;
}

.bbcode-button {
	height: 20px;
	width: 20px;
	border: none;
	cursor: pointer;
}


.tooltip {
	position: absolute;
	display: none;
	
	background-color: #14566E;
	border: 1px solid #186986;
	
	font-size: 11px;
	color: #CACACA;
}


td.refresh  {
	font-family: Verdana;
	font-size: 9px;
	color: #ffffff;
}

a.channellink:link, a.channellink:hover, a.channellink:visited, a.channellink:active {
	text-decoration: none;
	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-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}

td.channel  {
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
}

td.player  {
	font-family: Verdana,Arial;
	font-size: 9px;
	color: #000000;
}

td.offline  {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
}