html { min-height: 100%; margin-bottom: 1px; }

body {
	background-image: url(../images/bg.gif);
	background-color: #FFFFFF;
  margin: 0px;
  padding: 0px;
  text-align: center;
  position: relative;
}

#page {
	position: relative; width: 746px; 
	margin-right: auto; 
	margin-left: auto;
}

#page, td, div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	text-align: left;
	color: #3D3D3D;
}

#content {
	position: relative; 
	width: 750px; 
	border-bottom: 1px solid #004867;
	background-image: url(../images/bg_page.gif);
	background-color: #FFFFFF;
	padding-top: 10px;
	}

.contentMargin {
	margin: 0px 10px 10px 10px;
	}

hr {
  height: 1px;
  border-width: 1px;
  color: #004867;
  border-color: #004867;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 2px;
  margin-bottom: 2px;
  /* MW: toevoeging voor Firefox */  
  border:0;
  background-color:#004867;
}


/* HEADER */ 
#pageheader {
	position: relative;
	text-align: center;
	width: 100%;
	height: 176px;
	background-image: url(../images/bg_header.gif);
	background-repeat: repeat-x;
}
#header {position: relative; width: 750px; top: 0px; z-index:1;}
#headerMenuTop {position: absolute; left: 13px; top: 93px; width: 400px; height: 16px; padding: 0px; z-index:1;}
#headerMenuTop input {width: 90px; height: 16px; border: 1px solid #7996D4;}
#headerMenuTop div {float: left; margin-top: 1px; margin-right: 13px;}
#logoWPF {position: absolute; left: 630px; top: 48px; width: 104px; height: 104px; z-index:1;}

#headerMenuBottom {position: absolute; left: 0px; top: 116px; width: 615px; height: 16px; padding: 0px; z-index:1;}
#headerMenuBottom img {margin-left: 1px;}

#headerMenuHighlight1 {position: absolute; left: 1px; top: 116px; width: 125px; height: 59px; padding: 0px; z-index:10;}
#headerMenuHighlight2 {position: absolute; left: 119px; top: 116px; width: 175px; height: 59px; padding: 0px; z-index:10;}
#headerMenuHighlight3 {position: absolute; left: 286px; top: 116px; width: 89px; height: 59px; padding: 0px; z-index:10;}
#headerMenuHighlight4 {position: absolute; left: 369px; top: 116px; width: 98px; height: 59px; padding: 0px; z-index:10;}
#headerMenuHighlight5 {position: absolute; left: 461px; top: 116px; width: 120px; height: 59px; padding: 0px; z-index:10;}
#support {position: absolute; left: 286px; top: 59px; width: 89px; height: 29px; padding: 0px; z-index:1;}

