@charset "utf-8";
* {
	margin:					0;
	padding:				0;
	border:					0;
}
body {
	font:					12px Verdana, Arial, Helvetica, sans-serif;
	background:				#E4DFD3;
}
span.error {
	display:				block;
	margin:					0 0 20px 20px;
	font-size:				11px;
	font-weight:			bold;
	color:					#FF0000;
}


/* Text */
h2 {
	margin:					0 0 20px 0;
	font:					42px Georgia, "Times New Roman", Times, serif;
	color:					#036;
}
h3 {
	margin:					0 0 20px 0;
	font:					20px Verdana, Arial, Helvetica, sans-serif;
	color:					#036;
}
h5 {
	margin:					0 0 20px 0;
	color:					#036;
	font:					bold 16px/20px Verdana, Arial, Helvetica, sans-serif;
}
strong {						color:#666;}	
p,
ul.list,
ul.list li {
	margin:					0 0 20px 0;
	font:					12px/20px Verdana, Arial, Helvetica, sans-serif;
	color:					#666;
}
ul.list {					margin-left:30px;}
a {							color:#EA2F76;}



/* Global */
#wrapper {
	width:					980px;
	margin:					30px auto;
	background:				#FFF url(../images/bg-rounded-top.jpg) no-repeat top left;
}
.clear {
	clear:					both;
	height:					0;
	font:					0/0 serif;
}
.floatLeft {					float:left;}
.floatRight {				float:right;}
.seperator {
	width:					534px;
	height:					23px;
	margin:					20px auto;
	background:				url(../images/seperator.gif) no-repeat top left;
}
img.visual {					margin:0 0 15px 0;}
img.text-img{
	padding:				4px;
	border:					1px solid #999;
	display:				inline;
}
img.left-img {
	float:					left;
	margin:					10px 15px 10px 0;	
}
img.right-img {
	float:					right;
	margin:					10px 0 10px 15px;	
}

/* Header */
#header {
	position:				relative;
	height:					156px;
	padding-top:			104px;
	background:				url(../images/bg-header.jpg) no-repeat bottom left;
}
.phase2 #header {
	background:				url(../images/bg-header-home-fase2.jpg) no-repeat left 120px;	
	padding:				0;
	height:					288px;
}
.phase3 #header {
	background:				url(../images/bg-header-fase3.jpg) no-repeat left 120px;	
	padding:				0;
	height:					288px;
}
.phase4 #header {
	background:				url(../images/bg-header-fase4.jpg) no-repeat left 120px;	
	padding:				0;
	height:					288px;
}
#header a.logo {
	position:				absolute;
	top:					30px;
	left:					50px;
	display:				block;
	overflow:				hidden;
	width:					134px;
	height:					0;
	padding-top:			52px;
	background:				url(../images/logo.gif) no-repeat top left;
	text-decoration:		none;
	outline:				none;
}
#header img.logo {
	position:				absolute;
	top:					25px;
	right:					30px;
}
#header ul.list-navigation {
	position:				absolute;
	top:					45px;
	right:					130px;
	list-style:				none;
}
#header ul.list-navigation li {
	float:					left;
	margin-right:			30px;
}
#header ul.list-navigation li a {
	font:					14px Arial, Helvetica, sans-serif;
	color:					#036;
	text-decoration:		none;
	text-transform:			uppercase;
	outline:				none;
}
#header ul.list-navigation li a:hover {
	color:					#EA2F76;
}
#header .header-home {
	position:				absolute;
	top:					110px;
	left:					0;
	width:					980px;
	height:					337px;
	padding:				147px 0 0 30px;
	background:				url(../images/bg-header-home.jpg) no-repeat top left;
}
#header .header-home p {
	padding-left:			35px;
	font:					14px Verdana, Arial, Helvetica, sans-serif;
	color:					#999;
	margin:					3px 0 5px 0;
}
#header .header-home h3 {
	padding-left:			35px;
	margin-bottom:			0;
}
#header .header-home ul {		list-style:none;}
#header .header-home ul li {
	margin:					0 0 0 10px;
	padding-left:			25px;
	/*background:				url(../images/icn-arrow.gif) no-repeat left 9px;*/
	font:					bold 14px/28px Verdana, Arial, Helvetica, sans-serif;
	color:					#666;
}


