* { margin: 0; }

body {
	margin: 0 0 30px;
	background: url(../img/bg/body.gif) repeat-x #d9eaed;
	font: 12px Arial, Helvetica, sans-serif;
	color: #0f5662;
	}

a { color: #0f5662; }
a img { border: 0; }
h1 { font-size: 28px; color: #9bc626; margin: 0 0 20px; }
h2 { font-size: 20px; color: #0f5662; margin: 0 0 10px; clear: both; }
h3 { font-size: 15px; color: #3b5808; margin: 0 0 20px -15px; font-style: italic; width: 170px; height: 26px; padding: 4px 0 0 15px; background: url(../img/bg/h3.gif); }
h3 a img { float: right; margin: 3px 8px 0 0; }
input, select, textarea { font: 11px Arial, Helvetica, sans-serif; color: #0f5762; padding: 0; border: 0; }

#container {
	width: 960px;
	margin: 0 auto;
	background: url(../img/bg/content.gif);
	}

#header {
	width: 960px;
	height: 205px;
	background: url(../img/bg/header.jpg);
	}
	#header a { text-decoration: none; }
	#header a.logo { width: 140px; height: 93px; margin: 28px 0 0 28px; background: url(/img/bg/logo-2010.gif); text-indent: -9999px; float: left; }
	
	#header ul { padding: 39px 0 0 15px; list-style: none; font-weight: bold; float: left; clear: left; }
	#header ul li { margin: 0 2px 0 0; float: left; }
	#header ul li a { color: #fff; float: left; cursor: pointer; }
	#header ul li a span { height: 23px; padding: 7px 10px 0; float: left; }
	#header ul li a:hover, #header ul .active { background: url(/img/bg/menu-right.gif) right; }
	#header ul li a:hover span, #header ul .active span { background: url(/img/bg/menu-left.gif) no-repeat; }
	
	#header #login { width: 200px; float: right; position: relative; z-index: 2; }
	#header a.trigger { width: 170px; height: 23px; visibility: visible; padding: 7px 15px 0; display: block; background: url(/img/bg/inloggen-slide.gif); color: #fff; font-weight: bold; position: absolute; float: right; bottom: -30px; outline: 0; }
	#header a:hover.trigger { text-decoration: underline; }
	#header a.active { background-position: bottom; }
	#header #form { width: 170px; padding: 15px 15px 0; background: #0f5662; color: #fff; overflow: hidden; }
	#header #form .user { width: 137px; height: 22px; padding: 8px 5px 0px 28px; background: url(/img/bg/login-user.gif); }
	#header #form .pass { width: 137px; height: 22px; padding: 8px 5px 0px 28px; margin: 5px 0; background: url(/img/bg/login-pass.gif); }
	#header #form .btn { width: 60px; height: 30px; background: url(/img/bg/form-btn-green.gif); color: #fff; float: right; cursor: pointer; }
	#header #form .btn:hover { background-position: bottom; }
	#header #form .white { color: white; text-decoration: underline; font-size: 11px; }	
	#header #form .white:hover { text-decoration: underline; font-size: 11px; }	
	#header #form #checkbox, #header #form label { margin: 6px 5px 0 0; font-size: 11px; float: left; cursor: pointer; }

#content {
	width: 960px;
	line-height: 20px;
	}
	#content p { padding: 0 0 20px; }
	#content a:hover { color: #000 !important; }
	
	#content a.btn { width: 95px; height: 26px; padding: 4px 0 0; background: url(/img/bg/btn.gif); text-align: center; text-decoration: none; color: #fff; font-weight: bold; float: right; }
	#content a:hover.btn { background-position: bottom; text-decoration: none; color: #fff !important; }

#main {
	width: 500px;
	padding: 30px 30px 0;
	background: url(../img/bg/main-corner.gif) no-repeat;
	text-align: left;
	float: left;
	}
	#main .nominee { width: 490px; height: 75px; padding: 5px; background: url(/img/bg/nominee.gif); }
	#main .nominee .ranking { width: 30px; font-weight: bold; text-align: center; float: left; }
		#main .nominee .ranking .huidig { width: 30px; height: 25px; padding: 5px 0 0; margin: 0 0 15px; display: block; background: url(../img/bg/huidige-positie.gif); font-size: 17px; font-style: italic; color: #fff; }
		#main .nominee .ranking .plus { color: #5d7f00; }
		#main .nominee .ranking .min { color: #ce2c2c; }
		#main .nominee .ranking .non { color: #000; }		
	#main .nominee img { margin: 0 15px; float: left; }
	#main .nominee .text { width: 210px; padding: 15px 0 0; float: left; }
	#main .nominee .btn { margin: 22px 10px 0 15px; }
	#main .nominee.alt { background: none; }
	
	#main .greenbar { width: 480px; height: 25px; padding: 5px 10px 0; margin: 0 0 20px; color: #62881E; font-size: 11px; background: url(/img/bg/greenbar.gif); overflow: hidden; }
	#main .greenbar a { color: #3b5808; }
	#main .greenbar .fr { float: right; }
	#main .greenbar strong { color: #000; font-size:+1.2em; }
	#main .greenbar .nl { padding: 0 0 0 25px; background: url(/img/icons/nl.gif) no-repeat left; color: #3b5808; font-size: 12px; }
	#main .greenbar .be { padding: 0 0 0 25px; background: url(/img/icons/be.gif) no-repeat left; color: #3b5808; font-size: 12px; }
	#main .greenbar.top { margin: 0 0 5px; }
	#main .greenbar img { margin: 3px 0 0; float: right; } 
	
	#main .info { width: 500px; overflow: hidden; }
	#main .info .left { width: 170px; padding: 0 20px 20px 0; float: left; }
	#main .info .right { width: 310px; float: left; }
	#main .info .bottom { width: 500px; clear: both; }
	#main .info .bottom form .email { width: 137px; height: 22px; padding: 8px 5px 0px 28px; margin: 0 20px 5px 0; background: url(../img/bg/field-email.gif); float: left; }
	#main .info .bottom form .btn { width: 95px; height: 30px; background: url(/img/bg/btn.gif); color: #fff; font-size: 12px; text-transform: uppercase; font-weight: bold; float: left; cursor: pointer; }
	#main .info .bottom form .btn:hover { background-position: bottom; }
	#main .info .bottom form p { width: 190px; margin: 5px 0 0; float: left; clear: both; }
	#main .info .bottom a.tooltip { padding: 0 0 0 20px; background: url(/img/icons/info.gif) no-repeat left; font-size: 11px; }
	#main .info .bottom form #onthoudemail { margin: 10px 0 0; float: left; }
	#main .info .bottom form label { padding: 10px 0 0 5px; line-height: normal; font-size: 11px; float: left; }
	#tooltip { width: 300px; padding: 15px; display: none; border: 4px solid #ddd; background: #fff; font-size: 11px; text-align: left; line-height: 20px; position: absolute; }
	
	#main .gallery { width: 500px; overflow: hidden; }
	#main .gallery img { padding: 0 20px 20px 0; float: left; }
	#main .gallery img.fourth { padding: 0 0 20px; }
	#main .video { padding: 0 0 20px; }
	
	#main .web { padding: 0 0 20px; list-style: none; line-height: 22px; }
	#main .web li a { padding: 0 0 0 25px; }
	#main .web .mail { background: url(/img/icons/mail.gif) no-repeat left; }
	#main .web .ring { background: url(/img/icons/ringtone.gif) no-repeat left; }
	#main .web .goog { background: url(/img/icons/google.gif) no-repeat left; }
	#main .web .yout { background: url(/img/icons/youtube.gif) no-repeat left; }
	#main .web .wiki { background: url(/img/icons/wiki.gif) no-repeat left; }
	
	#main .reacties { margin: 0 0 10px; }
	#main .reactie { width: 470px; padding: 5px 15px 5px; }
	#main .reactie .info { width: 470px; padding: 0; margin: 0 0 5px; border-bottom: 1px solid #cfdee0; color: #5a9da8; font-size: 11px; }
	#main .reactie .info strong, #main .reactie .info span { color: #0f5662; }
	#main .reactie .info img { float: right; }
	#main .reactie p { padding: 0 0 0px 0; }
	#main .reactie.alt { background: url(../img/bg/reactie-top.gif) no-repeat #e9f0f1; }
	#main .reactie.alt .bottom { width: 500px; height: 5px; margin: 0 -15px -5px; background: url(/img/bg/reactie-bottom.gif); overflow: hidden; }
	
	#main .type { width: 280px; float: left; clear: both; }
	#main .value { width: 220px; float: left; }
	
	#main #reactie { margin: 0 0 20px; }
		#reactie label { width: 200px; float: left; cursor: pointer; text-align: left; }
		#reactie .field { width: 154px; height: 22px; padding: 8px 8px 0; margin: 0 0 5px; background: url(/img/bg/input-field.gif); }
		#reactie textarea { width: 314px; height: 132px; padding: 8px 8px 0; margin: 0 0 5px; background: url(/img/bg/input-textarea.gif); }
		#reactie .btn { width: 60px; height: 30px; margin: 0 0 0 100px; background: url(/img/bg/form-btn-blue.gif); color: #fff; float: right; cursor: pointer; }
		#reactie .btn:hover { background-position: bottom; }
	
	#main .ad { width: 468px; height: 15px; padding: 20px 16px; overflow: hidden; }
	
	#main .datum { color: #5a9da8; }
	
	
	#main .groep {background-color:#FFF; margin: 0 0 3px; padding: 3px; width:500px;}
	#main .groep.alt {background-color:#e9f0f1; margin: 0 0 3px; padding: 3px; width:500px;}

#green {
	width: 170px;
	padding: 15px 15px 0;
	margin: -120px 0 0;
	float: left;
	position: relative;
	}
	#green .ad { width: 120px; padding: 25px; margin: 0 0 30px;}
	
    #green .nomineer, #green .sms { width: 170px; height: 135px; }
	#green .nomineer a { width: 170px; height: 105px; display: block; background: url(/img/bg/nomineer2010.jpg); text-indent: -9999px; }
	#green .sms a { width: 170px; height: 105px; display: block; background: url(/img/bg/stem-sms-aktie.jpg); text-indent: -9999px; }
	#green .nomineer a:hover, #green .sms a:hover { background-position: bottom; }

