/** 
 * ie7.css
 * 
 * Internet Explorer specific and only styles
 * containing every hack for Internet Explorer necessary,
 * so that all other (core) files stay sweet and nimble.
 * 
 * @version				1.0 pre
 * @date					2011-02-25
 * @lastmodified	2011-02-25 10:51
 * @author		B/CKC 
 * @link			http://www.belastingdienst.nl
 *
 */


/** 
 * IE styles
 * 
 * @section			IE7 (and lower) specific style definitions
 */

/* Make sure the layout is centered in IE5 */
body { text-align: center; }
.container { text-align: left; }

/* Give "layout" to all elements (fixes many IE6 layout issues; see http://www.satzansatz.de/cssd/onhavinglayout.html) */
.container, .header, .header, .header span, .footer, .footer span,
.content, .content_main, .content_supp, .content_sub, .nav_sub,
.line, .last_unit, .box, .list_sitemap, .list_sitemap ul { overflow: visible; zoom: 1; }

.unit { zoom: 1; }
.last_unit { margin-right: -3px; position: relative; left: -3px; }

/* Fixes IE7 7px gap of left content_main side. */
html>body#content .content_main { *margin-left: -7px; }

/* Fixes issue with 'tong' - in IE6/7 tong does not start just right from the middle! */
.tong { margin-left: 0; }

/* Fixes issue with not showing arrows in front of links in link lists */
.content  ul.hyperlinks { position: relative; }
.content ul.hyperlinks li, .content ul.bd-icons li{ overflow: visible; zoom: 1; }
/* .content ul li { overflow: visible; zoom: 1; } */
.content_main ul { margin-left: 15px; }
.content_main ul.hyperlinks { margin-left: 0px; }

ul.ul_table li span.left 		{ display: table-column; padding-left: 0px; }
/* Fixes incorrect placement of ol numbers in IE6/7 */
ol { margin-left: 2.8em; }
.search_results { padding-left: 2.9em; }

/* Fixes wrong line-height on sup/sub in IE */
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }

/* Fixes IE7 missing wrapping of code elements. */
html>body p code { *white-space: normal; }

/* Fixes incorrect styling of form elements in IE6/7 */
form legend { margin: 0 0 0 -7px; }
form input.submit { font-size: 1em; padding: 0.1em 0.4em; }
form.form_ll input.submit { left: 13.4em; }
form.search_box label { display: inline; vertical-align: baseline; width: auto; }
form.search_box input.text { padding-bottom: 0; padding-top: 0.3em; width: 23.9em; }
form.search_box input.submit { padding: 0.1em 0.4em; left: 0; }

/* Fixes 'line wrapping text in legend element' (http://www.456bereastreet.com/archive/200905/line_wrapping_text_in_legend_elements/) */
legend, legend span { float: left; }
fieldset ol { clear: both; }

/* Fixes IE6/7 global search input and button height */
.search { width: 195px; top: 12px; right: 58px; }
.search.centered { top: 1.7em; }
.search input.text { padding: 0.1em; }
.search form input.text { height: 14px; width: 131px !important; padding-top: 2px; }
.search form input.submit { height: 19px; line-height: 1; padding: 0; }

/* IE6/7 has problems with setting proper margins and/or paddings. */
.visual img { margin-bottom: -26px; }
.mod.three_col div img { margin-bottom: -10px; margin-left: 1px; }
.overzicht fieldset ol li label { padding-right:15px; }
.overzicht fieldset  ol li a.bd-icons.delete.bgbefore{ padding-right: 25px;}

/* Fixes a strange issue of a dissapearing right hand border shadow in IE7 when you scroll up and down */
.content_wrapper1  {height: 100%;}

/* Fixes a strange issue of a dissapearing right hand border shadow in IE7 for the login page */
html>body#login .content_wrapper2 { *border-top: 1px solid #fff; }

/* IE6/7 image replacement fix on anchor and butten elements */
.branding a.imgreplacement,
button.imgreplacement { display: block; }

.func_links a.minus { background-position: left 3px; height: 15px; }
.func_links a.plus { background-position: left -34px; height: 15px; }

/* Error-pagina's */
form.error-search input.submit {padding: 0;}
form.error-search input.text { padding: 3px 2px 0 2px;} 

/* Herstel voor overzichten, help-button verschuift naar volgende regel */
.overzicht fieldset  ol li .btn-help {margin-top: -25px; margin-right: 3px;}
.overzicht .content_main ul li a:hover { cursor: pointer; }  

/* Herstel padding-bottom in TO-menu. IE7 geeft geen padding bij li met script */
div.unit div.mod.box.open.lighter.themaoverstijgend {padding-bottom: 8px;}

/* ABC Begrippen */ 
.overzicht ol.alfabet li { padding-right: 8.5px; }
.overzicht ol.alfabet li { padding-right: 6.9px; }

/* sluiten-link binnen Begrippen en Veelgestelde vragen in IE7 onderstrepen */ 
/* .js-close-block { text-decoration:underline !important; } */
.js-hide.js-close-block a:link { text-decoration: underline; }

/* Campagne doelgroeppagina */
#home.doelgroeppagina .content_supp .mod.box.campagne  p img 			{ margin: -2em 0 0 -1em	; } 
/*  vanwege de <p></p> die nog rondom de img gezet wordt in de editor*/ 

/* Herstel juiste plaatsing van content_wrapper1 */
.branding {height: 101px;}
.content_wrapper1 { padding-top: 46px;}
.with_title_bar .content_wrapper1 { padding-top: 76px;}
.with_nav_main_sub .content_wrapper1 { padding-top: 70px;}
.with_title_bar.with_nav_main_sub .content_wrapper1 { padding-top: 100px;}

/* Herstel vertcale uitlijning tekst in inputveld in feedback-formulier. */
#feedback_form input.text {padding-top: 4px; height: 14px;}

/* Herstel ruimte tussen to-menu en interactie-box op doelgroep-pagina. */
#interactie_box    				{ margin-top: 1.5em; }

/* Zoeken en uitgebreid zoeken VLC */
.zoeken fieldset ol											{ width: 523px; margin-bottom: 1px; }  
.zoeken fieldset ol li label									{ width: 225px; } 

/* Herstel voor het verdwijnen van de closed-arrow-right wanneer een item over meer dan 1 regel gaat */
.overzicht dl dt.closed-arrow-right { background-color: #ffffff; margin-bottom: 10px; }