/** Speler 2 CSS - Frontpage *
 **/
 
#content form {
	float: left;
	width: auto;
	height: auto;
}

#content .column.left form {
	width: 620px;
	padding: 5px 10px;
}

#content .frontpage form {
	width: 460px;
	padding: 5px 10px;
}

#content .kader .content form {
	padding: 5px 0px 0px 0px;
	width: 100%;
}

#content .kader .content form {
	padding: 0px;
	margin: 0px;
}

/* INVOERVELDEN */

#content form input.text,
#content form textarea {
	float: left;
	margin: 5px 0px;
	clear: left;
	background-color: transparent;
	border: 1px solid #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	padding: 4px 5px 2px 5px;
}

form input.text {
	width: 50%;
	height: 14px;
}

form textarea {
	width: auto;
	height: auto;
}

#content .column.left form textarea {
	width: 618px;
}

#content .column.left form input.text {
	width: 40%;
}

#content .column.right .kader .content input.text {
	width: 80%;
}

#content .column.right .kader .content textarea {
	width: 275px;
}

#content .column.frontpage form textarea {
	width: 448px;
}

/* KEUZEVELDEN */

#content form label {
	display: block;
	line-height: 20px;
	padding-bottom: 5px;
}

#content .kader .content form label {
	padding-bottom: 0px;
}
 
	#content form label input {
		vertical-align: text-bottom;
		margin-right: 5px;
		border: 0px;
		background: transparent;
	}
	
/* KNOPPEN */

#content form button,
#content button.button {
	float: left;
	width: auto;
	height: 26px;
	margin: 5px 0px;
	border: 0px;
	background-color: transparent;
	cursor: pointer;
}

#content .kader .content form button {
	margin-bottom: 0px;
}

	#content form button span,
	#content button.button span {
		display: none;
	}
	
#content form .oranje button.volgende_vraag {
	width: 130px;
	background-image: url(../images/button_volgende_vraag-oranje.gif);
}

#content form .blauw button.stel_vraag,
#content.blauw form button.stel_vraag {
	width: 107px;
	background-image: url(../images/button_stel_vraag-blauw.gif);
}

#content form .oranje button.stel_vraag {
	width: 107px;
	background-image: url(../images/button_stel_vraag-oranje.gif);
}

#content .kader .content form button.filter_en_sorteer {
	width: 135px;
	background-image: url(../images/button_filter_en_sorteer-blauw.gif);
}

#content .kader .content form button.sorteer {
	width: 72px;
	background-image: url(../images/button_sorteer-blauw.gif);
}

#content .kader .content form button.sorteer {
	width: 72px;
	background-image: url(../images/button_sorteer-blauw.gif);
}

#content button.stelzelfeenvraag {
	width: 152px;
	background-image: url(../images/button_stelzelfeenvraag-oranje.gif);
}

#content button.goed {
	width: 57px;
	background-image: url(../images/button-goed.gif);
}

#content button.slecht {
	width: 64px;
	background-image: url(../images/button-slecht.gif);
}

/** Speler 2 CSS - Frontpage *
 **/
 
#content form {
	float: left;
	width: auto;
	height: auto;
}

#content .column.left form {
	width: 620px;
	padding: 5px 10px;
}

#content .frontpage form {
	width: 460px;
	padding: 5px 10px;
}

#content .kader .content form {
	padding: 5px 0px 0px 0px;
	width: 100%;
}

#content .kader .content form {
	padding: 0px;
	margin: 0px;
}

/* INVOERVELDEN */

#content form input.text,
#content form textarea {
	float: left;
	margin: 5px 0px;
	clear: left;
	background-color: transparent;
	border: 1px solid #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	padding: 4px 5px 2px 5px;
}

form input.text {
	width: 50%;
	height: 14px;
}

form textarea {
	width: auto;
	height: auto;
}

#content .column.left form textarea {
	width: 618px;
}

#content .column.left form input.text {
	width: 40%;
}

#content .column.left .kader .content form textarea {
	width: 439px;
}

#content .column.right .kader .content input.text {
	width: 80%;
}

#content .column.right .kader .content textarea {
	width: 275px;
}

#content .column.frontpage form textarea {
	width: 448px;
}

/* KEUZEVELDEN */

#content form label {
	display: block;
	line-height: 20px;
	padding-bottom: 5px;
}

#content .kader .content form label {
	padding-bottom: 0px;
}
 
	#content form label input {
		vertical-align: text-bottom;
		margin-right: 5px;
		border: 0px;
		background: transparent;
	}
	
/* KNOPPEN */

#content form button,
#content button.button {
	float: left;
	width: auto;
	height: 26px;
	margin: 5px 0px;
	border: 0px;
	background-color: transparent;
	cursor: pointer;
}

#content .kader .content form button {
	margin-bottom: 0px;
}

	#content form button span,
	#content button.button span {
		display: none;
	}
	
#content form .oranje button.volgende_vraag {
	width: 130px;
	background-image: url(../images/button_volgende_vraag-oranje.gif);
}

#content form .blauw button.stel_vraag,
#content.blauw form button.stel_vraag {
	width: 107px;
	background-image: url(../images/button_stel_vraag-blauw.gif);
}

#content form .oranje button.stel_vraag {
	width: 107px;
	background-image: url(../images/button_stel_vraag-oranje.gif);
}

#content .kader .content form button.filter_en_sorteer {
	width: 135px;
	background-image: url(../images/button_filter_en_sorteer-blauw.gif);
}

#content .kader .content form button.sorteer {
	width: 72px;
	background-image: url(../images/button_sorteer-blauw.gif);
}