#right {
	width: 170px;
	padding: 15px 15px 0;
	margin: -105px 0 0;
	background: url(../img/bg/right-corner.gif) no-repeat 180px 105px;
	font-size: 11px;
	float: right;
	position: relative;
	}
	#lang { height: 17px; padding: 0; list-style: none; }
	#lang li { margin: 0 10px 0 0; float: left; }
	#lang li a { width: 16px; height: 11px; background: url(../img/icons/flags.gif); border: 3px solid #d9eaed; text-indent: -9999px; float: left; overflow: hidden; }
	#lang li a:hover { border: 3px solid #fff; }
	#lang .en a { background-position: -16px 0; }
	#lang .de a { background-position: -32px 0; }
	#lang .active a { border: 3px solid #fff; }
	
	#search { height: 30px; padding: 28px 0 33px; }
	#search .field { width: 123px; height: 22px; padding: 8px 8px 0; background: url(../img/bg/search-field.gif); float: left; }
	#search .btn { width: 31px; height: 30px; background: url(../img/bg/search-btn.gif); float: left; cursor: pointer; }
	#search .btn:hover { background-position: bottom; }

	#newsletter { margin: 0 0 30px; }
	#newsletter .name { width: 137px; height: 22px; padding: 8px 5px 0px 28px; background: url(../img/bg/field-naam.gif); }
	#newsletter .email { width: 137px; height: 22px; padding: 8px 5px 0px 28px; margin: 5px 0; background: url(../img/bg/field-email.gif); }
	#newsletter .btn { width: 60px; height: 30px; background: url(../img/bg/form-btn-blue.gif); color: #fff; float: right; cursor: pointer; }
	#newsletter .btn:hover { background-position: bottom; }
	
	#right .ringtones, #right .nieuws, #right .comment { padding: 0; margin: 0 0 10px; list-style: none; line-height: 22px; }
	#right .ringtones li a, #right .nieuws li a, #right .comment li a { width: 145px; padding: 0 0 0 25px; display: block; text-decoration: none; }
	#right .ringtones li a:hover, #right .nieuws li a:hover, #right .comment li a:hover { text-decoration: underline; }
	#right .ringtones li span, #right .nieuws li span, #right .comment li span { color: #5a9da8; }
	#right .ringtones li a:hover span, #right .nieuws li a:hover span, #right .comment li a:hover span { color: #000; }
	#right .ringtones li a { background: url(/img/icons/ringtone.gif) no-repeat left; }
	#right .nieuws li a { background: url(/img/icons/nieuws.gif) no-repeat left; }
	#right .comment li a { background: url(/img/icons/comment.png) no-repeat left; }	
	a.verder { padding: 0 0 0 25px; background: url(/img/icons/arrow.gif) no-repeat left; }
	a.verder.alt { padding: 0 0 0 25px; background: url(/img/icons/arrowblue.gif) no-repeat left; }	
	a.terug { padding: 0 0 0 25px; background: url(/img/icons/arrowback.gif) no-repeat left; }
	
