/* 
 * This file contains all CSS
 * according to the content, headers, links etc
 */

 /* Title of the page */
.page_title{
	position            : absolute;
	top                 : 0px;
	left                : 0px;
	width               : 773px;
	height              : 25px;
	font-size	        : 12px;
	line-height			: 22px;
	font-weight	        : bold;
	color		        : #ffffff;
	background-image    : url(../images/layout/pagetitle_background_ingelogd.png);
    padding-top         : 3px;
    padding-left        : 10px;
    padding-right		: 7px;
}
.page_title_right 
{
	height              : 100%;
	background			: url(../images/layout/pagetitle_right.png) no-repeat right top;
	position            : absolute;
	right               : 0px;
	top                 : 0px
}

.page_title_news
{
	background			: url(../images/layout/pagetitle_right.png) no-repeat right top;
	padding				: 5px;
}

/* Title of the page */
.page_title_public_page {
	position            : absolute;
	top                 : 0px;
	left                : 0px;
	width               : 773px;
	height              : 25px;
	font-size	        : 12px;
	line-height			: 22px;
	font-weight	        : bold;
	color		        : #ffffff;
	background-image    : url(../images/layout/pagetitle_background_ingelogd.png);
    padding-top         : 3px;
    padding-left        : 10px;
    padding-right		: 7px;
}

/* Subtitle on the page */
.subtitle{
	width 				: 761px;
	height              : 21px;
	font-size			: 14px;
	font-weight			: bold;
	color				: #5483c2;
	background-image	: url(../images/layout/subtitle_background.jpg);
	padding-left		: 5px;
	padding-top         : 2px;
	margin-bottom		: 3px;
}
.subtitle_left 
{
	width				: 100%;
	height              : 23px;
	font-size			: 12px;
	font-weight			: bold;
	color				: #5483c2;
	background-image	: url(../images/layout/subtitle_left.jpg);
	margin-bottom		: 3px;
	margin-top: 10px;
}
.subtitle_right 
{
	display				: block;
	padding-top         : 5px;
	padding-left		: 5px;
	height              : 18px;
	background			: url(../images/layout/subtitle_right.jpg) no-repeat top right;
	margin-top: 10px;
	margin-bottom		: 3px;
}
/* Subtitle for pages with a box like the askvictor page */
.subtitle_in_box{
	width 				: 747px;
	height              : 21px;
	font-size			: 14px;
	font-weight			: bold;
	color				: #5483c2;
	background-image	: url(../images/layout/subtitle_in_box.jpg);
	padding-left		: 5px;
	padding-top         : 2px;
	margin-bottom		: 3px;
}

/* Subtitle on the page */
.subtitle_small{
	width 				: 761px;
	height              : 21px;
	font-size			: 14px;
	font-weight			: bold;
	color				: #5483c2;
	background-image	: url(../images/layout/subtitle_background.jpg);
	background-repeat   : no-repeat; 
	padding-left		: 5px;
	padding-top         : 2px;
	margin-bottom		: 3px;
}

/* Subtitle on the profile page */
.profile_subtitle{
    position            : relative;
	height              : 23px;
	line-height         : 23px;
	font-size			: 12px;
	font-weight			: bold;
	color				: #5483c2;
	background-image	: url(../images/layout/subtitle_background.jpg);
	background-repeat   : no-repeat; 
	padding-left		: 5px;
	margin-bottom		: 3px;
}

/* Short subtitle on the profile page */
.profile_subtitle_short{
	height              : 23px;
	line-height         : 23px;
	font-size			: 12px;
	font-weight			: bold;
	color				: #5483c2;
	background-image	: url(../images/layout/subtitle_short.jpg);
	padding-left		: 5px;
	margin-bottom		: 3px;
    position            : relative
}

/* iVictor page widget titles */
.subtitle_small_short{
	width 				: 372px;
	height              : 23px;
	font-size			: 14px;
	font-weight			: bold;
	color				: #5483c2;
	background-image	: url(../images/layout/subtitle_short.jpg);
	background-repeat   : no-repeat;
	padding-left		: 5px;
	padding-top         : 2px;
	margin-bottom		: 3px;
}

