* {
	margin: 0;
	padding: 0;
}

body {
	font: 12px/18px Arial, Helvetica, Sans-serif;
	background-color:#FFFFFF;
}

img,
fieldset {
	border: 0;
}

legend {
	display: none;
}

h1 {
	position: absolute;
	left: -999em;
}

h2 {
	font-size: 1.6em;  
	font-family:"Arial Narrow";
}

h2.titel {
	position: absolute;
	left: 0;
	top: 160px;
	font: 28px "Arial Narrow", sans-serif;
}

h2.profile_name {
	display: block;
	width: 310px;
	overflow: hidden;	
}
	
p {
	line-height: 19px;
	padding-top: 10px;
}

a {
	text-decoration: none;
	color: #e65326;
	font-weight: bold;
} 

a:hover {
	text-decoration: underline;
}

.clearboth {
	clear: both;
}

.hidden{
	display:none;
}

input.submit {
	clear: none;
	cursor: pointer;
}

div.videoplayer {
	width: 489px;
	height: 440px;
}

div#container {
	position: relative;
	width: 951px;
	margin: 0 auto;
}

div#header {
	clear: both;
	height: 29px;
	background: url(/siteimg/nieuwsite/header_bg.gif) repeat-x;
	height: 133px;
}

div#header img {
	position: absolute;
	width: 160px;
	height: 94px;
	right: 54px;
	top: 28px;
}

div#container div#header {
	height: 29px;
	background: none;
}

div#headerproiel {
	background: url(/siteimg/nieuwsite/bg_header_profiel.gif) repeat-x #fff;
	border-bottom: solid 1px #000;
	padding-bottom: 5px;
}

div#profielmain {
	position: relative;
	margin: 0 auto;
	width: 950px;
	padding-top: 14px;
}

div#navigatie {
	margin: auto;
	position: relative;
	width: 950px;
}

div#main {
	margin: 0 auto;
	width: 950px;
}

div#main div#linkerkolom {
	float: left;
	width: 457px;
	margin-top: 10px;
	color: #666;	
}

div#linkerkolom h2 {
	font: normal 2em "Arial Narrow", Arial, Sans Serif;
}

div#linkerkolom div.ledenzoeken {
 float: left;
 width: 429px;
 background: #f7f7f7;
 margin-top: 18px;
 border-bottom: solid 1px #dcdcdc;
 padding: 10px 13px 6px 13px;
}

div.ledenzoeken form fieldset label {
	clear: both;
	float: left;
	font-weight: bold;
	color: #333;
	font-size: 1.416em;
}

div.ledenzoeken form fieldset label span {
	float: left;
	display: block;
	width: 200px;
	font-family: Arial Narrow, Arial;
	color:#666;
}

div.ledenzoeken form fieldset label input {
	width: 175px;
	height: 18px;
	vertical-align: middle;
	padding-left: 5px;
	color: #999;
	font-size: 0.9em;
	border-color: #404040 #d4d0c8 #d4d0c8 #404040;
	background:#FFF;
}

div.ledenzoeken form fieldset input.submit {
	background: url(/siteimg/nieuwsite/btn_zoeken.gif) no-repeat;
	width: 21px;
	height: 21px;
	border: 0;
	margin-left: 4px;
}

/* op de homepage bij de ledelijsten zijn de kleuren voor links net andersom */
div#ledenlijstKeuzeWillekeurig, div#ledenlijstKeuzeMeestRecent {
	color: #E65326;
}

div#ledenlijstKeuzeWillekeurig a, div#ledenlijstKeuzeMeestRecent a {
	color: #666666;	
}

div#linkerkolom div.media {
	padding: 0;
}

div#linkerkolom div.media h3 {
	font: 0.9em "Arial";
	padding-top:3px;
	font-weight:bold;
}

div#linkerkolom div.media h4 {
	font: 0.9em "Arial";
}



div#linkerkolom div.media div.item {
	float: left;
	border: none;
	width: 217px;
	margin: 15px 0px -5px 0Px;
}



div.item a {
	background: url(/siteimg/nieuwsite/pijl.gif) left 2px no-repeat;
	padding-left: 20px;
	color: #999;
}

div.item a h3, div.item a h3 {
	color: #666666;	
}

div.item a:hover h3, div.item a:hover h3 {
	color: #666666;	
	text-decoration: underline;
}

div#linkerkolom div.media .itemright {
	float: right;
	margin-left: 23px;
}

div#main div#rechterkolom {
	float: right;
	width: 480px;
	margin-top: 10px;
	color: #666;
}

div#rechterkolom img.laatste {
	margin-top: 10px;
}

div#rechterkolom div.nieuws {
	float: left;
	background:  url(/siteimg/nieuwsite/nieuws_top.gif) no-repeat;
	width: 207px;
	padding: 16px 16px 0px 16px;
	font-family: "Helvetica", Verdana;
	margin: 10px 0px 13px 0px;
}

div#rechterkolom div.nieuwsbottom {
	background: url(/siteimg/nieuwsite/nieuws_bottom.gif) no-repeat;
	height: 15px;
	width: 239px;
	margin-left: -16px;
}

div#rechterkolom div.nieuws h3 {
	color: #666;
	font: 1.416em "Arial Narrow";
	font-weight:bold;
}

div#rechterkolom div.nieuws p {
	font-size: 0.9em;
	line-height: 18px;
}

div#rechterkolom div.nieuws img {
	width: 27px;
	height: 13px;
	border: 0;
	margin-top: 10px;
}

div#rechterkolom div.inloggen {
	float: left;
	margin: 10px 0px 0px 10px;
	width: 207px;
	padding-left: 20px;
	text-align: center;
}

div#rechterkolom div.inloggen p {
	margin: 0;
	padding: 0;
	width: 170px;
}	


div#rechterkolom div.inloggen h3 {
	color: #666;
	text-align: left;
	font: 1.416em "Arial Narrow";
	font-weight:bold;
}

div#rechterkolom div.inloggen form {
	/*margin-top: 5px;*/
	text-align: left;
}

div#rechterkolom div.inloggen form fieldset label span {
	color: #797978;
	font-size: 0.9em;
	display: block;
}

div#rechterkolom div.inloggen form fieldset label input {
	width: 170px;
	background: #FFF;
	border-color: #404040 #d4d0c8 #d4d0c8 #404040;
	margin-bottom: 5px;
}

div#rechterkolom div.inloggen form fieldset div.onthoumij {
	background: #f7f7f7;
	border-bottom: solid 1px #dcdcdc;
	width: 165px;
	padding: 5px;
	margin-bottom: 9px;
}

div#rechterkolom div.inloggen form fieldset div.onthoumij label {
	text-align: right;
	display: block;
}

div#rechterkolom div.inloggen form fieldset div.onthoumij label input {
	width: auto;
	margin: 0px 5px 0px 0px;
	line-height: 60px;
}

div#rechterkolom div.inloggen form fieldset div.onthoumij label input {
	background: url(/siteimg/nieuwsite/btn_inloggen.gif) no-repeat;
	border: 0;
	width: auto;
	height: 21px;
	margin-left: 0px;
	padding: 3px 42px 10px 10px;
	font-size: 0;
}

div#rechterkolom div.inloggen span.error {
	color: red;
	display: block;
	width: 180px;
	text-align: left;
}

div.footerkolom {
	float: left;
	width: 230px;
	padding-left: 10px;
	margin: 30px 0px 30px 0px;
}

div.footerkolom h2,
div.footerkolom h3 {
	font-size: 1.0em;
	color: #FFF;
}

div.footerkolom h2 {
	font-family:Arial,Helvetica,Sans-serif;
	font-weight: bold;
}

div.footerkolom p {
	color: #b4b4b4;
}

div.footerkolom a {
	color: #b4b4b4;
	font-weight: normal;
}

div#footer {
	background: #0f004e;
	margin-top: 25px;
}

div#footermain {
	margin: 0 auto;
	width: 970px;
}

ul#nav {
	list-style: none;
	z-index: 900;
	position: relative;
	top: 40px;
}

ul#nav li {
	float: left;
	width: 100px;
	height: 24px;
	margin-right: 8px;
	font: 17px bold "Arial Narrow", Arial, sans-serif;
	text-transform: uppercase;
}

ul#nav li.laatste {
	width: 91px;
	font-size: 15px;
}

ul#nav li a {
	display: block;
	width: 100px;
	line-height: 24px;
	color: #fff;
	text-decoration: none;
	padding-left: 5px;
	background: #0f004e;
	font-size: 15px;
}

ul#nav li.laatste a {
	width: 101px;
}

ul#nav li a:hover,
ul#nav li a.active, 
ul#nav li.actief a {
	background: #caa749;
}

ul#nav ul {
	position: absolute;
	left: 0;
	top: 31px;
	width: 685px;
	height: 24px;
	background: #caa749;
}

