/* Contains styling for the websites structure, containers, menu's and modifcations of the skins */
/* Contains also general styling wich should not appear in TinyMCE and therefore is moved to menu.css */

/* ------------------------- website structure ------------------------- */
/* Overrule global container */
body {background:#edefe7 url('bg_body.gif') repeat-x}
div.global{margin:0 auto;position:relative;width:1000px}

/* Overrule level 1 containers */
/* Overflow:auto: let the outer container grow with it's containing content. */
div.top, div.center, div.bottom{overflow:auto;width:100%}
div.top{background:url(bg_top.gif) no-repeat;min-height:90px}
div.center{margin-top:-28px}
div.bottom{overflow:visible;padding:15px 12px;width:976px}
div.loading{float:left}

/* Overrule level 2 containers. */
/* Set explicit width of the containers based on W3C boxmodel */
div.menu1{float:right;height:24px;margin-top:32px;width:750px}
div.sidebar1{padding:40px 10px;overflow:auto;width:980px}
div.menu2{top:2px;padding:0px 20px;position:relative;width:960px;z-index:1}
div.content{background:url(bg_center.gif) no-repeat;min-height:450px;padding:10px 20px;overflow:auto;width:960px}
div.menu3{float:right;height:auto;margin:10px;padding:10px;width:140px}
/* All containers who may include `absolute positioned` item's should have position 'relative' */
div.sidebar1,div.content{position:relative}

/* Overrule menu */
div.menu1 li {border:0;float:right;margin:0px 10px;padding:0px}
div.menu1 a {border:0;color:#fff;font-size:11px;margin:0px;padding:0px}
div.menu1 a.on {border-bottom:1px solid #fff;color:#fff}
div.menu1 a:hover {color:#F86A00}
div.menu2 li {border:0;background:transparent url(bg_m2.gif) no-repeat scroll left center;margin:0 8px 0 0;padding-left:3px}
div.menu2 li.on {background:transparent url(bg_m2_on.gif) no-repeat scroll left center;}
div.menu2 a {background:transparent url(bg_m2.gif) no-repeat scroll right center;border:0px;display:block;height:23px;font-size:12px;padding:5px 8px 0 5px}
div.menu2 a.on {background:transparent url(bg_m2_on.gif) no-repeat scroll right center;color:#222}
div.menu3 {float:right;height:auto;margin:10px;width:140px}
div.menu3 li {border:0;background:transparent url(bg_m3.png) no-repeat scroll center top;margin:0;padding:7px 10px;text-align:right;width:120px}
div.menu3 a {border:0;font-size:12px;padding:0}
div.menu3 a.on {color:#333;font-weight:700}

div.sidebar1_m1_no10 {background:url(bg_sidebar1_kinetiek_2.gif) no-repeat top right}
div.sidebar1_m1_no20 {background:url(bg_sidebar1_puzzle_2.gif) no-repeat top right}
div.sidebar1_m1_no30 {background:url(bg_sidebar1_tool_3.gif) no-repeat top right}
div.sidebar1_m1_no40 {background:url(bg_sidebar1_uil_4.gif) no-repeat top right}
div.sidebar1_m1_no50 {background:url(bg_sidebar1_help_2.gif) no-repeat top right}
div.sidebar1_m1_no60 {background:url(bg_sidebar1_flessenpost.gif) no-repeat top right}
div.sidebar1_m1_no80 {background:url(bg_sidebar1_tandwiel.gif) no-repeat top right}

/* Hide the submenu with the module names */
div.menu3_m2_id23 {display:none}

/* Overrule skin */
div.inr_thin{border:1px solid #ddd}
div.inr_fat{border:3px solid #ddd}
div.inr_shadow{border:1px solid #ddd}

/* Overrule NLS */
div.nls{left:8px;position:absolute;top:69px;z-index:1}
div.nls a.txt {line-height: 14px}

/* Overrule login */
div.login{left:4px;position:absolute;top:0px;z-index:1}

/* Overrule loading */
div.loading{background:none;margin:0;width:0}

/* Overrule Search */
div.search{background:transparent;height:40px;left:210px;position:absolute;top:20px;width:100px;z-index:1}
div.search a{color:#fff}

/* Overrule Sprites */
a.s075_wf {background:url(s075_wf.png) no-repeat top left}

/* ------------------------- general styling ------------------------- */

/* Overrule anchors */
body.mceContentBody a, div.item_preview_inner a, div.cnt a{background:url(external.gif) right 1px no-repeat;border-bottom:0;color:#ff4500;display:inline;padding:0 13px 0 0;}
ol li {margin-left:19px}

div.s_i_notebook a {background:transparent;color:#222;padding:0}
div.s_i_postit a {background:transparent;color:#4B0082;padding:0}

/* Overrule warning paragraph */
p.warning{background:url(warning_solid.png) no-repeat 0px 6px;color:#ff4500}

/* Overrule buttons */
/* Color */
div.btn_color div.btn, table.table_color div.btn {background:url(button.png) no-repeat scroll left;margin: 0 3px 0 0;padding-left:3px}
table.table_color div.btn {margin: -2px 0 0 3px}
div.btn_color div.btn h6, table.table_color div.btn h6 {background:url(button.png) no-repeat scroll right;color:#222;cursor:pointer;font-size:11px;height:18px;letter-spacing:-1px;margin-right:-2px;padding:2px 4px 1px 1px}
div.btn_color div.btn a, table.table_color div.btn a {float: left;margin: 0 -1px -1px -3px}


/* Overrule forms - TODO: Synchronize color, font-family and font-size with settings in style.css */
input.wf,textarea.wf,select.wf{color:#222;font-family:"Lucida Grande","Lucida Sans Unicode",Geneva,Arial,Verdana,sans-serif;font-size:12px}

/* --- Overrule modules --- */

/* --- Text and image --- */
div.mod_14 a.more{background-image:none;border-top:#ccc 1px dotted;display:block;padding-top:4px;text-align:right}

/* --- Smartlink --- */
div.mod_16 a.internal{background:url(internal.gif) right 2px no-repeat;color:#ff4500;font-family:"WarnockProRegular","Garamond";font-size:15px;font-weight:300;padding:0 13px 0 0}
div.mod_16 a.external{background:url(external.gif) right 2px no-repeat;color:#ff4500;font-family:"WarnockProRegular","Garamond";font-size:15px;font-weight:300;padding:0 13px 0 0}
div.mod_16 a.mail{background:url(mail.gif) right 2px no-repeat;color:#ff4500;font-family:"WarnockProRegular","Garamond";font-size:15px;font-weight:300;padding:0 13px 0 0}
div.mod_16 div.colored_block{background:#f5f7f0;border-top:#fff 1px solid;border-right:#fff 1px solid;float:left;padding:16px}
div.mod_16 div.module_block{background:#d5d8cb;float:left;margin:0 3px 0 0;padding:5px}
div.mod_16 div.module_block_on{background:#ff4500}
div.mod_16 div.colored_block h1 {padding:0 0 10px 0}
div.mod_16 div.colored_block h2 {padding:10px 0 0 0}
div.mod_16 div.module_block p, div.mod_16 div.colored_block p {padding:0}
div.mod_16 div.dotted_line{background:transparent;border-top:#F86A00 1px dashed;display:inline;float:left;margin:0;padding:5px 0 0 0}
div.mod_16 div.dotted_line p {padding-bottom:10px}
div.mod_16 div.footer{background:transparent;border-right:#0e353d 1px solid;display:inline;float:right;margin:0;padding:0 10px}
div.mod_16 div.footer a.internal{background-image:none;color:#0e353d;font-family:"Lucida Grande","Lucida Sans Unicode",Geneva,Arial,Verdana,sans-serif;font-size:12px;padding:0}

/* --- Image browser --- */
div.mod_18 ul li img {border:4px solid #d5d8cb}
div.mod_18 ul li a:hover img {border:4px solid #FF4500}
span#lightbox-image-details-caption{color:#ff4500;font-size:12px;font-weight:800}

/* --- Sitemap --- */
div.mod_19 p.smp_ttl {color:#222;padding:0}
div.mod_19 p.smp_dsc {color:#999;padding:0}

/* --- Search --- */
span.hghlght {background:#ff0}
p.src_lnk a{background:#edefe7}
p.src_lnk a.on{background:#ff4500}
div.rsl a.ttl{color:#0e353d}
div.rsl p.nam{color:#ff4500}

/* --- Accordion --- */
div.mod_22 div.ui-accordion-content a {background:url(external.gif) right 2px no-repeat;border-bottom:0;color:#ff4500;display:inline;padding:0 13px 0 0;}
div.mod_22 div.color {float:none;height:100%;padding:0}
div.mod_22 div.color h3 a {color:#ff4500;font-family:"WarnockProRegular","Garamond";font-size:15px;font-weight:300;padding:4px 0 4px 16px}
div.mod_22 div.color h3{border:0;background:transparent}
div.mod_22 div.color *.ui-widget-content, div.mod_22 div.color *.ui-state-active{color:#000;background:transparent;border:0}
div.mod_22 div.color *.ui-accordion-content{padding:3px 0}
div.mod_22 div.color span.ui-icon-triangle-1-e{background:url('acc_closed.png') no-repeat left top;left:0}
div.mod_22 div.color span.ui-icon-triangle-1-s{background:url('acc_open.png') no-repeat left top;left:0}
div.mod_22 div.color a.more {border:0;color:#3cb4dc;font-style:italic}
div.mod_22 div.color p, div.mod_22 div.color ul {padding:0}
div.mod_22 div.color h2 {color:#222;font-family:"Lucida Grande","Lucida Sans Unicode",Geneva,Arial,Verdana,sans-serif;font-size:12px;font-weight:800;line-height:17px;padding:10px 0 0 0}
div.mod_22 div.color img {padding:10px 0}

/* --- Carousel --- */
div.mod_28 ul.crs_pager li {display:inline;float:left;margin:0 1px 0 0;padding:0}
div.mod_28 ul.crs_pager li a {background:#d5d8cb;display:block;height:17px;width:16px;text-align:center}
div.mod_28 ul.crs_pager li a.active {background:#ff4500;color:#fff}
div.mod_28 ul.crs_pager li a:hover {color:#fff}

/* ------------------------- Overruled skins styling ------------------------- */
/* Skin - rnd10_voorbeeld */
div.s_o_rnd10_voorbeeld div.zoneitem{margin-top:2px;padding:0 10px}
div.s_i_rnd10_voorbeeld, div.s_o_rnd10_voorbeeld div.s_l {margin-right:25px}
div.s_o_rnd10_voorbeeld div.s_l, div.s_o_rnd10_voorbeeld div.s_r {height:24px}
/* avoid a gap: use bottom-padding 1px ! */
div.s_i_rnd10_voorbeeld{background:url(skin/rnd10_voorbeeld_left.png) no-repeat top left;padding:25px 0 1px 25px}
div.s_o_rnd10_voorbeeld div.s_t{background:url(skin/rnd10_voorbeeld_right.png) no-repeat top right}
div.s_o_rnd10_voorbeeld div.s_l{background:url(skin/rnd10_voorbeeld_left.png) no-repeat bottom left}
div.s_o_rnd10_voorbeeld div.s_r{background:url(skin/rnd10_voorbeeld_right.png) no-repeat bottom right;margin-left:-25px;width:25px}