/* Icons on top of profile */
#profile_top_icons input, #profile_top_icons img {
    padding-bottom:5px;
}

.subtitle_small_short table tbody tr td {
	padding-left		: 5px;
	padding-right		: 5px;
}

/*
 * Title of an table
 */
.tabletitle{
    font-size	: 12px;
    text-align  : left;
    color       : #000000;
}

/*
 * To emphasize text 
 */
.itemLabel{  
    font-weight : bold;
}

/* Links */
a:link,a:visited, a:active{
    color           : #5483C2;
    text-decoration : none;
}
a:hover
{
	text-decoration: underline;
}

/* Menu link */
.menu_link{
    color : #ffffff !important; 
}

/* Menu link hover */
a.menu_link:hover{
	text-decoration: underline;
}

/* submenu links */
a.submenu_link:link, a.submenu_link:visited,a.submenu_link:active{
    color           : #585858;
    text-decoration : none;
}

/* register link */
a.register_link:link, a.register_link:visited,a.register_link:active{
    color           : #f48140;
    text-decoration : none;
    font-size       : 14px;
}

/* Knowledge base categories */
.kbcategories_table{
    width           : 100%;
    border-spacing  : 0 0;

}

.kbcategories_header{
	font-size			: 14px;
	font-weight			: bold;
	color				: #f5823f;
	/*cursor              : pointer;*/
}

.kbcategories_cell{ 
    width           : 33%;
    vertical-align  : top;
 
}

.kbcategories_item{
    display : block;
    margin  : 6px;
}    

.kb_category_row_down{
    display : table-row;
}

/* No data is returned */
.noData{
    padding : 5px;
}
/* Bata was dad */
.badData{
    color:red;
    font-style:italic
}
/* No data without the padding */
.noDataColor{
    color   : #F5823F !important;
}
/* Register link on the front page */
.registerText{
    color   : #f48140;
}

/* Wrapper for the message completed form */
.complete_form
{
    display     : none;
    width       : 100%;
    height      : 250px;
    text-align  : center;
    padding-top : 50px;
}

.paragraphTitle{
    color       : #f5823f;
    font-weight : bold;
}

.kb_comments_author
{
	width: 150px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: 1px solid black;
}

.kb_comments_comment
{
	/* below lines are comments because the new page called askvictor is made for the knowledge base*/
	width: 600px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: 1px solid black;
	
}

.kb_comments_modtworow
{
	background-color:#F7F6F3;
}

/*
 * A class for puttings icons to the right on the page and 0 margin
 */
.icons_right{
    width       :100%;
    text-align  :right;
    margin      :0px;
    padding     :0px;
}
/*
 * Box with icons on the my favorites page
 */
.favorites_icons_container
{    
    margin-left : 50%;
	*margin: 0px auto;
    display     : none;
    position    : absolute;
    z-index		: 1;
    left        : -85px;
    *left       : 0px;
}
/*
 * Calender clickable image
 */
.calendar_img {
    position:relative;
    left:4px;
    top:2px;
    cursor:pointer;
}
/*
 * Clickable element
 */
.clickable {
    cursor:pointer;
}
/* Section on profile view */
.profile_section {
}
/* Profile section beam button (+/-) */
.beam_expand_button {
    position:absolute;
    width:16px;
    height:16px;
    right:10px;
    top:10px;
    cursor:pointer;
    background-image:url(../images/icons/bullet_toggle_minus.png);
}
.toggle_plus {
    background-image:url(../images/icons/bullet_toggle_plus.png);
}
/*
 * Put checkboxes a little lower
 */
.checkbox_a_little_lower{
    position:relative;
    top:2px;
    *top:0px
}
/*
 * Clickable delete button
 */