ul#nav ul li {
	float: none;
	display: inline;
	font: 12px "Arial", sans-serif;
	text-transform: none;
}

ul#nav ul li a {
	display: inline;
	background: none;
	font-size: 11px;
}

ul#nav ul li a:hover {
	text-decoration: none;
	color: #333;
}

ul#nav2 {
	position: absolute;
	left: 525px;
	top: 0;
	background: url(../siteimg/bg_nav2.gif) no-repeat;
	z-index: 900;
}

ul#nav2, #nav2 ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul#nav2 a {
	display: block;
	width: 60px;
	height: 24px;
	line-height: 24px;
	padding-left: 27px;
	color: #fff;
}

ul#nav2 li {
	float: left;
	width: 87px;
	height: 29px;
}

ul#nav2 li ul {
	position: absolute;
	width: 170px;
	left: -999em;
	background: #c29a2d;
	padding: 10px 0;
}

ul#nav2 li li {
	line-height: 25px;
	height: 25px;
}

ul#nav2 li li a {
	width: 143px;
	height: 25px;
}

ul#nav2 li li a:hover {
	background: #c2a964;
}

ul#nav2 li:hover ul, ul#nav2 li.sfhover ul {
	left: auto;
}

ul#nav2 li:hover, ul#nav2 li.sfhover {
	position: static;
}

a#nav2search, a#nav2home {
	position: absolute;
	left: 470px;
	top: 3px;
	font-size: 11px;
	color: #666;
}

a#nav2home {
	left: 420px;
}

ul#secundair {
	list-style: none;
	float: right;
	font-size: 10px;
	text-decoration:none;
}

ul#secundair li {
	display: inline;
	line-height: 29px;
}

ul#secundair a {
	color: #666666;
	padding: 0 5px;
}

div#subnav {
	float: left;
	display: inline;
	width: 220px;
	margin-right: 20px;
	overflow: hidden;
}

div#subnav ul {
	float: left;
	display: inline; 
	margin: 40px 0px 0px 30px;
	color: #8a8c93;
}

div#subnav ul a {
	color: #5d708a;
	font-weight: bold;
}

div#subnav img {
	margin-top: 5px;
}

div#content {
	float: left;
	width: 710px;
}

div#homevisuals {
	position: relative;
	width: 710px;
	height: 555px;
	overflow: hidden;
}

/************************* Visual *****/

div#visual {
	background: #caa749 url(/siteimg/nieuwsite/bg_visual.gif) bottom right no-repeat;
	position:relative;
	width: 950px;
	height: 270px;
	overflow:hidden;
}

div#visual div.visualcontainer {
	position:absolute;
	top:0;
	left:0;
	width: 950px;
	height: 270px;
}

div#visual div.visualcontainer img {
	float: left;
	width: 471px;
}

div#visual div.visualcontainer div.visualteksten {
	overflow:hidden;
	position:relative;
	float: left;
	width: 479px;
	height: 270px;
	z-index:900;
	
	display: none;
}

div#visual div.visualcontainer div.visualteksten ul {
	position:relative;
	z-index:999;
	list-style-type: none;
	padding: 0;
	margin: 23px 0px 0px 28px;
}

div#visual div.visualcontainer div.visualteksten ul li {
	margin-bottom: 10px;
}

div#visual div.visualcontainer div.visualteksten ul li h2 {
	color: #FFF;
	font-family: "Arial Narrow",Arial,Sans Serif;
	font-size: 2em;
	font-weight: normal;
	padding: 0;
}

div#visual div.visualcontainer div.visualteksten ul li h3 {
	color: #333;
	font: 1.083em normal "Arial", Helvetica, Sans-serif; 
	padding-top:5px;
}

div#visual div.visualcontainer div.visualteksten a img.accountmaken {
	width: 165px;
	height: 33px;
	margin-top: 4px;
	margin-left:25px;
}

div#content div.footer {
	background: #eeeeee;
	height:	36px;
	font: "Arial Narrow", Arial, sans-serif;
	color: #666;
	padding-left: 18px;
	margin-top: 20px;
	float: left;
}

div#content div.footer span {
	float: right;
	display: inline;
	margin-right: 35px;
}

div#sidebar {
	float: left;
	display: inline;
	width: 200px;
	overflow: hidden;
	margin-top: 38px;
	padding: 0px 0 0 25px;
}

div#sidebar #logospacer {
	display: none;
	margin-bottom: 15px;
}

div#sidebar h2 {
	font: bold "Arial Narrow", Arial, sans-serif;
}

div#sidebar h2 a {
	font-weight: normal;
	color: #666;
	font-size: 10px;
	padding-left: 5px;
}

div#sidebar div.search {
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	margin: 20px 0;
	padding: 10px 0;
}

div#sidebar div.search input {
	float: left;
	height: 16px;
}

div#sidebar div.search input.submit {
	background: #fff;
	height: 18px;
	font-size: 10px;
	width: 60px;
}

div#sidebar ul.members {
	list-style: none;
	margin-top: 8px;
}

div#sidebar ul.members div.person {
	margin-left: 50px;
}

div#sidebar ul.members img {
	float: left;
	margin-right: 5px;
}

div#sidebar ul.members li {
	margin-bottom: 5px;
}

div#sidebar ul.members li a {
	color: #ca7e55;
}

div#contentcontent {
	/*background: url(../siteimg/bg_content.gif) repeat-x left -18px;*/
}

div#contentcontent.zoeken {
	padding-top: 42px;
}

div#contentcontent h2 {
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 30px/18px;
	padding-top: 15px;
	margin-bottom: 20px;

}

div#contentcontent h3 {
	font-size: 14px;
}

div#contentcontent p.intro {
	width: 630px;
	font-size: 14px;
	color: #333;
	border-bottom: 2px solid #efefef;
	border-top: 2px solid #efefef;
	padding: 8px 0;
	margin-bottom: 10px;
}

div#contentcontent h2.zoeken {
	float: left;
	display: inline;
	margin: 20px 0px 0px 0px 
	padding-top: 0px !important;
	font-size: 22px;
}

div#contentcontent img.content {
	float: left;
	margin-right: 30px;
}

div#main div#contentcontent div.content {
	float: left;
	width: 410px;
	padding-right: 10px;
	line-height: 18px;

}

div#main div#contentcontent div.content p {	
	padding-top: 0px;
}

div#contentcontent div.content h2 {
	line-height: 32px;
	margin-top:15px;
	padding-top: 0px;
}

div#contentcontent div.content form {
	overflow: hidden;
}

div.search input#zoeken {
	width: 120px;
}

div#contentcontent .content ul, div#contentcontent .content3 ul {
	padding-left: 20px;
	margin: 21px 0px 10px 10px;
}

div#contentcontent .content ol, div#contentcontent .content3 ol {
	padding-left: 20px;
	margin: 0px 0px 10px 15px;
}

div#contentcontent div.content2, 
div#contentcontent div.content3 {
	float: left;
	width: 515px;
	font-size: 11px;
	line-height: 18px;
	overflow: auto;
}

div#contentcontent div.content3 {
	display: inline;
	width: 710px;
}

div#contentcontent div.content2 div.col {
	float: left;
	display: inline;
	width: 200px;
	margin-right: 40px;
}

div#contentcontent div.content3 div.col {
	float: left;
	display: inline;
	width: 200px;
	margin: 0px 10px 0px 0px;
}

div#contentcontent div.content p,
div#contentcontent div.content2 p {
	margin-bottom: 20px;
}

div#contentcontent div.alsosee {
	float: left;
	display: inline;
	margin: 0px 0px 0px 240px;
	padding-top: 25px;
	width: 410px;
	height: 50px;
	border-top: 2px solid #f1f1f1;
}

div#contentcontent div.alsosee2 {
	float: left;
	display: inline;
	margin-top: 0px;
	padding-top: 25px;
	width: 240px;
	height: 50px;
	border-top: 2px solid #f1f1f1;
}

div#contentcontent div.eerstealsosee {
	margin-left: 185px;
}

div#contentcontent div.alsosee a,
div#contentcontent div.alsosee2 a {
	display: block;
	text-decoration: none;
}

div#contentcontent div.alsosee img,
div#contentcontent div.alsosee2 img {
	float: left;
	margin-right: 15px;
}

div#contentcontent div.alsosee span, 
div#contentcontent div.alsosee2 span {
	float: left;
	width: 200px;
	font: 18px bold "Arial Narrow", sans-serif;
	color: #000;
	line-height: 40px;
	background: url(../siteimg/alsosee_meer.gif) no-repeat right center;
	cursor: pointer;
}

div#contentcontent div.alsosee2 span
{
	width: 150px;
}

form.zoeken {
	clear: both;
	width: 700px;
	height: 41px;
	border-top: 1px solid #c6c7ca;
	padding: 23px 0px 0px 10px;
	background: #eee;
}