/* SUBMENU  */
.subMenu1 {background-color: #214F75; width: 234px; margin-bottom: 10px;}
.subMenu2 {background-color: #70212B; width: 234px; margin-bottom: 10px;}
.subMenu3 {background-color: #B90049; width: 234px; margin-bottom: 10px;}
.subMenu4 {background-color: #796710; width: 234px; margin-bottom: 10px;}
.subMenu5 {background-color: #DB9F22; width: 234px; margin-bottom: 10px;}
.subMenu6 {background-color: #D42E12; width: 234px; margin-bottom: 10px;}

.subMenuItem {background-color: #12C8D4; margin: 0px 10px; width: 214px; line-height: 14px;}
.subMenuItem div {float: left;}
.subMenuIcon {width: 10px;}
.subMenuLink {width: 204px;}
.subMenuIcon img {margin-top: 5px;}

.subMenuItemNiv2 {background-color: #12C8D4; margin: 0px 0px 6px 30px; width: 184px; line-height: 14px;}

/* SUBMENU LINKS */
.subMenu a.niv1:link, .subMenu a.niv1:visited {color: #FFFFFF; font-weight: bold; text-decoration: none;}
.subMenu a.niv1:hover, .subMenu a.niv1:active {color: #FFFFFF; font-weight: bold; text-decoration: underline;}
.subMenu a.niv1Active:link, .subMenu a.niv1Active:visited {color: #FFFFFF; font-weight: bold; text-decoration: none; border-bottom: 1px solid #D8D8D8;}
.subMenu a.niv1Active:hover, .subMenu a.niv1Active:active {color: #FFFFFF; font-weight: bold; text-decoration: underline; border-bottom: 1px solid #D8D8D8;}

.subMenu a.niv2:link, .subMenu a.niv2:visited {color: #FFFFFF; font-weight: normal; text-decoration: none;}
.subMenu a.niv2:hover, .subMenu a.niv2:active {color: #FFFFFF; font-weight: normal; text-decoration: underline;}
.subMenu a.niv2Active:link, .subMenu a.niv2Active:visited {color: #FFFFFF; font-weight: normal; text-decoration: none; border-bottom: 1px solid #D8D8D8;}
.subMenu a.niv2Active:hover, .subMenu a.niv2Active:active {color: #FFFFFF; font-weight: normal; text-decoration: underline; border-bottom: 1px solid #D8D8D8;}


.subMenu ul {
	list-style: none;
	list-style-type: none;
	margin: 0px 10px 0px 14px;
	padding: 0px;
}

.subMenu ul li {
	list-style: none;
	list-style-type: none;
	margin: 5px 0px;
	padding: 0px;
	line-height: 12px;
}

.subMenu ul ul {
	list-style: none;
	list-style-type: none;
	margin: 0px 10px 0px 10px;
	padding: 0px;
	line-height: 14px;
}

.subMenu ul li ul li {
	list-style: none;
	list-style-type: none;
	margin: 5px 0px;
	padding: 0px;
}


/* DEPRECATED - nodig voor open en dichtklappen
.subMenu ul li.plus {
	list-style: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px  0px  0px  12px;
	background-image:url(../images/submenu_plus.gif);
	background-position: 0px 5px;
	background-repeat:no-repeat;
}

.subMenu ul li.min {
	list-style: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px  0px  0px  12px;
	background-image:url(../images/submenu_min.gif);
	background-position: 0px 5px;
	background-repeat:no-repeat;
}
*/

/* SIDEBAR */

ul.sidebarLinks {
	list-style: square outside;
	list-style-type: square;
	margin-left: 15px;
	padding: 0px;
}

ul.sidebarLinks li {
	list-style-image: url(../images/bullet.gif);
	list-style: square outside;
	list-style-type: square;
	margin-left: 0px;
	padding: 0px;
}

.sidebarBox {border: 1px solid #004867;}
.sidebarBoxContent {margin: 8px 10px 10px 12px;}


/* GENERAL */
H1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #004867;
}

H2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #004867;
}

H2.news {
	margin-bottom: 2px;
	letter-spacing: 0px;
}

H3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #004867;
	margin-bottom: 3px;
}

H4, H5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #004867;
	margin-bottom: 0px;
}

img {margin: 0px; border: 0px;}


.titleImage {margin-bottom: 5px;}

#printblok {padding-bottom: 20px;}

.sidebarBanner {}

/* LINKS */
a:link, a:visited {color: #DC0018;}
a:hover, a:active {color: #DC0018; text-decoration: none;}
a.topMenu:link, a.topMenu:visited {color: #016B98; text-decoration: none;}
a.topMenu:hover, a.topMenu:active {color: #016B98;}
.breadcrumb {width: 440px; height: 20px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.breadcrumb a:link, .breadcrumb a:visited {color: #016B98; text-decoration: none;}
.breadcrumb a:hover, .breadcrumb a:active {color: #016B98; text-decoration: underline;}
.footer {text-align: right; border-top: 1px solid #016B98; padding-top: 6px; padding-bottom: 10px;}
.footer a {margin-left: 20px;}
.footer a:link, .footer a:visited {color: #016B98; text-decoration: none;}
.footer a:hover, .footer a:active {color: #016B98; text-decoration: underline;}

/* RED BOXES */
.box {border: 1px solid #004867;}
.boxTopLeft {position: absolute; left: -1px; top: -1px; width: 11px; height: 11px; padding: 0px; z-index:1;}
.boxTopRight {position: absolute; right: -1px; top: -1px; width: 11px; height: 11px; padding: 0px; z-index:1;}
.boxBottomLeft {position: absolute; left: -1px; bottom: -2px; width: 11px; height: 12px; padding: 0px; z-index:1;}
.boxBottomRight {position: absolute; right: -1px; bottom: -2px; width: 11px; height: 12px; padding: 0px; z-index:1;}
.boxContent {margin: 10px;}

/* FOTO BOXES */
.fotoBox {position: relative; left: 0px; top: 0px; width: 230px; margin-bottom: 10px;}
.fotoBoxTop {position: absolute; left: 0px; top: 0px; width: 230px; height: 11px; padding: 0px; z-index:1;}
.fotoBoxBottom {position: absolute; left: 0px; bottom: 0px; width: 230px; height: 11px; padding: 0px; z-index:1;}


/* INDEX */
.indexMyTalent {margin-top: 5px;}

.indexMyTalent H2 {
	margin-bottom: 3px;
	letter-spacing: 0px;
}

.indexMyTalent td {
	padding-bottom: 10px;
}

table.nieuws img {margin-top: 5px;}
table.nieuws td {padding-bottom: 3px;}

.partners img {
	margin-right: 5px;
}

.attentieVlak {
	position: absolute; 
	left: 297px; top: 16px; 
	width: 436px; height: 154px; 
	padding: 0px; z-index:10; 
	border: 0px solid #666666;
}


.attentieButtons {margin-right: 5px; margin-bottom: 5px; float: left;}
.nextPrevious {position: absolute; right: 10px; bottom: 10px; width: 50px; height: 19px; padding: 0px; z-index:1; border: 0px solid #666666;}

/* PERSOONLIJKE VERHALEN */
#book {
	position: absolute; 
	left: 32px; top: 73px; 
	width: 700px; height: 400px; 
	padding: 0px; z-index:10; 
	border: 0px solid #666666;
}

#bookopen {
	position: absolute; 
	left: 0px; top: 0px; 
	width: 505px; height: 365px; 
	padding: 0px; z-index:1; 
	border: 0px solid #666666;
}

#bookclosed {
	position: relative; 
	left: 231px; top: 0px; 
	width: 274px; height: 365px; 
	padding: 0px; z-index:1; 
	border: 0px solid #666666;
}

.persoon {
	position: absolute; 
	left: 100px; top: 35px; 
	width: 380px; height: 280px; 
	z-index:5;
}

#verhaal {
	position: absolute; 
	left: 180px; top: 0px; 
	width: 200px; height: 280px; 
	padding: 0px; z-index:1; 
}

#portret {
	position: absolute; 
	left: 0px; top: 0px; 
	width: 120px; height: 140px; 
	z-index:5;
}

#names {
	position: absolute; 
	left: 515px; top: 0px; 
	width: 185px; 
	padding: 0px; z-index:1; 
	border-top: 1px solid #004867;
}

/*
div#names a {display: block;
	background-color: #FFFFFF;
	border-bottom: 1px solid #D42E12;
	padding: 4px 0px 5px; 0px;
	color: #D42E12;
}

div#names a:hover {display: block;
	background-color: #F6D5D0;
	border-bottom: 1px solid #D42E12;
	padding: 4px 0px 5px; 0px;
	color: #D42E12;
}
*/

.verhaalMenu {display: block;
	background-color: #FFFFFF;
	border-bottom: 1px solid #D42E12;
	padding: 4px 0px 5px; 0px;
	color: #D42E12;
}

.verhaalMenuActive {display: block;
	background-color: #F6D5D0;
	border-bottom: 1px solid #D42E12;
	padding: 4px 0px 5px; 0px;
	color: #D42E12;
}

div#book .naam {
	font-size: 12px;
}

div#book .land {
	font-weight: bold;
}

div#book .btclose {
	position: absolute; 
	left: 20px; top: 20px; 
	width: 52px; height: 13px;
}

div#book .btleft {
	position: absolute; 
	left: 20px; top: 330px; 
	width: 17px; height: 11px;
}

div#book .btright {
	position: absolute; 
	left: 460px; top: 330px; 
	width: 17px; height: 11px;
}

/* DONEREN */

.doneerMenu div {width: 130px; background-color: #D42E12; color: white; padding: 5px 0px; margin-bottom: 5px; border: 1px solid #D42E12;}
.doneerMenu div.select {width: 130px; background-color: #FFFFFF; color: white; padding: 5px 0px; margin-bottom: 5px; border: 1px solid #D42E12;}

.doneerMenu div div {margin: 0px 5px; border: 0px solid #D42E12;}
.doneerMenu div.select div {background-color: #FFFFFF; margin: 0px 5px; border: 0px solid #D42E12;}

.doneerMenu div a:link, .doneerMenu div a:visited {color: #FFFFFF; font-weight: bold; text-decoration: none;}
.doneerMenu div a:hover, .doneerMenu div a:active {color: #FFFFFF; font-weight: bold;}

.doneerMenu div.select a:link, .doneerMenu div.select a:visited {color: #D42E12; font-weight: bold; text-decoration: none;}
.doneerMenu div.select a:hover, .doneerMenu div.select a:active {color: #D42E12; font-weight: bold;}



/* ZOEKEN */

/* Stijl voor pagina titel in zoekresultaten */
.xsearchPageTitle {
  color:#FF0000;
  font-weight:bold; 
}

/* Stijl voor herhaling zoekterm */
.xsearchKeyword {
  font-weight:bold; 
}
  
/* Stijl voor highlighten active pagina in resultaten navigatie */
.xsearchActivePage {
  font-weight:bold;
}  

/* Stijl voor highlighten active pagina in resultaten navigatie */
.xsearchHighlightedKeyword {
  font-weight:bold; 
} 

/* FORMS */

form {margin: 0px;}

.submit, .xsformbuilder_button {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #DC0018;
	background-color: #FFFFFF;
	border: 1px solid #DC0018;
	height: 20px;
}

.xsformbuilder_button_h {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #DC0018;
	border: 1px solid #DC0018;
	height: 20px;
}


/* ----- tool tip specific styles ----- */
#theToolTip{
position: absolute;
left: -600px;
width: 300px;
border: 1px solid #DC0018;
padding: 6px 0px 0px 10px;
background-color: #FFFFFF;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=4);
}

#ToolTipPointer{
position:absolute;
left: -600px;
z-index: 101;
visibility: hidden;
}

#theToolTip p{
font-size: 1.1em;
color: #333333;
line-height:1.4em;
margin-right:10px;
margin-top:0;
}

#ToolTipTextWrap {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
font-weight:normal;
font-size: 1.0em;
color: #333333;
margin-right:10px;
margin-bottom:10px;
}