.clear_field_button {
    cursor:pointer;
    position:absolute;
    top: 3px;
    right: -19px;
    display:inline;
}
/* Three divs on the partners/organisations page */
div.partner_left 
{
	float: left;
	width: 288px;
	min-height: 200px;
	margin-right: 28px;
}
div.partner_middle {
	float: left;
	width: 288px;
	min-height: 200px;
	margin-right: 28px;
}
div.partner_right {
	float: left;
	width: 288px;
	min-height: 200px;
}
/* Three divs on the three target audience pages */
div.doelgroep_1
{
	float: left;
	width: 288px;
	min-height: 85px;
}
div.doelgroep_2 {
	float: left;
	width: 288px;
	min-height: 85px;
}
div.doelgroep_3 {
	float: left;
	width: 288px;
	min-height: 85px;
}
/* Text in the three divs on the partners/organisations page */
div.partner_left p, div.partner_middle p, div.partner_right p {
	padding: 15px 0px 15px 0px;
	margin: 0px;
	font-size: 14px;
	line-height: 21px;
}
/* Headings on the partners/organisations page */
a.partnerlink, a.partnerlink:active, a.partnerlink:visited 
{
	display: block;
	color: #5982c3;
	font-size: 20px;
	line-height: 66px;
	height: 65px;
	font-weight: bold;
	background-image	: url(../images/content/button_partners.jpg);
	margin: 0px 0px 0px 0px;
	padding-left: 65px;
}
/* Heading hover on the partners/organisations page */
a.partnerlink:hover 
{
	background-image	: url(../images/content/button_partners.jpg);
	background-position: 0% 100%;
	color: #fff;
}
/* Headings on the start page for the target audiences */
a.doelgroeplink, a.doelgroeplink:active, a.doelgroeplink:visited 
{
	display: block;
	color: #5982c3;
	font-size: 20px;
	line-height: 66px;
	height: 65px;
	font-weight: bold;
	background-image	: url(../images/content/button_doelgroepen.jpg);
	margin: 0px 0px 0px 0px;
	padding-left: 65px;
}
/* Heading hover on the start page for the target audiences */
a.doelgroeplink:hover 
{
	background-image	: url(../images/content/button_doelgroepen.jpg);
	background-position: 0% 100%;
	color: #fff;
}

/* left side for articles categories on the page */
.articles_category_left{
	width 				: 200px;
	height              : 19px;
	font-size			: 12px;
	font-weight			: bold;
	color				: #000;
	background-image	: url(../images/layout/subtitle_short3.jpg);
	padding-left		: 10px;
	padding-top         : 4px;
	margin-top			: 0px;
	margin-bottom		: 10px;
	margin-right		: 6px;
}