form.zoeken input {
	float: left;
	height: 16px;
}

form.zoeken input.submit {
	background: #fff;
	height: 18px;
	font-size: 10px;
	width: 60px;
	margin-right: 10px;
}

form.zoeken a {
	font-size: 10px;
	color: #666;
	text-decoration: underline;
}

ul.paginas {
	float: left;
	display: inline;
	list-style: none;
	width: 250px;
	margin: 20px 0px 20px 170px;
}

ul.paginas li {
	float: left;
	padding: 0 5px;
}

ul.paginas li a {
	float: left;
	width: 21px;
	height: 21px;
	text-align: center;
	line-height: 21px;
}

ul.paginas li.active a {
	color: #fff;
	background: url('../siteimg/pagina_active.gif') no-repeat;
}

ul.paginas li.active a:hover {
	text-decoration: none;
}

div#zoekresultaten {
	clear: both;
	width: 700px;
	margin-left: 10px;	
	padding-top: 1px;
}

div#zoekresultaten div.zoekresultaat {
	clear: both;
	border-top: 1px solid #c6c7ca;
	border-bottom: 1px solid #c6c7ca;
	height: 56px;
	margin: -1px 20px 0px 0px;
}

div#zoekresultaten div.zoekresultaat a {
	display: block;
	text-decoration: none;
	height: 48px;
	padding-top: 8px;
	color: #666;
}

div#zoekresultaten div.zoekresultaat a:hover {
	background: #f6f6f6;
}

div#zoekresultaten div.zoekresultaat img {
	float: left;
	display: inline;
	margin: 0px 10px 0px 4px;
}

div#zoekresultaten div.zoekresultaat span.naam {
	color: #ca7e55;
	font-weight: bold;
	font-size: 18px;
}

div#advanced {
	height: 0px;
	width: 670px;
	padding-left:20px;
	padding-right:20px;
	background: #262a38;
	color: #fff;
	overflow: hidden;
	opacity: .0; */
	filter: alpha(opacity=0);*/
	display: none;
}

div#advanced.home {
	left: auto;
	right: 241px;
}

div#advanced h2 {
	margin: 0 0 10px;
	padding: 0;
	text-transform: uppercase;
	color: #caa749;
	font: 18px "Arial Narrow", Arial, sans-serif;
}

div#advanced div.label {
	display: block;
	clear: both;
	line-height: 33px;
	height: 33px;
	border-top: 1px solid #515560;
	border-bottom: 1px solid #515560;
	margin-top: -1px;
}

div#advanced div.label span {
	float: left;
	width: 220px;
}

div#advanced input {
	float: none;
	margin-top: 5px;
}

div#advanced select {
	width: 190px;
	font-size: 11px;
	color: #666;
	margin-top: 5px;
}

div#advanced input.jaar {
	width: 60px;
}

div#advanced input.land {
	width: 155px;
	margin: 0px 5px 0px 5px;
}

div#advanced input.submit2 {
	float: right;
	border: 0;
	background: #caa749;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	padding: 0 3px;
	margin: 20px 45px;
}

div#profiel {
	float: left;
	clear: left;
	width: 710px;
}

div#profiel div.persoonlijk div.portret {
	float: left;
	padding: 5px 13px 25px 6px;
	margin-right: 5px;
	background: url(../siteimg/bg_persoonlijk.png) no-repeat;
	width: 62px;
	text-align: center;
}

div#profiel div.persoonlijk h2 {
	padding-top: 5px;
	font: 26px "Arial Narrow", Arial, sans-serif;
}

div#profiel div.persoonlijk ul {
	list-style: none;
	padding-top: 10px;
}

div#profiel div.persoonlijk ul li {
	display: inline;
	padding: 0 3px;
	font-size: 11px;
}

div#profiel div.persoonlijk ul a {
	color: #90908f;
	padding: 0 2px;
}

div#profiel div.persoonlijk ul a.active {
	background: #90908f;
	color: #fff;
}

div#profiel input.edit2,
div#profiel input.editfirst,
div#profiel input.edit,
div#profiel a.edit {
	position: absolute;
	left: 0;
	top: 125px;
	background: #ff0000;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	padding: 0 5px;
	z-index: 900;
	border: 0;
}

div#profiel input.editfirst,
div#profiel input.edit {
	width: 200px;
}


div#profiel input.edit2 {
	width: auto;
}

div#profiel div.nav {
	position: absolute;
	left: 0;
	top: 1520px;
	width: 350px;
	height: 260px;
	background-repeat: no-repeat;
	background-position: top center;	
	border: 1px solid red;
}

div#profiel div.nav ul {
	position: absolute;
	width: 126px;
	height: 115px;
	padding-top: 40px;
	bottom: -1px;
	left: -1px;
	background: #fff;
	border: 3px solid #eee;
	list-style: none;
}

div#profiel div.nav ul li {
	display: inline;
}

div#profiel div.nav ul li a {
	display: block;
	font-size: 11px;
	color: #90908f;
	padding-left: 8px;
}
div#profiel div.nav ul li a:hover {
	background: #eee;
	text-decoration: none;
}

div#profiel div.info {
	position: absolute;
	top: 420px;
	left: 0;
}

div#profiel div.info ul {
	list-style: none;
	margin-left: 50px;
}

div#profiel div.info li {
	padding-left: 20px;
	background: url(../siteimg/li_profiel_info.gif) no-repeat 0 5px;
}

div#profiel div.content {
	position: absolute;
	left: 360px;
	top: 150px;
	width: 350px;
	border: 1px solid #f1f1f1;
	background: #fff; 
}

div#profiel div.content h2 {
	font: 24px "Arial Narrow", Arial, sans-serif;
	margin:15px 0px 6px 8px;
}

div#profiel div.scrollable {
	padding: 0px 10px 0px 8px;
	color: #999999;
}

div#profiel div.scrollable p {
	margin-bottom: 10px;
}

div#main h2 {
	padding-top: 14px;
}

div#profielmain img.logo {
	position: absolute;
	right: 54px;
	bottom: 3px;
	width: 160px;
	height: 94px;
	margin-top:15px;
}

/*
div#profielmain img.profielfoto {
	width:59px;
}


div#profielmain div.plaatjebla {
	float:left;
	padding: 5px 13px 25px 6px;
	width:59px;
	height:58px;
	background: url(/siteimg/nieuwsite/bg_media.gif) no-repeat;
	text-align:center;
}

div#profielmain div.plaatjebla div.imagewrapper {
	width:62px;
	height:65px;
	overflow:hidden;
}
*/	

div#profielmain h2 {
	float:left;
	padding-left: 13px;
	color: #000;
	font: 24px normal "Arial Narrow", Arial;
	line-height: 25px;
	display: block;
	width: 310px;
	overflow: hidden;
}

div#profielmain ul {
	float: left;
	list-style: none;
	list-style-position: outside;
	padding-top: 10px;
}

div#profielmain ul#nav2{
	float: left;
	margin-top: 3px;
	padding: 0;
}

div#profielmain a#nav2search {
	font-weight: normal;
	text-decoration: none;
}

div#profielmain ul#nav2 a {
	text-decoration: none;
}

ul#nav2 li li a:hover {
	background: #8c6c30;
}

div#profielmain ul#profielnav {
	width: 750px;
	list-style: none;
	padding-top: 10px;
	margin-left: 10px;
}

div#profielmain ul#profielnav li {
	display: inline;
	font-size: 11px;
}

div#profielmain ul#profielnav a {
	color: #000;
	font-weight: normal;
	text-decoration: none;
	padding: 0 5px;
}

div#profielmain ul#profielnav a:hover {
	background: #0f004e;
	color: #FFF;
	padding: 0 5px;
}

div#profielmain ul#profielnav a.active {
	background: #0f004e;
	color: #fff;
	padding: 0 5px;
}

div#profielmain ul#secundair {
	position: absolute;
	top: 0px;
	right: 10px;
	padding: 0;
}

div#profielmain a.typeaccount,
div#profielmain a.edit2,
div#profielmain a.edit {
	float: left;
	/*background: #ff0000;*/
	background: #0f004e;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	padding: 0 5px;
	text-decoration: none;
	white-space: nowrap;
	margin-top: 5px;
}

div#profielmain a.edit2 {
	margin-right: 5px;
}

div#profielmain a:hover.edit,
div#profielmain a:hover.edit2 {
	/*background: #ef0101;*/
	background: #0c0232;
	text-decoration: underline;
}

div#profielmain a.typeaccount {
	margin-left: 5px;	
	cursor: default;
	background: #c29a2d;
}

div#main h2.profielnaam {
	padding-top: 14px;
	font: 2em normal "Arial Narrow", Arial;
}

div#main div#profielkolom {
	float: left;
	width: 230px;
}

