*
{
	margin:0;
	padding:0;
}

body
{
	background:#f2f2f2;
	background:url('../img/bg_backslash.gif') repeat;
	font-family:arial,helvetica;
}

a img
{
	border:0px;
}
a
{
    color:inherit;
    text-decoration: none;
}

a:hover
{
    color:inherit;
    text-decoration: underline;    
}

h1
{
	font-size:12pt;
	margin-bottom:7px;
}
h2
{
	font-size:12pt;
	margin-bottom:7px;
}

h3
{
    font-size:13pt;
/*
    border-top:3px solid #f4a426;
    border-bottom:2px dotted #f4a426;
    */
    padding:5px 0;
    margin-bottom:10px;
}

#main
{
	margin:0 auto;
	width:940px;
}

#header > div
{
	width:940px;
	margin-bottom:6px;
}

#header
{
	height:128px;
	margin-bottom:6px;
}

#header_nav_top
{
	width:940px;
	height:30px;
	background:url('../img/menu_button_licht.png') repeat-x;
}

#header_nav_top ul,
#header_logo ul#header_login_icons,
ul#tools,
ul#top_list,
ul.article_list,
ul.articles_file_list,
ul.search_results_list,
ul#tool_icons,
ul#article_comments
{
	list-style:none;
}

#header_nav_top ul
{
	float:left;
}

#header_nav_top ul li
{
	float:left;
	padding:7px 30px 0 30px;
	height:23px;
	background:url('../img/menu_licht.png') repeat-y 0 0;
}

#header_nav_top ul li h1
{
    font-size:11pt;
    font-weight:bold;
}

#header_nav_top ul li:first-child
{
	padding:7px 50px 0 50px;
}

#header_nav_top ul li.active,
#header_nav_top ul li:hover
{
	background:url('../img/menu_donker.png') no-repeat 0 0;
}

#header_nav_top ul li:first-child,
#header_nav_top ul li:first-child:hover
{
	background:url('../img/menu_button_donker.png') repeat-x;
}

#header_nav_top ul li a
{
    color:#000000;
    text-decoration: none;
}


#header > div#header_logo
{
	width:920px;
	height:60px;
	background-color:#f4a426;
	padding:10px;
	text-align:center;
}

#logo
{
	float:left;
}

#header_logo form
{
	margin:20px 0 0 330px;
}

#header_logo input
{
	float:left;
	margin:3px;
}

#header_logo input.text
{
	height:20px;
	width:175px;
	font-size:12pt;
	padding:3px;
	margin-top:-5px;
}

#header_logo #main_search_box
{
    border:1px solid #585858;
}
#header_logo #main_search_box:hover
{
    border:1px solid #f4a426;
}

#header_logo ul#header_login_icons
{
	float:right;
	margin-top:10px;
}

#header_logo ul#header_login_icons li
{
	width:65px;
	float:left;
	text-align:center;
	font-size:8pt;
	color:#ffffff;
}

#header_logo ul#header_login_icons li a
{
    color: #000000;
    text-decoration: none;
}
#header_logo ul#header_login_icons li a:hover
{
    text-decoration:underline;
}

#header_bottom_line
{
	height:6px;
	background-color:#f4a426;
}

ul#tools
{
	float:left;
	margin-left:-3px;
	width:950px;
	overflow:hidden;
}

ul#tools li
{
	float:left;
	width:187px;
	height:175px;
	z-index:2;
	font-size:12pt;
	font-weight:bold;
	margin-left:3px;
}

ul#tools li:hover
{
	color:#f4a426;
}

ul#tools li:first-child
{
	margin-left:0px;
}

ul#tools li div.label
{
    float:left;
    width:170px;
    height:30px;
    background-color: #ffffff;
    text-align: center;
    margin:-52px 0 0 3px;
    padding:10px 5px;
    font-size:11pt;    
}

ul#tools li img
{
	margin:-10px -10px 10px -10px;
    width:180px;
    height:135px;
}

ul#tools li div.top
{
	float:left;
	width:187px;
	height:9px;
	background:url('../img/tools_bg_top.gif') no-repeat;
}
ul#tools li div.middle
{
	float:left;
	width:167px;
	padding:3px 7px 10px 13px;
	background:url('../img/tools_bg_mid.gif') repeat-y;
}

ul#tools li div.middle div.tool_header_interest
{
    background:url('../img/tool/dashboard.jpg');
    float:left;
    width:169px;
    height:141px;
    margin:-10px 0 0 -10px;
    padding:4px 0 0 11px;
}

ul#tools li div.bottom
{
	float:left;
	width:187px;
	height:9px;
	background:url('../img/tools_bg_bot.gif') no-repeat;
}

