/* CSS Document							*/
/* Website:	Koerswijzer RSDHW			*/
/* 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;
	font-family: Arial, sans-serif;
	background:	#FFFFFF;
	color:		#666666;
}

#container {
	width: 960px;
	text-align: left;
	overflow: hidden;
	margin: 0px auto;
}

#kop {
	float: left;
	margin: 0;
	width: 100%;
	text-align:	right;
}

.meta_navigatie	{
	width:	960px;
	margin:	0 0 0 5px;
	height:	38px;
	border-bottom:	1px solid #beb6c0;
	clear:	both;
}

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

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

#kolom_3 {
	margin:	57px 0 0;
	float: right;
}

#voet {
	width: 960px;
	float:	left;
	padding: 0 0 30px 0;
	margin:	40px 0 0;
	border-top:	1px solid #B8AFBA;
}



/* ELEMENTS
___________________________*/

#content_1	{
	margin:			15px 0 0;
}

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

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

.kruimelpad {
	float:			left;
	margin: 		8px 0 0;
	padding: 		0 0 5px;
	height:			5px;
	width:			550px;
}

.kruimelpad li {
	float: 			left;
	font-size: 		0.9em;
	color:			#B8B0BA;
}

.kruimelpad a {
	color: 			#B8B0BA;
	text-decoration: none;
}
.kruimelpad a:hover {
	text-decoration: underline;
}
.kruimelpad a:visited {
	color: 			#B8B0BA;
}


h1 {
	font-size: 		1.2em;
	margin: 		15px 0 0 10px;
	font-weight:	normal;
}

h2 {
	margin: 		67px 0 0;
	font-size: 		1.2em;
	font-weight:	normal;
}

#kolom_1 h2 {
	margin: 		0;
	font-size:		1em;
}

#kolom_2 h2 {
	font-size:		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:		1.2em;
	margin:			20px 0 0 10px;
}

h3 {
	font-size: 		1em;
	font-weight:	normal;
}

ul.kop_navigatie {
}

html > body ul.kop_navigatie {
	margin:		0 0 55px;
	border-top:	1px solid #00B3D5;
}

ul.kop_navigatie li {
	height: 	35px;
	width: 		180px;
	display:	block;
	padding: 	0;
	list-style: none;
	margin:		0;
	
}

ul.kop_navigatie a {
	display: 	block;
	padding: 	10px 10px 10px 45px;
	text-decoration: none;
	font-size: 	14px;
	font-weight: bold;
	color: 		#00B3D5;
	border-bottom:1px solid #00B3D5;
}

ul.kop_navigatie a:hover {
}

html > body ul.kop_navigatie a:hover {
}

#kop_knoppen {
	float: 		right;
	height: 	30px;
	margin: 	60px 0 0;
	padding: 	0 0 0 10px;
}

#kop_knoppen li {
	float: 		left;
	margin: 	3px 6px 0 0;
	padding: 	0;
	list-style: none;
	font-size: 	12px;
	color: 		#8b5496;
}

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

#kop_knoppen a {
	float: 		left;
	display: 	block;
	padding: 	0 10px 5px 20px;
	text-decoration: none;
	color: 		#8b5496;
}

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

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

#kop_knoppen a:visited {
	color: 		#8b5496;
}

#kop_knoppen ul.lettergrootte	{
	float:		left;
	width:		80px;
	margin:		0 0 0 20px;
}

ul.navigation	{
	background:	url(http://on-d-mand.nl/rsdhw/public/rsdhw/images/menu_bg.gif) no-repeat top left;
	height:		42px;
	margin:		190px 0 0;
}

ul.navigation li	{
	float:		left;
	border-right:1px solid #B8B0BA;
	width:		191px;
}

ul.navigation li.last	{
	border-right: none;
}

ul.navigation li a	{
    height: 	29px;
    display: 	block;
    padding: 	12px 0 0 0;
    text-align: center;
    color: 		#b8b0ba;
    text-decoration: none;
    font-weight: bold;
}
#kop ul.navigation li a:hover{
	color: 		#480F63;
}

div.zoeken {
	float: 		right;
	margin: 	5px 0 0;
	width:		340px;
	font-size:	13px;
}

.zoeken input.tekst {
	border: 	1px solid #B8B0BA;
	width: 		165px;
	margin:		1px 0 0;
}

.zoeken input.knop {
	margin: 	0 0 0 -5px;
	padding: 	2px 2px 1px 2px;
	border: 	1px solid #B8B0BA;
	background:	#D9D9D9;
	color:		#ffffff;
	font-size:	11px;
}

.zoeken label {
	color: 		#B8B0BA;
	margin:		0 7px 0 0;

}

.content p {
	margin: 		10px 10px 10px 10px;
	font-family: 	Arial, Helvetica, sans-serif;
	font-size: 		0.9em;
	line-height: 	140%;
}

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

.content ul li {
	margin: 0 0 5px 20px;
	list-style-image: url(../images/raqou.jpg);	
	list-style-type:  none;
	font-size: 0.9em;
	line-height:normal;
}