div#main div#profielkolom h2 {
	white-space: nowrap;
	font-size:2em;
	font-weight:normal;
}

div#main div#profielkolom div.info {
	float: left;
	margin-top: 31px;
	font-weight: bold;
}

div#main div#profielkolom div.info ul {
	list-style: none;
	margin-left: 0px;
}

div#main div.nav {
	float: left;
	background-repeat: no-repeat;	
	width: 220px;
	height: 260px;
	margin-top: 14px;
}

div#main ul#profielopties {
	float: left;
	clear: both;
	margin: 0;
	list-style: none;
	padding: 10px;
	background: #FFF;
	border: 3px solid #E5E5E5;
	width: 194px;
}

div#main ul#profielopties p {
	color: #90908f;
	padding-left: 5px;
	font-size: 0.961em;
	padding: 0px 0px 10px 0px;
	margin: 0;
}

div#main ul#profielopties li {
	display: inline;
}

div#main ul#profielopties li a {
	display: block;
	font-size: 11px;
	color: #90908f;
	padding-left: 8px;
}

div#main ul#profielopties li a:hover {
	background: #eee;
	text-decoration: none;
}

div#main div.content {
	float: left;
	width: 410px;
}

div#main div#profielkolom_midden {
	float: left;
	margin: 14px 0px 0px 10px;
	width: 410px;
}	

div#main div#profielkolom_midden h2 {
	padding: 0;
	font: 2em normal "Arial Narrow", Arial;
	line-height:30px;
}

div#main div#profielkolom_midden h3 {
	padding: 0;
	font: 1.5em normal "Arial";
	padding-bottom: 0;
	margin-bottom: 0;
}

div#main div#profielkolom_midden p {
	font-size: 1.081em;
}

div#main div#profielkolom_rechts {
	float: right;
	width: 230px;
	margin-top: 14px;
}

div#accordion {
	margin-top: 10px;
	border: 1px solid #eee;
	padding: 1px;
}

div#accordion div.element {
	overflow: hidden;
}

div#accordion h3 {
	border-bottom: 1px solid #eee;
	line-height: 27px;
	height: 27px;
	padding-left: 18px;
	background: url(../siteimg/h3_sidebar.gif) no-repeat 6px center;
	font-size: 12px;
	cursor: pointer;
}

div#accordion h3.actief {
	border-bottom: 1px solid #eee;
	background: url(../siteimg/h3_sidebar.gif) no-repeat 6px center;
}

div#accordion h3.nonactief {
	background: #eee url(../siteimg/h3_sidebar2.gif) no-repeat 6px center;
}

div#accordion div.favorite {
	float: left;
	width: 175px;
	margin: 8px 10px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
}

div#accordion div.favorite div.portret {
	float: left;
	padding: 3px 7px 18px 3px;
	margin-right: 6px;
	background: url(../siteimg/bg_favorite.gif) no-repeat;
	height: 43px;
}

div#accordion div.favorite a {
	color: #000000;
}
.clickable {
	cursor: pointer;
}

/************************* formulier *****/

div#main div#profielkolom_midden form fieldset {
	font-size: 0.916em;
}

div#main div#profielkolom_midden form fieldset label {
	clear: both;
	float: left;
	margin: 8px 0px 0px 180px;
}

div#main div#profielkolom_midden form fieldset label span {
	margin-left: -180px;
	/*position: absolute;*/
	width: 175px;
	padding-right: 15px;
}

div#main div#profielkolom_midden form#baby_legacy_bewerken fieldset label span {
	font-weight: bold;
}

div#main div#profielkolom_midden form#baby_legacy_bewerken fieldset label span.field_value {
	display: block;
	float: left;
	width: auto;
	padding-left: 180px;
	font-weight: normal;
}

div#main div#profielkolom_midden form fieldset label span.field_postfix {
	position: absolute;
	left: 481px;
}

div#main div#profielkolom_midden form fieldset label input {
	background: #FFF;
	border: solid 1px #666666;
	margin-left: 20px;
	width: 200px;
}

div#main div#profielkolom_midden form fieldset label input.half_field {
	width: 90px;
}

div#main div#profielkolom_midden form fieldset label.optie2 {
	margin: 30px 0px 30px 0px;
}

div#main div#profielkolom_midden form fieldset {
	position: relative;
}

div#main div#profielkolom_midden form fieldset div.labelgrafiektonen {
	width: 401px;
	margin-top: 10px;
}

div#main div#profielkolom_midden form fieldset div.labelgrafiektonen label {
	float: right;
	margin-right: 87px;
}

div#main div#profielkolom_midden form fieldset div.labelgrafiektonen label input {
	width: auto;
	margin-left: 0;
	border: none;
}

input.grafiekbewerken {
	float: left;
	background: #666;
	color: #FFF;
	display: block;
	width: 130px;
	height: 25px;
	border: solid 1px #FFF;
}

/****************************************************************** PASPOORT */

div#paspoort {
	position: relative;
	left: 0;
	top: 0px;
	width: 951px;
	height: 391px;
	margin-top:14px;
	background: url(../siteimg/bg_paspoort.jpg) no-repeat;
}

div#paspoort h2 {
	position: absolute;
	right: 125px;
	top: 25px;
	font: 40px "Arial Narrow", Arial, sans-serif;
	color: #666;
}


div#paspoort img {
	left: 122px; 
	top: 91px;
}

div#paspoort div.imagepass {
	position:absolute;
	left:122px;
	top:91px;
	overflow:hidden;
	width:145px;
	height:181px;
}

div#paspoort table {
	position: absolute;
	top:64px;
	left:280px;
	width: 530px;
	border-collapse: collapse;
	color: #8a8c93;
}

div#paspoort table td {
	line-height: 26px;
	border-bottom: 1px solid #8a8c93;
}

div#paspoort table td.label {
	width: 125px;
	color: #666;
}


div#chapterfooter,
div#chapterfooter.notaris {
	position: relative;
	left: 0;
	top: 0px;
	width: 951px;
	height: 42px;
	background: #eee;
	padding-top: 15px;
}

div#chapterfooter.stamboomfooter {
	background: #fff;
	color: #aaa;
	text-align: center;
}

div#chapterfooter.notaris,
div#chapterfooter.mysterybox {
	position: absolute;
	left: 0;
	top: 581px;
	width: 951px;
	height: 42px;
	background: #eee;
	padding-top: 15px;
}

div#chapterfooter.notaris {
	top: 581px;
}

div#chapterfooter span {
	float: left;
	display: inline;
	font: 22px "Arial Narrow", sans-serif;
	margin: 5px 0px 0px 100px;
}

div#chapterfooter form,
div#chapterfooter fieldset {
	float: left;
}

div#chapterfooter select {
	margin: 8px 0px 0px 20px;
	width: 170px;
}

/*************************************************** BOEK + CHAPTERS */

div#boek {
	position: relative;
	left: 0;
	top: 0px;
	width: 951px;
	height: 507px;
	z-index: 1;
	overflow-y: hidden;
	overflow-x: auto;
}

div#boek.enkel {
	width: 955px;
}

div#boek.enkel div.content, 
div#boek div.laatste div.content {
	width: 340px;
}

div#boek.enkel div.part, 
div#boek div.laatste div.part {
	width: 792px;
}

div#chapters {
	position: absolute;
	width: 9000px;
}

div#boek div.chapter {
	float: left;
	width: 952px;
	height: 490px;
	overflow: hidden;
}

div#boek div.laatste {
	width: 951px;	
}

div#boek div.timeline {
	background: #FFFFFF;
	height: 100px;
	background:#FFF;
}

div#boek div.chapter div.fotoholder {
	width: 449px;
	height: 390px;
	float: left;
	background: #eee;
}

div#boek div.chapter span.buttons {
	float: left;
	width: 34px;
}

div#boek div.chapter span.buttons a {
	display: block;
	height: 390px;
}

div#boek div.chapter span.buttons a:hover {
	background-color: #c29a2d;
}

div#boek div.chapter a.next {
	float: left;
	width: 37px;
	height: 195px;
	background:url(../siteimg/btn_next.gif) no-repeat;	
}

div#boek div.chapter a.next:hover {
	background: url(../siteimg/btn_next_.gif) no-repeat;
}

div#boek div.chapter a.nextdisabled:hover,
div#boek div.chapter a.nextdisabled {
	background: url(../siteimg/btn_next_disabled.gif) no-repeat;
	cursor: default;
}

div#boek div.chapter a.previousdisabled:hover,
div#boek div.chapter a.previousdisabled {
	background: url(../siteimg/btn_previous_disabled.gif) no-repeat;
	cursor: default;
}

div#boek div.chapter a.previous {
	float: left;
	width: 37px;
	height: 195px;
	background: url(../siteimg/btn_previous.gif) no-repeat;
}

div#boek div.chapter a.previous:hover {
	background: url(../siteimg/btn_previous_.gif) no-repeat;
}

