/* Deze stylsheet zorgt voor de opmaak van de site. Om niet in PHP code
te hoeven graven zijn hier een aantal voorgedefinieerde opmaak eigenschappen
uitgewerkt. Deze worden door heel de zwangerwijzer site toegepast.
*/

.tekst {
	font-family: Arial, sans serif;
	font-size: 13px;
}

h3 {
	color: #9966cc;
}

/*
De submitBtn is de opmaak voor een knop.
*/
#submitBtn {
	color: #9966cc;
	font-family: verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
  text-align: center;
	cursor: pointer;
	padding: 2px;
	margin-top: 20px;
}

#submitBtn_zonder_margin {
	color: #9966cc;
	font-family: verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
  text-align: center;
	cursor: pointer;
	padding: 2px;
}


a.vraagnummering:link, a.vraagnummering:visited {
	color:#ffffff;
	text-decoration: none;
	font-family: arial, sans-serif;
	font-weight: bold;
}

a.vraagnummeringhuidig:link, a.vraagnummeringhuidig:visited {
	color:#000000;
	text-decoration: none;
	font-family: arial, sans-serif;
	font-weight: bold;
}

a.vraagnummeringbeantw:link, a.vraagnummeringbeantw:visited {
	color:#ff0000;
	text-decoration: none;
	font-family: arial, sans-serif;
	font-weight: bold;
}

a.vraagnummering:hover, a.vraagnummering:active, a.vraagnummeringbeantw:hover, a.vraagnummeringbeantw:active, a.vraagnummeringhuidig:hover, a.vraagnummeringhuidig:active {
	color: #000000;
	text-decoration: underline;
	font-family: arial, sans-serif;
	font-weight: bold;
}

/*
Vraagblock verschijnt net onder vraagnummeringblock en hier wordt
het vraagformulier weergegeven. Dit houdt in de vraagstelling
met de antwoorden en de knop om door te gaan naar de volgende vraag.
*/

#vraagblock {
	width: 500px;
	height: 275px;
	max-width: 500px;
	text-align: left;
	vertical-align: top;
	padding: 25px;
}

/*
De opmaak voor een vraagnummer binnen een vraagblock.
*/
#vraagnummer {
	background-image: url('images/bkg_vraagnr.png');
	width: 35px;
	height: 21px;
	color: #ffffff;
	text-align: center;
	padding-top: 4px;
	margin-bottom: 5px;
}

/*
De opmaak voor de vraagstelling binnen een vraagblock.
*/
#vraagstelling {
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 14px;
	color: #9966CC;
	}

#antwoord {
	margin-left: 0.8em;
	padding: 0;
}

#subantwoord {
	margin-left: 2.8em;
	border: 0;
	padding: 0;
}

input.text {
	color: #000000;
	background: #FFFF00;
	border: 1px solid #ffcc00;
	font-weight: bold;
}

input.error {
	margin-left: 5px;
	color: #9966cc;
	background: transparent;
	padding: 2px;
	border: 0;
	font-size: 14px;
	font-weight:bold;
	width: 200px;
}

/*
De vragengroepblock wordt aan de rechterkant weergegeven op dezelfde
hoogte als het vraagblock. Deze vragengroepblock dient voor de flash
animatie in het begin en later voor de vragengroep overzicht.
*/
#vragengroepblock {
	visibility: visible;
	width: 230px;
	max-width: 230px;
	text-align: center;
	vertical-align: top;
	background-color: #99CC00;
	padding: 10px;
	padding-top: 25px;
	/*height: auto;*/
	height: 300px;
}

#vragengroep {
	color: #FFFFFF;
	padding-bottom: 2px;
}

#currentvragengroep {
	color: #000000;
	padding-bottom: 2px;
	font-weight: bold;
}

/*
Het onderste tabelblock is de bottomblock. Deze block zorgt voor ronde
hoeken aan de onderkant van de tabelblock.
*/
#bottomblock {
	height: 30px;
	background: url('images/onder.gif');
	background-repeat: no repeat;
	text-align: center;
	color: #FFCC00;
}

a.bottomblock {
	font-weight: bold;
	text-decoration: none;
}

a.bottomblock:link, a.bottomblock:visited, a.bottomblock:active {
	color: #FFCCCC;
}

a.bottomblock:hover {
	color: #FFFFFF;
}

/*
Footer is het gedeelte dat op de site wordt weergegeven onder de tabelblock.
*/
a.footer:link, a.footer:visited, a.footer:active {
	color: #1975A5;
	font-weight: bold;
	text-decoration: none;
}

a.footer:hover {
	text-decoration: underline;
}

#helpblock {
	width: 500px;
	max-width: 500px;
	text-align: left;
	vertical-align: top;
	padding: 25px;
	background-color: #FFFFFF;
	border: 5px solid #ffcccc;
	display: none;
	visibility: hidden;
}

legend.helpblock {
	background-color: #FFCC00;
	padding: 2px 6px;
	border: 1px ridge #CCCCCC;
	color: #FFFFFF;
	font-weight: bold;
}

div.helptekst {
	text-align: left;
	padding: 2px;
}

#adviesblock {
	width: 400px;
	max-width: 400px;
	border: 5px solid #ffcccc;
	text-align: left;
	vertical-align: top;
	padding: 25px;
	background-color: #FFFFFF;
	display: none;
	visibility: hidden;
}

#waarschuwingsbalk {
	color: #ffffff;
	font-weight: bold;
	padding-left:25px;
}

#waarschuwingsbalkgr, #waarschuwingsbalkro, #waarschuwingsbalkr2 {
	display: none;
	visibility: hidden;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial;
	padding-left:25px;
}

#colofonblock {
	max-width: 520px;
	padding: 25px;
	width: 520px;
	text-align: left;
	color: #000000;
	background-color: #FFFFFF;
	border: 5px solid #ffcccc;
	display: none;
	visibility: hidden;
}

#downloadenblock {
	max-width: 520px;
	padding: 25px;
	width: 520px;
	text-align: left;
	color: #000000;
	background-color: #FFFFFF;
	border: 5px solid #ffcccc;
	display: none;
	visibility: hidden;
}


#disclamerblock {
	width: 500px;
	max-width: 500px;
	text-align: left;
	vertical-align: top;
	padding: 25px;
	background-color: #FFFFFF;
	border: 5px solid #ffcccc;
	display: none;
	visibility: hidden;
}

#zorginstrumentblock {
	width: 500px;
	max-width: 500px;
	text-align: left;
	vertical-align: top;
	padding: 25px;
	background-color: #FFFFFF;
	border: 5px solid #ffcccc;
	display: none;
	visibility: hidden;
}

div.indentekst {
	margin-left: 15px;
}

#fotogr, #fotoro {
	display: none;
	visibility: hidden;
}

#logo_roze {
}

#logo_rood {
	display: none;
	visibility: hidden;
}

#logo_grijs {
	display: none;
	visibility: hidden;
}