/* right side for articles in a categories on the page */
.articles_in_category_right {
	width 				: 508px;
	height              : 19px;
	font-size			: 12px;
	font-weight			: bold;
	color				: #000;
	background-image	: url(../images/layout/subtitle_big.jpg);
	padding-left		: 10px;
	padding-top         : 4px;
	margin-top			: 0px;
	margin-bottom		: 10px;
}
/* right side for the articles on the askvictor page */
.articlepage_right {
	width 				: 200px;
	height              : 19px;
	font-size			: 12px;
	font-weight			: bold;
	color				: #000;
	background-image	: url(../images/layout/subtitle_short3.jpg);
	padding-left		: 10px;
	padding-top         : 4px;
	margin-top			: 0px;
	margin-bottom		: 10px;
}
/* left side for the articles on the askvictor page */
.articlepage_left {
	width 				: 535px;
	height              : 19px;
	font-size			: 12px;
	font-weight			: bold;
	color				: #000;
	background-image	: url(../images/layout/subtitle_big2.jpg);
	padding-left		: 10px;
	padding-top         : 4px;
	margin-top			: 0px;
	margin-bottom		: 10px;
}
/* Grey link next to headings */
a.grey:link { font-size: 12px; font-weight: normal;  color:#666;}
a.grey:hover {  color:#666; text-decoration:underline;}
a.grey:visited {  color:#666;}
a.grey:active {  color:#666; }

/* Tab menu on askvictor page */
.Tabs .ajax__tab_body
{
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 8px;
	overflow: hidden;
	
}
.Tabs .ajax__tab_header 
{
    font-size:small;
    font-weight:bold;
    border-bottom: solid 1px #ddd;
}
.Tabs .ajax__tab_header .ajax__tab_outer 
{
    background: #f0f0f8;
    margin:0px 0.16em 0px 0px;
    
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;

}
.Tabs .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 0.75em;    
    margin-right:3px;
    font-size: 12px;
	font-weight: normal;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
}
.Tabs .ajax__tab_hover .ajax__tab_outer 
{
    background: #f0f0f8;
    color: #fff;
    
}
.Tabs .ajax__tab_hover .ajax__tab_outer span
{
    text-decoration: underline;
    cursor:pointer;
}
.Tabs .ajax__tab_active .ajax__tab_tab 
{
    color:#FFF;
}
.Tabs .ajax__tab_active .ajax__tab_outer
{
    background: #f48240;
    border:solid 1px #f48240;
    border-bottom: solid 0px #fff;
    position: relative;
    top: 1px;
    border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
}
.Tabs .ajax__tab_body 
{
    font-size:12px;
    padding: 10px;
    background-color:#fff;    
    border:solid 1px #ddd;
    border-top-width:0px;
}
/* Askvictor tables */
.askHeader tr td
{
    border-bottom: 1px dotted #ddd;
    color: #000;
    background: #fff;
}
.askHeader tr td a, .askHeader tr td a:visited, .askHeader tr td a:active, .askHeader tr td a:hover
{
    color	: #5483C2;
}
.askHeader th
{
	border: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	color: #000;
	font-size: 11px;
}

/* iVictor tables */
.PartTitleStyle 
{
	height:25px; 
	font-size:8px; 
	padding:0px; 
	background-image:url(../images/boxHeaderTopLeft.gif); 
	background-repeat: no-repeat; background-position: left top; 
}
.PartTitleStyle table 
{
	background-image:url(../images/boxHeaderTopRight.gif);
	background-repeat: no-repeat; 
	background-position: right top;  
	border: 0px;   
	padding: 0px;  
}
.PartTitleStyle table tr td 
{ 
	padding:0px 0px 0px 0px;
}
.PartTitleStyle table tr td span 
{
	padding:0px 0px 0px 0px;
	font-size:12px;
}
.PartTitleStyle table tr td a
{
	padding:0px;
	margin-right: 0px;
	font-size:12px;
}
/* Calendar day hover grey background */
.DayStyle:hover
{
	background: #ddd;
}
/* Table with borders used on various pages */
.boxinhoud table tr td
{
	border-bottom: 1px dotted #ddd;
    color: #000;
    padding: 3px;
}
.boxinhoud th
{
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;	
    color: #111;
}
.boxinhoud td
{
	border-bottom: 1px dotted #ddd;
}
.boxinhoud a, .boxinhoud a:visited, .boxinhoud a:active, .boxinhoud a:hover
{
    color	: #5483C2;
}
.NoBorder tbody tr td {border: 0px;}

/* Maandagenda current day background */
td.TodayDayStyle
{
 	background: #F5823F !important;
}
/* steps on the wizard page */
table.wizard td a
{
	display: block;
	background: #f0f0f8;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #ddd;
	margin-right: 1px;
	color:#000;
	border-top: 5px solid #fff;
}
table.wizard td a.active
{
	background: #fff;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 0px;
	padding-top: 15px;
}
table.wizard td a.active:hover {background: #fff;color:#000;}
table.wizard td a:hover
{
	background: #f8f8f8;
}
/* tabmenu on the rolodex page */
ul.tablist
{
	display: block;
	margin: 0px;
	padding: 8px 0px 8px 0px;
	list-style-type: none;
	border-bottom: 1px solid #ddd;
}
ul.tablist li
{
	display: inline;
	margin: 0px 0px 0px 0px;
}
ul.tablist li a
{
	color: #111;
	padding: 8px;
	background: #F0F0F8;
}
ul.tablist li.active a
{
	background: #FFFFFF;
	padding: 8px;
		border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #ddd;
	border-bottom: 1px solid #fff;
}
/* table on the rolodex page */
.rolodex_table_bg_left
{
	float: left;
	width: 5px;
	height: 35px;
	background-image:url(../images/content/rolodex_table_bg_left.png);
}
.rolodex_table_bg_right
{
	float: left;
	width: 5px;
	height: 35px;
	background-image:url(../images/content/rolodex_table_bg_right.png);
}
.rolodex_table_bg
{
	margin-bottom: 5px;
	float: left;
	padding: 8px 3px 0px 3px;
	width: 754px;
	height: 27px;
	background-image:url(../images/content/rolodex_table_bg.png);
}
/* side image on the add colleague page */
div.profile_side_image
{
	margin: 20px;
	background-image:url(../images/content/profile_side_image.png);
	background-repeat: no-repeat;
	background-position: right top;
}
/* Rounded grey box */
div.rounded_grey_top
{
	padding-top: 15px;
	width: 490px;
	background: url(../images/content/rounded_grey_top.png) no-repeat;
}
div.rounded_grey_bottom
{
	background: #eee url(../images/content/rounded_grey_bottom.png) no-repeat;
	background-position: left bottom;
	padding: 5px 20px 20px 20px;
	width: 450px;
}
/* Table on upgrade page */
div#voordelen_lijst
{
	display: none;
}
/* hr/grey line */
hr.styled_hr
{
	border: 0px; 
	background: #ddd; 
	height: 1px; 
	margin: 0px;
}

/* love and like icon links on profile status balloon */
a.thumbs_up, a.thumbs_up:active, a.thumbs_up:visited{
	width: 11px;
	height: 12px;
	padding-left: 16px;
	background: url(../images/icons/thumbs_up_small.png) no-repeat top left;
}
a.thumbs_down, a.thumbs_down:active, a.thumbs_down:visited{
	width: 11px;
	height: 12px;
	padding-left: 16px;
	background: url(../images/icons/thumbs_down_small.png) no-repeat top left;
}
a.love, a.love:active, a.love:visited{
	width: 12px;
	height: 12px;
	padding-left: 16px;
	background: url(../images/icons/heart_small_red.png) no-repeat top left;
}
.delete_status{
	width: 12px;
	height: 12px;
    background: url(../images/icons/cross_small_grey.png) no-repeat top left;
}

/* Deleted stamp (profile page) */
#deletedStamp {
    width:600px;
    height:160px;
    background-image:url(../images/content/verwijderd.png);
    position:absolute;
    left:80px;
    top:80px;
    z-index:5;
}
/* Tab menu on the wizard page */
ul.wizard_tabs
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	
}
ul.wizard_tabs li
{
	float: left;
}
ul.wizard_tabs li.empty
{
	display: block;
	width: 127px;
	height: 62px;
	margin-right: 1px;
	padding: 20px 0px 15px 0px;
	color: #111;
	border-bottom: 1px solid #efefef; 
	border-top: 1px solid #fff; 
	text-align: center;
}
ul.wizard_tabs li.empty_tour
{
	display: block;
	width: 21px;
	height: 62px;
	margin-right: 1px;
	padding: 20px 0px 15px 0px;
	color: #111;
	border-bottom: 1px solid #efefef; 
	border-top: 1px solid #fff; 
	text-align: center;
}
ul.wizard_tabs li a
{
	display: block;
	width: 127px;
	height: 62px;
	margin-right: 1px;
	padding: 20px 0px 15px 0px;
	color: #111;
	border-bottom: 1px solid #efefef; 
	border-top: 1px solid #efefef; 
	text-align: center;
	background-image:url(../images/content/wizard_tab_bg.png);
}
ul.wizard_tabs li.current a
{
	display: block;
	width: 127px;
	height: 62px;
	margin-right: 1px;
	padding: 20px 0px 15px 0px;
	text-align: center;
	background: #fff;
	border-bottom: 1px solid #fff; 
	border-top: 1px solid #efefef; 
	border-right: 1px solid #efefef;
	border-left: 1px solid #efefef;
}
ul.wizard_tabs li span
{
	margin: 0px auto;
	padding: 0px;
	display: block;
	margin-bottom: 10px;
	height: 35px;
	width: 50px;
}
ul.wizard_tabs li.current span
{
	margin: 0px auto;
	display: block;
	margin-bottom: 10px;
	height: 35px;
	width: 50px;
	background-position: bottom;
}
ul.wizard_tabs li a:hover
{
	text-decoration: none !important;
}
ul.wizard_tabs li a:hover span
{
	background-position: bottom;
}
/* Colleague suggestions block */
ul.suggestions_block
{
	list-style-type:none;
	margin:0px;
	padding:0px;
	width:100%;
}
ul.suggestions_block li
{	
	display: block;
	height: 43px;
	width: 100%;
	padding-top: 8px; padding-bottom: 8px;
	border-bottom: 1px dotted #ddd;
	background-image:url(../images/content/suggestions_bg.png);
}																		
/* Laatste 5 blokken op de startpagina (uitgelogd) */
div.mainpage_item
{
	padding: 8px 0px 8px 0px;
	margin:1px 0px 1px 0px;
	overflow: hidden;
}
/* Laatste 5 blokken op de startpagina (uitgelogd) */
div.mainpage_item_ivictor
{
	padding: 2px 0px 2px 0px;
	margin:1px 0px 1px 0px;
	overflow: hidden;
}
/* Pro tekst achter menuitems */
sup.pro
{
	color: #F5823F;
	font-weight: bold;
}
/* Profiel voortgang status balk */
div#profile_progress
{
	position: absolute;
	display: block;
	margin-left: 260px;
}
span.profile_progress
{
	display: block;
	float: left;
	margin-top: 8px;
	*margin-top: 4px;
	margin-right: 10px;
	width: 148px;
	height: 2px;
	padding: 3px;
	background-image:url(../images/content/profile_progress_bg.png);
}
span.white_bar
{
	display: block;
	height: 2px;
	background: #fff;
}
a.white_link, a.white_link:active, a.white_link:visited
{
	color: #fff;
}
a.white_link:hover
{
	text-decoration: underline !important;
}
/* floats */
.float_right
{
	float: right;
}
.float_left
{
	float: left;
}
.float_right_noMargin
{
	float: right;
	margin: 0px;
}
.float_left_noMargin
{
	float: left;
	margin: 0px;
}
/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -200px;
    width: 420px;
    
    background-color: #fff;
    color: #333;
    padding: 10px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow 
{
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
/* Wachtwoord onthouden popup */
span.tooltip {position:relative;z-index:500;color:#5483C2;text-decoration:none;}
span.tooltip b {display:none; text-decoration:none;}
span.tooltip:hover {position:relative;}
span.tooltip:hover b {background:#fff; display:block; z-index:500;position:absolute; top:-20px; left:-110px; padding:5px; font-weight:normal; color:#000; border:1px solid #ddd;border-right:2px solid #ddd;border-bottom:2px solid #ddd; width:90px;}
span.tooltip:hover b em {position: absolute; left:100px; top:11px; width:6px; height:11px; background: url(../images/content/tooltip.gif) 0 0; display:block; font-size:1px;}
/* Plaatjes met 1px padding en grijze rand */
img.grey_border
{
	padding: 1px;
	border: 1px solid #ddd;
}

.notes
{
	border-top: 1px solid #ccc;
	font-size: 10px;
	padding:5px;
}

/* New pages */

/* Contact form */
div#contact
{
    color:Black;
    text-indent: 10px;
}
div#contact div#leftpart
{
    width: 651px;
}
div#contact div#leftpart div#upperimage
{
    background-image: url(../images/content/bannerContact.jpg);
    height: 160px;
    width: 651px;
}
/*div#contact div#leftpart div#infobox
{
    font-weight: bold;
    height: 25px;
    margin-top: 15px;
    width:100%;
    float: none;
}*/
div#headerbox
{
    background-color: #5483C2;
    color: White;
    font-size: 24px;
    font-variant: small-caps;
    font-weight: bold;
    margin-top: 15px;
    position: relative;
    text-indent: 10px;
}

div#contact div#leftpart div#underright
{
    float:right;
    position:relative;
    text-indent: 0;
}
div#contact div#leftpart div#underright .reset
{
    float:right;
    margin-right: 15px;
    position:relative;
}
div#contact div#leftpart div#underright .versturen
{
    float:right;
    position:relative;
}
div#contact div#rightpart
{
    float:right;
}
div#contact div#rightpart .rightbox
{
    background-color:White;
    width:290px;
    margin-bottom: 15px;
    overflow: hidden;
}
div#contact div#rightpart .rightbox .sociallink
{
    float:left;
    margin-bottom: 10px
}
/* END OF Contact form */

/* Disclaimer/Privacy/Copyright form */
.textbox
{
    background-color: White;
    color: Black;
    margin-bottom: 10px;
    padding: 5px 10px;
}
.textbox p
{
    padding-bottom: 10px;
}
.textbox h1
{
    color:#F5823F;
    font-size: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.textbox ul
{
    margin-left: 60px;
    padding-bottom: 15px;
}
/* END OF Disclaimer/Privacy/Copyright form */
/* Voordeel form */
div#voordeel div#leftbox
{
    float:left;
    width:653px;
    margin-right: 15px;
}
div#voordeel div#leftbox div#textbox
{
    background-color:White;
    color:Black;    
    padding-bottom: 10px;
    padding-top: 1px;
    margin-bottom: 15px;
}
div#voordeel div#leftbox div#textbox img
{
    float: left;
    margin-left: 10px;
    margin-top: 8px;
    position: absolute;
}
div#voordeel div#leftbox div#textbox p
{ 
    font-size: 19px;
    margin-left: 35px;
    margin-top: 5px;
}
div#voordeel div#leftbox .voordeelbutton
{
    height:90px;
    margin-left:50px;
    margin-bottom: 60px;
    width:250px;
    background-image: url(../images/content/networking.png);
    float:left;
    background-repeat: no-repeat;
}
div#voordeel div#leftbox .voordeelbutton .bluebar
{
    background-image: url("../images/layout/balkVideo.png");
    background-position: center bottom;
    height: 49px;
    margin-top: 78px;
    position: relative;
    color: White;
    
}
div#voordeel div#leftbox .voordeelbutton .bluebar p
{
    font-weight: bold;
    margin-left: 10px;
    margin-top: 20px;
    position: absolute;
    font-size: 15px;
}
div#voordeel div#rightbox{float:right;}
div#voordeel div#rightbox .button
{
    margin-bottom: 15px;
}
div#voordeel div#rightbox div#nieuwsbrief
{
    background-color: white;
    margin-bottom: 15px;
}
/* END OF voordeel form */
/* Searchresult form */
div#searchresult
{
    margin-bottom: 15px;
    min-height: 500px;
}
div#searchresult div#accordion h3 {background-color: White;}
div#searchresult div#accordion h3 .ui-icon
{
    background-image: url(../images/icons/arrowDown.png);
    height: 11px;
    width: 21px;
    float: right;
    margin-top: 5px;
}
div#searchresult div#accordion h3 .ddownbuttona
{
    background-image: url(../images/icons/arrowUp.png);
}
div#searchresult div#accordion .itemtitle
{
    color: #F5823F;
    font-size: 14px;
    font-weight: bold;
    margin-top: 15px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}
div#searchresult div#accordion .results{ padding-left: 5px; padding-top: 5px; background-color: White;}
div#searchresult div#accordion .results .link 
{
    color: Gray;
    float: left;
    padding-top: 10px;    
}
div#searchresult div#accordion .results td 
{
     padding-top: 10px;
}
div#searchresult div#accordion .results .rightimage
{
    width: 75px;
}
div#searchresult .noDataColor
{
    color: #F5823F !important;
    font-weight: normal !important;
    background-color: White;
    margin-top: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-indent: 5px;
}
/* END OF Searchresult form */
    
.display_none 
{
    display: none;
}