#bar_dots_orange_big
{
	width:940px;
	height:4px;
	border-top:4px dotted #f4a426;
	/*background:url('../img/oranje_dots_groot.gif') repeat-x;*/
	margin:7px 0 12px 0;
}

div.bar_dots_orange_small
{
	width:100%;
	height:3px;
	border-top:2px dotted #f4a426;
	margin:10px 0 10px 0;
}

/*
div.bar_dots_orange_small_greybg
{
	width:100%;
	height:3px;
	background:url('../img/oranje_dots_klein_op_grijs.gif') repeat-x;
	margin:5px 0 10px 0;
}
div.bar_dots_orange_small_whitebg
{
	width:100%;
	height:3px;
	background:url('../img/oranje_dots_klein_op_wit.gif') repeat-x;
	margin:5px 0 10px 0;
}
*/

div.bar_line_orange
{
	width:100%;
	height:4px;
	background-color:#f4a426;
	margin-bottom:5px;
}


#column_left
{
	width:640px;
	float:left;
}

#main_article
{
	float:left;
	margin-bottom:15px;
	margin-left:-3px;
}

#main_article div.top
{
	float:left;
	width:625px;
	height:10px;
	background:url('../img/content_bg_top.gif') no-repeat;
}
#main_article div.middle
{
	float:left;
	width:590px;
	padding:10px 20px 10px 20px;
	background:url('../img/content_bg_mid.gif') repeat-y;
	font-size:9pt;
    color:#000000;
    line-height: 14pt;
}
#main_article div.middle h1
{
    margin:0 0 10px 0;
    line-height: 20pt;
}
#main_article div.middle img.main_article_img
{
    float:left;
    margin:0 20px 20px 0;
}

#main_article div.middle h2,h3,h4,h5,h6,h7
{
    margin:15px 0 0 0;
}

#main_article div.middle div.introduction
{
    font-size: 9pt;
    font-weight: bold;
    margin-bottom: 15px;
}

#main_article div.middle ul,
#main_article div.middle ol
{
    margin-left: 15px;
}

#main_article div.middle a
{
    color: inherit;
    text-decoration: underline;
}
#main_article div.middle a:hover
{
    color: #585858;
    text-decoration: none;
}

#main_article div.middle a:hover h1
{
    text-decoration: underline;
}

#main_article div.bottom
{
	float:left;
	width:625px;
	height:33px;
	padding:7px 0 0 20px;
	background:url('../img/bgs/option_bg_2.gif') no-repeat;
	font-size:8pt;
}

#main_article div.bottom img
{
	margin-top:5px;
}

div.sharing_overlay,
div.comment_overlay 
{                     
    float:left;
    bottom:0;
    width:600px !important; 
    height:100px;
    z-index:99999;
    padding:10px;
    background-color:#FED694;
    border-bottom:15px solid #f4a426;
    border-top:3px dotted #FFFFFF;
    margin:-5px 0 0 3px;    
}

div.sharing_overlay ul
{
    list-style: none;
    float: left;
    padding:20px;
}

div.sharing_overlay ul li
{
    float: left;
    width:75px;
}

div.header_nav_overlay 
{
    position:absolute;
    width:920px !important; 
    height:250px;
    top:30px;
    padding:10px;
    background-color:#FED694;
    border-bottom:15px solid #f4a426;
}

div.header_nav_overlay .infobox ul
{
    list-style: none;
}

div.header_nav_overlay .infobox ul li
{
    font-size:9pt;
    font-weight: bold;
    background:url('../img/oranje_triangle.gif') no-repeat 0px 6px;
    padding:5px 0 8px 18px;
}


div.header_nav_overlay h1
{
    color:#f4a426;
    font-size:11pt;
    padding:0 0 2px 0;
    border-bottom:2px dotted #a5a5a5;
}

div.header_nav_overlay div.top
{   
    float:left;
    width:277px !important;
    height:12px;
    background:url('../img/overlay_info_bg_top.png') no-repeat;
}

div.header_nav_overlay div.middle
{   
    float:left;
    width:247px !important;
    padding:0 15px;
    background:url('../img/overlay_info_bg_mid.png') repeat-y;
    font-size:9pt;
    line-height:12pt;
}

div.header_nav_overlay div.bottom
{   
    float:left;
    width:277px !important;
    height:12px;
    background:url('../img/overlay_info_bg_bot.png') no-repeat;
}

.read_more
{
    color:#f4a426;
    font-size:10pt;
    font-weight:bold;
    float:right;
    margin-top:10px;
}

.read_more a
{
    text-decoration: none !important;
}

div#main_article div.middle .read_more
{
    font-size:16pt;
}

