@charset "utf-8";

html,body {
	background:url(/images/talentenkracht/tl_03.png) repeat-x #d1e7f4;
}
html,body.content{
height:100%;
margin:0px;
padding:0px;
behavior:url("csshover.htc");
}

p,h1,h2,h3,h4{
	font-family: Arial, Helvetica, sans-serif;
	color: #005daa;
	margin: 10px;
}
a {
	margin:0px;
	padding:0px;
	color: #005daa;
	font-weight:bold;
	text-align:right;
	text-decoration:none;
}
img {
	border:none;
}
p{
	font-size:12px;
	color:#666666;
	line-height:18px;
}
h1 {
	font-size:18px;
}
h2 {
	font-size:16px;
}
h3 {
	font-size:14px;
}

/* Topbar styles */
.top-bar {
	width: 668px;
	height:47px;
}
.top-bar ul{
	margin:0;
	padding:0;
}
li{
	float:left;
	list-style:none;
	height:47px; 
	padding:0;
}

li a img{
	margin:0px;
	padding:0px;
	border:none;
}
ul {
	height:47px; 
}

/* common styling */



#header {
	margin: 0 auto;
	width: 968px;
	height: 101px;
}
#logo {
	float: left;
	height: 101px;
	width: 76px;
}
#talentenkracht {
	float: left;
	margin-top:30px;
	width: 194px;
	height: 20px;
}

#container {
	margin: 0 auto;
	width: 968px;
	height: 100%;
/*	min-height: 510px; */
	text-align:left;
	background:url(/images/talentenkracht/tl_03.png) x-repeat top left #d1e7f4;
}
#content {
	float: left;
	width: 807px;
	height:100%; 
	margin:0;
/*	background: #FFFFFF;  */
}
#blueBar, #blueBar-wide{
	width:768px;
	height:6px;
	background-color:#d1e7f4;
}
#blueBar-wide{
	width:802px;
}

#balk-left {
	float: left;
	width: 33px;
	height:auto !important;
	height: 100%;
	min-height: 100%;
}
#balk-left .top {
	background:url(/images/talentenkracht/tl_19.png) top left no-repeat;
	height: 356px;
}	
#balk-left .middle {
	background:url(/images/talentenkracht/tl_28.png) top left repeat-y;
	margin:356px 0 0 0;
	height: 100%;
}	

#top-right {
	float: left;
	background:url(/images/talentenkracht/tl_08.png) top left no-repeat;
	width: 127px;
	height: 101px;
}
#right {
	background:url(/images/talentenkracht/tl_22.png) top left no-repeat;
	width: 94px;
	height: 190px;
}

.pulldown-box {
	width: 668px;
	height: 47px;
}





#tdpg_base {
	position:relative; 
	font-size:11px; 
	margin:1px 0 0px 0; 
	z-index:999;
}

#tdpg_base ul li a {
	display:inline; 
	padding: 0px 0px 0px 0px; 
	text-decoration:none;
	height:21px; 
	text-align:left; 
	line-height:21px; 
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
}
/* #tdpg_base ul li a:visited */

#tdpg_base ul {
	padding:0; 
	margin:0;
	list-style-type: none; 
	text-align: left;
}

#tdpg_base ul li {
	float:left; 
	margin-right:1px; 
	position:relative; 
	text-align: left; 
}

/* submenu ul */
#tdpg_base ul li ul {
	display: none; 
	margin: 0px;
	text-align: left;
}

/* submenu li */
#tdpg_base ul li ul li {
	float:left; 
	margin: 0;
	padding: 0;
	height: 21px;
	position:relative; 
	text-align: left; 
}

/* sub submenu ul */
#tdpg_base ul li ul li ul { 
	display: none; 
	text-align: left; 
}

/* sub submenu li */
#tdpg_base ul li ul li ul li {
float:left; 
margin: 0;
position:relative; 
text-align: left; 
}

/* sub sub submenu ul */
#tdpg_base ul li ul li ul li ul { 
display: none; 
text-align: left; 
}

/* sub sub submenu li */
#tdpg_base ul li:hover ul {
display:block; 
position:absolute;
z-index: 9999;
top:21px; 
left:0; 
width:105px;
}


#tdpg_base ul li:hover ul li ul {
	display: none;
}

#tdpg_base ul li:hover ul li a {
	display:block; 
	color:# fff; 
	width: 175px;
	height: 20px !important;
	text-align: left; 
	padding: 0px 0px 0px 10px; 
}

#tdpg_base ul li:hover ul li a:hover {
	color:#009633; 
	text-align: left;
}

#tdpg_base ul li:hover ul li:hover ul {
	display:block; 
	position:absolute; 
	left:100%; 
	top:0;
}

#tdpg_base ul li:hover ul li:hover ul li ul {
	display: none;
}

#tdpg_base ul li:hover ul li ul li a {
	display:block;
	color:#009633; 
	width: 175px; 
	text-align: left; 
	padding: 0px 0px 0px 10px; 
}

#tdpg_base ul li:hover ul li ul li a:hover {
	color:#009633; 
	text-align: left;
}