#content button.stelzelfeenvraag {
	width: 152px;
	background-image: url(../images/button_stelzelfeenvraag-oranje.gif);
}

#content button.inloggen {
	width: 79px;
	background-image: url(../images/button_inloggen-blauw.gif);
}

#content button.inloggen:hover {
	background-image: url(../images/button_inloggen-blauw_hover.gif);
	cursor: pointer;
}

#content button.registreren {
	width: 101px;
	background-image: url(../images/button_registreren-blauw.gif);
}

#content button.registreren:hover {
	background-image: url(../images/button_registreren-blauw_hover.gif);
	cursor: pointer;
}

#content button.bijwerken {
	width: 101px;
	background-image: url(../images/button_bijwerken-blauw.gif);
}

#content button.bijwerken:hover {
	background-image: url(../images/button_bijwerken-blauw_hover.gif);
	cursor: pointer;
}

#content button.insturen {
	width: 101px;
	background-image: url(../images/button_insturen-blauw.gif);
}

#content button.insturen:hover {
	background-image: url(../images/button_insturen-blauw_hover.gif);
	cursor: pointer;
}

#content button.goed {
	width: 57px;
	background-image: url(../images/button-goed.gif);
}

#content button.slecht {
	width: 64px;
	background-image: url(../images/button-slecht.gif);
}

#content button.nieuw_onderwerp {
	width: 195px;
	background-image: url(../images/button_nieuw_onderwerp.gif);
}

#content button.reageer {
	width: 78px;
	background-image: url(../images/button_reageer.gif);
}

#content button.plaats_reactie {
	width: 117px;
	background-image: url(../images/button-plaats_reactie.gif);
	margin-right: 10px;	
}

#content button.bekijk_voorbeeld {
	width: 138px;
	background-image: url(../images/button-bekijk_voorbeeld.gif);
}

#content button.koopwijzer-terug {
	width: 79px;
	background-image: url(../images/button_koopwijzer-terug.gif);
}

#content button.koopwijzer-verder {
	width: 89px;
	background-image: url(../images/button_koopwijzer-verder.gif);
}

#content button.koopwijzer-kopen {
	width: 103px;
	background-image: url(../images/button-kopen.gif);
	margin-bottom: 5px;
}

#content button.koopwijzer-alle_winkels {
	width: 103px;
	background-image: url(../images/button-alle_winkels.gif);
}

#content button.koopwijzer-filter {
	width: 103px;
	background-image: url(../images/button-filter.gif);
}

/* KOOPWIJZER */

#content .koopwijzer {
	float: left;
	width: 640px;
	height: 115px;
	margin-bottom: 20px;
	padding: 0px;
	background: transparent url() no-repeat top left;
}

	#content .koopwijzer .left,
	#content .koopwijzer .right {
		float: left;
		width: 10px;
		height: 100px;
		margin: 0px;
		overflow: hidden;
	}
	
	#content .koopwijzer .left {
		background-image: url(../images/koopwijzer_balk-left.gif);
	}
	
	#content .koopwijzer .right {
		background-image: url(../images/koopwijzer_balk-right.gif);
	}
	
	#content .koopwijzer .stap {
		float: left;
		width: 95px;
		height: 115px;
		padding-left: 10px;
		margin: 0px;
		background: transparent url(../images/koopwijzer_balk-back.gif) repeat-x;
	}
	
	#content .koopwijzer .stap.first {
		padding-left: 0px;
	}
	
		#content .koopwijzer .stap .content {
			float: left;
			width: 75px;
			height: 80px;
			padding: 20px 10px 0px 10px;
			margin: 0px;
			line-height: 22px;
			color: #f3b6d5;
			text-align: center;
		}
	
			#content .koopwijzer .stap .content h3 {
				margin: 0px;
				padding: 0px;
				font-size: 22px;
				line-height: 22px;
				color: #f3b6d5;
			}
			
		#content .koopwijzer .stap .indicator {
			float: left;
			width: 95px;
			height: 15px;
			background: transparent none no-repeat top center;
		}
		
	#content .koopwijzer .stap.done .content,
	#content .koopwijzer .stap.current .content {
		color: #fff;
	}
	
			#content .koopwijzer .stap.done .content h3,
			#content .koopwijzer .stap.current .content h3 {
				color: #fff;
			}
	
		#content .koopwijzer .stap.done .indicator {
			background-image: url(../images/koopwijzer_balk-check.gif);
		}
	
		#content .koopwijzer .stap.current .indicator {
			background-image: url(../images/koopwijzer_balk-pijltje.gif);
		}

#content #stapcontent { }

	#content #stapcontent p {
		margin: 2em 0;
	}
	
	#content #stapcontent p.bigchoice {
		line-height: 50px;
		font-size: 18px;
	}
	
		#content #stapcontent p.bigchoice a {
			margin: 0px 40px;
		}
		
		#content #stapcontent p.bigchoice a img {
			vertical-align: middle;
		}
		
	#content #stapcontent .half button.koopwijzer-verder {
		float: right;
	}
	
	#content #stapcontent form {
		width: 100%;
		padding: 0px;
	}
	
	div.frontpage div.content #stapcontent p.bigchoice {
		margin: 12px 0 !important;
		line-height: 25px !important;
	}

	div.frontpage div.content #stapcontent p.bigchoice a {
		margin: 0 !important;
	}

#content form.floatlabel label {
	display: block;
	height: 16px;
	float: left;
	text-align: left;
	width: 200px;
}

#content form.floatlabel label.nofloat {
	float: none;
	width: 100px;
}

#content form.floatlabel div.clear {
	clear: both;
	height: 3px;
}