/* CSS Document							*/
/* Website:			Zorgkompas Ouder Amstel		*/
/* Version:			1.2				*/
/* Author:			Jasper Stinissen		*/
/* Email:			j.stinissen@sdu.nl		*/


/* BODY SETUP
_____________________________*/

body {
	height:			100%;
	width:			100%;
	margin:			0;
	padding:		0;
	text-align:		center;
	background:		#e1ecfb;
	font-family:		Arial, sans-serif;
}
#container {
	width:			990px;
	text-align:		left;
	background:		url(../images/bodyback.gif) top left repeat-y #FFFFFF;
	overflow:		hidden;
	margin:			0px auto;
	font-size:		100%;
}
#kop {
	height:			146px;
	width:			990px;
	background:		#b9cbe5;
	padding:		10px 0 0;
}
#meta_navigatie	{
	width:			980px;
	margin:			10px 0 0;
	padding:		4px 0 2px 10px;
	float:			left;
	background:		#374f73;
}
#kolom_1 {
	min-height:		400px;
	width:		 	500px;
	margin:		 	0 10px 0 0;
	padding:		0 0 30px;
	float:		 	left;
}
#kolom_2 {
	width:		 	245px;
	float:		 	left;
	margin:		 	20px 0 0;
}
#kolomMidden	{
	padding:		0 0 10px 0;
}
#kolom_3 {
	margin:			12px 0 0;
	width:			220px;
	float:		 	right;
}
#voet {
	width:		 	990px;
	height:			30px;
	clear:			both;
	background:		#e1ecfb;
	border-top:		2px solid #b9cbe5;
}

/*___________________________*/

h1 {
	font-size:		1.75em;
	margin:		 	10px 0 0 10px;
	color:			#374f73;
}
h2 {
	margin:		 	87px 0 0 10px;
	font-size:		1.15em;
}
#kolom_1 h2 {
	margin:		 	0;
}
#kolom_2 h2 {
	font-size:		1.25em;
	margin:			0;
	color:			#374F73;
}
h2.zoekresultaat {
	font-size:		1.1em;
	margin:		 	0 0 5px 0;
}

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

.tx-pceaudioplayer-player {
	width:		 	1px;
	height:		 	0;
	overflow:		hidden;
}
.kruimelpad {
	margin:		 	0 0 0 11px;
	padding:		20px 0 20px;
	height:			13px;
	float:			left;
	width:			965px;
	background:		#FFFFFF;
}
.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 {
	margin:			37px 0 0;
	float:			left;
}
ul.kop_navigatie li {
	width:		 	100px;
	padding:		0;
	list-style:		none;
	background:		#00AAEF;
	float:		 	left;
}
ul.kop_navigatie a {
	float:		 	left;
	display:		block;
	padding:		5px 0 5px 25px;
	text-decoration:	none;
	font-size:		14px;
	font-weight:		bold;
	color:		 	#FFFFFF;
}
html > body ul.kop_navigatie a:hover {
	text-decoration:	none;
}

/*___________________________*/

#kop_knoppen {
	float:		 	left;
	height:		 	30px;
	width:		 	480px;
}
#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;
	border:		 	2px solid #FFFFFF;
}
#kop_knoppen a:hover {
	background:		#76D5FC;
	text-decoration:none;
}
html > body ul.kop_knoppen a:hover {
}
#kop_knoppen a:visited {
	color:		 	#FFFFFF;
}

/*___________________________*/

ul.kop_knoppen_navigatie {
	float:			right;
	margin:		 	5px 65px 0 0;
}
ul.kop_knoppen_navigatie li {
	line-height:		normal;
	float:			left;
	margin:			0 0 0 10px;
}
ul.kop_knoppen_navigatie li a {
	color:		 	#FFFFFF;
	font-weight:		bold;
	text-decoration:	none;
}
ul.kop_knoppen_navigatie li a:hover {
	text-decoration:	underline;
}
ul.kop_knoppen_navigatie li a:visited {
	color:		 	#FFFFFF;
}

/*___________________________*/

div.zoeken {
	float:		 	left;
	width:			260px;
	font-size:		14px;
	margin:			37px 10px 0 0;
}
html > body div.zoeken	{
	margin:			37px 10px 0 0;
}

#kop input.tekst {
	border:		 	3px solid #374f73;
	width:		 	185px;
	padding:		1px;
}
#kop input.knop {
	margin:		 	0 0 0 -5px;
	padding:		2px;
	background:		#374f73;
	border:			1px solid #374f73;
	font-weight:		bold;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	color:			#FFFFFF;
	width:			65px;
	height:			24px;
}
html > body #kop input.knop {
	height:			auto;
}
#kop input.knop:hover	{
	background:		#6b87b2;
	border:			1px solid #6b87b2;
	cursor:			pointer;
}
#kop label {
	display:		none;
}

img.logo {
	border:		 	0;
	float:			left;
	margin:			0 390px 0 10px;
	width:			100px;
}

/*___________________________*/

