@charset "UTF-8";
/* CSS Document */

* {margin:0;padding:0;}

html, body {

	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/roos.jpg) bottom left fixed no-repeat #dee1d2;
}



html, body, #wrap { height: 100%; }

body > #wrap {height: auto; min-height: 100%;}

#container { padding-bottom: 30px; }  /* must be same height as the footer */

#footer {
	z-index:1000;
    position: relative;
	margin-top: -30px; /* negative value of footer height */
	height: 30px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


p {
	margin:0px;
	padding:0px;
	color:#000000;
	font-size:12px;
	clear:both;
	padding-bottom:10px;
	text-align:justify;
}

a:link, a:visited, a:hover, a:active {
	color:#c92327;
	text-decoration:underline;
}

h1 {
	margin:0px;
	padding:0px;
	font-size:16px;
	padding-bottom:10px;
}

h2{
	font-size:14px;
	color:#c82327;
	margin-top:10px;
	margin-bottom:10px;
	text-transform:uppercase;
}

ul{
	margin-left:20px;
	font-size:12px;
}

li{
	list-style-image:url(../images/arrow.png);
}

h3{
	font-size:14px;
	padding-top:5px;
	padding-bottom:5px;
}

img {
	border:none;	
}

/*------ container homepagina ------*/

.home {
	border:0 none;
	height:460px;
	margin-left:500px;
	margin-top:-230px;
	position:absolute;
	top:50%;
	width:500px;
}

.home_new {
	border:0 none;
	margin-left:500px;
	margin-top:20px;
	position:absolute;
	width:500px;
}

#home h1 {
	margin:0px;
	padding-bottom:20px;
	color:#ca2328;
	font-size:16px;
}

.left{
	float:left;
}

.right{
	float:right;
	margin-right:40px;
}

/*------ container alle pagina's ------*/

.form {
	width:500px;
	margin-left:500px;
	padding-top:50px;
	padding-bottom:50px;
	position:relative;
}

div#editie {
	position:fixed;
	width:107px;
	height:99px;
	z-index:1000;
	float:right;
	right:0px;
	top:0px;
	background:url(../images/editie-2010.png) no-repeat;
}

*html div#editie {
	position:absolute;	
}

/*-------- footer --------*/

	
#foot {
	margin-left:500px;	
	height:30px;
}

/*----------- FINALISTEN ----------*/

#finalisten {
}

.finalist{
	width:500px;
	padding-bottom:10px;
	position:relative;
}

.finalisthead{
	cursor:pointer;
	width:500px;
	height:20px;
	background:url(../images/finalisthead_bg.gif) no-repeat;
}

.stembox{
	position:absolute;
	left:-20px;
	top:2px;
}

.finalisthead h2 {
	padding:5px;
	color:#FFFFFF;
	margin:0px;
	line-height:10px;
}

.finalistbody{
	width:500px;
	display:none;
}

/*----------- WINNAARS -----------*/

#winnaars ul{
	padding:5px;
}

.winnaar{
	width:500px;
	padding-bottom:10px;
}

.winnaarhead{
	cursor:pointer;
	width:500px;
	height:20px;
	background:url(../images/winnaarhead_bg.gif) repeat-x;
}

.winnaarhead h2 {
	padding:5px;
	color:#FFFFFF;
	margin:0px;
}

.winnaarbody{
	width:500px;
	display:none;
}

#facts{
	margin-bottom:20px;
	background:#bfc2b1;
	padding-top:10px;
}

#facts h2{
	margin:0;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:5px;
}

#facts ul{
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:10px;
}

#facts h3{
	padding-bottom:10px;
	padding-left:10px;
	padding-top:0px;
}

#winnaarhead1{
	background:url(../images/zelfmoordlijn.gif) no-repeat;
	width:500px;
	height:20px;
}

#winnaarhead2{
	background:url(../images/pleegzorg.gif) no-repeat;
	width:500px;
	height:20px;
}

.hidden{
	display:none;
}

/*----------- REGISTRATIE -----------*/

#registration{
	position:relative;
	
}

#registrationform{
	position:relative;
}

#registratieform label{
	display:block;
	float:left;
	min-width:150px;
	padding-bottom:5px;
	text-align:left;
	font-size:12px;
}

#contactpanel label{
	width:150px;
}

#registratieform textarea{	
	width:500px;
	margin-bottom:10px;
	border:1px solid #666666;
	clear:both;
}

#registratieform select{
	border:1px solid #666666;
}

#registratieform input[type=button]{
	margin-right:10px;
}

#registratieform .checkboxlabel{
	width:95%;
	float:right;
}

#registratieform .submitregistration{
	float:left;
	margin-top:10px;
	clear:both;
	margin-bottom:50px;
}

#registratieform .submitstatus{
	display:none;
	float:left;
	margin-top:30px;
	padding-left:100px;
	clear:both;
	margin-bottom:50px;
}