#tdpg_base ul li:hover ul li ul li:hover ul {
	display:block; 
	position:absolute; 
	left:100%; 
	top:0;
}

#tdpg_base ul li:hover ul li:hover ul li:hover ul li ul {
	display: none;
}

#tdpg_base ul li:hover ul li ul li ul li a {
	display:block; 
	color:#009633; 
	width: 175px; 
	text-align: left; 
	padding: 0px 0px 0px 10px; 
}

#tdpg_base ul li:hover ul li ul li:hover ul li a:hover {
	color:#009633; 
	text-align: left;
}

#tdpg_base ul li:hover ul li ul li:hover ul li:hover ul {
	display:block; 
	position:absolute; 
	left:100%; 
	top:0;
}

/* Submenu styles */

/* Subemnu main
#
# The number in the class stands for the level of the subs 
#
*/

.pd_menu_top_1 {
	background-color: #FFFFFF;
}
a.pd_menu_top_1:hover, a.pd_menu_1:hover, a.pd_menu_bottom_1:hover { 
	background-color: #FFFFFF; 
	/* color: #FFFFFF; */
	margin:0;
	padding:0;
}

.pd_menu_1 {
	background-color: #FFFFFF;
	color: #000000;
	margin:0;
	padding:0;
}
.pd_menu_bottom_1 {
	background-color: #FFFFFF;
}

a.pd_menu_bottom_1 {
background-color: #ffffff;
}

/* Submenu with children */

.pd_menu_top_1_c {
background-color: #CCEAD6;

color: #FFFFFF;
}
.pd_menu_1_c, #tdpg_base ul li ul li .pd_menu_bottom_1_c {
background-color: #CCEAD6;
color: #FFFFFF; 
border-right: 5px solid #77235B;
}
a.pd_menu_top_1_c:hover, a.pd_menu_1_c:hover {
background-color: #CCEAD6;
color: #FFFFFF; 
}
.pd_menu_bottom_1_c {
background-color: #FFFFFF;
}
.pd_menu_top_2 {
background-color: #FFFFFF;
}
.pd_one_item_3 {
background-color: #FFFFFF;
}
.pd_one_item_4 {
background-color: #FFFFFF;
}


a.pd_menu_bottom_1_c {
background-color: #FFFFFF;
}
a.pd_menu_top_2 {
background-color: #FFFFFF;
}
a.pd_one_item_3 {
background-color: #FFFFFF;
}
a.pd_one_item_4 {
background-color: #FFFFFF;
}

#tdpg_base ul li ul li ul li .pd_menu_top_2, #tdpg_base ul li ul li ul li .pd_menu_2, #tdpg_base ul li ul li ul li .pd_menu_bottom_2, #tdpg_base ul li ul li ul li .pd_one_item_2 {
	background-color: #fff;
}
#tdpg_base ul li ul li ul li .pd_menu_top_2:hover, #tdpg_base ul li ul li ul li .pd_menu_2:hover, #tdpg_base ul li ul li ul li .pd_menu_bottom_2:hover, #tdpg_base ul li ul li ul li .pd_one_item_2:hover {
	background-color: #CCEAD6;
}



/* ------------------------------- Topmenu items ------------------------------- */
/* De link stijlen worden dynamisch gegenereerd aan de hand van een array, zie   */
/* /scripts/pulldown.js voor meer info						 */
/* ----------------------------------------------------------------------------- */



.link_home {
	display: block !important;
	height: 47px;
	width: 58px;
	background: url('images/talentenkracht/home.png') 0 0 no-repeat;
}
.link_home a {
	float: left;
	border-top: 0px;
	display: block;
	width: 58px;
	height: 47px  !important;
	text-indent: -9999px;
}

/* Project - item */
.link_project {
	display: block !important;
	height: 47px;
	background: url('images/talentenkracht/project.png') 0 0 no-repeat;
}
.link_project a {
	float: left;
	border-top: 0px;
	display: block;
	width: 53px;
	height: 47px  !important;
	text-indent: -9999px;
}
/* Project - pulldown */
.link_project ul li {
	background-color:#d1e7f4;
	top: 32px;
	left: 7px;
	padding:0;
	margin:0;
}
.link_project ul li a{
	color:#005daa !important;
	width:auto;
	background-color:#fff106;
	text-indent: 0;
	padding:0;
	margin:0;
}
/* Project - hoveritem */
.link_project ul li a:hover { 
	background-color: #FFFFFF; 
	color: #005daa;
}


/* Onderzoek - item */
.link_onderzoek {
	display: block !important;
	height: 47px;
	width: 77px;
	background: url('images/talentenkracht/onderzoek.png') 0 0 no-repeat;
}
.link_onderzoek a {
	float: left;
	border-top: 0px;
	display: block;
	width: 77px;
	height: 47px  !important;
	text-indent: -9999px;
}
/* Pulldown */
.link_onderzoek ul li {
	background-color:#d1e7f4;
	top: 32px;
	left: 7px;
	padding:0;
	margin:0;
}
.link_onderzoek ul li a {
	color: #fff;
	width:auto;
	background-color:#12a049;
	text-indent: 0;
	padding:0;
	margin:0;
}
/* Pulldown hover */
.link_onderzoek ul li a:hover {
	background-color: #FFFFFF; 
	color: #12a049;
}