.content p {
	margin:		 	15px 0 10px 10px;
	line-height:		140%;
}
.content ul {
	margin:		 	0 0 0 15px;
}
.content li {
	margin:		 	0 0 5px 10px;
	list-style:		disc;
	line-height:		140%;
}
.content p a, .content li a {
	font-weight:		bold;
	text-decoration:	none;
	color:			#CC3300;
}
.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;
	margin:		 	5px 0 5px 10px;
	height:		 	1px;
	color:		 	#D9D9D9;
	background:		#D9D9D9;
	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;
	text-transform:		lowercase;
}
ul.menu li {
	width:		 	238px;
	height:			103px;
	float:		 	left;
	margin:		 	0 0 10px 5px;
	list-style:		none;
}
html > body ul.menu li {
	margin:		 	0 0 10px 10px;
}
html > body ul.menu li:hover {
}
ul.menu a {
	display:		block;
	padding:		10px 1px 10px 0;
	color:		 	#000000;
	text-decoration:	none;
	background:		#e1ecfb;
	line-height:		normal;
	height:			13px;
}
html > body ul.menu a {
	
	padding:		10px 1px 80px 0;
}
ul.menu a:hover {
	text-decoration:underline;
	color:			#880000;
}
html > body ul.menu a:hover {
	background:		#cfe0f9;
}
ul.menu img {
	float:		 	left;
	margin:		 	-10px 2px 0 0;
}

/*___________________________*/

.problemen {
	margin:		 	20px 0 0 16px;
}
.problemen li {
	list-style:		disc;
	margin:		 	5px 0 0;
	line-height:		normal;
}
.problemen a {
	font-weight:		bold;
	color:		 	#374F73;
	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:			450px;
}
.adres {
	float:			left;
	width:			100%;
	padding:		0 0 10px;
	border-bottom:		1px solid #ffffff;
}
.adres li {
	list-style:		none;
	line-height:		normal;
	margin:			3px 0;
	min-width:		190px;
}
.adres li a {
	color:		 	#880000;
	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:		#E1ECFB;
	font-weight:		bold;
	color:		 	#000000;
	text-decoration:	none;
}
.prev_letter:hover, .next_letter:hover {
	text-decoration:	underline;
	background:		#76d5fc;
}
.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 16px;
	padding:		0 0 10px 0;
}
.tips li {
	list-style:		disc;
	margin:		 	0 0 2px 0;
	line-height:		normal;
	color:			#880000;
}
.tips a {
	color:		 	#880000;
	padding:		3px 0;
	display:		block;
	font-weight:		bold;
}
.tips a:hover {
	text-decoration:underline;
}
.tips a:visited {
	color:		 	#ad0080;
}
.tips a:active {
	color:			#FF0000;
}

/*___________________________*/

.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:		#E1ECFB;
	font-weight:		bold;
	color:		 	#000000;
	text-decoration:	none;
}
.letter:hover {
	background:		#CFE0F9;
	text-decoration:	underline;
}
.letter_active {
	background:		#76d5fc;
}
.grijs	{
	background:		#DDDDDD;
	color:			#999999;
	cursor:			default;
}
.grijs:hover	{
	background:		#DDDDDD;
	text-decoration:	none;
}
.alfabet_huidig {
	float:		 	left;
	width:		 	470px;
	margin:		 	10px;
	padding:		3px;
	background:		#E1ECFB;
	text-transform:		uppercase;
	font-weight:		bold;
}
.back_to_top {
	float:		 	right;
	margin:		 	0 5px 0 0;
	text-transform:		none;
	text-decoration:	none;
	color:		 	#000000;
}
.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;
	padding:		0 0 10px 0;
	width:		 	95%;
}
ul.sitemap li {
	list-style-type :	none;
	list-style-image:	none;
}
ul.sitemapL1 {
	font-weight:		bold;
	color:			#000000;
	margin:			0;
}
ul.sitemapL1 li {
	border-bottom:		1px solid #C7EAFD;
	margin:			10px 0 0 0;
}
ul.sitemapL2 {
	margin:		 	-13px 0 0 100px;
	font-weight:		normal;
}
ul.sitemapL2 li {
	border:			0;
	margin:			0;
}
ul.sitemapL2 a {
	font-weight:		bold;
}
ul.sitemapL3 {
	margin:		 	-13px 0 20px 200px;
	line-height:		normal;
}
ul.sitemapL3 a {
	font-weight:		normal;
}

/*___________________________*/

.vragen {
	margin:			15px;
	color:			#374F73;
	font-size:		85%;
}
.vragen a {
	color:			#800;
}
.vragen li	{
	list-style-type:	none;
}

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

#taalkeuze	{	
}

#taalkeuze li 	{
	width:			120px;
	height:			20px;
	float:			left;
}

#taalkeuze a	{
	display:		block;
	font-weight:		bold;
}


/*
  Stylesheet for language menu.
*/

ul.languages {
	list-style-image:	none;
	list-style-position:	inside;
	list-style-type:	none;
	margin:			0 0 0 10px;
	padding:		0;
}
ul.languages li {
	border-left:		2px solid #BACBE5;
	border-bottom:		2px solid #BACBE5;
	border-right:		2px solid #BACBE5;
	margin:			0;
	padding:		0;
	float:			left;
}
ul.languages li a {
	font-weight: 		bold;
	display:		block;
	color: 			#374F73;
	padding:		4px;
	width:			120px;
	background:		#FFFFFF;
}
ul.languages a:hover	{
	background:		#E1ECFB;
	color:			#880000;
}
ul.languages li a.ACT {
	color: 			#374F73;
	background:		#cfe0f9;
}