@charset "utf-8";
/* CSS Document */
body{
margin:0;
padding:0;
background:#58ac25;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
p{
margin:0;
padding:0;
color:#fff;
line-height:18px;
font-size:12px;
}
.header{
width:1000px;
height:205px;
margin:auto;
padding-top:10px;
background:url(../images/banner.png) center 60px no-repeat;
/*background:url(../images/logo.jpg) bottom  no-repeat;*/
}
.header-top-nav{
width:750px;
font-weight:bold;
text-transform:uppercase;
margin-left:130px;
}
.header-top-nav a{
color:#000;
text-decoration:none;
}
.header-top-nav a:hover{
color:#111;
text-decoration:none;
}
.header-bottom-nav{
width:750px;
font-weight:bold;
color:#000;
text-transform:uppercase;
margin-left:130px;
margin-top:123px;
z-index:2000;
}

.header-bottom-nav a{
color:#000;
text-decoration:none;
}
.header-bottom-nav a:hover{
color:#111;
text-decoration:none;
}
.top-nav-link{
padding-bottom:8px;
padding-top:12px;

}
.top-nav-link a{
color:#000;
}
.top-nav-link a:hover{
color:#fff;
}
.top-nav-link-selected{
padding-bottom:8px;
padding-top:12px;
color:#fff;

}
.top-nav-link-selected a{
color:#fff;
}
.main-nav{
width:808px;
height:26px;
margin:auto;
}
.main-nav ul{
margin:0;
padding:0;
list-style:none;
font-size:14px;
font-weight:bold;
color:#fff;
}
.main-nav li{
display:inline;
padding-right:40px;
padding-top:4px;
}
.images-rolling{
width:800px;
height:auto;
padding-right:8px;
overflow:hidden;
margin:auto;
}
.marquee{
position:relative;
overflow:hidden;
width:809px;
height:150px;
left:96px;
}

.marquee img{
position:relative;
overflow:hidden;
height:150px;
left:195px;
}
.border-1{
width:810px;
margin:auto;
height:7px;
background:url(../images/dot-big.gif) top repeat-x;
padding:0;
}
.border-top{
width:810px;
margin:10px 0px 0px 0px;
height:7px;
background:url(../images/dot-big.gif) top repeat-x;
padding:0px;
}
.header-container{
position:relative;
width:1000px;
height:auto;
overflow:hidden;
margin:auto;
}
.football{
width:232px;
height:254px;
z-index:100;
position:absolute;
top:132px;
right:10px;
}
/* ####################################### Main ################################## */
.main{
width:810px;
height:auto;
overflow:hidden;
margin:auto;
}
.main-left{
width:32%;
height:594px;
overflow:hidden;
float:left;
margin-top:8px;
margin-bottom:5px;
margin-right:5px;

padding-right:0px;
}
.main-center{
width:48%;
height: auto; /* sets min-height for IE */
min-height: 594px; /* sets min-height value for all standards-compliant browsers */
overflow:hidden;
float:left;
padding-left:5px;

}
.main-right{
width:47%;
height: expression(this.scrollHeight < 581 ? "594px" : "auto" ); /* sets min-height for IE */
min-height: 594px; /* sets min-height value for all standards-compliant browsers */
overflow:hidden;
float:left;
margin-left:5px;
padding-left:6px;
border-left:2px solid #ffffff;
}
.title-bg{
width:100%;
height:31px;
background:#000;
margin-bottom:4px;
}
.title-image{
margin:2px;
margin-top:3px;
text-align:left;
width:10%;
float:left;
}
.title-text{
margin:2px;
text-align:left;
width:60%;
float:left;
color:#fff;
font-size:18px;
font-weight:bold;
padding-left:4px;
text-transform:uppercase;
letter-spacing:1.0px;
line-height:26px;
}
.title1{
width:100%;
height:auto;
margin-bottom:4px;
color:#000;
font-size:14px;
font-weight:bold;
text-align:left;
text-transform:uppercase;
}
.text{
width:100%;
height:auto;
margin-bottom:4px;
color:#fff;
font-size:11px;
font-weight:normal;
text-align:left;
text-transform:none;
line-height:14px;
}
.text2{
width:95%;
height:auto;
margin-bottom:20px;
margin-top:25px;
margin-left:5px;
color:#fff;
font-size:11px;
font-weight:normal;
text-align:left;
text-transform:none;
line-height:14px;
}
.text3{
width:95%;
margin-left:6px;
color:#fff;
font-size:11px;
font-weight:normal;
/*font-weight:bold;
*/text-align:left;
text-transform:none;
line-height:22px;
color:#000;
}
.text4{
width:95%;
margin-top:6px;
margin-left:6px;
color:#fff;
font-size:16px;
font-weight:normal;
text-align:left;
text-transform:none;
line-height:22px;
color:#fff;
}
.viewmore{
margin-bottom:10px;
margin-top:10px;
width:100%;
height:auto;
overflow:hidden;
}
.viewmore-arrow{
width:12%;
float:left;
}
.viewmore-link{
width:82%;
float:left;
color:#fff;
font-size:11px;
text-align:left;
text-transform:none;
line-height:15px;
}
.viewmore-link a{
color:#fff;
text-decoration:none;
}
.viewmore-link a:hover{
color:#fff;
text-decoration:none;
}
.image-1{
width:100%;
height:auto;
overflow:hidden;
text-align:left;
margin-bottom:4px;
}
.line1{
width:100%;
margin-top:4px;
margin-bottom:8px;
height:3px;
background:url(../images/dot-small.gif) repeat-x;
}
.line2{
width:98%;
margin-top:30px;
margin-bottom:15px;
margin-left:4px;
height:3px;
background:url(../images/dot-small.gif) repeat-x;
}
.line3{
width:98%;
margin-top:20px;
margin-bottom:20px;
margin-left:4px;
height:3px;
background:url(../images/dot-small.gif) repeat-x;
}
.line4{
width:98%;
margin-top:20px;
margin-bottom:10px;
margin-left:4px;
height:3px;
background:url(../images/dot-small.gif) repeat-x;
}
.image-2-container{
width:100%;
height:auto;
overflow:hidden;
text-align:left;
margin-bottom:4px;
}
.image-2-left{
float:left;
width:50%;
}
.image-2-right{
float:right;
width:49%;
}
.title-bg-1{
width:100%;
height:31px;
margin-bottom:4px;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
text-align:left;
color:#fff;
font-size:18px;
font-weight:bold;
text-transform:uppercase;
line-height:28px;
letter-spacing:1.0px;
}
.video-container{
width:100%;
height:100%;
overflow:hidden;
margin-bottom:4px;
}
.video{
width:258px;
height:208px;
background:url(../images/movie-bg.gif) no-repeat;
padding-left:2px;
padding-right:2px;
padding-top:2px;
}
.play-video{
width:160px;
height:142px;
background:url(../images/movie-bg-small.gif) no-repeat;
border:4px solid #000000;
background:#000;
margin-bottom:5px;
}
.play-video-image{
width:158px;
height:122px;
margin:0;
padding:0;
}
.play-video-link{
width:158px;
height:18px;
text-align:center;
font-size:10px;
color:#fff;
line-height:16px;
}
.play-video-link a{
color:#fff;
text-decoration:none;
}
.play-video-link a:hover{
color:#fff;
text-decoration:underline;
}
.clock-digital{
width:100%;
height:31px;
background:#000;
margin-bottom:4px;
padding:2px;
}
.clock-container{
width:90%;
margin-left:10px;
}
.day{
width:30%;
margin-left:4px;
margin-top:4px;
margin-bottom:4px;
text-align:center;
float:left;
border-left:2px solid #fff;
color:#ccff00;
font-size:18px;
font-weight:bold;
}
.game-started{
width:90%;
margin-left:4px;
margin-top:4px;
margin-bottom:4px;
text-align:center;
float:left;
color:#ccff00;
font-size:18px;
font-weight:bold;
}
.year{
width:30%;
margin-left:0px;
margin-top:4px;
margin-bottom:4px;
text-align:center;
float:left;
border-left:2px solid #fff;
color:#ccff00;
font-size:18px;
font-weight:bold;
margin-right:2px;
}
.minute{
width:30%;
margin-left:1px;
margin-top:4px;
margin-bottom:4px;
text-align:center;
float:left;
border-left:2px solid #fff;
border-right:2px solid #fff;
color:#ccff00;
font-size:18px;
font-weight:bold;
margin-right:2px;
}
.clock-text-container{
width:90%;
margin-left:10px;
}
.clock-text{
width:30%;
margin-left:5px;
margin-bottom:2px;
text-align:center;
float:left;
color:#000;
font-size:11px;
font-weight:bold;
}
.loginform{
width:240px;
height:199px;
text-align:right;
background:url(../images/loginform-bg.gif) no-repeat;
padding:5px;
}
.login-title{
text-align:center;
}
.formcontainer{
margin-left:20px;
color:#fff;
font-size:11px;
font-weight:normal;
text-transform:none;
line-height:21px;
text-align:left;
}
.textfield{
width:198px;
height:23px;
border:0px;
margin:0;
padding:0;
font-size:11px;
color:#000;
background:url(../images/bg-textfield.gif) no-repeat;
}
.button{
width:102px;
height:21px;
border:0px;
margin:0;
padding:0;
font-size:11px;
color:#000;
background:url(../images/button.gif) no-repeat;
cursor:pointer;
}
.title2{
color:#fff;
font-size:20px;
font-weight:bold;
line-height:29px;
margin-left:6px;
}
.footer{
border-top:2px solid #fff;
width:810px;
height:auto;
overflow:hidden;
margin:auto;
}
.footer-content{
text-align:center;
color:#fff;
font-size:11px;
font-weight:bold;
line-height:24px;
}
/*.pagination{
	text-align:center;
	color:#fff;
	font-size:10px;
	line-height:24px;
}
.pagination a{
	text-align:center;
	color:#fff;
	line-height:24px;
	text-decoration:none;
}
*/
/*pagination*/
.pagination {padding-top: 5px; height: 26px; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding-bottom:5px }
.pagination a {font-weight: bold; padding: 2px 5px 2px 5px; border: 1px solid #000000; text-decoration: none; color: #000000}
.pagination a:hover, .pagination a:active {border: 1px solid #000000; background-color: #000000; color: #fff}
.pagination span.current {padding: 4px 7px 4px 7px; margin: 2px; border: 1px solid #15478C; font-weight: bold; background-color: #15478C; color: #FFF}
.pagination span.disabled {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #ddd; color: #fff}
/* ############################################################# LAYOUT 1 ############################################################ */
.main-layout1{
width:810px;
height:auto;
overflow:hidden;
margin:auto;
}
.main-layout1-left{
width:28%;
height:auto;
overflow:hidden;
float:left;
margin-top:8px;
margin-bottom:5px;
padding-right:4px;
}
.main-layout1-right{
width:70%;
height:auto;
overflow:hidden;
float:left;
margin-top:8px;
margin-bottom:5px;
padding-right:6px;
}
.main-layout2{
width:810px;
height:auto;
overflow:hidden;
margin:auto;
}
.image-container-layout2{
width:810px;
height:auto;
overflow:hidden;
margin:auto;
}
.image-container{
width:23%;
float:left;
height:auto;
overflow:hidden;
margin-bottom:20px;
margin-right:14px;
}

.title-layout2{
width:250px;
height:31px;
background:#000;
margin-top:60px;
margin-bottom:24px;
color:#fff;
font-size:18px;
font-weight:bold;
padding-left:8px;
text-transform:uppercase;
line-height:30px;
letter-spacing:1.0px;
}
.contact-left{
width:30%;
height:auto;
overflow:hidden;
float:left;
margin-right:10px;
text-align:left;
padding-top:30px;
padding-bottom:30px;
}
.contact-right{
width:68%;
height:auto;
overflow:hidden;
float:left;
text-align:left;
padding-top:30px;
padding-bottom:30px;
}
.title-layout3{
width:98%;
height:31px;
background:#000;
margin-bottom:26px;
color:#fff;
font-size:18px;
font-weight:600;
padding-left:8px;
text-transform:uppercase;
line-height:30px;
letter-spacing:1.0px;
}
.text-white{
width:95%;
height:auto;
margin-bottom:12px;
margin-top:2px;
padding-left:8px;
color:#fff;
font-size:11px;
font-weight:bold;
text-align:left;
text-transform:none;
line-height:20px;
}
.text-white a{
color:#fff;
text-decoration:none;
}
.text-white a:hover{
color:#fff;
text-decoration:underline;
}
.text-black{
width:95%;
height:auto;
margin-bottom:2px;
margin-top:2px;
padding-left:8px;
color:#000;
font-size:11px;
font-weight:bold;
text-align:left;
text-transform:none;
line-height:20px;
}
.text-black a{
color:#fff;
text-decoration:none;
}
.text-black a:hover{
color:#000;
text-decoration:underline;
}
/* ####################################################### new style ########################################################### */
.left-menu{
width:200px;
height:auto;
overflow:hidden;
margin-left:20px;
}
.left-menu-box-top{
width:184px;
height:17px;
background:url(../images/left-menu-box-top.gif) top no-repeat;
}
.left-menu-box-bottom{
width:184px;
height:17px;
background:url(../images/left-menu-box-bottom.gif) top no-repeat;
}
.left-menu-box-fill{
width:184px;
height:auto;
overflow:hidden;
background:url(../images/left-menu-box-fill.gif) repeat-y;
}
.left-menu-box-fill ul{
list-style:none;
margin:0px 0px 24px 2px;
padding:0px;
font-size:10px;
text-transform:uppercase;
font-weight:bold;
}
.left-menu-box-fill li{
width:87%;
line-height:30px;
color:#000;
background:url(../images/left-menu-bg-default.gif) left no-repeat;
}
.left-menu-box-fill li a{
padding-left:30px;
color:#000;
text-decoration:none;
background:url(../images/left-menu-bg-default.gif) left no-repeat;
}
.left-menu-box-fill li a:hover{
color:#fff;
text-decoration:none;
background:url(../images/left-menu-bg-arrow.gif) left no-repeat;
}

.title-container{
width:99%;
height:auto;
overflow:hidden;
margin-bottom:-34px;
}
.title-right{
width:48%;
height:27px;
background:#fff;
color:#669933;
font-size:18px;
font-weight:bold;
padding-left:8px;
text-transform:uppercase;
line-height:24px;
border:2px solid #000;
float:left;
letter-spacing:0.8px;
}
.link-right{
width:49%;
height:27px;
margin-bottom:30px;
color:#000;
font-size:11px;
font-weight:bold;
text-transform:none;
line-height:24px;
float:right;
text-align:right;
}
.link-right a{
color:#000;
text-decoration:none;
}
.link-right a:hover{
color:#000;
text-decoration:underline;
}
.title-black{
width:100%;
color:#000;
padding:0;
margin-bottom:8px;
margin-top:30px;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
}
.content-text-white{
width:100%;
color:#fff;
padding:0;
margin-bottom:8px;
font-size:11px;
font-weight:normal;
line-height:14px;
padding-top:30px;
}
.content-text-white a{
text-decoration:none;
color:#FFFFFF;
}

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

.download-left{
width:60%;
height:auto;
overflow:hidden;
color:#fff;
margin:40px;
font-size:11px;
padding:0;
border:0;
font-weight:normal;
}

.image-container-left{
padding-top:61px;
width:98%;
text-align:center;
height:auto;
overflow:hidden;
}
.image-left{
margin-bottom:10px;
margin-right:10px;
float:left;
border:0px;
text-align:left;
}
.team-details{
width:100%;
height:auto;
overflow:hidden;
}
.team-details-allcampign{
width:100%;
padding-top:35px;
height:auto;
overflow:hidden;
}
.team-details-text{
width:70%;
color:#fff;
padding:0;
margin-bottom:8px;
font-size:11px;
font-weight:normal;
line-height:14px;
float:right;
height:auto;
overflow:hidden;
}

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

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

.team-details-image{
width:28%;
float:left;
height:auto;
overflow:hidden;
}
.sponser-details{
width:31%;
float:left;
height:auto;
overflow:hidden;
margin-right:10px;
text-align:left;
line-height:30px;
color:#fff;
font-weight:bold;
}
.ecard{
width:99%;
height:auto;
margin-left:75px;
overflow:hidden;
}
.ecard-big{
width:348px;
height:262px;
overflow:hidden;
margin-bottom:20px;
text-align:left;
margin-top:60px;
border:5px solid #fff;
}
.ecard-small-container{
width:75%;
height:auto;
overflow:hidden;
}
.ecard-small{
width:76px;
height:57px;
overflow:hidden;
margin-right:10px;
margin-bottom:10px;
float:left;
text-align:left;
border:3px solid #fff;
}
.formcontainer-left{
margin-left:5px;
color:#fff;
font-size:11px;
font-weight:normal;
text-transform:none;
line-height:14px;
text-align:left;
}
.textfield1{
width:99%;
height:20px;
border:0px;
margin-top:4px;
padding:0;
font-size:11px;
color:#000;
background-color:#58ac25;
border:1px solid #fff;
}
.dropdown1{
width:99%;
height:20px;
border:0px;
margin-top:4px;
padding:0;
font-size:11px;
color:#fff;
background-color:#58ac25;
border:1px solid #fff;
}
.textarea1{
width:99%;
border:0px;
margin-top:4px;
padding:0;
font-size:11px;
color:#000;
background-color:#58ac25;
border:1px solid #fff;
}
.button1{
width:102px;
height:21px;
border:0px;
margin:0;
padding:0;
font-size:11px;
color:#000;
background:url(../images/button.gif) no-repeat;
cursor:pointer;
}
.button-verstuur{
width:138px;
height:33px;
border:0px;
margin:0;
padding:0;
font-size:11px;
color:#000;
background:url(../images/btn-verstuur.gif) no-repeat;
cursor:pointer;
}
.contact-left1{
width:68%;
height:auto;
overflow:hidden;
float:left;
margin-right:10px;
text-align:left;
padding-top:30px;
padding-bottom:30px;
}
.contact-right1{
width:30%;
height:auto;
overflow:hidden;
float:left;
text-align:left;
padding-top:30px;
padding-bottom:30px;
}
.text-download{
width:99%;
height:auto;
overflow:hidden;
padding-bottom:5px;
}
.text-download-left{
width:42%;
height:auto;
overflow:hidden;
float:left;
text-align:left;
color:#000;
line-height:18px;
}
.text-download-left a{
color:#fff;
text-decoration:none;
}
.text-download-left a:hover{
color:#fff;
text-decoration:underline;
}
.text-download-right{
width:52%;
height:auto;
overflow:hidden;
float:right;
text-align:right;
color:#fff;
line-height:18px;
}
.text-download-right a{
color:#fff;
text-decoration:none;
}
.text-download-right a:hover{
color:#fff;
text-decoration:underline;
}
.contact-right-campign{
width:99%;
height:auto;
overflow:hidden;
float:left;
text-align:left;
padding-top:30px;
padding-bottom:30px;
}
.image-campign{
width:240px;
height:auto;
overflow:hidden;
float:left;
margin-bottom:10px;
}
.content-text-campign{
width:68%;
color:#fff;
padding:0;
margin-bottom:8px;
font-size:11px;
font-weight:normal;
line-height:14px;
float:right;
}
.content-text-campign a{
text-decoration:none;
color:fff;
}
.content-text-campign a:hover{
color:#fff;
text-decoration:underline;
}
.campign-content{
width:100%;
height:auto;
overflow:hidden;
padding:0;
margin:0;
}
.zoom-container{
width:458px;
height:auto;
overflow:hidden !important;
text-align:center;
border:2px solid white;
margin:0;
}
.zoom-button{
width:98%;
height:auto;
overflow:hidden;
text-align:right;
color:#fff;
line-height:30px;
vertical-align:middle;
}
.zoom-button a{
color:#fff;
text-decoration:none;
}
.zoom-button a:hover{
color:#fff;
text-decoration:underline;
}
.zoom-image{
width:100%;
border:0;
height:auto;
overflow:hidden;
}
.no-content{
	height:200px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:white;
	text-align:center;
	padding-top:20px;
}
.textbox{
	width:170px;
	height:20px;
	margin-top:4px;
	padding:0;
	font-size:11px;
	color:#000;
	background-color:#58ac25;
	border:1px solid #fff;
}	
.textarea{
	margin-top:4px;
	padding:0;
	font-size:11px;
	color:#000;
	background-color:#58ac25;
	border:1px solid #fff;
}	
.title{
color:#142d51;
font-size:11px;
font-weight:bold;
}
/* Added Styles on October 12, 2010 for Twitter Messages */
.twitter-messages{
width:100%;
height:auto;
padding:0px;
font-size:12px;
color:#fff;
}
.twitter-title{
width:100%;
text-align:left;
color:#fff;
font-size:18px;
font-weight:bold;
text-transform:uppercase;
line-height:28px;
letter-spacing:1.0px;
}
.twitter-title h1{
width:80%;
color:#fff;
font-size:18px;
font-weight:bold;
text-transform:uppercase;
line-height:28px;
letter-spacing:1.0px;
padding-left:20px;
background:url(../images/twitter-bird.png) left center no-repeat;
}
#twitter_div{
width:100%;
height:auto;
}
#twitter_div ul{
width:100%;
height:auto;
list-style:none;
padding:0px;
margin:0px;
}
#twitter_div ul li{
width:100%;
height:auto;
padding-bottom:5px;
}
#twitter_div ul li a{
color:#fff;
text-decoration:underline;
}
#twitter_div ul li a:hover{
color:#fff;
text-decoration:none;
}