#confirm_email{
	display:none;
}

.checkbox, .radio{
	width:5%;
	float:left;
}

.reg_small {
	margin-bottom:5px;
	width:220px;
	height:20px;
	border:1px solid #666666;
}
	
.req {
	color:#FF0000;
	margin:0px;
	padding:0px;
	font-size:10px;
	margin-bottom:10px;
}

.reg_nummer {
	width:40px;
	margin-bottom:5px;
	margin-right:5px;
	border:1px solid #666666;
	height:20px;
}
.reg_bus {
	width:40px;
	margin-bottom:5px;
	border:1px solid #666666;
	height:20px;
}

#label_bus {
	width:20px;
}

#box {
	width:500px;
	font-size:12px;
}
	#box_nr {
		width:150px;
		float:left;
		_margin-right:3px;
	}
	#box_field {
		float:left;
		
	}
	#box_bus {
		width:auto;
		float:left;
		text-align:right;
		margin-left:5px;
	}
	#box_bus_field {
		float:left;
		margin-left:8px;
	}
	
.upload{
	margin-top:5px;
	margin-bottom:5px;
	height:20px;
}

.uploadimage {
	
	cursor:pointer;
	width:130px;
	height:20px;
	float:left;
}

.uploadstatus{
	margin-left:10px;
}

.reg_hoeveel {
	width:40px;
	margin-bottom:5px;
	margin-left:10px;
	border:1px solid #666666;
	height:20px;
}

.sel {
	margin-left:10px;
	margin-bottom:5px;
	border:1px solid #666666;
	height:20px;
}

.reg_doel {
	margin-bottom:5px;
	width:220px;
	height:20px;
	border:1px solid #666666;
	margin-left:10px;
}

.info {
	font-size:11px;
	font-style:italic;
	color:#333;
	font-weight:bold;
}
.tekens {
	font-weight:bold;
	color:#333;
}

.youtube {
	padding-top:5px;
	color:#c82327;
	font-weight:bold;
}
.max {
	color:#c82327;
	font-size:11px;
	font-style:italic;
	font-weight:bold;
}	

.akkoord {
	margin-top:10px;	
	padding-top:10px;
	height:20px;
}

#error1, #error2, #error3 {
	float:left;	
}

/*---------------- DATABASE ----------------*/

#dbstemmen{
	width:500px;
	padding-top:20px;
	padding-bottom:50px;
	font-size:12px;
}

.uitloggen{
	position:absolute;
	right:0;
}

.tdstem{
	width:50px;
	text-align:right;
}

#organisaties{
	width:500px;
	padding-bottom:50px;
	font-size:12px;
}

#organisaties img{
	padding-left:5px;
}

#details{
	margin-top:20px;
	margin-bottom:20px;
	width:500px;
}

.selected a{
	color:#000000;
}

#form_left label{
	display:block;
	width:80px;
}

#form_right{
	margin-top:10px;
}

.odd{
	background:#bfc2b1;
}

.stem {
	margin-bottom:40px;	
	margin-top:20px;
}

/*--------- VOORWAARDEN ----------*/

#voorwaarden{
	cursor:pointer;
}

#voorwaarden a {
	color:#c82327;
	text-decoration:underline;
}

#htmlElement{
	height:300px;
	width:500px;
	padding-top:10px;
	padding-bottom:10px;
}

#htmlElement ol{
	margin-left:10px;
	font-size:12px;
	padding-left:20px;
	padding-right:20px;
}

#htmlElement h1 {
	color:#c82327;	
	padding-left:10px;
	padding-bottom:10px;
}

#htmlElement h2 {	
	padding-left:10px;
	padding-bottom:10px;
	color:#000;
	
}

#htmlElement h3 {
	color:#c82327;	
	padding-left:10px;
	padding-bottom:10px;
	text-transform:uppercase;
	font-size:12px;
}

#htmlElement p {
	padding-left:10px;
	padding-right:10px;
}


/*--------- FINALISTEN ----------*/

.finalistbody {
	padding-top:10px;	
}

.finalistbody h3 {
	margin:0px;
	padding-bottom:10px;
	font-size:14px;
}

.finalistbody p {
	padding-bottom:10px;	
}

.finalistbody h4 {
	margin:0px;
	padding-bottom:10px;
	margin-top:10px;
	color:#ca2328;
	background:url(../images/arrow.png)  no-repeat;
	padding-left:20px;
	font-size:14px;
}

#finalisten h1 {
	color:#ed312c;
	font-size:16px;
	margin:0px;
	padding-bottom:20px;
}

#finalisten p {
	padding-bottom:20px;	
}

.finalistbody img {
	margin-bottom:10px;	
}

.finalistbody a {
	padding-bottom:10px;
	font-size:12px;
}

.vid {
	background:#bfc2b1;
	margin-bottom:10px;
}

.fin {
	margin-right:20px;
}

.red {
	color:#ca2328;	
}

