/************************************************************************************************/
/*template*/
/************************************************************************************************/
*{margin:0; padding:0; font-family:Verdana, Helvetica, sans-serif;}
img{border:0px;}
a{outline:none;}
br.clear{clear:both; font-size:0px;}
div.clear{clear:both; font-size:0px;}
ul{list-style:none;}
html{}
body{}


/************************************************************************************************/
/*container*/
/************************************************************************************************/
.container{width:1011px; margin:0px auto 0px auto; }

/************************************************************************************************/
/*header*/
/************************************************************************************************/
.header{width:1011px; height:128px; background:url(../images/header.png) no-repeat top left; position:relative; }
.header a{text-indent:-4000px; display:block; overflow:hidden; position:absolute; z-index:5000;}
.header a.link1{width:220px; height:70px; left:590px; top:40px; }
.header a.link2{width:160px; height:70px; left:830px; top:40px; }
.header .header_img{width:584px; height:128px; top:0px; left:0px; position:absolute; background:url(../images/header_img.png) repeat-x top left; z-index:1000;}
.header .header_img_img{width:584px; height:128px; top:0px; left:0px; position:absolute; background:url(../images/header_img.png) repeat-x top left; z-index:500; overflow:hidden;}

/************************************************************************************************/
/*timeline*/
/************************************************************************************************/
/*timeline*/
.timeline{width:1011px; height:177px; position:relative; background:url(../images/timeline.png) repeat-x top left; }
.timeline ul{left:15px; top:32px; position:absolute; }
.timeline ul li{width:100px; height:112px; position:relative; background:url(../images/timeline_icon_cup.png) no-repeat bottom center; float:left; margin:0px 22px 0px 0px; }
.timeline ul li img{margin:0px auto 0px auto; left:0px; right:0px; bottom:5px; position:absolute; }

.timeline ul li span{width:100px; height:45px; display:block; background:url(../images/timeline_dot.png) no-repeat center center;}
.timeline ul li span.begin{background:url(../images/timeline_dot_begin.png) no-repeat center center;  }
.timeline ul li span.center{background:url(../images/timeline_dot_center.png) no-repeat center center;}
.timeline ul li span.end{background:url(../images/timeline_dot_end.png) no-repeat center center;}