div#boek div.content {
	float: left;
	width: 308px;
	height: 376px;
	padding: 15px 0 0 15px;
	background: #eee;
	overflow: auto;
}

div#boek div.content h3 {
	font: 26px "Arial Narrow", sans-serif;
	margin-bottom: 20px;
}

div#boek div.content p,
div#boek div.part p {
	margin: 0px 10px 10px 0px;
}

div#boek div.content div.tekst {
	height: 324px;
	padding-right: 20px;
	overflow: auto;
}

div#boek div.part {
	float: left;
	width: 759px;
	height: 376px;
	padding: 15px 0 0 15px;
	background: #8a8c93;
	color: #fff;
}

div#boek div.part h3 {
	float: left;
	width: 210px;
	font: 42px "Arial Narrow", sans-serif;
}

div#boek div.part h4 {
	float: left;
	width: 535px;
	padding-top: 16px;
	font: 26px "Arial Narrow", sans-serif;
}

div#boek div.part h5 {
	float: left;
	clear: left;
	width: 141px;
	font: 16px "Arial Narrow", sans-serif;
	padding-left: 4px;
	margin: -8px 0px 10px 0px;
}

div#boek div.part img.part {
	float: left;
	clear: left;
	margin-right: 15px;
}

div#boek div.part div.tekst {
	float: left;
	width: 535px;
	height: 304px;
	overflow: auto;
}

div#boek div.meer {
	float: left;
	width: 89px;
	height: 371px;
	padding: 60px 0 0 20px;
	background: #c5c6c9;
}

div#boek div.meer a {
	color: #262a38;
}

div#boek span.begin {
	float: left;
	width: 60px;
	font: 22px "Arial Narrow", sans-serif;
	margin: 30px 0px 0px 34px;
}

div#boek span.eind {
	float: left;
	width: 56px;
	font: 22px "Arial Narrow", sans-serif;
	margin-top: 30px;
	text-align: right;
}

div#boek span.timeline {
	float: left;
	width: 750px;
	height: 100px;
	background: url(../siteimg/bg_timeline.gif) repeat-x 0 42px;
}

div#boek a.pos {
	display: block;
	top: 32px;
	width: 21px;
	height: 21px;
	cursor: pointer;
}

div#boek a.klein {
	background: url(../siteimg/pos_klein.gif) no-repeat center center;
}

div#boek a.groot {
	background: url(../siteimg/pos_groot.gif) no-repeat center center;
	text-align: center;
	color: #fff;
	padding-top: 2px;
	height: 19px;
}

div#boek a.groot span.meerdere {
	display: none;
	position: absolute;
	top: -20px;
	left: -20px;
	width: 100px;
}

div#boek span.poss {
	float: left;
	width: 9px;
	height: 9px;
	background: url(../siteimg/pos2.gif) no-repeat;
	margin-right: 3px;
}

div#boek a.pos1 {
	position: absolute;
	margin-left: 0px;
}
div#boek a.pos2 {
	position: absolute;
	margin-left: 75px;
}
div#boek a.pos3 {
	position: absolute;
	margin-left: 150px;
}
div#boek a.pos4 {
	position: absolute;
	margin-left: 225px;
}
div#boek a.pos5 {
	position: absolute;
	margin-left: 300px;
}
div#boek a.pos6 {
	position: absolute;
	margin-left: 375px;
}
div#boek a.pos7 {
	position: absolute;
	margin-left: 450px;
}
div#boek a.pos8 {
	position: absolute;
	margin-left: 525px;
}
div#boek a.pos9 {
	position: absolute;
	margin-left: 600px;
}
div#boek a.pos10 {
	position: absolute;
	margin-left: 675px;
}

.tool-tip {
	width: 259px;
	height: 50px;
	background: url(../siteimg/tooltip.gif) no-repeat;
	margin: -75px 0px 0px -40px;
	z-index: 999;
}

.tool-title {
	font: 18px "Arial Narrow", sans-serif;
	padding-left: 5px;
}
 
.tool-text {
	font-size: 11px;
	padding: 0px 8px 8px;
}

/************************************************************** MESSAGES */

div.messages div.chapter {
	background: #f3ebd5;
}

div.messages {
	top: 14px !important; 
	height: 395px !important;
	background: transparent url(../siteimg/gastenboek_bg.gif) repeat-x scroll 0%;
}

div.messages div.reageer {
	float: left;
	width: 260px;
	height:380px;
	/* height: 350px; */
	background: #898c93;
	padding: 5px 15px;
	color: #fff;
	overflow: auto;
}

div.messages div.reageer h3 {
	font: 40px "Arial Narrow", sans-serif;
	color: #fff;
}

div.messages div.reageer form {
	margin: 5px 0px 0px 0px;
	width: 220px;
}

div.messages div.reageer input {
	width: 255px;
}

div.messages div.reageer input.radiobutton {
	width: 12px;
	border: 0;
}

div.messages div.reageer textarea {
	width: 255px;
	height: 150px;
}

div.messages div.reageer textarea.kort {
	width: 255px;
	height: 120px;
}

div.messages div.reageer input.submit {
	float: right;
	margin: 5px 0px 0px 0px;
	width: auto;
	padding: 1px 10px;
	border: 0;
	background: #272a39;
	color: #fff;
	font-size: 11px;
}

div.messages div.reageer img.captcha {
	border: 1px solid #666666;
}

div.messages div.reageer img.error {
	border: 1px solid red;
}

div.messages div.reageer label {
	display: block;
	clear: both;
	width: 255px;
	margin: 0px !important;
	font-size: 0.9em;
}

div.messages div.reactie {
	float: left;
	margin-left: 3px;
	background: transparent url(../siteimg/reactie.gif) no-repeat scroll 0%;
	display: inline;
	height: 331px;
	margin-top: 15px;
	padding: 15px 0px 15px 25px;
	width: 265px;
}

div.messages div.reactie_top {
	background: url(../siteimg/reactie_top.gif) no-repeat top;
	margin-top: 10px;
	height: 3px;
	overflow: hidden;
	display: block;
	width: 288px;
}

div.messages div.reactie_bottom {
	width: 264px;
	padding: 0 0 15px 25px;
	background: url(../siteimg/reactie_bottom.gif) no-repeat bottom;
}

div.messages div.reactie h4 {
	font: bold 20px "Arial Narrow", sans-serif;
	padding-top: 0px;
}

div.messages div.reactie span.datum {
	padding-bottom: 20px;
	font-size: 11px;
}

div.messages div.reactie div.inhoud {
	width: 230px;
	padding: 0px 20px 10px 0px;
	margin-top: 5px;
	height: 250px;
	overflow: auto;
}

div.messages div.reactie div.inhoud p {
	padding-top: 0;
	padding-bottom: 5px;
}


/*************************************************************** NOTARIS */

div#boek.notaris {
	overflow: hidden;
}

div#boek.notaris div.chapter {
	width: 950px;
}

div.notaris_intro {
	float: left;
	width: 225px;
	height: 355px;
	background: #8a8c93;
	color: #fff;
	padding: 20px 15px;
}

div.notaris_intro h3 {
	font: 40px "Arial Narrow", sans-serif;
	color: #fff;
}

div.notaris_content {
	float: left;
	width: 675px;
	padding: 10px;
	height: 365px;
	overflow: auto;	
}

div.notaris_content h2 {
	font: 26px "Arial Narrow",sans-serif;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin-bottom:20px;
	color: #666;
}

div.notaris_content p {
	color: #666;
}

div.notaris_content a.notaris {
	float: left;
	width: 285px;
	height: 59px;
	padding-left: 15px;
	background: url(../siteimg/notaris.gif) no-repeat;
	font: 24px/50px "Arial Narrow";
	color: #fff;
	text-decoration: none;
}


/*************************************************************** MYSTERY BOX */

div#boek.mysterybox {
	width: 955px;
}

div#boek.mysterybox div.chapter {
	width: 950px;
	background: #eee;
	overflow: hidden;
}

div.mystery_counter {
	float: left;
	width: 365px;
	padding: 120px 0 0 85px;
}

img.mystery {
	float: left;
}

table.mystery {
	border-collapse: collapse;
}

table.mystery th {
	background: #2f2f2f;
	text-transform: uppercase;
	color: #fff;
	width: 60px;
	font: bold 16px "Arial Narrow", sans-serif;
}

table.mystery th.leeg {
	background: none;
	width: 7px;
}

table.mystery td {
	font-size: 22px; 
	line-height: 40px;
	text-align: center;
}

div#boek.mysterybox div.content {
	width: 377px;
}



/*************************************************************** MEDIA ALBUM */

ul.media {
	position: absolute;
	left: 47px;
	top: 200px;
	list-style: none;
}

ul.media li {
	display: inline;
	margin: 0 10px 0 0;
}

