* {margin: 0px; padding: 0px;}

html {background: transparent url('/images/bg3.jpg') repeat-x bottom center;}
body {overflow: scroll-y; font-size:10pt; font-family: Verdana; background: transparent url('/images/bg2.jpg') repeat-x top center;}
.clear {clear: both;}

#wrapper {margin: 0px auto; width:100%; text-align:center;}
#sitewrapper {width: 750px; margin: 0px auto; text-align:left; border-right: 1px solid #526D87; background-image: url('/images/sitewrapper_bg.jpg'); background-repeat: repeat-y; }

#header {width: 935px; margin: 0px auto;}
#header img {border: 0px; padding: 5px 0px;}

#visual {margin: 0px auto; border-top: 1px solid #fff; height: 160px; background-color: #fff; z-index: 0; text-align:left; width:100%;}
#visual div {display:none;position:absolute;width:100%;height:160px;}

#notitie {text-align: justify; color: #fff; background-color: #f7941e; font-size: 8pt; line-height: 17px; border-left: 13px solid #526d87; padding: 17px 33px;}

#contentleft {margin-top: 32px; float: left; width: 238px; clear: both;}
#content {min-height: 600px; height: auto !important; height: 600px; float: left; padding: 40px; width: 409px;}
#content h1 {font-size: 16px; color: #f7941e; padding-bottom: 8px;}
#content h2 {font-size: 14px; color: #627281; padding-bottom: 3px;}
#content h3 {font-size: 12px; color: #fff; background-color: #BF1E2E; padding: 3px;}
#content p {color: #526d87; margin: 15px 0px;}
#content input {margin:4px; border: 1px solid #526E84;}
#content a {color: #ff9900; text-decoration: none;}
#content a:hover {text-decoration: underline;}
#content ol {margin: 0px 10px;}
#content li {margin-left: 15px; font-size: 12px; color: #627281; line-height: 22px;}

#content table {padding: 3px; color: #526e84; font-size: 8pt;}
#content th {font-size: 8pt; padding: 3px; line-height: 18px;}
#content td {padding: 3px 2px;}

#contenthome {min-height: 600px; height: auto !important; height: 600px; background-image: url('/images/contentleft_bg.jpg'); background-repeat: repeat-y; background-color: #fff;}

#homeleft {float: left; width: 250px; min-height: 600px; height: auto !important; height: 600px; background-image: url('/images/contentleft_bg.jpg');}
#homeleft .button {margin-left: 28px;}

#menuleft ul {margin: 10px 0px 20px 0px; border-bottom: 1px solid #84a8bf; width: 234px;}
#menuleft h4 {margin-left: 14px; padding: 5px 0px 5px 24px; background-color: #526d87; color: #fff;}
#menuleft li {list-style: none;}
#menuleft li a {color: #526d87; font-size: 12px; font-weight: bold; text-decoration: none; background-image: url('/images/home_button.jpg'); display: block; border-top: 1px solid #84a8bf; border-right: 1px solid #84a8bf; height: 31px; line-height: 31px; padding-left: 39px; width: 194px;}
#menuleft li a:hover {background-image: url('/images/home_button_active.jpg');}

#locatie {width: 449px; border-spacing: 0px; border: 1px solid #526d87; margin-bottom: 20px;}
#locatie td{padding: 10px 5px;}
#locatie .beschrijving {border-bottom: 1px solid #526d87;color: #526d87;}
#locatie .noemer {text-align: right; padding-right: 10px; font-weight: bold; color: #526d87;}
#locatie .alt {background-color: #EAEDF2;}

#fotolocatie {display:block; width: 427px; margin: 10px 0px; padding: 10px; border: 1px solid #526d87; background-color: #EAEDF2;}
#fotolocatie .foto {float: left; display:block; height:109px; margin: 4px;}
#fotolocatie .foto img {border: 0px; padding: 5px; border: 1px solid #526D87; background-color: #fff;}

#locaties {margin: 1px 0px 20px 14px;}
#locaties a {cursor: pointer;}
#locaties li {list-style: none;}
#locaties img {border: 0px;}
#locaties li:hover ul, #locaties li.sfhover ul {left: auto;}

#locaties ul {width: 220px; padding: 0px; margin: 0px; list-style: none; background-color: #526E84;}
#locaties ul ul {position: absolute; left: -999em; margin-top: -2px;}
#locaties li li {width: 220px; border-bottom: 1px solid #eee; background-color: #526E84; text-align: left; display:block;}
#locaties li li.content {display:none;}
#locaties li li p {line-height: 20px;}
#locaties li li a {padding: 7px; color: #fff; text-decoration: none; font-weight: normal; display: block;}
#locaties li li a:hover {background-color: #6b8ba2;}
#locaties li li img {float: left; margin: 3px 7px 3px 0px;}
#locaties li li p img {margin: 0px; margin-right: 4px; line-height: 24px;}

