/* CSS Document							*/
/* Website:	Geldkompas Enschede			*/
/* 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: #F0F0F0;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 70%;
}

#container {
	width: 950px;
	text-align: left;
	background: url(../images/background.jpg) repeat-y left;
	overflow: hidden;
	margin: 0px auto;
}

#kop {
	float: left;
	margin: 0;
	height: 161px;
	width: 950px;
	background: url(../images/logo.gif) no-repeat top left #FFFFFF;
}

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

#kolom_1 {
	height: auto;
	min-height: 400px;
	width: 470px;
	margin: 0 0 0 0px;
	float: left;
}

#kolom_2 {
	height: 100%;
	width: 245px;
	float: left;
	margin: 0 0 0 4px;
	overflow: visible;
}

#kolom_3 {
	float: left;
}

#voet {
	width: 950px;
	float:	left;
	padding: 0 0 30px 0;
	border-bottom: 2px #CCCCCC solid;
}



/* ELEMENTS
___________________________*/

.tx-pceaudioplayer-player {
	width: 1px;
	height: 0px;
	overflow: hidden;
}

.kruimelpad {
	margin: 15px 0 0 11px;
	padding: 0 0 5px;
	height:	5px;
}

.kruimelpad li {
	float: left;
	font-size: 0.85em;
}

.kruimelpad a {
	font-size: 0.85em;
	color: #666666;
	text-decoration: none;
}
.kruimelpad a:hover {
	text-decoration: underline;
}
.kruimelpad a:visited {
	color: #666666;
}


h1 {
	font-size: 1.4em;
	margin: 25px 0 0 10px;
}

h2 {
	margin: 45px 0 0 10px;
	font-size: 1.1em;
}

#kolom_1 h2 {
	margin: 0;
}

#kolom_2 h2 {
	font-size:	1.1em;
}

h2.zoekresultaat {
	font-size: 14px;
	margin: 0 0 5px 0;
}

/* Hardcoded div in search core */
.tx-indexedsearch-whatis { 
	font-family:Tahoma,Helvetica,sans-serif;
	font-size:	22px;
	margin:		20px 0 0 10px;
	font-weight:bold;
	line-height:120%;
}

h3 {
	font-size: 14px;
	margin: 0 0 5px 0;
}

ul.kop_navigatie {
	float: left;
	margin: 90px 0 -2px 142px;
}

html > body ul.kop_navigatie {
	margin: 90px 0 -2px 142px;
}

ul.kop_navigatie li {
	height: 35px;
	width: 123px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #C7EAFB url(../images/kop_menu_item.gif) no-repeat;
	float: left;
	border: 2px solid #000000;
}

ul.kop_navigatie a {
	float: left;
	display: block;
	padding: 10px 10px 10px 45px;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	border: none;
	color: #000000;
}

ul.kop_navigatie li:hover {
	background: url(../images/kop_menu_item.gif) no-repeat top left;
	text-decoration: underline;
}

html > body ul.kop_navigatie a:hover {
	background: none no-repeat bottom right;
}

ul.kop_navigatie a:visited {
	color: #000000;
}

#kop_knoppen {
	float: left;
	height: 30px;
	width: 467px;
	margin: 0;
	padding: 0 0 0 10px;
	background: #00AEEF;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
}

#kop_knoppen li {
	float: left;
	margin: 3px 6px 0 0;
	padding: 0;
	list-style: none;
	border: 1px solid #C7EAFB;
}

#kop_knoppen li:hover {
	text-decoration: none;
}

#kop_knoppen a {
	float: left;
	display: block;
	padding: 3px 10px 5px 30px;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	border: none;
}

#kop_knoppen a:hover {
	/* a backup for IE's lack of li:hover support */
	background: #C7EAFB;
	text-decoration: none;
}

html > body ul.kop_knoppen a:hover {
	background: none;
}

#kop_knoppen a:visited {
	color: #FFFFFF;
}

ul.kop_knoppen_navigatie {
	float: left;
	margin: 10px 0 0 50px;
}

.kop_knoppen_navigatie li {
	float: left;
	margin: 0 5px 0 0;
}

ul.kop_knoppen_navigatie li, ul.kop_knoppen_navigatie li a {
	color: #FFFFFF;
	font-size:	10pt;
	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;
	margin: 4px 0 0 0;
	width:	250px;
}

#kop input.tekst {
	border: 2px solid #FFFFFF;
	width: 165px;
}

#kop input.knop {
	margin: 1px 0 -1px 0;
	background: #e6e6e6;
	border: 2px solid #000000;
	font-weight: bold;
}

#kop label {
	display: none;
}
.content p {
	margin: 	10px 10px 10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 140%;
}

