/* CSS Document									*/
/* Website:			Jeugd en Gezinskompas		*/
/* Client:			Alblasserdam				*/
/* Version:			1.0							*/
/* Author:			Jasper Stinissen			*/
/* Email:			j.stinissen@sdu.nl			*/


body {
	height:			100%;
	width:			100%;
	margin:			0;
	padding:		0;
	text-align:		center;
	background:		#FFFFFF;
	font-family:	Arial, sans-serif;
}
#container {
	width:			1000px;
	text-align:		left;
	background:		url(../images/bodyback.jpg) top center repeat-y #FFFFFF;
	overflow:		hidden;
	margin:			0px auto;
	font-size:		100%;
}
#kop {
	width:			1000px;
	height:			170px;
	background:		url(../images/header.jpg) top center no-repeat;
}

#meta_navigatie	{
	height:			30px;
	width:			1000px;
	margin:			30px 0 0;
	float:			left;
}
#kolom_1 {
	min-height:		400px;
	width:		 	490px;
	float:		 	left;
	margin:			0 0 0 5px;
}
html > body #kolom_1	{
	margin:			0 10px;
}
#kolom_2 {
	width:		 	245px;
	float:		 	left;
	margin:		 	30px 0 0;
}
#kolomMidden	{
	padding:		0 0 10px 0;
}
#kolom_3 {
	margin:			65px 10px 0;
	width:			220px;
	float:		 	right;
}
html > body #kolom_3	{
	margin:			65px 17px 0 0;
}
#voet {
	width:		 	1000px;
	height:			50px;
	background:		url(../images/footer.gif) bottom left no-repeat;
	clear:			both;
}

/*___________________________*/

h1 {
	font-size:		1.75em;
	margin:		 	20px 0 0 10px;
	color:			#EE5538;
}
h2 {
	margin:		 	87px 0 0 10px;
	font-size:		1.15em;
}
#kolom_1 h2 {
	margin:		 	0;
	color:			#FF6600;
}
#kolom_2 h2 {
	font-size:		1.25em;
	color:			#EE3224;
	margin:			0;
}
h2.zoekresultaat {
	font-size:		1.1em;
	margin:		 	0 0 5px 0;
}

.tx-indexedsearch-whatis {
	font-size:		1.75em;
	margin:			20px 0 0 10px;
	padding:		10px 0 0;
	font-weight:	bold;
	line-height:	120%;
	color:			#EE5538;
}
h3 {
	font-size:		1.15em;
	margin:		 	5px 0;
}
a	{
	text-decoration:none;
	color:			#000666;
}
a:hover	{
	text-decoration:underline;
}

.tx-pceaudioplayer-player {
	width:		 	1px;
	height:		 	0;
	overflow:		hidden;
}
.kruimelpad {
	margin:		 	0 0 0 20px;
	padding:		0 0 3px;
	height:			13px;
}
.kruimelpad li {
	float:		 	left;
}
.kruimelpad a {
	color:		 	#666666;
	text-decoration:none;
}
.kruimelpad a:hover {
	text-decoration:underline;
}
.kruimelpad a:visited {
	color:		 	#666666;
}

/*___________________________*/

ul.kop_navigatie {
	float:		 	right;
	width:			370px;
	margin:			50px 10px 0 0;
}

ul.kop_navigatie li {
	margin:		 	0 0 0 2px;
	list-style:		none;
	float:		 	left;

}
ul.kop_navigatie a {
	float:		 	left;
	display:		block;
	width:			80px;
	padding:		4px 0 6px 30px;
	text-decoration:none;
	font-size:		14px;
	font-weight:	bold;
	color:		 	#FFFFFF;
	border:			2px solid #EE5538;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
ul.kop_navigatie li.forum a {
  width:      100px;
}
ul.kop_navigatie a:hover {
	border-color:	#CC3300;
}

/*___________________________*/

#kop_knoppen {
	float:		 	left;
	height:		 	30px;
	width:		 	487px;
	padding:		0 0 0 15px;
}
#kop_knoppen li {
	float:		 	left;
	margin:		 	0 6px 0 0;
	padding:		0;
	list-style:		none;
}
#kop_knoppen li:hover {
	text-decoration:none;
}
#kop_knoppen a {
	float:		 	left;
	display:		block;
	padding:		4px 7px 6px 27px;
	text-decoration:none;
	font-size:		14px;
	font-weight:	bold;
	color:		 	#FFFFFF;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#kop_knoppen a:hover {
	background:		#CC3300;
	text-decoration:none;
}
html > body ul.kop_knoppen a:hover {
}
#kop_knoppen a:visited {
	color:		 	#FFFFFF;
}

/*___________________________*/