#locaties .content {background-color: #84a8bf;}
#locaties .content a {border-bottom: 1px dotted #fff;}

#vertical h3 {font-size: 10pt; width: 220px; border-bottom: 1px solid #eee; background-color: #526E84; text-align: left; display:block;}
#vertical h3 a {padding: 7px; color: #fff; text-decoration: none; font-weight: normal; display: block;}
#vertical h3 a:hover {background-color: #6b8ba2;}
#vertical .collapse {line-height: 17px; background-color: #84a8bf;}
#vertical .collapse a {border-bottom: 1px dotted #fff;padding: 7px; color: #fff; text-decoration: none; font-weight: normal; display: block; color: #fff; padding: 10px 3px; border-bottom: 1px dotted #fff;}
#vertical .collapse a:hover {background-color: #6b8ba2;}

#vertical .collapse img {margin-right: 4px; line-height: 24px; float: left;}

#accordion h2 {margin: 1px; padding: 0px 10px; background-color: #F8941F; clear: both; line-height: 22px; height: 22px; font-size: 13px; font-weight: bold; cursor: pointer;}
#accordion h2 a {color: #fff; font-size: 1em; font-weight: normal; float: left;}
#accordion h2 a:hover {background: none; font-weight: bold; color: #fff;}
#accordion h2 span {text-align: center; display: block; width: 20px; font-size: 9px; float: left;}
#accordion ul {margin: 5px 0px; background-color: #fefefe; padding: 5px; border: 1px solid #eee;}
#accordion li a {font-weight: normal;}
#accordion .collapse {padding: 5px;}
#accordion .collapse a:visited {color: #aaa;}
#accordion .collapse a:hover {background: none; color: #ff9900;}

#homeright {float: left; width: 500px;}
	#welkom {padding: 11px; margin-left: 13px;}
	#welkom h2 {font-weight: normal; color: #f7941e; font-size: 13pt; margin-bottom: 23px;}
	#welkom p {color: #526d87; font-size: 9pt; line-height: 17px;}
	#welkom a {color: #526e84; font-weight: bold; text-decoration: none;}
	#welkom a:hover {background-color: #84A8BF; color: #eee;}
	
	#nieuwsbericht {margin-bottom: 20px; float: left; padding: 13px 23px;}
	#nieuwsbericht h2 {font-weight: normal; color: #f7941e; font-size: 13pt; margin-bottom: 23px;}
	
	#nieuwsbericht .nieuwsbericht {clear: both;}
	#nieuwsbericht .datum {display: block; float: left; width: 40px; padding: 3px 3px 5px 3px; display: block; color: #f7941e;}
	#nieuwsbericht .tekst {float: left; display: block; width: 387px; border-left: 5px solid #F7941E; margin: 3px; padding: 5px; font-size: 8pt;}
	#nieuwsbericht .nieuwsbericht a {display: block; margin: 3px 0px; font-weight: bold; color: #526d87; text-decoration: none;}
	#nieuwsbericht .nieuwsbericht a:hover {text-decoration: underline;}
	#nieuwsbericht .nieuwsbericht p {color: #526d87; line-height: 14px;}
	
	#nieuwsbericht .dag {line-height: 22px; margin-top: 11px; font-size: 1.9em; display: block; width: 40px; text-align: center; font-weight: bold; float: right;}
	#nieuwsbericht .maand {text-transform: lowercase; font-size: 1.3em; display: block; width: 40px; text-align: center; font-variant: small-caps; clear: right; float: right;}
	#nieuwsbericht .jaar {font-size: 0.9em; display: block; width: 40px; text-align: center; clear: right; float: right;}

#contentright {min-height: 600px; height: auto !important; height: 600px; float: left; width: 198px; padding: 25px; background-color: #eaeef2;}