.content ul {
	margin: 0 0 0 15px;
	font-family: Arial, Helvetica, sans-serif;
}

.content li {
	margin: 0 0 5px 10px;
	list-style: square;
	font-size: 0.8em;
	line-height:140%;
}

.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;
	margin: 5px 0 5px 10px;
	height: 1px;
	color: #C7EAFB;
	background: #C7EAFB;
	border: 0;
	float:			left;
}

#kolom_2 hr {
	margin: 5px 0 0 0;
	height: 1px;
	color: #C7EAFB;
	background: #C7EAFB;
	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;
	font-size: 12px;
	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;
	font-size: 12px;
	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;
	font-size: 12px;
	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: 10px 0 0 0;

}



ul.menu li {

	width: 215px;

	float: left;

	border: 2px solid #ccc;
	
	margin: 10px 5px 0 5px;

	list-style: none;
	
	background: #e3f4fe;

}

html > body ul.menu li	{
	margin: 10px 0 0 10px;
}



ul.menu a {

	display: block;

	padding: 2px 0 2px 2px;

	font-size: 0.8138em;

	background: #e3f4fe;

	color: #000000;

	text-decoration: none;

	font-size:		0.8em;

}



html > body ul.menu a {

	height: 13px;
	
	padding: 2px 0 65px 2px;

}

ul.menu a:hover {
	text-decoration:underline;
}

html > body ul.menu a:hover {

	background: #C7EAFD;

}
ul.menu img {
	float: left;
	margin: 0 5px 0 0;
}

.problemen {
	margin: 20px 10px 0 25px;
}

.problemen li {
	list-style: square;
	margin: 0 0 4px 0;
}

.problemen a {
	display: block;
	font-size: 0.9em;
	color: #333333;
	padding: 2px;
}

.problemen a:hover {
	background: #76d5fc;
}

.problemen a:visited {
	color: #ad0080;
}

.adressen {
	width:		240px;
	margin: 	40px 10px 0 0px;
	padding: 	0 0 30px 2px;
	background: #FFFFFF;
	border: 	2px solid #000000;
	border-left:2px solid #FFFFFF;
	float:		left;
}

.adressen h2 {
	margin: 	10px 0 0 0 !important;
	font-size:	1em !important;
}

.adressen_box	{
	float:		left;
	width:		450px;
}

.adres {
	margin: 	15px 10px 1px 0;
	font-family:Arial, Helvetica, sans-serif;
	float:		left;
}

.adres li {
	list-style:none;
	font-size:	0.8em;
	line-height:110%;
	margin:0 10px 0 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 {
	font-size: 0.95em;
	margin: 0 !important;
}

.prev_letter, .next_letter {
	padding: 5px;
	background: #C7EAFD;
	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;
	width: 170px;
	margin: 40px 0 0 25px;
	padding: 5px;
	border: 2px dotted #FFCC00;
	background: #FFFFCC;
}

.tips ul {
	margin: 20px 0 0 15px;
	padding: 0 0 10px 0;
}

.tips li {
	list-style: square;
	margin: 0 0 2px 0;
	line-height: normal;
}

.tips a {
	font-size: 0.85em;
	color: #333333;
	padding: 2px;
	display: block;
}

.tips a:hover {
	background: #FFCC00;
}
.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 11px;
}

.letter, .letter_active {
	float: left;
	margin: 0 2px 2px 0;
	padding: 2px 3px 2px 3px;
	display: block;
	background: #C7EAFD;
	font-size:	0.9em;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.letter:hover {
	background: #76d5fc;
	text-decoration: underline;
}
.letter_active {
	background: #76d5fc;
}

.alfabet_huidig {
	float: left;
	width: 450px;
	margin: 10px;
	padding: 2px 0 0 5px;
	background: #C7EAFD;
	text-transform: uppercase;
	font-weight: bold;
}

.back_to_top {
	float: right;
	margin: -12px 5px 0 0;
	padding: 0 0 4px 0;
	font-size: 9px;
	text-transform: none;
	text-decoration: none;
	color: #000000;
}
.back_to_top:hover {
	text-decoration: underline;
}

.trefwoorden {
	margin: 0 0 0 15px;
	float:	left;
}

.trefwoorden li {
	margin:		0 0 0 15px;
	line-height: normal;
}

.trefwoorden a {
	color: #000000;
	text-decoration: none;
	font-size:		0.95em;
}
.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;
	font-size:	1em;
}

ul.sitemapL1  {
	font-weight : bold;
	color:#000000;
	margin:0px;
}

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:			#666666;
	font-size:		11px;
}

.vragen a	{
	color:			#333333;
}

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

ul.browsebox	{
	margin:		0 0 10px 0;
}
#banner	{
	margin:		25px 0 0 25px;
}