ul.kop_knoppen_navigatie {
	float:			right;
	margin:		 	0 30px 30px;
}
ul.kop_knoppen_navigatie li {
	line-height:	normal;
	float:			left;
	margin:			0 0 0 10px;
}
ul.kop_knoppen_navigatie li a {
	color:		 	#797979;
	text-decoration:none;
}
ul.kop_knoppen_navigatie li a:hover {
	text-decoration:underline;
}
ul.kop_knoppen_navigatie li a:visited {
	color:		 	#797979;
}

/*___________________________*/

div.zoeken {
	float:		 	left;
	font-size:		14px;
}

#kop input.tekst {
	border:		 	2px solid #666666;
	width:		 	180px;
	padding:		2px;
	
	-moz-border-radius-topleft:		3px;
	-webkit-border-top-left-radius:	3px;
	-moz-border-radius-bottomleft:	3px;
	-webkit-border-bottom-left-radius:3px;
}
#kop input.knop {
	margin:		 	0 0 0 -5px;
	padding:		2px;
	background:		#666666;
	border:			1px solid #666666;
	font-weight:	bold;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	color:			#FFFFFF;
	width:			65px;
	height:			24px;
	
	-moz-border-radius-topright:	3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-radius-bottomright:	3px;
	-webkit-border-bottom-right-radius:3px;
}
html > body #kop input.knop {
	height:			auto;
}
#kop input.knop:hover	{
	background:		#EE3224;
	border:			1px solid #EE3224;
	cursor:			pointer;
}
#kop label {
	display:		none;
}
#kop img.logo {
	margin:			40px 0 0 15px;
	border:		 	0;
	float:			left;
	width:			403px;
}

/*___________________________*/

.content p{
	margin:		 	15px 0 5px 10px;
	line-height:	140%;
}
.content ul {
	margin:		 	0 0 0 15px;
}
.content li {
	margin:		 	0 0 5px 10px;
	list-style:		disc;
	line-height:	normal;
}
.content p a, .content li a {
	font-weight:	bold;
	text-decoration:none;
	color:			#0066cc;
}
.content p a:hover, .content li a:hover {
	text-decoration:underline;
}
.content p a:visited, .content li a:visited {
	color:			#ad0080;
}
.content p a:active, .content li a:active {
	color:			#FF0000;
}
.content hr {
	width:		 	455px;
	height:		 	1px;
	color:		 	#F2F2F2;
	background:		#F2F2F2;
	border:		 	0;
	float:			left;
}
#kolom_2 hr {
	margin:		 	5px 0 0 0;
	height:		 	1px;
	color:		 	#D9D9D9;
	background:		#D9D9D9;
	border:		 	0;
	float:			left;
}

li.bullet {
	margin:		 	0 0 0 15px;
	padding:		0 0 0 5px;
	list-style:		square;
	line-height:	normal;
}
.tip {
	margin:		 	5px 5px;
	padding:		5px;
	border:			1px dotted #FFCC00;
	background:		#FFFFCC;
}
.tip li.titel {
	margin:		 	0 0 5px 15px;
	padding:		0 0 0 5px;
	font-weight:	bold;
	list-style:		url(../images/tip.gif) outside;
}
.let_op {
	margin:		 	5px 10px;
	padding:		5px;
	border:		 	1px dotted #FF6633;
	background:		#FFE6E6;
}
.let_op li.titel {
	margin:		 	0 0 5px 15px;
	padding:		0 0 0 5px;
	font-weight:	bold;
	list-style:		url(../images/letop.gif) outside;
}
.direct_naar {
	margin:		 	5px 10px;
	padding:		5px;
	border:		 	1px dotted #66CCFF;
	background:		#D9ECFF;
}
.direct_naar li.titel {
	margin:		 	0 0 5px 15px;
	padding:		0 0 0 5px;
	font-weight:	bold;
	list-style:		url(../images/external.gif) outside;
}

/*___________________________*/

ul.menu {
	margin:		 	20px 0 0;
}
ul.menu li {
	width:		 	235px;
	float:		 	left;
	margin:		 	0 0 9px 5px;
	list-style:		none;
	border:			1px solid #CCCCCC;
	-moz-border-radius: 3px;
}
html > body ul.menu li {
	margin:		 	0 0 9px 7px;
}
ul.menu a {
	display:		block;
	padding:		10px 5px 0 0;
	color:		 	#333333;
	text-decoration:none;
	line-height:	normal;
	height:			13px;
}
html > body ul.menu a {
	padding:		10px 0 77px 0;
}
ul.menu a:hover {
	text-decoration:underline;
	color:			#CC3300;
	background:		url(../images/a.jpg) bottom left repeat-x;
}
ul.menu img {
	float:		 	left;
	margin:			-10px 7px 0 0;
}

/*___________________________*/