ul.media li a {
	color: #666666;
	font-size: 11px;
	padding: 2px 3px;
	background: #CCCCCC;
}

/*
ul.media li a:hover,
ul.media li a.active {
	background: #90908f;
	color: #fff;
}
*/

ul.media li a:hover,
ul.media li a.active {
	background: #666666;
	color: #fff;
}

div.media {
	padding: 15px 0 0 30px;
}

div.media img.media,
td.media img.media {
	float: left;
	padding: 5px 13px 25px 5px;		
	background: url(/siteimg/nieuwsite/bg_media.png) no-repeat;
}

div.plaatjebla {
	float:left;
	padding: 5px 18px 25px 5px;
	height:58px;
	background: url(/siteimg/nieuwsite/bg_media.gif) no-repeat;
	text-align:center;
}

div.plaatjebla div.imagewrapper {
	width:62px;
	height:65px;
	overflow:hidden;
}


div#linkerkolom div.media div.item p.image_holder{
	float: left;
	width: 75px;	
	height: 91px;	
	padding: 0px;	
	margin-right: 5px;
	overflow:hidden;
	background: url(../siteimg/bg_media.gif) no-repeat;
}

div.media div.item {
	float: left;
	display: inline;
	width: 265px;
	border-bottom: 1px solid #c1c1c1;
	margin: 0px 40px 15px 0px;
	padding-bottom: 5px;
}

div.media h3 {
	font: 24px "Arial Narrow";
}

div.media h4 {
	font: 16px "Arial Narrow";
	margin-bottom: 10px;
}

div.media div.item a {
	padding: 0px;
	background: none;
}

div.media div.item a.textlink {
	color: #999;
	padding-left: 20px;
	background: url(../siteimg/a_media.gif) no-repeat;
}

table#gebeurtenisbrowser td {
	background-color: #F3EBD5;
	padding: 10px;
	border: 1px solid #8A8C93;
}

div.item a img:hover,
table#gebeurtenisbrowser a img.media:hover {
	 background: url(../siteimg/bg_media_over.gif) no-repeat; 
}

.audioikoon, .audioomschrijving {
	float:left;
	width: 20px;
	padding: 0px;
	margin: 0px;
	line-height : 20px;
	height : 20px;
	clear: both;
}

.audioomschrijving {
	width: 440px;
	padding: 0px;
	margin: 0px;
}

.audiocontainer {
	width: 460px;
	padding: 0px;
	margin: 10px;
	overflow: hidden;
}

ul#videolibrary li.selected {
	background-color : #DEDEDE;
} 

div#chapterscrollview {
	overflow: auto;
	height: 370px;
	margin-left: 4px;
}

/*************************************************************** BEHEER */

div#beheer {
	float: left;
	width: 771px;
}

div#profielkolom_midden div#beheer {
	float: left;
	width: 465px;
}


div#beheer h2 {
	height: 36px;
	padding-left: 15px;
	background: #eee;
	font: 22px/36px "Arial Narrow", sans-serif;
	border-bottom: 2px solid #fff;
}

div#beheer h3.extra {
	margin-top: 15px;
}

div#beheer div.uitleg {
	background: #666;
	padding: 15px 30px 15px 30px;
	color: #fff;
	margin-bottom: 15px;
}

div#helpbar {
	float: right;
	width: 160px;
	background: url(../siteimg/logo_sidebar2.gif) no-repeat 10px 0;
	padding: 150px 0 0 20px;
	font-size: 11px;
	overflow: hidden;
}

div#helpbar h3 {
	font-size: 11px;
}

div#helpbar input.submit {
	border: 0;
	background: #666;
	color: #fff;
	padding: 3px 20px;
	font-size: 11px;
	margin-top: 20px;
}

span.eigenaar {
	float: left;
	padding-left: 15px;
	line-height: 28px;
}

ul#secundair.beheer {
	margin-right: 200px;
}

table.beheer {
	width: 771px;
	border-collapse: collapse;
	margin-bottom: 15px;
	overflow: hidden;
}

table.beheer td.smaller,
table.beheer th.smaller {
	width: 40px;
	text-align: center;
}

table.beheer td.smal,
table.beheer th.smal {
	width: 80px;
}

table.beheer td.breed,
table.beheer th.breed {
	width: 230px;
}

table.beheer th {
	text-align: left;
	border-bottom: 1px solid #666;
	height: 33px;
}

table.beheer th.label {
	padding-left: 15px;
	font-size: 14px;
}

table.beheer td {
	height: 33px;
	width: 110px;
	border-bottom: 1px solid #666;
	background: #f6f6f6;
}

table.beheer td.leeg {
	width: auto;
}

table.beheer td.label {
	width: 150px;
	padding-left: 15px;
}

table.beheer td.onderdeel {
	width: 110px;
}

/* MEDIABEHEER */
table#mediumlijst {
	width: 500px;
	float: left;
}
table#mediumlijst.selector {
	width: 380px;
}
div#voorbeeld {
	position: absolute;
}

div.mediumSelector div#voorbeeld {
	position: absolute;
	top: 40px;
	left: 420px;
}

.voorbeeldfoto {
	left: 520px;
	top: 280px;
}
.voorbeeldvisual {
	left: 400px;
	top: 55px;
}

div.medialistwithpreview {
	position: absolute;
	margin-top: 20px;
}

div.medialistwithpreview div#voorbeeld {
	position: absolute;
}

div.medialistwithpreview .voorbeeldfoto {
	left: 530px;
	top: 14px;
}

#voorbeeldfoto, #voorbeeldvideo, #voorbeeldaudio {
	border: 1px solid #666;
	background: #c2c2c2;
	display: block;
	width: 190px;
	padding: 5px;
} 

#voorbeeldaudio {
	height: 35px;
}

div#filename {
	clear: both;
	display: block;
	width: 190px;
	overflow: hidden;
}

#voorbeeldvideo {
	height: 133px;
}

tr.selected td {
	background-color: #DEDEDE;
}

#mediafilter {
	width: 740px;
}

div#hoofdstukselector {
	width: 300px;
	float: left;
}

div#gebeurtenisselector {
	width: 300px;
	float: left;
}

#selectmedialist {
	height: 365px;
	width: 400px;
	overflow: auto;
}

#selectmediafooter {
	display: block;
	clear: both;
	padding-left: 10px;
}

#mediafilter select {
	width : 200px;
}

h3.media {
	display:inline;
	font-size: 12px;
}

.mediumSelector, 
#frmEditMedium {
	padding : 5px 10px;
}

.mediumSelector {
	height: 400px;
	clear: both;
}

/*
 VOOR DE DYNAMISCH UPLOADER
*/
.photoupload-queue {
	list-style:				none;
}

.photoupload-queue li {
	background:				url(/siteimg/photo_upload.png) no-repeat 0 5px;
	padding:				5px 0 5px 22px;
}

.photoupload-queue .queue-file {
	font-weight:			bold;
}

.photoupload-queue .queue-size
{
	color:					#aaa;
	margin-left:			1em;
	font-size:				0.9em;
}

.photoupload-queue .queue-loader
{
	position:				relative;
	margin:					3px 15px;
	font-size:				0.9em;
	background-color:		#ddd;
	color:					#fff;
	border:					1px inset #ddd;
}
.photoupload-queue .queue-subloader
{
	text-align:				center;
	position:				absolute;
	background-color:		#81B466;
	height:					100%;
	width:					0%;
	left:					0;
	top:					0;
}

.photoupload-queue .input-delete
{
	width:					16px;
	height:					16px;
	background:				url(/siteimg/beheer_delete.gif) no-repeat 0 0;
	text-decoration:		none;
	border:					none;
	float:					right;
}

/* ---------- */

/* CONTENT EDIT E.A. */
form.contact fieldset {
	width: 360px;
}

form.knopform {
	display: inline;
}

form.contact a {
	color: black;
	text-decoration: underline;
}

form.contact label {
	display: block;
	width: 140px;
	float: left;
}

form#formulier h3 {
	margin-bottom: 10px;
}

form#formulier label4,
form#formulier label {
	display: block;
	width: 140px;
	float: left;
}

form#formulier select {
	margin-bottom:4px;
}

form#formulier label.labelzonderlengte {
	width: auto;
	margin-right: 10px;
}

form#formulier select.sorteer {
	width: 150px;
	border: 1px solid #666;
}

table.stamboom {
	margin-top: 10px;
}

form#formulier span.label4,
form#formulier span.label {
	display: block;
}

form#formulier div.foto span.label4,
form#formulier div.foto span.label {
	width: 100px;
	float: left;
}

form#formulier div.foto span.label4 {
	width: 60px;
}

form#formulier div.foto span.label3,
form#formulier div.foto span.label2 {
	line-height: 30px;
	font-size: 10px;
	text-align: right;
	display: block;
	width: 240px;
	float: left;
}