.content ol li {
	margin: 0 0 5px 40px;
	list-style-type: decimal;
	font-size: 0.9em;
	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: 500px;
	margin: 5px 0 5px 10px;
	height: 1px;
	color: #beb6c0;
	background: #beb6c0;
	border: 0;
	float:			left;
}

.tx-indexedsearch ul.content	{
	margin:		0 0 0 10px;
}

.tx-indexedsearch ul.content li {
	margin: 0 0 5px;
	list-style-image: none;	
	list-style-type:  none;
	font-size: 0.8em;
	line-height:normal;
}

#kolom_2 hr {
	margin: 5px 0 0 0;
	height: 1px;
	color: #beb6c0;
	background: #beb6c0;
	border: 0;
	float:		left;
	clear:	both;
}

li.bullet {
	margin: 0 0 0 15px;
	padding: 0 0 0 5px;
	list-style: square;
	line-height: normal;
}

.tip {
	margin: 5px 5px;
	padding: 15px;
	font-size: 12px;
	background: #009EBB;
	color:		#FFFFFF;
}

.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: 15px;
	font-size: 12px;
	color:		#FFFFFF;
	background: #480F63;
}

.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: 15px;
	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: 0;
}

ul.menu li {
	width: 240px;
	float: left;
	margin: 10px 5px 0 5px;
	list-style: none;
	background: url(../images/menu.jpg) repeat-x top left;
}

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

ul.menu a {
	display: 		block;
	padding: 		10px 0 2px 2px;
	color: 			#666666;
	text-decoration:none;
	font-size:		0.8em;
}

html > body ul.menu a {
	height: 		13px;
	padding: 		10px 0 65px 2px;
}

ul.menu a:hover {
}

html > body ul.menu a:hover {
	background: url(../images/menu_over.jpg) repeat-x top left;
}
ul.menu img {
	float: left;
	margin: 0 5px;
}



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

.problemen li {
	list-style: url(../images/raqou.jpg);
	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: 	57px 0 0;
	padding: 	0 0 30px 2px;
	background: #FFFFFF;
	float:		left;
}

.adressen h2 {
	margin: 	0 !important;
}

.adressen_box	{
	float:		left;
	width:		500px;
	margin:		0 0 0 15px;
}

.adres {
	margin: 	15px 0 0 !important;
	float:		left;
	display:	block;
	clear:		both;
}

.content .adres li {
	list-style:none;
	list-style-image: none;
	font-size:	0.9em;
	line-height:140%;
	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;
}

#kolom_2 .adres li	{
	font-size:	0.9em;
	line-height:140%;
}

.prev_letter, .next_letter {
	padding: 5px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

.prev_letter:hover, .next_letter:hover {
	text-decoration: underline;
}

.prev_letter {
	float: left;
	margin: 20px 0 0 10px;
}

.next_letter {
	float: right;
	margin: 20px 5px 0 0;
}

.tips {
	height: 	auto;
	width: 		160px;
	padding: 	10px;
	background: #009EBB;
	float:		left;
	margin:		15px 0 0;
}

.tips h3	{
	color:	#FFFFFF;
}

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

.tips li {
	list-style: url(../images/raqou_groen.jpg);
	margin: 0 0 2px 0;
	padding:0;
	line-height: 120%;
	color:	#FFFFFF;
}

.tips a {
	font-size:	0.9em;
	color: #FFFFFF;
	padding: 2px;
	display: block;
	text-decoration:	none;
}

.tips a:hover {
	text-decoration:underline;
}
.tips a:visited {
}
.tips a:active	{
	color:		#FF0000;
}

.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: #FFFFFF;
	font-size:	0.9em;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.letter:hover, .letter_active {
	background: #00B3D5;
	color:		#FFFFFF;
	text-decoration: underline;
}


.alfabet_huidig {
	float: left;
	width: 480px;
	margin: 10px 10px 0 10px;
	padding: 2px 0 0 5px;
	background: url(../images/alfabet.jpg) repeat-x top left;
	text-transform: uppercase;
	font-weight: bold;
}

.back_to_top {
	float: right;
	margin: 5px 5px 0 0;
	padding: 0 0 4px 0;
	font-size: 9px;
	text-transform: none;
	text-decoration: none;
	color: #666666;
}
.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: #666666;
	text-decoration: none;
	font-size:		0.95em;
}
.trefwoorden a:hover {
	text-decoration: underline;
}
.trefwoorden a:visited {
	color: #ad0080;
}

.sitemap a {
	color: #666666;
	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;
}

#sluiten	{
	padding:	5px 0;
	margin:		0 5px 0;
	height:		16px;
}

#sluiten a	{
	font-size:	13px;
	background:	url(../images/sluiten.jpg) bottom left no-repeat;
	color:		#FFFFFF;
	padding:	10px 7px 5px 7px;
	text-decoration:none;
}
#sluiten a:hover	{
	background:	url(../images/sluiten_hover.jpg) bottom left no-repeat;
}