/* --- */

.link_ouders {
	display: block !important;
	height: 47px;
	background: url('images/talentenkracht/ouders.png') 0 0 no-repeat;
}
.link_ouders a {
	float: left;
	border-top: 1px solid #fff;
	display: block;
	width: 57px;
	height: 47px  !important;
	text-indent: -9999px;
}

/* --- */

.link_video {
	display: block !important;
	height: 47px;
	background: url('images/talentenkracht/video.png') 0 0 no-repeat;
}
.link_video a {
	float: left;
	border-top: 1px solid #fff;
	display: block;
	width: 62px;
	height: 47px  !important;
	text-indent: -9999px;
}

/* --- */

.link_opbrengsten {
	display: block !important;
	height: 47px;
	background: url('images/talentenkracht/opbrengsten.png') 0 0 no-repeat;
}
.link_opbrengsten a {
	float: left;
	border-top: 1px solid #fff;
	display: block;
	width: 90px;
	height: 47px  !important;
	text-indent: -9999px;
}
/* Pulldown */
.link_opbrengsten ul li {
	background-color:#d1e7f4;
	top: 32px;
	left: 7px;
	padding:0;
	margin:0;
}
.link_opbrengsten ul li a {
	color: #fff;
	width:auto;
	background-color:#ec2624;
	text-indent: 0;
	padding:0;
	margin:0;
}
/* Pulldown hover */
.link_opbrengsten ul li a:hover {
	background-color: #FFFFFF; 
	color: #ec2624 !important;
}

/* --- */

.link_actueel {
	display: block !important;
	height: 47px;
	background: url('images/talentenkracht/actueel.png') 0 0 no-repeat;
}
.link_actueel a {
	float: left;
	border-top: 1px solid #fff;
	display: block;
	width: 68px;
	height: 47px  !important;
	text-indent: -9999px;
}
.link_actueel ul li {
	background-color:#d1e7f4;
	top: 32px;
	left: 7px;
	padding:0;
	margin:0;
}
.link_actueel ul li a {
	color: #fff;
	width:auto;
	background-color:#12a049;
	text-indent: 0;
	padding:0;
	margin:0;
}
.link_actueel ul li a:hover {
	background-color: #FFFFFF; 
	color: #12a049;
}


/* --- */

.link_links {
	display: block !important;
	height: 47px;
	width: 52px;
	background: url('images/talentenkracht/links.png') 0 0 no-repeat;
	
}
.link_links a {
	float: left;
	border-top: 0px;
	display: block;
	width: 52px;
	height: 47px !important;
	text-indent: -9999px;
}
.link_links ul li {
	background-color:#d1e7f4;
	top: 32px;
	left: 7px;
	padding:0;
	margin:0;
}
.link_links ul li a{
	color:#fff;
	width:auto;
	background-color:#ec2624;
	text-indent: 0;
	padding:0;
	margin:0;
}
.link_links ul li a:hover {
	background-color: #FFFFFF; 
	color: #ec2624;
}

/* --- */

.link_contact {
	display: block !important;
	height: 47px;
	background: url('images/talentenkracht/contact.png') 0 0 no-repeat;
	
}
.link_contact a {
	float: left;
	border-top: 0px;
	display: block;
	width: 63px;
	height: 47px !important;
	text-indent: -9999px;
}
.link_contact ul li {
	background-color:#d1e7f4;
	top: 32px;
	left: 7px;
	padding:0;
	margin:0;
}
.link_contact ul li a{
	color:#005daa !important;
	width:auto;
	background-color:#fff106;
	text-indent: 0;
	padding:0;
	margin:0;
}

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









/* Content */

#content .column-wide {
	padding: 0 10px;
	width: 747px;
	height: 100%;
/*	background:url(/images/talentenkracht/tl_25.png) no-repeat bottom left; */
}

.CONTENT {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}

.caption {
	font-size:16px;
	color:#005daa;
	font-weight:bold;
}
.knop {
	border:0px;
	color:#fff;
	background-color: #ec2624;
}
.PROLOOGLISTHEADTEXT {
	font-size:11px;
	color:#005daa;
	font-weight:bold;
}
.PROLOOGLIST input {
	margin-bottom: 30px;
}

.PROLOOGLIST, .PROLOOGLISTHEADDATE, .ARTICLEPROLOOG {
	font-size:11px;
}
.ARTICLEPROLOOG {
	color:#005daa;
	font-weight:bold;
}

/* Portal breedte fix */
#portal-content-box #MAINCONTENT,
#portal-content-box .CONTENT {
	width: 490px !important;
}
#portal-content-box .CONTENT p,
#portal-content-box .CONTENT h2 {
	margin-left: 0;
}

.small-more-front {
	color: #ec2624;
	font-weight: bold;
	padding-bottom: 10px;
}



/* Nieuwsmodule MartijnC aanpassingen */
.newsmessage {
	margin-top: 25px;
}
.newsmessage h1 em {
	display: block;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #999;
}