div.blocks_column
{
    width:320px;
    float:left;
}

div.blocks_column.left  {   float:left; }
div.blocks_column.right {   float:right; }


div.more_articles
{
	width:323px;
	float:left;
	margin-left:-3px;
	/*margin-right:20px;*/
}


div.more_articles div.top
{
	float:left;
	width:305px;
	height:10px;
	background:url('../img/nieusbrief_bg_top.gif') no-repeat;
}
div.more_articles div.middle
{
	float:left;
	width:285px;
	padding:3px 7px 10px 13px;
	background:url('../img/nieusbrief_bg_mid.gif') repeat-y;
	font-size:9pt;
}
div.more_articles div.middle h3
{
    border-top:3px dotted #f4a426;
}

div.more_articles div.bottom
{
	float:left;
	width:305px;
	height:33px;
	background:url('../img/nieusbrief_bg_bot.gif') no-repeat;
}

div.more_articles h2
{
    border-bottom:2px dotted #f4a426;
    margin-bottom:15px;
    padding-bottom:10px;
    /*cursor: move;*/
}

ul.article_list h1
{
	font-size:12px;
	margin-bottom:3px;
    color:#000000;
}

ul.article_list li
{
	width:100%;
	font-size:8pt;
	margin-bottom:10px;
    color:#5f5f5f;
}

ul.article_list li:first-child
{
    background-color:#E0E0E0;
    margin:0 0 10px -10px;
    padding:12px 8px 8px 7px;
    height:72px;
}

ul.article_list li img
{
	float:left;
    width:120px;
    height:90px;
	padding:3px 5px 5px 14px;
	margin-right:5px;
	/*background:url('../img/img_shadow_klein.gif') no-repeat;*/
}

ul.articles_file_list li
{
    float:left;
    width:130px;
    font-size:8pt;
    color:#5f5f5f;
}

ul.articles_file_list li h1
{
    color:#000000;
    font-size:10pt;    
}


ul.search_results_list
{
    margin:0 !important;
}

ul.search_results_list h1
{
    font-size:14px;
    margin-bottom:3px !important;
    line-height: 12pt !important;
    color:#000000;
}

ul.search_results_list li
{
    float:left;
    width:100%;
    font-size:8pt;
    margin-bottom:20px;
    color:#5f5f5f !important;
}

ul.search_results_list li a         {   text-decoration: none !important;   }
ul.search_results_list li a:hover   {   text-decoration: underline !important;   }

ul.search_results_list li img
{
    float:left;
    width:120px;
    height:90px;
    padding:3px 5px 5px 0px;
    margin-right:5px;
    /*background:url('../img/img_shadow_klein.gif') no-repeat;*/
}

#column_right
{
	width:300px;
	float:right;
}

ul#top_list li
{
    float:left;
	width:100%;
	font-size:8pt;
	margin-bottom:10px;
    color:#5F5F5F;
}

ul#top_list li h1
{
	font-size:13px;
	margin-bottom:3px;
    color:#000000;
}

ul#top_list li img
{
	float:left;
	/*width:80px;
	height:45px;*/
	/*padding:8px 10px 7px 8px;*/
    padding:0 10px 7px 0;
	margin-right:5px;
	/*background:url('../img/img_frame_shadow.gif') no-repeat;*/
}

ul#tool_icons li
{
	width:100px;
	height:95px;
	float:left;
	font-size:8pt;
	text-align:center;
}

ul#tool_icons li img
{
	width:70px;
	margin:0 15px;
}

/* comments */

ul#article_comments li
{
    width:620px;
    font-size:9pt;
    line-height:16pt;
    padding-bottom:10px;
    margin-bottom: 20px;
    border-bottom:2px dotted #f4a426;
}

ul#article_comments li .author_date
{
    font-size:8pt;
}

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

#sponsors
{
	width:920px;
	height:30px;
	background-color:#ffffff;
	padding:10px;
	margin-top:30px;
	font-size:9pt;
}

#bottom
{
	width:900px;
	height:40px;
	background-color:#ffffff;
	padding:20px;
	margin-top:10px;
	text-align:center;
	font-size:8pt;
    color:#5F5F5F;
    border-bottom: solid 10px #f4a426;
}

/* tool slider ---*/

.slider_div {
    float: left;
    width: 100px;
}
.slider_out_div {
    float: left;
    margin-left: 20px;
    width: 50px;
    white-space: nowrap;
}

body.login
{
    background: none;
    background-color: #ffffff;
    padding:30px;
    font-size:8pt;
}

body.login div.contentContainer
{
    width:100%;
    padding-bottom: 20px;
    border-bottom:3px #f4a426 solid;
}

