@charset "utf-8";

body {
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #CCCCCC;
	background-color: #666666;
	background-image: url(../img/BG.jpg);
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    }

P{
margin:0px;
padding:0px;
}

A {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #9fd200;
text-decoration:none;
}

A:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #9fd200;
text-decoration:underline;
}


#container {
    width: 970px;  
    background: #141418;
    margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
     background-color:#353535;
	}

#top{
width:970px;
background-color:#1e1e1e;
height:50px;
background-image:url(../img/bg_top.gif);
background-repeat:repeat-x;
}

#topnavi{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
padding-top:20px;
padding-left:25px;
float:left;
width:250px;
}

#topnavi A{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
text-decoration:none;
}

#topnavi A:hover{
text-decoration:underline;
}


#topimage{
padding-left: 670px;
width:200px;

}

#mainpic{
width:970px;
height:220px;
}

#navi{
background-image:url(../img/bg_navi.gif);
height:42px;
}

#navi A{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#CCCCCC;
line-height:22px;
text-decoration:none;
}

#navi A:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#CCCCCC;
line-height:22px;
text-decoration:underline;
}

#naviinner{
margin-top:15px;
margin-left:25px;
}


#content{
padding-top:30px;
padding-left:25px;
padding-bottom:20px;
}

#left {
	text-align:left;
	float:left;
	width: 265px;
	margin-top:10px;
}

#subnavi{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#3399FF;
line-height:22px;
padding-bottom:20px;
}

#subnavi A{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#3399FF;
line-height:22px;
padding-bottom:20px;
text-decoration:none;
}

#subnavi A:hover{
text-decoration:underline;
}

#subnavi A img{
border:0px;
}


#left_boxes {

}

#left_boxes IMG{
border:0px;
padding:0px;
}

#left_boxes A{
border:0px;
}


#newstext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	padding-bottom:20px;
	color:#3399FF;
}

#right {
padding-left:295px;
width:605px;
}

#right_boxes {
padding:0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
color:#CCCCCC;
}

#right_boxes_products IMG{
border:0px;
padding:0px;
margin-top:20px;
}

#right_boxes_products A{
border:0px;
}

#right_boxes_players{
float:left;
border:0px;
padding-right:10px;
margin-top:20px;
}

#right_boxes_players IMG{
border:0px;
padding:0px;
}

#right_boxes_players A{
border:0px;
}

#right_boxes_players_text{
font-size:9px;
clear:both;
}

#right_boxes P{
padding:0px;
margin:0px;
}

#right_boxes A{
color:#9fd200;
}

#right_boxes A{
text-decoration:underline;
}

.header_green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #9fd200;
	font-weight: bold;
	padding-bottom:15px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #9fd200;
	font-weight: bold;
	padding-bottom:15px;
}

#footer{
clear:both;
padding-top:20px;
height:30px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#333333;
background-color:#1e1e1e;
}

#footer A{
clear:both;
padding-top:20px;
height:30px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#333333;
background-color:#1e1e1e;
}

.content{float:left;}

#mailform {
	font-family:Arial;
	font-size:12px;
	color:#CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	border:0px;
	}

.csc-mailform {
margin:3px;
	border:0px;
	}

.csc-mailform-field {
	padding-top:3px;
	padding-bottom:3px;
	}

.csc-mailform-field label {
	font-weight: bold;
	}


#mailformname {
margin-left:46px;
margin-top:5px;
	font-size:12px;
color:#333333;
	border:1px solid #666666;
	}

#mailformstrasse {
margin-left:6px;
margin-top:5px;
	font-size:12px;
color:#333333;
	border:1px solid #666666;
	}

#mailformPLZ {
margin-left:29px;
margin-top:5px;
	font-size:12px;
color:#333333;
	border:1px solid #666666;
	}

#mailformOrt {
margin-left:33px;
margin-top:5px;
	font-size:12px;
color:#333333;
	border:1px solid #666666;
	}

#mailformemail {
margin-left:49px;
margin-top:5px;
	font-size:12px;
color:#333333;
	border:1px solid #666666;
	}

#mailformnachricht {
width:350px;
margin-left:0px;
margin-top:5px;
	font-size:12px;
color:#333333;
	border:1px solid #666666;
	}

.csc-mailform-submit {
width:350px;
margin-left:0px;
margin-top:5px;
	font-size:12px;
color:#333333;
	border:1px solid #666666;
	}
#mailformEmail {
margin-left:20px;
margin-top:5px;
	font-size:12px;
color:#333333;
	border:1px solid #666666;
	}

#mailformMitteilung {
width:350px;
margin-left:57px;
margin-top:5px;
	font-size:12px;
color:#333333;
	border:1px solid #666666;
	}

.csc-mailform-submit {
width:350px;
margin-left:0px;
margin-top:5px;
	font-size:12px;
color:#333333;
	border:1px solid #666666;
	}