form#formulier div.foto span.label3 {
	width: 210px;
}

form#formulier select.veld,
form#formulier input.veld {
	width: 200px;
	border: 1px solid #666;
	margin-bottom: 8px;
	vertical-align: middle;
}

form.contact input.geboortedatum {
	width: 80px;
	vertical-align: middle;
	padding-left: 4px;
}

form.contact select,
form.contact input {
	margin-top: 3px;
	margin-bottom: 3px;
	width: 180px;
}

form.contact input.veldradio {
	width: auto;
}

span.veldnaam {
	display: block;
	width: 160px;
	float: left;
	font-weight: bold;
}

span.waarde {
	display: block;
	width: 140px;
	float: left;
}

span.veldlabel2 {
	display: block;
	width: 250px;
	margin-left: 20px;
}

input.veldradio {
	float: left;
}

div.keuzeoptie {
	padding-top: 10px;
	clear: both;
}

div#inlogbox {
	position: absolute;
	z-index: 999;
	left: 50%;
	margin: 200px 0px 0px -150px;
	border: 1px solid black;
	background: white;
	width: 300px;
	height: 200px;
}

div#inlogbox label {
	display: block;
}

div#inlogbox div#tips span {
	cursor: pointer;
	text-decoration: underline;
}

div#inlogbox span.knop {
	border: 1px solid black;
	background:#e5e5e5;
	float: right;
	margin-right: 10px;
	padding: 2px 10px 2px 10px;
	cursor: pointer;
}

div.verberg {
	display: none;
}

div.toon {
	display: inline;
}

a.button4,
input.button3,
input.button2,
input.button2_disabled,
input.button,
a.button,
a.button2 {
	background:#666666 none repeat scroll 0%;
	border:	0pt none;
	color:	#FFFFFF;
	font-size:	11px;
	margin: 5px 5px 0px 0px;
	padding:	3px 20px;
	width: 80px;
	display: block;
	text-align: center;
	float: left;
	vertical-align: middle;
	cursor: pointer;
}

input.editor {
	float: none;
	margin: 5px 0px 0px 278px;
}

div.contentedit input.button2,
input.button2, 
input.button2_disabled,
input.button3 {
	width: 160px;
}

a.button4 {
	width: 93px;
	margin-left: 10px;
}

a.button2 {
	width: 120px;
	font-weight: normal;
}

a.button2:hover,
a.button:hover {
	text-decoration: none;
}

input.button2_disabled {
	color: #eaeaea;
	background: #ccc;	
	cursor: default;
}

br.clear {
	clear: both;
}

input.jaarbox {
	width: 60px;
}

span.uitleg2,
span.uitleg {
	line-height: 32px;
	font-size: 10px;
	padding-bottom: 4px;
}

div.foto {
	margin-top: 5px;
	width: 40%;
	float: left;
	height: 350px;
	border-right: 0;
	background: #eee;
}

div.contentedit span.label,
div.contentruimte span.label,
div.foto span.label,
div.foto span.label4 {
	display: block;
	padding: 5px 10px 5px 10px;
	font-weight: bold;
	font-size: 13px;
}

div.contentedit span.floatlinks {
	float: left;
	width: 200px;
	margin: 0;
}

div.contentedit span.nalabel {
	display: block;
	margin-left: 200px;
	width: 520px;
	float: none;
}

div.contentedit,
div.contentruimte {
	margin-top: 5px;
	width: 60%;
	float: left;
	height: 350px;
	border-left: 0;	
	background: #eee;
}

div.fotohomepage {
	width: 52%;
}

div.contenthomepage {
	width: 48%;
}

div.contentedit {
	clear: both;
	width: 100%;
	height: auto;
}

div.error_report {
	width: 400px;
	margin: 1em 0 0.5em;
	color: #CC0000
}

div.foutmelding {
	border: 1px solid #666;
	background: #c39928;
	color: #fff;
	margin-bottom: 20px;
}

ul.foutmelding2 {
	margin-left: 20px;	
}

div.foutmelding p {
	padding: 0px 10px 10px 10px;
}

div.foutmelding span.label {
	display: block;
	padding: 5px 10px 5px 10px;
	font-weight: bold;
	font-size: 13px;
}

div.contenthomepage select,
div.contenthomepage input,
div.contentedit select,
div.contentedit input,
div.contentruimte input {
	margin-left: 10px;
	width: 425px;
	border: 1px solid #666;
}

div.contenthomepage select,
div.contenthomepage input {
	width: 345px;
}

form#formulier div.contentedit input.veld {
	width: 450px;
}

form#formulier div.contentedit input.radio {
	width: auto;
	border: 0;
}

table.mceEditor {
	margin-left: 10px;
	border: 1px solid #666;
}

div.contenthomepage textarea,
div.contentedit textarea,
div.contentruimte textarea {
	margin-left: 10px;
	width: 425px;
	height: 255px;
	border: 1px solid #666;
}

div.contentedit textarea {
	width: 450px;
}

div.contenthomepage textarea {
	width: 345px;
}

div.contentedit p {
	padding: 10px;
}

div#fotobox {
	width: 280px;
	border: 1px solid #666;
	height: 280px;
	margin-left: 10px;
}

div#fotobox.fotoboxhomepage {
	width: 350px;
	height: 260px;
}

div.foto a.button {
	margin-left: 10px;
}

div#contentcontent .content ul.foutmelding {
	margin-left: 0px;
}

ul.foutmelding {
	width: 400px;
	margin: 1em 0 0.5em;
	color: #CC0000
}

form.contact input.radio {
	width: auto;
}

form.contact input.submit2,
form.contact input.submit {
	background:#FFFFFF none repeat scroll 0%;
	font-size:10px;
	height:18px;
	width:60px;
}

form.contact input.submit2 {
	width: auto;
	padding: 0px 10px 0px 10px;
}

a.inactief {
	background: #eee none repeat scroll 0% 50%;
	color: #ccc;
	cursor: default;
	text-decoration: none;
	display: block;
	float: left;
	font-size: 11px;
	margin: 5px 5px 0px 0px;
	padding: 3px 20px;
	text-align: center;
	vertical-align: middle;
}

div.beheerverdiensteninfo{
	font-weight: bold;
	margin-bottom: 20px;
}

table.beheer td.bedrag {
	width: 140px;	
}

table.beheer td.resultaat {
	background-color:#FFF;
	border-bottom:none;
	font-weight: bold;	
}

table.beheer td.vollebreedte {
	width: auto;
	text-align: center;
}

div.thumb {
	width: 50px;
	height: 36px;
	float: left;
}

/* Extra voor gastenboek */
div.actieknoppen {
	position: absolute;
	top: 340px;
	margin-left: 0px; 
	font-weight: normal;
	font-size: 10px;
	width: 245px;
	text-align: right;
}

div.actieknoppen a {
	background:#272A39 none repeat scroll 0%;
	border:0pt none;
	color:#FFFFFF;
	float:right;
	font-size:11px;
	margin:5px 0px 0px 5px;
	padding:1px 10px;
	cursor: pointer;
	font-weight: normal;
}

div.reageer input,
div.reageer select,
div.reageer textarea {
	border: 1px solid #666;
}

div.reageer input.error,
div.reageer select.error,
div.reageer textarea.error, 
div#lightbox input.error {
	border: 1px solid red;
}

div.quote, 
span.quote {
	display: block;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 10px;
	margin: 10px;
}

div.messages div.reactie div.quote h4,
div.messages div.reactie span.quote h4 {
	font: 10px bold "Arial";
	text-align: center;
}

a.button3 {
	background: #272A39 none repeat scroll 0%;
	border: 0pt none;
	color: #FFFFFF;
	float: right;
	font-size: 11px;
	margin-top: 5px;
	padding: 1px 10px;
	width: auto;
}

div.gebeurtenisTerug {
	float: right; 
	font-weight: bold;
	color: white;
}

div.donker {
	margin-top: 5px;
	color: #262a38;
}

div.gebeurtenisTerug a {
	color: white;
	text-decoration: none;
	padding-right: 30px;
	cursor: pointer;
}

div.donker a {
	color: #262a38;
}

div.gebeurtenisTerug a:hover {
	text-decoration: underline;
}

table td.label {
	width: 140px;
}

table td.label2 {
	width: 100px;
}

select.ouders {
	width: 450px;
	border: 1px solid #666;
}

select.familielid {
	width: 300px;
	border: 1px solid #666;
}

select.relatie {
	width: 147px;
	border: 1px solid #666;
}

/*********************************************************** STAMBOOM */

div#stamboom {
	width: 960px;
	height: 415px;
	clear: both;
	overflow: auto;
	text-align: center;
	padding-top: 30px;
}

div#stamboom div.inactieflaag {
	width: 225px;
	height: 53px;
	background: #eee;
}