.problemen {
	padding:	 	10px 0 0 15px;
}
.problemen li {
	margin:		 	5px 0 7px;
	line-height:	normal;
	list-style:		disc;
}
.problemen a {
	font-weight:	bold;
	color:		 	#000000;
	padding:		3px 0;
}
.problemen a:hover {
}
.problemen a:visited {
	color:			#ad0080;
}

/*___________________________*/

.adressen {
	width:			240px;
	padding:		0 0 30px 0;
	float:			left;
}
#kolom_2 .adressen .adres h2 {
	margin:		 	10px 0 0 0 !important;
	padding:		0;
	font-size:		1em !important;
	border:			none;
}
.adressen_box {
	float:			left;
	width:			470px;
}
.adres {
	float:			left;
	width:			100%;
	padding:		5px 0 10px;
	border-bottom:	1px solid #D9D9D9;
}
.adres li {
	list-style:		none;
	line-height:	normal;
	margin:			3px 0;
	min-width:		190px;
}
.adres li a {
	color:		 	#0066cc;
	font-weight:	bold;
}
.adres li a:hover {
	color:		 	#FF0000;
}
.adres li a:visited {
	color:		 	#ad0080;
}
.adres h2 {
	margin:		 	0 !important;
}
.prev_letter, .next_letter {
	padding:		5px;
	background:		#EE5538;
	font-weight:	bold;
	color:		 	#FFFFFF;
	text-decoration:none;
}
.prev_letter:hover, .next_letter:hover {
	text-decoration:underline;
	background:		#CC3300;
}
.prev_letter {
	float:		 	left;
	margin:		 	20px 0 0 10px;
}
.next_letter {
	float:		 	right;
	margin:		 	20px 5px 0 0;
}

/*___________________________*/

.tips {
	height:		 	auto;
	padding:		5px 5px 5px 0;
}
.tips ul {
	margin:		 	15px 0 0;
	padding:		0 0 10px 0;
}
.tips li {
	list-style:		none;
	margin:		 	0 0 2px 0;
	line-height:	normal;
}
.tips a {
	color:		 	#FFFFFF;
	background:		#EE5538;
	padding:		3px;
	font-weight:	bold;
	float:			right;
	-moz-border-radius: 2px;
}
.tips a:hover {
	background:		#CC3300;
	text-decoration:none;
}


/*___________________________*/

.gemeente {
	margin:		 	10px 20px;
	bottom:		 	0px;
	float:		 	right;
}
.alfabet {
	width:		 	100%;
	height:			20px;
	display:		block;
	margin:		 	0 0 0 10px;
}
.letter, .letter_active {
	float:		 	left;
	margin:		 	0 1px 2px 0;
	padding:		4px;
	display:		block;
	background:		#F2F2F2;
	font-weight:	bold;
	color:		 	#000000;
	text-decoration:none;
}
.letter:hover {
	background:		#EE5538;
	text-decoration:underline;
	color:			#FFFFFF;
}
.letter_active {
	background:		#CC3300;
	color:			#FFFFFF;
	-moz-border-radius:2px;
}
.grijs	{
	background:		#DDDDDD;
	color:			#999999;
	cursor:			default;
}
.grijs:hover	{
	background:		#CCCCCC;
	text-decoration:none;
}
.alfabet_huidig {
	float:		 	left;
	width:		 	470px;
	margin:		 	10px;
	padding:		3px;
	background:		#EE5538;
	color:			#FFFFFF;
	text-transform:	uppercase;
	font-weight:	bold;
	-moz-border-radius:2px;
}
.back_to_top {
	float:		 	right;
	margin:		 	0 5px 0 0;
	text-transform:	none;
	text-decoration:none;
	color:		 	#FFFFFF;
}
.back_to_top:hover {
	text-decoration:underline;
}

/*___________________________*/

.trefwoorden {
	margin:		 	0 0 0 15px;
	float:			left;
	width:			90%;
}
.trefwoorden li {
	margin:			0 0 0 15px;
	line-height:	140%;
}
.trefwoorden a {
	color:		 	#000000;
	text-decoration:none;
}
.trefwoorden a:hover {
	text-decoration:underline;
}
.trefwoorden a:visited {
	color:		 	#ad0080;
}

/*___________________________*/

.sitemap a {
	color:		 	#000000;
	text-decoration:none;
}
.sitemap a:hover {
	text-decoration:underline;
}
.sitemap a:visited {
	color:		 	#ad0080;
}
div.sitemap {
	margin:		 	20px 0 0 10px;
	width:		 	100%;
}
ul.sitemap li {
	list-style-type :none;
	list-style-image:none;
}
ul.sitemapL1 {
	font-weight:	bold;
	color:			#000000;
	margin:			0;
	font-size:		1.1em;
}
ul.sitemapL1 li {
	border-bottom:	1px solid #C7EAFD;
	margin:			10px 0 0 0;
}
ul.sitemapL1 a	{
	color:			#000000;
}
ul.sitemapL2 {
	margin:		 	5px 0 10px 100px;
	font-weight:	normal;
}
ul.sitemapL2 li {
	border:			0;
	margin:			0;
	font-size:		1em;
}
ul.sitemapL2 a {
	font-weight:	bold;
	color:			#000000;
}
ul.sitemapL3 {
	margin:		 	-13px 0 20px 200px;
	line-height:	normal;
}
ul.sitemapL3 a {
	font-weight:	normal;
}