.timeline ul li a{font-size:10px; color:#08bdf9; font-weight:bold; display:block; padding:5px 0px 0px 0px; text-decoration:none; text-align:center; }
.timeline ul li a:hover{text-decoration:underline;}

.timeline ul li.on span{background:url(../images/timeline_dot_on.png) no-repeat center center;}
.timeline ul li.on span.begin{background:url(../images/timeline_dot_begin_on.png) no-repeat center center;  }
.timeline ul li.on span.center{background:url(../images/timeline_dot_center_on.png) no-repeat center center;}
.timeline ul li.on span.end{background:url(../images/timeline_dot_end_on.png) no-repeat center center;}

.timeline ul li.on a{color:#ff6600;}
.timeline ul li.on a:hover{text-decoration:underline;}

.timeline ul li.locatie div{width:109px; height:32px; background:url(../images/timeline_jebenthier.png) no-repeat center top; left:-2px; top:-10px; position:absolute; overflow:hidden; text-indent:-4000px; }
.timeline ul li.locatie a{color:#ff6600;}
.timeline ul li.locatie a:hover{text-decoration:underline;}

.timeline ul li.locatie_on span{background:url(../images/timeline_dot_on.png) no-repeat center center;}
.timeline ul li.locatie_on span.begin{background:url(../images/timeline_dot_begin_on.png) no-repeat center center;  }
.timeline ul li.locatie_on span.center{background:url(../images/timeline_dot_center_on.png) no-repeat center center;}
.timeline ul li.locatie_on span.end{background:url(../images/timeline_dot_end_on.png) no-repeat center center;}

.timeline ul li.locatie_on div{width:109px; height:32px; background:url(../images/timeline_jebenthier.png) no-repeat center top; left:-2px; top:-10px; position:absolute; overflow:hidden; text-indent:-4000px; }
.timeline ul li.locatie_on a{color:#ff6600;}
.timeline ul li.locatie_on a:hover{text-decoration:underline;}

/************************************************************************************************/
/*divisions & splits*/
/************************************************************************************************/
/*division*/
.div1{background:url(../images/div1.png) repeat-x top left; }
.div1 .left{float:left; width:580px; margin:0px 56px 0px 40px;  }
.div1 .right{float:left; width:306px;}

/*split1*/
.split1{}
.split1 .left{float:left; width:580px; margin:0px 56px 0px 40px; }
.split1 .right{float:left; width:306px;}

/************************************************************************************************/
/*lists*/
/************************************************************************************************/
/*list1*/
.list1{float:right; position:relative; left:0px; top:-30px; }
.list1 li{color:#999999; font-size:11px; float:left; }
.list1 li a{color:#999999; text-decoration:none; }
.list1 li a:hover{text-decoration:underline;}
.list1 li span{display:inline-block; padding:0px 10px 0px 10px; }

/*list2*/
.list2{padding:0px 0px 15px 0px; }
.list2 li{padding:0px 0px 0px 8px; background:url(../images/list2.png) no-repeat center left; }
.list2 li, .list2 li a{}

/************************************************************************************************/
/*boxes*/
/************************************************************************************************/
/*box1*/
.box1{width:580px; position:relative;}
.box1 .top{height:8px; background:url(../images/box1_top.png) repeat-x top left; }
.box1 .content{background:url(../images/box1_content.png) repeat-y top left; padding:10px 0px 0px 0px; min-height: 250px;}
.box1 .bottom{height:9px; background:url(../images/box1_bottom.png) repeat-x top left;}

/*box2*/
.box2{width:544px; margin:0px 0px 0px 19px; clear:both;}
.box2 .top{height:11px; background:url(../images/box2_top.png) repeat-x top left; }
.box2 .content{position:relative;background:url(../images/box2_content.png) repeat-y top left; padding:3px 15px 3px 15px; }
.box2 .bottom{height:11px; background:url(../images/box2_bottom.png) repeat-x top left;}

/*box3*/
.box3{width:524px; margin:3px 0px 0px 19px;}
.box3 .top{height:28px; background:url(../images/box3_top.png) repeat-x top left; padding:2px 0px 0px 0px; }
.box3 .content{background:url(../images/box3_content.png) repeat-y top left; padding:3px 15px 3px 15px; min-height: 0px;} /* reset box1.content min-height */
.box3 .bottom{height:5px; background:url(../images/box3_bottom.png) repeat-x top left;}

.box3 .top label{font-size:11px; color:#08bdf9; font-weight:bold; padding:5px 0px 0px 15px;}
.box3 .top label input{margin-right:5px;}

/************************************************************************************************/
/*tables*/
/************************************************************************************************/
/*table1*/
.table1{}
.table1 td{ padding-bottom:15px;}
.table1 td ul li{float:left;}
.table1 td label{display:inline-block; margin-right:10px;}
.table1 td label input{}
.table1 td label span{font-size:11px; color:#ff6600; font-weight:bold; display:block; text-align:center;}

/************************************************************************************************/
/*content*/
/************************************************************************************************/
/*text*/
.text{padding:0px 70px 0px 25px; font-size:11px;}
.text .color1, .text .color1 a{color:#ff9900;}
.text .style1{font-style:italic;}
.text p.intro, div#show_more_less p{padding:0px;}
.text p.intro, div#show_more_less_pwd p{}
.text p.intro, div#show_more_less_img p{}
/*read more*/
.text div#show_more_less{display:none;}
.text div#show_more_less_pwd{display:none;}
.text div#show_more_less_img{display:none;}
.text a#show_more_less_link{display:block; outline:none;}
.text a#show_more_less_link_pwd{}
.text a#show_more_less_link_img{}

/*popup*/
.popup{right:-35px; bottom:30px; position:absolute; z-index:1000;}
.info .popup{display:none;}
.popup.alt1{width:270px;}
.popup.alt2{width:200px;}
.popup.alt3{width:470px;}

.popup .close{width:10px; height:10px; position:absolute; right:12px; top:12px; background:url(../images/popup_close.png) repeat-x top left; display:block; overflow:hidden; text-indent:-4000px; }

.popup .text{padding:3px 10px 0px 5px;}
.popup .text p{padding:0px 0px 0px 0px; line-height:20px; font-size:10px; font-weight:bold; line-height:20px; left:0px; top:0px; position:relative; }

.popup .t_l,.popup .t_r,.popup .b_l,.popup .b_r{width:9px; height:9px; position:absolute; }
.popup .t_l{left:0px; top:0px; background:url(../images/popup_t_l.png) repeat-x top left; }
.popup .t_r{right:0px; top:0px; background:url(../images/popup_t_r.png) repeat-x top left;}
.popup .b_l{left:0px; bottom:0px; background:url(../images/popup_b_l.png) repeat-x top left;}
.popup .b_r{right:0px; bottom:0px; background:url(../images/popup_b_r.png) repeat-x top left;}

.popup .p_b1{background:url(../images/popup_b1.png) repeat-y top left; }
.popup .p_b2{background:url(../images/popup_b2.png) repeat-y top right;}

.popup .p_content{background:white;margin:0px 9px 0px 9px; }
.popup .p_top{height:9px; background:url(../images/popup_top.png) repeat-x top right; margin:0px 9px 0px 9px; }
.popup .p_bottom{height:9px; background:url(../images/popup_bottom.png) repeat-x top right; margin:0px 9px 0px 9px; position:relative; }
.popup .p_bottom .p_arrow{width:27px; height:28px; position:absolute; right:25px; top:0px; background:url(../images/popup_arrow.png) repeat-x top left;}

/*form*/
.form{}
.form p{font-size:10px; color:#3c566f; font-weight:bold; }
.form p.extra{padding:0px 0px 20px 0px;}
.form p input{font-size:11px;}
.form p input.alt2{width:480px;}
.form p input.float_right{float:right; margin-right:27px;}
.form p textarea{margin-top:10px;width:480px;height:80px;}
.form p .readonly{margin-top:10px;width:480px;height:40px;}

/*tabs*/
.tabs{position:relative; left:40px; bottom:-4px; }
.tabs li{float:left;}
.tabs a{background-repeat:no-repeat; background-position:center center; z-index:500; display:inline-block; vertical-align:top; /*zoom:1*/; position:relative;}
.tabs a span{background-repeat:no-repeat; background-position:top left; position:absolute; display:block; z-index:100;}
.tabs a em{background-repeat:no-repeat; background-position:top right; position:absolute; display:block; }

.tabs a{ text-align:center; font-size:11px; height:22px; font-weight:bold; text-decoration:none; padding:9px 0px 0px 0px; margin:0px 12px 0px 13px;}
.tabs a span{width:12px; height:31px; left:-12px; top:0px;}
.tabs a em{width:12px; height:31px; right:-12px; top:0px;}

.tabs a, .tabs a span, .tabs a em{background-image:url(../images/tabs.png); color:#c9daec;}
.tabs a:hover, .tabs a:hover span, .tabs a:hover em{background-image:url(../images/tabs_on.png); color:#08bdf9;}
.tabs li.on a, .tabs li.on a span, .tabs li.on a em{background-image:url(../images/tabs_on.png); color:#08bdf9; }

/*profiel*/
.profiel{width:306px; height:105px; background:url(../images/profiel.png) repeat-x top left; position:relative; margin:0px 0px 0px 0px; }
.profiel img{border:1px solid #c9daec; padding:1px; left:11px; top:10px; position:absolute; background:white;}
.profiel p{left:100px; top:12px; position:absolute; font-size:10px;}
.profiel p select{margin:10px 0px 7px 0px; width:180px;}
.profiel p span a, .profiel p span{color:#a3b8ce;}

/*tipman*/
.tipman{width:306px; height:162px; background:url(../images/tipman.png) repeat-x top left; position:relative; margin:30px 0px 0px 0px; }
.tipman p.p{font-size:11px; color:#3c566f; line-height:20px; left:15px; top:25px; position:absolute; font-weight:bold; }
.tipman p.p span{color:#ff6600;}
.tipman .man{width:100px; height:120px; left:160px; top:20px; position:absolute; display:block; overflow:hidden; text-indent:-4000px;outline:none; }

/*sponsors*/
.sponsors{padding:10px 0px 0px 0px;}
.sponsors p{font-size:11px; color:#c9daec; padding:0px 0px 10px 0px; }
.sponsors img{padding-bottom:20px;}

/*score*/
.score{width:266px; height:93px; background:url(../images/score.png) repeat-x top left; margin:10px 0px 5px 200px; position:relative; }
.score ul{padding:8px 0px 0px 5px; }
.score ul li{width:200px; text-align:right; position:relative; margin-bottom:10px;}
.score ul li span{font-style:normal; font-size:11px; color:#3c566f; font-weight:bold; left:-210px; top:2px; position:absolute; display:block; width:200px;}
.score ul li strong{height:22px; display:block; position:relative;}
.score ul li.bar1 strong{background:url(../images/score_bar1.png) repeat-x top left;}
.score ul li.bar2 strong{background:url(../images/score_bar2.png) repeat-x top left;}
.score ul li strong em{font-style:normal; font-size:11px; color:#3c566f; font-weight:bold; display:block; height:22px; background:white; width:30px; right:-30px; top:3px; position:absolute; text-align:center;}

/*frame*/
.frame{height:200px; overflow:auto; margin-left:10px;}
.frame p{top:0px; left:0px; position:relative; padding:0px 0px 0px 0px; line-height:20px;}


/************************************************************************************************/
/*miscelleanous*/
/************************************************************************************************/
/*selectie*/
.selectie{width:485px; height:22px; background:url(../images/selectie.png) repeat-x top left; color:#3c566f; font-size:10px; font-weight:bold; position:relative; padding:7px 0px 0px 15px; }
.selectie select{right:4px; top:5px; position:absolute; }

/*info*/
.info{width:14px; height:14px; display:inline-block; position:absolute; background:url(../images/info.png) no-repeat top left; vertical-align:text-top; cursor:help;}
.info.noback{background:none;}
.info .popup{}

/*headings*/
h1{}
h2{font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#ff6600; padding:0px 0px 10px 0px; }

/*ico*/
.ico{padding:2px 0px 2px 22px; }
.ico.arrow1{background:url(../images/ico_arrow1.png) no-repeat right 9px; }

/*hr*/
.hr{clear:both; margin:20px 0px 20px 0px; }
.hr.bluedot{background:url(../images/hr1.png) repeat-x top left; height:1px;}
.hr hr{display:none;}

/*misc*/
table{ border-collapse:collapse; font-size:12px; font-weight:normal;}
input{vertical-align:middle;}
p{color:#3c566f; padding:0px 0px 15px 0px; font-size:11px;}
p.align_right{text-align:right; padding:0px 25px 0px 0px; }
p.alt1{color:#08bdf9; font-weight:bold;}
p.alt2{color:#ff6600; font-weight:bold;}
p.alt3{color:#8ed235; font-weight:bold;}
p.alt4{color:#ff6600; font-weight:bold; font-size:12px; padding:9px 0px 0px 15px; background:url(../images/p_alt4.png) repeat-x top left; width:410px; height:27px; position:relative; top:3px; left:3px; margin-bottom:15px;}
p.alt5{color:#c9daec; font-weight:bold;}
p.alt6{color:#3c566f; font-weight:bold;}
p a{color:#ff6600; }
p a:hover{text-decoration:none;}

/*button*/
.input_opslaan{width:184px; height:36px; display:block; background:url(../images/button_opslaan.png) repeat-x top left; border:0px; overflow:hidden; text-indent:-4000px; cursor:pointer; margin:0px 0px 0px auto; }
.input_opslaan:hover{background:url(../images/button_opslaan_hover.png) repeat-x top left;}

.input_volgendestap{width:184px; height:36px; display:block; background:url(../images/button_volgendestap.png) repeat-x top left; border:0px; overflow:hidden; text-indent:-4000px; cursor:pointer; margin:0px 0px 0px auto; }
.input_volgendestap:hover{background:url(../images/button_volgendestap_hover.png) repeat-x top left;}

#escanbutton {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	background-color:#ff6600;
	border: 1px solid #ff6600;
	border-radius: 11px;
	-moz-border-radius: 5px;	
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;	
	padding-top:7px;
	font-size:12px; 
	width: 250px;
	height: 25px;
	text-align: center;
	font-weight:bold;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 85%, from(rgba(251, 169, 52, 0.8)), to(rgb(239, 97, 49)));			
	border-top-color: rgba(251, 169, 52, 0.8);
	border-right-color: #ff6600;
	border-bottom-color: #ff6600;
	border-left-color: rgba(251, 169, 52, 0.8);	
	/* -webkit-box-shadow: rgba(237, 96, 46, 0.5) 0px 10px 16px; */
	/* -moz-box-shadow: rgba(237, 96, 46, 0.5) 0px 10px 16px; */
}

#escanbutton a:link {text-decoration:  none; color: white}
#escanbutton a:visited {text-decoration:  none; color: white}
#escanbutton a:hover {text-decoration:  none; color: Gold}
#escanbutton a:active {text-decoration:  none; color: white}


/************************************************************************************************/
/*FOOTER*/
/************************************************************************************************/
.footer{background:url(../images/footer.png) repeat-x top left; height:158px; margin:70px 0px 0px 0px; }
.footer .content{width:892px; height:68px; background:url(../images/footer_content.png) repeat-x top left; margin:0px auto 0px auto; padding:40px 20px 0px 50px; }
.footer .content p{color:#999999; }


/* 
 * Login page
 */
div#login.container
{
	position			: relative;
	width				: 954px;
	min-height			: 525px;
	clear				: both;
	overflow			: hidden;
	background			: url(../images/header_login.jpg) no-repeat top center;
}

div.login
{
	position			: relative;
	float				: left;
	margin				: 188px 0px 0px 5px;
	width				: 594px;
	background			: url(../images/login_background_top.png) no-repeat top center;
}

	div.login div.login-top
	{
		height				: 15px;
	}
	
	div.login div.login-body
	{
		min-height			: 165px; /* 180px - 15px = 165px (background_top - head-height) */
		padding				: 5px 30px 3px;
		background			: url(../images/login_background.png) repeat-y top center;
	}
		div.login div.login-body p
		{
			width				: 465px;
		}
		
		div.login div.login-body div.login-area
		{
			position			: relative;
			height				: 103px;
			margin				: 0px 0px 25px 0px;
			background			: url(../images/login_area.png) no-repeat top center;
		}
			div.login-area div.form-fields
			{
				position			: absolute;
				top					: 20px;
				left				: 30px;
			}
			
			div.login-area div.row
			{
				margin				: 0px 0px 5px 0px;
			}
			
				div.login-area div.row label
				{
					display				: block;
					float				: left;
					width				: 100px;
					height				: 18px;
					padding				: 4px 0px 0px;
					color				: #8ed235;
					font-size			: 10px;
				}
				div.login-area div.row input
				{
					width				: 210px;
					height				: 16px;
					padding				: 3px;
					border				: 1px solid #c9daec;
				}
			
			div.login-area div.submit-button
			{
				position			: absolute;
				bottom				: 14px;
				right				: 10px;
			}
			.input_login{width:118px; height:36px; display:block; background:url(../images/button_inloggen.png) no-repeat top left; border:0px; overflow:hidden; text-indent:-4000px; cursor:pointer; margin:0px 0px 0px auto; }
			.input_login:hover{background:url(../images/button_inloggen_hover.png) no-repeat top left;}
		
			
		div.login div.login-body div.logo-area
		{
			position			: relative;
			height				: 110px;
			margin				: 0px 0px 25px 0px;
			background			: url(../images/logo_area.png) no-repeat top center;
		}
			div.logo-area a.ec-logo
			{
				display				: block;
				position			: absolute;
				left				: 30px;
				top					: 15px;
				width				: 208px;
				height				: 82px;
				background			: url(../images/ec_logo.jpg) no-repeat top center;
			}
			
			div.logo-area a.jo-logo
			{
				display				: block;
				position			: absolute;
				right				: 90px;
				top					: 15px;
				width				: 144px;
				height				: 76px;
				background			: url(../images/jo_logo.jpg) no-repeat top center;
			}
		

	div.login div.login-bottom
	{
		height				: 10px;
		background			: url(../images/login_background_bottom.png) no-repeat top center;
	}
	
	
	
div.stamp
{
	position			: absolute;
	right				: 110px;
	top					: 315px;
	width				: 209px;
	height				: 209px;
	background			: url(../images/stamp.png) no-repeat center center;
}

div#login.container div.sponsors
{
	float				: left;
	margin				: 570px 0px 0px 55px;
}