#imgbord {float: right; width: 488px; margin-bottom: 22px;}
.img {padding-bottom: 4px; background-color: #84a8bf; float:left; text-align: center; border-top: 1px solid #fff; border-left: 1px solid #fff;}
.img a {font-size: 8pt; font-weight: bold; color: #fff; text-decoration: none;}
.img img {border: 0px; padding-bottom: 3px;}

#formtable {width: 430px;}
#formtable select {bord5er: 1px solid #526E84; margin: 4px;}
#formtable textarea {margin: 4px; border: 1px solid #526E84;}
#formtable input {border: 1px solid #526E84; margin: 4px;}
.submit {border: 1px solid #526E84; margin: -4px;}

#homeleft .button, #contentright .button {margin-bottom: 20px; width: 206px; height: 106px; background-image: url('/images/button_bg.jpg');}
#homeleft .button h3, #contentright .button h3 {font-size: 15pt; padding-top: 20px; color: #f7941e; text-align: center;}.button h4 {padding-bottom: 18px;font-size: 11pt; padding-top: 5px; color: #f7941e; text-align: center;}
#homeleft .button p, #contentright .button p {text-align: center;}
#homeleft .button a, #contentright .button a {color: #fff; text-decoration: none;}
#homeleft .button a:hover, #contentright .button a:hover {display: block; background-image: url('/images/button_bg_hover.jpg');}


#footer {color: #526D87; border-top: 1px solid #526D87; font-size: 11px; background-color: #EAEDF2; clear: both;}
#footer p {padding: 13px; text-align: right;}
#footer a {color: #526D87; text-decoration: none; border-bottom: 1px dotted #526D87;}
#footer img {float: left; padding: 5px 13px;}
.tekst {width: 778px; margin: 0px auto}

input.text {
	width:200px;
}

input.text2 {
	width:152px;
}

input.text3 {
	width:148px;
}	

th{
	text-align:left;
	font-weight:bold;
	font-size:14px;
	padding-top:14px;
	padding-bottom:5px;
}

.veld_titel{
	color:#52697B;
	width:183px
}

.veld_titel3{
	font-weight:bold;
	color:#fbbd73;
}

.veld_titel2{
	font-style:italic;
	color:#52697B
}

.veld_titel_beschrijving{
	font-size:8px;
	color:#52697B
}

/* content voor de formulier moet geen padding top hebben deze komst al uit tabbladen.css*/
#content.content_form{
	padding-top:0px
}

/*de volgende en vorige buttons van het formulier bij aanmelden en wijzigen*/
.volgende{
	float:right;
}

.vorige{
	float:left;
}

#contentright.toelichting h1{
	font-size:18px;
	color:#627281;
}
#contentright.toelichting p{
	margin-top:10px;
	color:#52697B;
}

input.error{
	background:#FBBD73;
}
select.error{
	background:#FBBD73;
}


.form_titel{
	padding-bottom:22px;
	font-size:22px;
	color:#F8941F;
	display:block;
}

/* formulier aanmelden en wijzigen deel dat met ajax wordt geladen*/
#voorkeur1 h2,#voorkeur2 h2,#voorkeur3 h2{
	border-top:1px solid #F8A036;
	border-bottom:1px solid #F8A036;
	color:#627281;
	font-size:14px;
	margin-left:5px;
	margin-right:10px;
}

/*zoek functie*/
#zoeken{
	margin-left:14px;
	background:#526D87;
	width:218px;
	height:30px;
	padding-top:8px;
	padding-left:2px
}

#zoeken input.my_button{
	display:inline-block;

	background:#526D87;
	border:1px solid #fff;
	height:20px;
	width:50px;
	padding-bottom:4px;
	color:#FFFFFF
}

/* Formulier */
#content #form_table tr, #content #form_table td,#content #form_table th{
	border:0px none;
}

#content #form_table{
	width: 400px;
}

#content #form_table .td_spacer{
	padding:10px;
}

#content #form_table .no_border{
	border-top:0px none;
}

#content #form_table th{
	padding-bottom:5px;
}

#voorkeur1_selected table{
	border:0px none;
}

#voorkeur1_selected tr
{ 
	border:1px solid #EAEDF2;
}
#voorkeur1_selected .line{
	border-left:1px solid #EAEDF2;
}

div.yoo-tooltip div.default .tooltip-close {
	background:transparent url(/images/close-button.gif) no-repeat scroll 0 0;
	cursor:pointer;
	height:16px;
	position:absolute;
	right:10px;
	top:8px;
	width:16px;
}

div.yoo-tooltip div.default{
background:#EAEDF2;
border:1px solid #526D87;
}
div.yoo-tooltip div.default .tooltip-m{
	padding:10px;
	color:#526E84;
}
.tooltip{
	background:#fff;
}
.movlink{background:url("/images/fileicons/mov_icon.gif") no-repeat;padding:2px 0px 2px 20px; line-height:20px}
.pdflink{background:url("/images/fileicons/pdf_icon.gif") no-repeat;padding:2px 0px 2px 20px; line-height:20px}
.mp3link{background:url("/images/fileicons/mp3_icon.gif") no-repeat;padding:2px 0px 2px 20px; line-height:20px}
.txtlink{background:url("/images/fileicons/txt_icon.gif") no-repeat;padding:2px 0px 2px 20px; line-height:20px}
.ziplink{background:url("/images/fileicons/zip_icon.gif") no-repeat;padding:2px 0px 2px 20px; line-height:20px}
.doclink{background:url("/images/fileicons/doc_icon.gif") no-repeat;padding:2px 0px 2px 20px; line-height:20px}

.leesverder{
	color: #ff9900!important;
	font-style:italic;
	font-size:10px;
	text-decoration:underline!important;
}