﻿.print-only { display: none; }
body { background-color: #fff; font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 1.4em; }

div#background { background: url("background.png") repeat-x; background-color: #a4b5bd; }

div#page-wrapper { background: url("wrapper-bg.png") repeat-y; border: 1px solid #4f4f4f; border-top: none; }

div#header { background: url("header-bg.png") no-repeat bottom; }
div#header h1 { background: url("logo_issainterclean_northamerica.png") no-repeat; border: 1px solid #b1b1b1; border-left: none; border-top: none; text-indent: -9999px; }
/* background: url("servicemenu_bg.png") no-repeat top left;*/
div#service-menu { }
div#service-menu ul { list-style: none; margin: 0; padding: 0; }
div#service-menu li { display: inline; margin: 0 15px 0 0; }
div#pagina-menu { border-right: 0px solid #b1b1b1; line-height: 29px; }
div#pagina-menu a { color: #000; text-decoration: none; font-weight: bolder; }
div#pagina-menu a.selected, div#pagina-menu a:hover { text-decoration: underline; }
div#pagina-menu img { display: inline; line-height: 29px; margin: 0 0 0 10px; vertical-align: middle; }
div#taal-menu { line-height: 29px; }
div#taal-menu fieldset { border: none; margin: 0; padding: 0; }
div#taal-menu label { color: #fff; margin: 0 5px 0 10px; }
div#taal-menu select { display: inline; }
div#titelbanner img { border: none; }

/* tab-menu */
div#tabmenu ul { list-style: none; font-size: 1.1em; font-weight: bold; }
div#tabmenu li { float: left; }
div#tabmenu a { text-decoration: none; color: #4f4f4f; display: block; height: 30px; width: 176px; line-height: 30px; text-align: center; }
div#tabmenu a:hover { color: #000; }
div#tabmenu a.selected, div#tabmenu a.selected:hover { color: #004892; background: url("tabmenu_bg.png") no-repeat; }

.raimenuitem { list-style: none; font-size: 1.1em; font-weight: bold; }
.raimenuitem { float: left; }
.raimenuitem { text-decoration: none; color: #4f4f4f; display: block; height: 30px; width: 176px; line-height: 30px; text-align: center; }
a.raimenuitem:hover { color: #004892; }
.raimenuitemhover { color: #004892; }
.raimenuitemselected { background: url("tabmenu_bg.png") no-repeat; color: #004892; }
a.raimenuitemselected, a.raimenuitemhover, .raimenuitem:hover { color: #004892; }

/* menubar */
div#menubar { font-family: Arial, sans-serif; font-size: 12px; }
div#menubar ul { list-style: none; margin: 0; padding: 0; }
div#menubar ul li ul { padding: 10px 0; }
div#menubar ul li ul li ul { padding: 0; }
div#menubar li { position: relative; }
div#menubar li span  { display: block; background: #004892 url("arrow_orange.png") no-repeat right; width: 166px; padding: 6px 30px 6px 20px; color: #fff; font-weight: bold; line-height: 1.5em; font-size: 1.1em; }
div#menubar li span a { color: #fff; display: block; width: 196px; }
div#menubar li span a:hover { text-decoration: none; }
div#menubar li span.orange  { background: #004892 url("arrow_orange.png") no-repeat right; }
div#menubar li span a:hover { background: #004892 url("arrow_orange_select.png") no-repeat right; }
div#menubar li span a.gray:hover { background: #a4b5bd url("arrow_gray_select.png") no-repeat right; }
div#menubar li span.gray { background: #a4b5bd url("arrow_gray.png") no-repeat right; }
div#menubar li span a.gray { background: #a4b5bd url("arrow_gray.png") no-repeat right; }
div#menubar li ul li a { display: block; width: 176px; padding: 2px 20px; color: #4f4f4f; text-decoration: none; line-height: 1.5em; }
div#menubar li ul li a:hover { color: #004892; }
div#menubar li ul li a.graySelected,
div#menubar li a.graySelected:hover { color: #fff; background: #bbb url("bg-submenu-grijs.png") repeat-y left top; }
div#menubar li ul li a.orangeSelected,
div#menubar li a.orangeSelected:hover { color: #fff; background: #004892 url("bg-submenu-oranje.png") repeat-y left top; }
div#menubar li ul li a.toggler { background: url("arrow_sub.png") no-repeat right center; }
div#menubar li ul li a.toggler:hover,
div#menubar li ul li a.togglerSelected { background: url("arrow_sub_select.png") no-repeat right center; }
div#menubar li ul li a.togglerSelected:hover { background: url("arrow_sub.png") no-repeat right center; }
div#menubar ul ul ul a { width: 176px; padding: 3px 10px 3px 30px; }

div#leftbar-ads { border-top: 1px solid #004892; margin-top: 20px; padding-top: 20px; }
div#leftbar-ads img { margin: 0 50px 20px; }

/* content */

/* sidebar */

div#zoeken { background: url("zoeken-bg.png") repeat-y; }
div#zoeken fieldset { border: none; margin: 0; padding: 0; }
div#zoeken label { left: -9999px; position: absolute; }
div#zoeken input#idSearchString { background: url("zoeken-veld-bg.png") no-repeat; border: none; color: #4f4f4f; font-family: arial, helvetica, sans-serif; height: 15px; margin: 0; padding: 3px; width: 114px; }
div#zoeken .ms-searchimage { background: url("zoeken-button.png") no-repeat; border: none; cursor: pointer; height: 20px; margin: 0; padding: 0; width: 120px; }

div#quicklinks { background: transparent url("quicklinks-bg.png") no-repeat bottom left; }
div#quicklinks ul { list-style: none; margin: 0; padding: 0; }
div#quicklinks li { padding: 0 0 0.5em 0;}
div#quicklinks a { color: #fff; font-weight: bold; font-size: 1.0em; text-decoration: none; }
div#quicklinks a:hover { text-decoration: underline; }

div#sidebarbanners img { border: none; margin: 0 20px 20px 0;  }

/* voeter */

div#voeter { background-color: #f1f1f1; border-top: 1px solid #aaa; }
div#voeter img.voeter-logo { float: left; margin: 0 0 0 20px; border: none; }
div#voeter img.voeter-logo2 { float: left; margin: 0 0 0 20px; border: none; }
div#voeter ul { line-height: 29px; list-style: none; margin: 0; padding: 0; }
div#voeter li { display: inline; padding: 0 0 0 20px; }
div#voeter a { color: #505050; text-decoration: none; }
div#voeter a.selected { color: #000; }
div#voeter a:hover { color: #000; text-decoration: underline; }
div#voeter-misc { border-right: 0px solid #b1b1b1; }
