.kotaktext {
	
	border: 1px solid #959595;
	-webkit-border-top-left-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-topright:8px;
	-moz-border-radius-bottomright:8px;
	border-top-left-radius:8px;
	border-bottom-left-radius:8px;"	
}

.referral, ul{
        margin-left:auto;
        margin-right:auto;
		margin-top: 29px;
		margin-bottom: 0px;
        padding:10px;   
		width: 865px;
        background-color:#a9a4a400;        
		font-family : Helvetica, sans-serif;
		font-size : 12px;
		line-height:24px;
		font-weight: normal;
		color : #ffffff;
		letter-spacing: 1px;
		scrollbar-face-color:#DCDCDE;
		scrollbar-highlight-color:#a7a7a740;
		scrollbar-3dlight-color:#C2C2C2;
		scrollbar-darkshadow-color:#808080;
		scrollbar-shadow-color:#E7E7E9;
		scrollbar-arrow-color:#FFFFFF;	
       
    }

#header-content{
		font-size:25px;
		font-weight:bold;
		color:#959595;
		font-family: Arial, Helvetica, sans-serif;
		margin-left: 50px;
		margin-top: 0;
}

#submenu-wrapper{
	width:auto;
	height:50px;
	margin:0;
	margin-top:-40px;
	margin-bottom: 20px;
	margin-left: 20px;
}

#submenu{
	width:960px;
	height:50px;
	margin-left: -34px;
}

a.panduanlink-off{
	display:block;
	float:left;
	width:auto;
	height:20px;
	padding:10px 10px 12px 10px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing: 0px;	
	color:#ebebeb;
	font-size:12.5px;
	background-color:#959595;
    margin-left:1px;
    margin-right:1px;	

}

a.panduanlink,a.panduanlink-off:hover{
	display:block;
	float:left;
	width:auto;
	height:20px;
	padding:10px 10px 12px 10px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing: 0px;		
	color:white;
	font-size:12.5px;
	background-color:#ea1111;
	-webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
    margin-left:1px;
    margin-right:1px;    

}

.panduangroup {
    margin-left:1px;
    margin-right:1px;
	display:block;
	float:left;
	width:auto;
	height:20px;
	padding:10px 10px 12px 10px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	font-weight: bold;
	color:white;
	font-size:12.5px;
	background-color:#dd1f00;
	-webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;

}

#footer {
        background-color:#2C2C2C;
        background-image: url("images/bg_footer.jpg");
        background-repeat: repeat-x;
        height:55px;
        margin-top:0px;
}

.copyright{
    color: #333;
    font-family: Tahoma;
    font-size: 12px;
	font-weight: bold;    
    padding-bottom: 20px;
    text-align: center;
    
}
.game{
	background:white;
	margin:0 auto;
}

/* ----- Tabs ----- */

.tabs {
	width:auto;
	height:70px;
	margin-bottom:0px;
	margin-top:-25px;
	margin-left:auto;
}
.tabs li {
	float:left;
	margin:0;
	overflow:hidden;
	list-style:none;
	display:block;
	width:auto;
	height:auto;
	font-weight: bolder;
}
.tabs li a {
    display: block;
    float: left;
    width: auto;
    height: 20px;
    padding: 10px 10px 12px 10px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0px;
    color: #ebebeb;
    font-size: 12.5px;
    background-image: linear-gradient(#e6c570, #271e05);
    margin-left: 1px;
    margin-right: 1px;
}
.tabs li.active a {
margin-left: 1px;
    margin-right: 1px;
    display: block;
    float: left;
    width: auto;
    height: 20px;
    padding: 10px 10px 12px 10px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0px;
    font-weight: bold;
    color: white;
    font-size: 12.5px;
    background-image: linear-gradient(#ff0001, #3a0000);
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
}
.tabs li.active a:hover {
margin-left: 1px;
    margin-right: 1px;
    display: block;
    float: left;
    width: auto;
    height: 20px;
    padding: 10px 10px 12px 10px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0px;
    font-weight: bold;
    color: white;
    font-size: 12.5px;
    background-image: linear-gradient(#ff0001, #3a0000);
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
}
.tabs li a:hover {
margin-left: 1px;
    margin-right: 1px;
    display: block;
    float: left;
    width: auto;
    height: 20px;
    padding: 10px 10px 12px 10px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0px;
    font-weight: bold;
    color: white;
    font-size: 12.5px;
    background-image: linear-gradient(#e6c570, #271e05);
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
    opacity: 0.5;	

}
.tabs li a.tab-1:before {
	content:"\f046";
}
.tabs li a.tab-2:before {
	content:"\f046";
}
.tabs li a.tab-3:before {
	content:"\f046";
}
.tabs li a.tab-4:before {
	content:"\f046";
}
.tabs li a.tab-5:before{
	content:"\f046";
}
.tabs li a.tab-6:before {
	content:"\f046";
}
.tabs li a.tab-7:before {
	content:"\f046";
}
.tabs li a.tab-8:before {
	content:"\f046";
}
.tabs li a.tab-9:before {
	content:"\f046";
}
.tabs li a.tab-10:before {
	content:"\f046";
}
.tabs li a.tab-11:before {
	content:"\f046";
}
.tabs li a.tab-1:before,
.tabs li a.tab-2:before,
.tabs li a.tab-3:before,
.tabs li a.tab-4:before,
.tabs li a.tab-5:before,
.tabs li a.tab-6:before,
.tabs li a.tab-7:before,
.tabs li a.tab-8:before,
.tabs li a.tab-9:before,
.tabs li a.tab-10:before,
.tabs li a.tab-11:before{
	font-family:"FontAwesome";
	font-weight:normal;
	font-style:normal;
	vertical-align:middle;
	margin:0 8px 0 -6px;
	font-size:14px;
	color:#3498db;
}
/* ----- Content ----- */

#content {
	width: 100%;
}
#content h2 {
	font-size:160%;
	font-weight:700;
	margin:0;
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:12px;
	font-family:"Open Sans Condensed","Open Sans","Segoe UI",Arial;
}