body.login h1
{
    border-bottom:3px #f4a426 dotted;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

body.login td
{
    padding:3px 0 10px 0;
}

body.login input
{
    border:1px solid #b5b5b5;
    padding:4px;
}


.form_table
{
    display:table;
}

.form_row
{
    position:relative;
    display:block;
    float:left;
    border-bottom:1px dotted #f4a426;
}

.form_row .form_cell
{
    display:block;
    padding:5px 10px;
    float:left;
}

.form_row .form_cell.label
{
    width:120px;
    font-weight:bold;
}

.form_row .form_cell.feedback
{
    float:right;
}

.form_row .form_cell a
{
    color:#000000;
    font-weight:bold;
    text-decoration:none;
}

.form_row .form_cell input
{
    padding:3px;
    font-size:8pt;
    color:#585858;
}

.form_row .infoDiv
{
    position:absolute; 
    left: 685px; 
    width:190px; 
    height:18px; 
    padding:10px; 
    background-color:#ffffff;
}

.form_row .infoDiv.pending
{
    background-color:#ffff99;
}
.form_row .infoDiv.nok
{
    background-color:#FF6262;
    color:#ffffff;
    font-weight:bold;
}
.form_row .infoDiv.ok
{
    background-color:#b8ffa6;
    font-size:12pt;
    font-weight:bold;
    color:#339900;
}

/*.form_row { border-bottom: 1px solid #898989;background-color:#E6E6E6; }*/
/*.form_row.head { border: none; background-color:#ffffff; }*/

.form_row.head .form_cell.interest_table
{
    font-weight: bold;
}

/* TOOL STYLES */

td.tool_question
{
    font-weight: bold;
    padding-bottom:10px;    
    width:300px;
    border-bottom:1px dotted #f4a426;
}

td.tool_answeroptions
{
    padding:10px 0;    
    width:250px;
    border-bottom:1px dotted #f4a426;
}

td.tool_answeroptions p
{
    margin:0;
}

td.tool_answeroptions input
{
    float:left;
    display:none;
    margin: 0 10px 0 20px;
}

td.tool_answeroptions .slider_out_div
{
    font-size:8pt;
    color:#585858;
}

table.tool_table.other td.tool_answertext,
table.tool_table.paged td.tool_answertext
{
    color:#000000;
    padding:7px;
    border:2px dotted #f4a426
}

table.tool_table.directresponse td.tool_answertext
{
    color:#000000;
    padding:7px;
    background-color:#f4a426;
    border-bottom: 1px dotted #ffffff;
}

input.calcbutton
{
    float:right;
    border:1px solid #585858;
    background-color:#f2f2f2;
    padding:5px;
}
input.calcbutton:hover
{
    border:2px solid #f4a426;
    padding:4px;
    background-color:#585858;
    color:#ffffff;
}


/* 
 * The state classes are a little bit complex, because of the doubble class bug in IE6
 * The state class looks like this:
 * 
 * .ui-radio-state[-checked][-disabled][-hover] or .ui-checkbox-state[-checked][-disabled][-hover]
 * 
 * Examples:
 * 
 * .ui-radio-state-checked (simply checked) 
 * .ui-radio-state-checked-hover (checked and hovered/focused)
 * .ui-radio-state-hover (unchecked and hovered/focused)
 * 
 */

.ui-radio-state-disabled,
.ui-radio-state-checked-disabled,
.ui-radio-state-disabled-hover,
.ui-radio-state-checked-disabled-hover {
    color: #999;
}
span.ui-checkbox,
span.ui-radio {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    background: url('../img/tool/icon_checkbox.png') 0 -40px no-repeat;
    margin:0 10px 0 20px;
}
span.ui-helper-hidden {
    display: none;
}
label {
    padding: 2px;
    
}
span.ui-radio-state-hover,
span.ui-checkbox-state-hover {
    background-position: 0 -114px;
}

span.ui-checkbox-state-checked {
    background-position: 0 -1px;
}

span.ui-checkbox-state-checked-hover {
    background-position: 0 -75px;
}
span.ui-radio-state-checked-disabled-hover,
span.ui-radio-state-checked-disabled,
span.ui-radio-state-checked {
    background-position: 0 -161px;
}


span.ui-radio-state-checked-hover {
    background-position: 0 -200px;
}


/* JQUERY UI SLIDER ----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: pointer; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #ACACAC; background: url('/img/global/ui-bg_flat_75_ffffff_40x100.png') 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e78f08; background: url('/img/global/ui-bg_gloss-wave_35_f6a828_500x100.png') 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #808080; background: #f6f6f6 url(/img/global/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(/img/global/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(/img/global/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }