﻿
/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	line-height: 18px;
}

h1	
{
	line-height:normal;
	margin:0PX;
}
A, A:link, A:visited
{
	color: #8C7A56;
	text-decoration: none;
}

A:hover
{
	color:#a1a1a1;
}

.theArtikel
{
	font-size: 14px;
}
.table1_border {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #B79F73;
	border-bottom-color: #B79F73;
	border-left-color: #B79F73;
}

.div1_border {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-style: solid;
	border-right-color: #B79F73;
	border-bottom-color: #B79F73;
	border-left-color: #B79F73;
		border-top-color: #B79F73;
}
.text1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #a1a1a1;
	padding-right: 10px;
	padding-left: 10px;
}
.text2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000000;
	line-height: 22px;
}
.textHome2 A,.textHome2 A:link, .textHome2 A:visited
{
	color: #2D8EDC;
} 

.textHome3 A,.textHome3 A:link, .textHome3 A:visited
{
	color: #000000;
} 
.textHome2 A:hover, .textHome3 A:hover
{
		color: #a1a1a1;
}
.text3 {
	color: #2d75b9;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
}
.text5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.standing_man {
	margin-top: 210px;
}
.text6 {

	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: bold;
	color: #05ab67;
}
.plus_btn {
	float: right;
}
.text_area_brd {
	border: 1px solid #B6A077;
	height: 21px;
}
.text7 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #b6a077;
	text-decoration: underline;
}
.text8 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	color: #857455;
	text-decoration: none;
	
}
.text9 {

	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #857455;
}
.mid_bg {
	background-image: url(images/yellow_image.png);
	background-repeat: no-repeat;
	height: 464px;
	width: 556px;
}
.balonLayer, .balonLayer A, .balonLayer A:Link, .balonLayer A:visited
{
	font-family: Courier New;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 13px;
	line-height:15px;
}

.balonLayer A:hover
{
	font-weight: bold;
	color: #a1a1a1;
	font-size: 13px;
	line-height:15px;
}
#Layer1 {
	position:absolute;
	width:141px;
	height:90px;
	z-index:1;
	
	margin-left: 150px;
	margin-top: 65px;
	text-align: center;
}
#Layer2 {
	position:absolute;
	width:125px;
	height:116px;
	z-index:2;
	margin-top: 185px;
	margin-left: 20px;
	text-align: center;
}
#Layer3 {
	position:absolute;
	width:133px;
	height:80px;
	z-index:3;
	margin-top: 200px;
	margin-left: 210px;
	text-align: center;
}




/* dynamisch home */

#theTitles, #theFotos
{
	width:540px;
	
	min-height: 240px;
}
* html #theTitles,
* html #theFotos{
	
	height:240px;
	
}
#theTitles 
{
	display:none;
}
.theOuterDiv
{
	
	position:relative;
	top:-60px;
	left:0px;
	float:left;
	z-index:1;
	width:60px;
}
.blackborder
{
	width:54px;
	height:54px;
	background-color:Transparent;
	border:6px solid black;
	display:none;
	position:absolute;
	margin-left:-60px;
	margin-top:-60px;
	z-index:3;
	
}
.fotoDetails	
{
	display:none;
	position:absolute;
	top:-30px;
	left:-100px;
	z-index:2;
}
.fotoDetailsTitel
{
	position:absolute;
	top:30px;
	left:180px;
	width:350px;
	z-index:2;
}

.fotoDetailsItems
{
	background-image:URL(../img/ballonHome.png);
	position:absolute;
	top:80px;
	left:0px;
	width:134px;
	height:144px;
}

.fotoDetailsItemsTekst
{
	position:absolute;
	top:70px;
	left:27px;
	font-family:Courier New;
	font-weight:bold;
	font-size:14px;
	line-height:16px;
	color:White;
}
.menuOuterDiv
{
	position:relative;
	top:-15px;
	left:-80px;
}


.menuBallon
{
	background-image:URL(../img/ballonHome2.png);
	position:absolute;
	top:0px;
	left:0px;
	width:151px;
	height:147px;
	display:none;
}

.menuBallonTekst
{
	position:absolute;
	top:70px;
	left:27px;
	font-family:Courier New;
	font-weight:bold;
	font-size:14px;
	line-height:16px;
	color:White;
}


.titelBlackBox
{
	font-family: Arial Black;
	font-size: 17px;
	background-color: #000000;
	color: #ffffff;
	line-height: 22px;
	z-index:2;
}

.titelItemsOnderwerpen, .titelItemsOnderwerpen A, .titelItemsOnderwerpen A:link, .titelItemsOnderwerpen A:visited
{
	font-family: Arial Black;
	font-size: 16px;
	color: #000000;
	text-decoration: none;
}
.titelBlackBoxBig
{
	font-family: Arial Black;
	font-size: 28px;
	background-color: #000000;
	color: #ffffff;
	padding: 0px 10px 0px 10px;
	line-height: 38px;
	z-index:2;
}
.titelArtikel
{
 position:relative;
	top:0px;
	left:-18px;
}
.titelArtikel A, .titelArtikel A:Link, .titelArtikel A:Visited
{
	text-decoration:none;
	color:#000000;
}
.titelArtikel A:hover
{
	color:#a1a1a1;
}
.thefoto
{
	z-index:2;
}



.textBlue {

	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #2d75b9;
	font-weight:bold;
	line-height:18px;
}

.textBlue2 {

	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #2d75b9;
	font-weight:bold;
	line-height:17px;
}

.textBlue3 {

	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 21px;
	color: #2d75b9;
	font-weight:bold;
	line-height:26px;
}
.maintable
{
	background-image:url(../img/bg.jpg);
}




.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}



/* fotos freshcode */
td.tabs div{
	cursor: hand;
	cursor: pointer;
}
.theFotos div {
	background: url(../img/afbeeldingen_image.jpg) no-repeat left top;
	width: 139px;
	height: 35px;
	text-indent: -9000px;
}
.theTitles div{
	background: url(../img/tekst_image.jpg) no-repeat left top;
	width: 75px;
	height: 35px;
	text-indent: -9000px;
}
.theFotos div.selected {
	background: url(../img/afbeeldingen_image2.jpg) no-repeat left top;
	
}

.theTitles div.selected{
	background: url(../img/tekst_image2.jpg) no-repeat left top;
}

#theTitles span, .deSubjects {
	color:#A1A1A1;
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
}

.eenfoto {
	position: relative;
	float: left; 
	width: 60px;
	height: 60px;
	z-index: 10;
}
.eenfoto2 {}

.eenfoto_content {
	display:none;
	position: absolute;
	width: 60px;
	height: 60px;
	left: 0px;
	top: 0px;
	z-index: 50;
	
}



.show_rubrieken span.rubriekentekst, .show_rubrieken span.rubriekentekst A, .show_rubrieken span.rubriekentekst A:visited  {
	color:#FFF !important;
	background-color: #041cb8;
}
.rubriekenKleur, .rubriekenKleur A, .rubriekenKleur A:visited, .rubriekenKleur A:Link
{
	color: #041cb8;
	text-decoration:none;
}
.rubriekenKleur2 A, .rubriekenKleur2 A:visited, .rubriekenKleur2 A:Link
{
		text-decoration:none;
		color: #a1a1a1;
}
.rubriekenKleur A:hover, .rubriekenKleur2 A:hover
{
	background-color: #041cb8;
	color: #ffffff;
	text-decoration:none;
}
.rubriekenfoto .eenfoto_content {
	background-color: #041cb8;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8; 
}



.show_werk span.werktekst, .show_werk span.werktekst A, .show_werk span.werktekst A:visited {
	color:#FFF !important;
	background-color: #97b601;
}
.werkKleur, .werkKleur A, .werkKleur A:visited, .werkKleur A:Link
{
	color: #97b601;
	text-decoration:none;
}
.werkKleur2 A, .werkKleur2 A:visited, .werkKleur2 A:Link
{
		text-decoration:none;
		color: #a1a1a1;
}
.werkKleur A:hover, .werkKleur2 A:hover
{
	background-color: #97b601;
	color: #ffffff;
	text-decoration:none;
}
.werkfoto .eenfoto_content {
	background-color: #97b601; /* #041cb8;*/
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8; 
}




.show_relatie span.relatietekst, .show_relatie span.relatietekst A, .show_relatie span.relatietekst A:visited  {
	color:#FFF !important;
	background-color: #041cb8;
}
.relatieKleur, .relatieKleur A, .relatieKleur A:visited, .relatieKleur A:Link
{
	color: #041cb8;
	text-decoration:none;
}
.relatieKleur2 A, .relatieKleur2 A:visited, .relatieKleur2 A:Link
{
		text-decoration:none;
		color: #a1a1a1;
}
.relatieKleur A:hover, .relatieKleur2 A:hover
{
	background-color: #041cb8;
	color: #ffffff;
	text-decoration:none;
}
.relatiefoto .eenfoto_content {
	background-color: #041cb8;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8; 
}




.show_kinderen span.kinderentekst, .show_kinderen span.kinderentekst A, .show_kinderen span.kinderentekst A:visited  {
	color:#FFF !important;
	background-color: #B6568C;
}
.kinderenKleur, .kinderenKleur A, .kinderenKleur A:visited, .kinderenKleur A:Link
{
	color: #B6568C;
	text-decoration:none;
}
.kinderenKleur2 A, .kinderenKleur2 A:visited, .kinderenKleur2 A:Link
{
		text-decoration:none;
		color: #a1a1a1;
}
.kinderenKleur A:hover, .kinderenKleur2 A:hover
{
	background-color: #B6568C;
	color: #ffffff;
	text-decoration:none;
}
.kinderenfoto .eenfoto_content {
	background-color: #B6568C;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8; 
}





.show_ik span.iktekst, .show_ik span.iktekst A, .show_ik span.iktekst A:visited  {
	color:#FFF !important;
	background-color: #F6CB54;
}
.ikKleur, .ikKleur A, .v A:visited, .ikKleur A:Link
{
	color: #F6CB54;
	text-decoration:none;
}
.ikKleur2 A, .ikKleur2 A:visited, .ikKleur2 A:Link
{
		text-decoration:none;
		color: #a1a1a1;
}
.ikKleur A:hover, .ikKleur2 A:hover
{
	background-color: #F6CB54;
	color: #ffffff;
	text-decoration:none;
}
.ikfoto .eenfoto_content {
	background-color: #F6CB54;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8; 
}





.show_wereld span.wereldtekst, .show_wereld span.wereldtekst A, .show_wereld span.wereldtekst A:visited  {
	color:#FFF !important;
	background-color: #EC7886;
}
.wereldKleur, .wereldKleur A, .wereldKleur A:visited, .wereldKleur A:Link
{
	color: #EC7886;
	text-decoration:none;
}
.wereldKleur2 A, .wereldKleur2 A:visited, .wereldKleur2 A:Link
{
		text-decoration:none;
		color: #a1a1a1;
}
.wereldKleur A:hover, .wereldKleur2 A:hover
{
	background-color: #EC7886;
	color: #ffffff;
	text-decoration:none;
}
.wereldfoto .eenfoto_content {
	background-color: #EC7886;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8; 
}









.show_dingen span.dingentekst, .show_dingen span.dingentekst A, .show_dingen span.dingentekst A:visited  {
	color:#FFF !important;
	background-color: #23C4DC;
}
.dingenKleur, .dingenKleur A, .dingenKleur A:visited, .dingenKleur A:Link
{
	color: #23C4DC;
	text-decoration:none;
}
.dingenKleur2 A, .dingenKleur2 A:visited, .dingenKleur2 A:Link
{
		text-decoration:none;
		color: #a1a1a1;
}
.dingenKleur A:hover, .dingenKleur2 A:hover
{
	background-color: #23C4DC;
	color: #ffffff;
	text-decoration:none;
}
.dingenfoto .eenfoto_content {
	background-color: #23C4DC;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8; 
}







.show_toekomst span.toekomsttekst, .show_toekomst span.toekomsttekst A, .show_toekomst span.toekomsttekst A:visited  {
	color:#FFF !important;
	background-color: #BDA86C;
}
.toekomstKleur, .toekomstKleur A, .toekomstKleur A:visited, .toekomstKleur A:Link
{
	color: #BDA86C;
	text-decoration:none;
}
.toekomstKleur2 A, .toekomstKleur2 A:visited, .toekomstKleur2 A:Link
{
		text-decoration:none;
		color: #a1a1a1;
}
.toekomstKleur A:hover, .toekomstKleur2 A:hover
{
	background-color: #BDA86C;
	color: #ffffff;
	text-decoration:none;
}
.toekomstfoto .eenfoto_content {
	background-color: #BDA86C;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8; 
}







.active .highlight .eenfoto_content  {
	z-index: 50;
	background-color: transparent;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1; 
}

.active .eenfoto_content {
	display: block;
	
	
}
#onderwerpTitle
{
	position:relative;
	top:8px;
	left:-57px;
	z-index: 0;
}
#divOnderwerpenId
{
	width:502px;
	position:absolute;
	top:26px;
	padding:25px;
	
	background-color:White;
	z-index: 1;
}

#divOuterOnderwerpen
{
	position:relative;
	top:0px;
	left:-37px;
	z-index: 1;
}

.onderwerpTitleMarging
{
	position:relative;
	top:14px;
	left:-37px;
	height:auto;
}
.rubriekMarging
{
	position:relative;
	top:0px;
	left:-37px;
	height:auto;
}

.hideDivOnderwerpen
{
	display: none;
}

.showDivOnderwerpen
{
	display: block;
}

.imgOnderwerpen  {
	display: block;
	cursor:pointer;
	margin-top: 1px;
}

.eenfoto_tekst {
	display: none;
	position: absolute;
	left: 70px;
	top: -20px;
	
	z-index: 50;
	width: 320px;
}
*+html .eenfoto_tekst {
	margin-left: 180px;
	left: 0px !important;
}
*+html .eenfoto_tekst {
	top: 10px;
	left: 195px;
}
.eenfoto_tekst span {
	white-space:normal;
	background-color:#000;
	color:#FFFFFF;
	font-family:Arial Black;
	font-size:17px;
	line-height:22px;
	padding: 0px 3px 3px 4px;

}

.eenfoto_frame {
	display: none;
	position:absolute;
	left: -10px;
	top: -9px;
	width:80px;
	height:80px;
	z-index: 48;

}
*+html .eenfoto_frame {
	left: 110px;
	top: 21px;
}


.eenfoto_items {
	display: none;
	background:url(../img/ballonHome.png) no-repeat left top;
	height:73px;
	left:-110px;
	position:absolute;
	top:50px;
	width:109px;
	padding: 72px 0 0 25px;
	font-family:Courier New;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	z-index: 50;
	line-height:16px;
}
*+html .eenfoto_items {
	left: 0px;
	top: 80px;
}

.active .highlight2 .eenfoto_content,
.active .highlight2 .eenfoto_content {
	display: none;
}
.active .highlight  {
	z-index: 100;
}
.active .highlight .eenfoto_content  {
	z-index: 100;
	position: absolute;
	

	
}
*+html .active .highlight .eenfoto_content {
	width: 500px;
	height: 300px;
	left: -120px;
	top: -30px;
}
.active .highlight .eenfoto_content .eenfoto_tekst,
.active .highlight .eenfoto_content .eenfoto_items,
.active .highlight .eenfoto_content .eenfoto_frame {
	display: block;
}
.complete_menu {
	position: relative;
	top: 4px;
	z-index:11;
}

.complete_submenu {
	position: relative;
	top: -8px;
	z-index: 1;
}


#menu_relatie {}
#menu_werk {}

.menuInfoBallon {
	display: none;
	background:url(../img/ballonHome2.png) no-repeat left top;
	font-family:Courier New;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	line-height:16px;
	height:85px;
	left:-80px;
	position:absolute;
	padding: 62px 25px 0 0;
	width:125px;
	z-index: 110;
}

.menuSubDiv 
{
	font-weight:bold;
	color:#FFF;
	line-height:16px;

	padding: 5px;
	width: 202px;
	z-index: 120;
	text-align: left;
	background-color: #FFFFFF;
	 
}

.submenu_rubrieken
{
	position:absolute;
	top: 26px;
	left: 15px;
}
.submenu_meest
{
	position:absolute;
	top: 54px;
	left: 15px;
}
.submenu_reactie
{
	position:absolute;
	top: 82px;
	left: 15px;
}
.imgRubrieken, .imgMeest, .imgReactie
{
	cursor: pointer;
}




.menuSubDiv, .menuSubDiv A, .menuSubDiv A:visited, .menuSubDiv A:Link
{
	color: #BDA86C;
	text-decoration:none;
}

.menuSubDiv A:hover
{
	background-color: #BDA86C;
	color: #ffffff;
	text-decoration:none;
}



.menu_relatie {
	top: 20px;
}
.menu_werk {
	top: 70px;
}

.menu_kinderen {
	top: 102px;
}

.menu_ik {
	top: 232px;
}

.menu_wereld {
	top: 270px;
}

.menu_dingen {
	top: 310px;
}

.menu_toekomst {
	top: 340px;
}