#faq a {font-size:12px;}	
#faq h2 {margin-top:15px;margin-bottom:15px;}

#footer {
	width: 900px;
	height: 61px;
	padding: 39px 30px 0;
	background: url(../img/bg/footer.gif);
	color: #4b777e;
	font-size: 11px;
	line-height: 20px;
	clear: both;
	}
	#footer a { color: #4b777e; }
	#footer a:hover { color: #9bc626; }

/*aanvulling mf */	
.banner {
 	text-align:center;
 	margin-top:25px;
} 	
.error {
	padding: 2px 2px 2px 25px;
	border: 1px solid #FF0000; 
	font-size:11px; 
	background: url(/img/icons/report.gif) no-repeat 4px; 	
	background-color: #FFFFD4; 
	margin: 5px 2px 0px;
	display:block;
	text-align:left;
	color:red;
} 	

.improved {
 color:red;
 font-size:10px;
 font-weight:bold;
}

label {
	font-size:11px;
}

.radiobutton {
	font-size:80%;
	vertical-align:top;
	line-height:10px;
	padding-right: 8px;
}

.nextprev {
 vertical-align: baseline;
 text-align: center;

}

.social img{
	border:none;
	margin-right:6px;
	vertical-align: baseline;
}

.social a{
	margin-right:10px;
	display:inline-block;
	width:80px;
}