/* Content */
#content {
	padding:				20px 20px 50px 50px;
}
#content .left {
	float:					left;
	width:					580px;
}
#content .floatLeft{			float:left;}

/* list-uitreiking */
#content .left ul.uitreiking{
	margin:					10px 0 20px 85px;
}
#content .left ul.uitreiking li{
	color:					#666666;
	margin:					0 0 5px 0;
}
/* list-uitreiking */
#content .left ul.organisatie{
	margin:					0 0 20px 30px;
}
#content .left ul.organisatie li{
	color:					#666666;
	margin:					0 0 5px 0;
}
#content .right {
	position:				relative;
	float:					right;
	width:					294px;
	height:					1%;
	margin-top:				-100px;
}
#content .right.home {
	/*margin-top:				-261px; */
}

/* Intro */
#content .intro p {
	font:					18px/28px Verdana, Arial, Helvetica, sans-serif;
	color:					#666;
}


/* Block */
#content .block-points {
	height:					1%;
	padding:				20px;
	background:				#F5F6F7;
}
#content .block-points h3 {
	font-size:				17px;
}
#content .block-points ul {	list-style:none;}
#content .block-points ul li {
	float:					left;
	width:					127px;
	margin:					0 10px 10px 0;
	font:					12px Verdana, Arial, Helvetica, sans-serif;
	text-align:				center;
	color:					#999;
}
#content .block-points ul li a {
	font-size:				10px;
	text-transform:			uppercase;
	text-decoration:		none;
	color:					#999;
}
#content .block-points ul li img {
	display:				block;
	margin:					0 0 5px 0;
	border:					1px solid #CDCDCD;
}
#content .block-points ul li.last {margin-right:0;}
div.tip-title {
	padding:				5px;
	border:					1px solid #CCC;
	background:				#FFF;
	font:					italic 12px Georgia, "Times New Roman", Times, serif;
	color:					#666;
}


/* genomineerde */

#content ul.genomineerd {
	list-style:				none;
	color:					#666666;
	font:					12px/20px Verdana,Arial,Helvetica,sans-serif;	
}
#content ul.genomineerd li {	margin:0 0 20px;}
#content ul.genomineerd li label {
	width:					150px;
	font-weight:			bold;
}
#content ul.genomineerd li label a {
	text-decoration:		none;
	font-size:				14px;
	margin-bottom:			5px;
	display:				inline-block;
}
#content ul.genomineerd li label a:hover {text-decoration:underline;}
/* Phase2: nomination */

.phase2 #content {			padding:0;}
#nominations {
	position:				relative;
	background:				url(../images/bg-votebox.jpg) no-repeat bottom left;
	/*height:				400px; fase 3*/
	height:					311px;	
	width:					860px;
	padding:				10px 60px;
}
#nominations a.slider-left {
	position:				absolute;
	left:					18px;
	/*top:					164px; fase3*/
	top:					105px;
}
#nominations a.slider-right {
	position:				absolute;
	right:					18px;
	/*top:					164px; fase 3*/
	top:					105px;
}
#nominations .wrapper {
	position:				relative;
	width:					860px;
	overflow:				hidden;
	height:					313px; 		
}
#nominations .wrapper .absolute {
	position:				absolute;
	left:					0;
	top:					0;
	width:					2700px;	
}
#nominations .nominated {
	width:					260px;
	float:					left;
	margin-right:			40px;
}
#nominations .nominated p {	height:85px;}
#nominations .nominated h2 {
	font-size:				21px;
	height:					65px;
	line-height:			21px;
	color:					#173a83;
	display:				inline-block;
	margin-bottom:			0;
}
#nominations .nominated h2 strong {
	color:					#173a83;
}
#content .left #nominations{
	background:				none;
	width:					auto;
	height:					50px;
	padding:				0;
}
#content .left  a.stem,
#nominations .nominated a.stem {
	cursor:					pointer;
}
#nominations .nominated a.lees {
	margin:					0 0 0 5px;
}
#content .left a.voted,
#nominations .nominated a.voted {
	cursor:					default;
}
#content .left span.hasvoted,
#nominations .nominated span.hasvoted {
	display:				inline-block;
	color:					#173a83;
	font-size:				10px;
	margin:					0 0 0 5px;
}
#content .left .hidden,
#nominations .nominated .hidden {
	display:				none;
}
/* Phase2: emailForm */
#content .left .emailForm,
#nominations .emailForm {
	margin-top:				10px;
	background:				url(../images/bg-emailvote-box.jpg) no-repeat top left;
	float:					left;
	padding:				10px;
	height:					120px;
	visibility:				hidden;		
}
#content .left .emailForm p,
#nominations .emailForm p {
	height:					auto;
	font-size:				10px;
	line-height:			14px;
	margin-bottom:			10px;
}
#content .left .emailForm input.text,
#nominations .emailForm input.text {
	width:					140px;
	margin:					0 0 5px 0;
	padding:				5px;
	font:					12px Verdana, Arial, Helvetica, sans-serif;
	color:					#666;
	border:					1px solid #CCC;
	vertical-align:			middle;
}
#content .left .emailForm .btn-submit,
#nominations .emailForm .btn-submit {
	vertical-align:			middle;
}
#content .left .emailForm span,
#nominations .emailForm span {
	font-weight:			bold;
	font-size:				10px;	
	color:					#666666;
	margin:					0;	
}
#content .left .emailForm span.error,
#nominations .emailForm span.error {
	color:					#FF0000;
	font-size:				10px;
	font-weight:			normal;
	margin:					0;
}