div#stamboom table {
	border-collapse: collapse;
	width: 100%;
}

div#stamboom table.hoofd {
	width: 450px;
	margin: 0 auto;
}

div#stamboom table.hoofd td {
	text-align: center;
}

div#stamboom td {
	vertical-align: top;
}

div#stamboom td.persoon {
	padding: 0 0px;
}

div#stamboom span.persoon {
	display: block;
	width: 231px;
	height: 59px;
	padding: 3px 0 0 3px;
	margin: 0 auto;
	background: url(../siteimg/stamboom_vakje.png) no-repeat;
	text-align: left;
}

div#stamboom span.persoon div.stamboomfoto {
	width: 51px;
	height: 51px;
	overflow: hidden;
	float: left;
}

div#stamboomDetailsBeschrijving {
	position: absolute;
	top: 70px;
	left: 10px;
	width: 230px;
	height: 140px;
	overflow : auto;
}

div#stamboomDetailsBeschrijving p {
	margin-bottom : 10px;
}

.vetrood {
	color: #C2502E;
	font-weight: bold;
	font-size: 12px;
}

div#stamboom span.hebbenKinderen {
	cursor: pointer;
}

div#stamboom span.inactief  {
	background: url(../siteimg/stamboom_vakje_inactief.gif) no-repeat;
}

div#stamboom span.persoon img.foto {
	float: left;
}

div#stamboom span.inactief img.foto {
	float:left; 
	filter:alpha(opacity=25); -moz-opacity:.25;opacity:.25;
}

div#stamboom span.persoon span.gegevens {
	float: left;
	display: inline;
	width: 170px;
	height: 51px;
	margin-left: 2px;
	overflow: hidden;
	text-align: center;
	color: #999999;
	font-size: 11px;
	line-height: 14px;
}

div#stamboom span.persoon span.actief {
	background: #e0cc96;
	color: #000;
}

div#stamboom span.persoon a {
	font-size: 12px;
	color: #c2502e;
	text-decoration: underline;
	line-height: 20px;
}

div#stamboom span.inactief a {
	color: #db9884;
}

div#stamboom td.kinderen {
	padding: 0 30px;
}

div#stamboom table.hoofd td.vlijn {
	background: url(../siteimg/stamboom_lijn_verticaal.gif) no-repeat center bottom;
	height: 16px;
	font-size: 0px;
}

div#stamboom table.hoofd td.glijn,
div#stamboom table.hoofd td.vlijn {
	height: 9px;
}

div#stamboom td.links td.lijn, 
div#stamboom td.midden td.lijn, 
div#stamboom td.rechts td.lijn, 
div#stamboom td.tussen td.lijn,  
div#stamboom td.verticaal td.lijn {
	height: 11px;
	font-size: 0px;
	background: url(../siteimg/stamboom_lijn_links.gif) no-repeat 50%;
	text-align: center;
}

div#stamboom td.midden td.lijn {
	background: url(../siteimg/stamboom_lijn_tussen.gif) no-repeat 50%;
}

div#stamboom td.rechts td.lijn {
	background: url(../siteimg/stamboom_lijn_rechts.gif) no-repeat 50%;
	
}

div#stamboom td.tussen td.lijn {
	background: url(../siteimg/stamboom_lijn_tussen.gif) no-repeat 50%;
}

div#stamboom td.verticaal td.lijn {
	background: url(../siteimg/stamboom_lijn_verticaal2.gif) no-repeat 50%;
}

div#stamboom td.teruglink a {
	color: black;
	font-weight: normal;
	text-decoration: underline;
}

div#stamboom td.teruglink {
	height: 30px;
}

div.eventholder {
	float: left;
	background: #c5c6c9;
	width: 881px;
	height: 405px;
}

input.editorselect {
	width: 355px;
}

select.editorselect {
	width: 359px;
}

/************************* preview *****/

div#preview {
	width: 640px;
	height: 384px;
	background: url(/siteimg/nieuwsite/preview.gif) no-repeat;
}

div#preview div#contentpreview {
	position: absolute;
	margin-top: 56px;
	width: 640px;
	height: 230px;
}

div#preview div#contentpreview div#inhoudpreview {
	width: 400px;
	margin: 0 auto;
	padding: 10px;
}

div#preview div#contentpreview div#inhoudpreview h2 {
	font: 1.2em "Arial", Helvetica, Sans-serif;
}

div#preview div#contentpreview div#inhoudpreview p {
	font-size: 0.9em;
}

div.editknoppen {
	clear: both;
}

span.maanden {
	margin-top: -5px;
	display: block;
	text-align: center;
	font-size: 11px;
	width: 680px;
	line-height: 12px;
	font-family: Verdana, Arial;
	
}

form div.halfsize {
	height: 68px;
	overflow: hidden;
}

form div#listb {
	position: absolute;
	height: 344px;
	width: 100%;
	overflow: auto;
}

form div#listb ul {
	margin-left: 5px;
}

div.filters {
	margin-left: 5px;
}

div.filters select {
	width: 180px;
}

form div.emph,
form div.footer {
	margin-left: 5px;
	font-size: 11px;
}

form div.emph h3 {
	font-size: 12px;
}

form div.footer {
	height: 40px;
	margin-left: 5px;
}


form div.footer div#selectChapter, 
form div.footer input.button2_disabled,
form div.footer input.button2 {	
	position: absolute;
	bottom: 4px;
}

form div.footer a {
	position: absolute;
	display: block;
	bottom: 4px;
	right: 4px;
	width: 340px;
	text-align: right;
}

form div.footer input.hidden {
	display: none;
}

form div.footer label {
	position: absolute;
	bottom: 6px;	
	margin-left: 170px;
}

form div.emph input {
	width: 160px;
	height: 23px;
}

div#main div#contentcontent div.content span.tooltip {
	position: absolute;
	display: none;	
	left: 190px;
	width: 260px;	
	z-index: 20;
	margin-top: -133px;
}

div#main div#contentcontent div.content span.tooltip span a {
	display: block;
	float: right;
	color: #0f004e;
}

div#main div#contentcontent div.content span.tooltip span {
	padding: 8px;
	width: 244px;	
	display: block;
	height: 100px;
	overflow: hidden;
	background: url(../siteimg/tooltip_email_bg.gif) no-repeat;
	font-weight: bold;
	color: #e65326;
}

/* _____________________________________________________________________ FANCY UPLOAD  __________________________ */

#mediaupload-status {
	padding:				10px 15px;
	width:					420px;
}

#mediaupload-status a {
	display: block;
	float: left;
	background: #666;
	border: 0;
	color: white;
	font-size: 11px;
	margin: 5px 5px 0 0;
	padding: 3px 20px;
	text-align: center;
	vertical-align: middle;
	width: 150px;	
}

#mediaupload-status div.clear {
	clear: both;	
}

#mediaupload-status .progress {
	background:				white url(../js/fancyUpload/progress.gif) no-repeat;
	background-position:	+50% 0;
	margin-right:			0.5em;
}

#mediaupload-status .progress-text {
	font-size:				0.9em;
	font-weight:			bold;
}

#mediaupload-list {
	list-style:				none;
	width:					100%;
	margin:					0;
}

div.mediaupload-list-wrapper {
	width: 595px;
	height: 240px;
	overflow: auto;
	border: 1px solid #eaeaea;
	margin-top: 15px;
}

div.mediaupload-list-wrapper a {
	color: red;
	width: auto;
	background: none;
}

#mediaupload-list li.file {
	border-bottom:			1px solid #eee;
	background:				url(../js/fancyUpload/file.png) no-repeat 4px 4px;
}

#mediaupload-list li.file.file-uploading {
	background-image:		url(../js/fancyUpload/uploading.png);
	background-color:		#D9DDE9;
}

#mediaupload-list li.file.file-success {
	background-image:		url(../js/fancyUpload/success.png);
}

#mediaupload-list li.file.file-failed {
	background-image:		url(../js/fancyUpload/failed.png);
}

#mediaupload-list li.file .file-name {
	font-size:				1.2em;
	margin-left:			44px;
	display:				block;
	clear:					left;
	line-height:			40px;
	height:					40px;
	font-weight:			bold;
}

#mediaupload-list li.file .file-size {
	font-size:				0.9em;
	line-height:			18px;
	float:					right;
	margin-top:				2px;
	margin-right:			6px;
}

#mediaupload-list li.file .file-info {
	display:				block;
	margin-left:			44px;
	font-size:				0.9em;
	line-height:			20px;
	clear
}

#mediaupload-list li.file .file-remove {
	clear:					right;
	float:					right;
	line-height:			18px;	
	color:					red;
	background:				none;
	width:					auto;
	margin:					0;
	padding:				0;
	margin-right:			6px;
}

div#warning {
	background: #fdffd0;
	border-bottom: 1px solid black;	
	padding: 6px;
	margin-bottom: 10px;
}