/*___________________________*/

.vragen {
	margin:			0px auto;
	padding:		0 0 0 20px;
	width:			990px;
	margin-top:		15px;
	color:			#666666;
	font-size:		85%;
	text-align:		left;
}
.vragen a {
	color:			#999999;
}
.vragen a.audio	{
	color:			#555555;
}
.vragen li	{
	float:			left;
	margin:			0 20px 20px 0;
	list-style-type:none;
}
.vragen li.rechts	{
	float:			right;
	margin:			0 10px;
}

.tx-indexedsearch-res li {
	list-style:		none;
	margin:			0 0 5px 0;
}
ul.browsebox {
	margin:			0 0 10px 0;
}

#kolom_1 .tx-gkevenmeten-pi1 h3	{
	margin:			15px 0 5px 10px;
	color:			#FF6600;
}
#kolom_1 .tx-gkevenmeten-pi1 h4	{
	margin:			15px 0 0 10px;
	font-size:		1em;
}

#kolom_1 .tx-gkevenmeten-pi1 p {
	margin:			5px 0 0 10px;
}

#kolom_1 .tx-gkevenmeten-pi1 a.rode_knop {
	color:		 	#FFFFFF;
	background:		#EE5538;
	margin:			0 0 0 400px;
	padding:		3px;
	font-weight:	bold;
	font-size:		1.1em;
	-moz-border-radius: 2px;
}
#kolom_1 .tx-gkevenmeten-pi1 span a {
	color:		 	#FFFFFF;
	background:		#EE5538;
	padding:		1px 3px;
	font-weight:	bold;
	-moz-border-radius: 2px;
}
#kolom_1 .tx-gkevenmeten-pi1 a.rode_knop:hover, #kolom_1 .tx-gkevenmeten-pi1 span a:hover {
	background:		#CC3300;
	text-decoration:none;
}

#kolom_3 .tx-gkevenmeten-pi1, #kolom_3 .tips	{
	background:		#F2F2F2;
	margin:			0 0 20px;
	padding:		10px;
	border:			1px solid #CCCCCC;
	-moz-border-radius:	4px;
}
#kolom_3 p	{
	margin:			10px 0;
	line-height:	140%;
}
#kolom_3 .tx-gkevenmeten-pi1 label, #kolom_3 .tx-gkevenmeten-pi1 .blokje	{
	float:			left;
	width:			80px;
	margin:			0 0 5px;
}
#kolom_3 .tx-gkevenmeten-pi1 input	{
	margin:			0 5px 5px 0;
}
#kolom_3 .tx-gkevenmeten-pi1 .evenmeten_submit, .formulier input.knop	{
	float:			right;
	padding:		2px 3px;
	background:		#EE5538;
	color:			#FFFFFF;
	font-family:	Arial, Helvetica, sans-serif;
	font-weight:	bold;
	border:			none;
	
	-moz-border-radius: 2px;
}
#kolom_3 .tx-gkevenmeten-pi1 .evenmeten_submit:hover, .formulier input.knop:hover	{
	background:		#CC3300;
	cursor:			pointer;
}

.formulier	{
	background:		#F2F2F2;
	border:			1px solid #CCCCCC;
	padding:		10px;
	margin:			20px 0 0 10px;
	
	-moz-border-radius:	4px;
}
.formulier label	{
	float:			left;
	display:		block;
	width:			150px;
	height:			30px;
}
.formulier input	{
	float:			left;
	width:			300px;
	margin:			0 0 10px;
}
.formulier input.knop	{
	width:			auto;
	float:			right;
}
.formulier input.som	{
	width:			30px;
	margin:			0 222px 0 0;
}
.formulier textarea	{
	float:			left;
	height:			120px;
	width:			300px;
	margin:			0 0 10px;
}
.formulier span.verplicht	{
	color:			#FF0000;
}
.formulier span.somvraag	{	
	font-weight:	bold;
	float:			left;
	margin:			0 5px 0 0;
}
.formulier span.optioneel	{
	color:			#666666;
	font-style:		italic;
	font-size:		0.9em;
}

.error	{
	margin:			10px 0 0 10px;
	background:		#EE5538;
	color:			#FFFFFF;
	font-weight:	bold;
	
	-moz-border-radius:	4px;
}
.error p	{
	padding:		10px 0;
}