/* Phase2: info */

.info-box,
.info-box.first {
	margin-left:			52px;
	width:					415px;
}
.info-box.first{			width:415px;}
.info-box.first{			width:415px;}
.info-box h3 {				height:	50px;}
.info-box p{
}

.info-box ol{				margin:0 0 20px 0;}
.info-box ol li{
	dislay:					block;
	color:					#666666;
	font:					12px/20px Verdana,Arial,Helvetica,sans-serif;
	margin:					0 0 0 20px;
}
.large {						width:504px;}
.first {						margin-left:0;}

/* Phase2: Yellow-box */

.yellow-box {
	margin:					0 0 30px 0;
	padding-top:			4px;
	background:				url(../images/bg-form-top.gif) no-repeat top left;
}
.yellow-box div {
	background:				#FFFCE7 url(../images/bg-form-bottom.gif) no-repeat bottom left;
	padding:				20px;
}

/* Phase 3 */
.phase3 #content {
	padding:				0;
}

/* Phase4: Winner known, contentblock home */

.phase4 #content {
	padding:				0;
}
#content div.winner {
	margin:					0 0 50px 0;	
}
#content div.winner h1 {
	margin:					0 0 20px 0;
	font:					33px bold Georgia, "Times New Roman", Times, serif;
	color:					#036;	
}
#content div.winner-photo {
	width:					495px;
	float:					right;
	margin:					5px 0 0 30px;
}
#content span.sub {
	display:				block;
	font-style:				italic;
	color:					#666;
	font-size:				95%;
}
#content div.videos {
	margin:					20px 0;
}
#content div.videos div.video {
	width:					495px;
	float:					left;
}
#content div.videos div.video a {
	display:				block;
	margin:					0 0 3px 0;
}
#content div.videos div.small {
	width:					380px;
	margin:					0 35px 0 0;
}

/* Form: Subscription */
.subscribe {
	margin:					0 0 30px 0;
	padding-top:			4px;
	background:				url(../images/bg-form-top.gif) no-repeat top left;
}
.left .subscribe {
	background-image:		none;
}
.subscribe .form-wrapper {
	height:					1%;
	padding:				20px;
	background:				#FFFCE7 url(../images/bg-form-bottom.gif) no-repeat bottom left;
}
.left .subscribe .form-wrapper {
	background-image:		none;
}
.left .subscribe .form-wrapper h3 {
	color:					#EA2F76;
}
.select-box{
	display:				block;
	width:					240px;
	height:					30px;
}
form.form-subscribe {
	background:				#FFFCE7;
	padding:				20px 0 20px 26px;
	margin:					0 0 50px 0;
}
form.form-subscribe h3{
	width:					243px;
}
form.form-subscribe .gender{
	color:					#666666;
	display:				inline-block;
	vertical-align:			top;
	margin:					0 5px 0 0;
}


form.form-subscribe input.text,
form.form-subscribe textarea {
	width:					230px;
	margin:					0 0 5px 0;
	padding:				5px;
	font:					12px Verdana, Arial, Helvetica, sans-serif;
	color:					#666;
	border:					1px solid #CCC;
}
form.form-subscribe input.text,
form.form-subscribe textarea {
	float:					left;
}
form.form-subscribe input.errorField{
	border:					1px solid #CE262D;
}
form span.required {
	display:				block;
	width:					10px;
/*	height:					4px;
	padding:				7px 0 0;*/
	text-align:				right;
	float:					right;
}

form.form-subscribe button,
form.form-subscribe button:hover {
	background:				url('../images/btn-send.png') no-repeat 0 -37px;
	 width: 				100px; 
	 height: 				37px;
	 margin:				5px 0;
	 float:					left;
	 cursor:				pointer;
}
form.form-subscribe button:hover {
	background:				url('../images/btn-send.png') no-repeat 0 0;
}
form span.explanation { 
	width:					63px;
	float:					right;
	color:					#666;
	font-size:				10px;
	padding-top:			15px;
}
form.form-subscribe label {
	display:				block;
	margin:					25px 0 10px 0;
	font:					bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:					#003366;
}
form.form-subscribe label span {
	font-size:				11px;
	color:					#999;
}
/* List: Winnaars */
#content ul.list-winners {
	list-style:				none;
	margin:					0 0 20px 0;	
}
#content ul.list-winners li {
	padding-left:			25px;
	background:				url(../images/icn-arrow.gif) no-repeat left 9px;
	font:					14px/28px Verdana, Arial, Helvetica, sans-serif;
	color:					#666;
}


/* List: Pers */
#content ul.pers {
	margin:					0 0 29px 3px;
	list-style:				none;
}
#content ul.pers li {
	color:					#666666;
	font-size:				12px;
	list-style-image:		url(../images/icn-arrow.gif);
	margin:					0 0 0 15px;
	line-height:			24px;
}
/* List: Jury */
dl.list-jury {
	list-style:				none;
}
dl.list-jury dt {
	margin:					0 0 15px 0;
	font:					22px Verdana, Arial, Helvetica, sans-serif;
	color:					#036;
}
dl.list-jury dt span {
	display:				block;
	font-size:				14px;
	color:					#666;
}
dl.list-jury dd {
	margin:					0 0 30px 0;
}
dl.list-jury dd p {
	display:				block;
	float:					right;
	width:					470px;
	font:					12px/21px Verdana, Arial, Helvetica, sans-serif;
	color:					#666;
}
dl.list-jury img {
	margin:					5px 0 0 0;
	padding:				5px;
	border:					1px solid #CCC;
}



/* Footer */
#footer {
	height:					40px;
	padding:				50px 0 20px 50px;
	background:				url(../images/bg-footer.gif) no-repeat bottom left;
}
#footer ul {
	list-style:				none;
}
#footer ul li {
	float:					left;
	margin:					0 20px 0 0;
}
#footer ul li a {
	color:					#999;
}

/* overlayer styles */
div.overlayer {
	width:				640px;
	height:				360px;
	margin:				-180px 0 0 -320px;
	left:				50%;
	top:				50%;
	position:			fixed;
	z-index:			9999;
	color:				#4f4f4f;
	background:			#fff;
}
div.overlayer div.overlayer-wrapper {
	position:			relative;
}
div.overlayer div.scroll {
	width:				530px;
	height:				217px;
	position:			relative;
	padding:			0 20px 0 0;
	line-height:		1.5em;
}
div.overlayer a.close {
	width:				17px;
	height:				17px;
	display:			block;
	position:			absolute;
	top:				5px;
	right:				5px;
	z-index:			9999;
	background:			url(../images/btn-close.png) no-repeat;
}
div.overlayer h1 {
	font-size:			1.333em;
	color:				#55aa21;
	margin:				8px 0 15px 0;
	font-weight:		normal;
}
.mask {
	position: absolute;
	opacity: 0.21;
	filter: alpha(opacity=21);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=21);
	z-index: 999;
	background: #000;
}