html {
    overflow : -moz-scrollbars-vertical;
}

/* --------------------------------	*/
/* clearfix						 	*/
/* --------------------------------	*/
.clearfix:after {
    display    : block;
    visibility : hidden;
    clear      : both;
    height     : 0;
    content    : ".";
}

/* voor IE-mac */
.clearfix {
    display : inline-block;
}

/* onderstaande overslaan voor IE-mac \*/
* html .clearfix {
    height : 1%;
}

.clearfix {
    display : block;
}

/* einde van overslaan voor IE-mac */
/* BASIS ELEMENTEN */
body {
    font             : 0.7em/1.3em Arial, Helvetica, sans-serif;
    background-color : #fff;
    margin           : 0;
    color            : #333;
}

a:link, a:visited, a:active {
    color           : #c39;
    text-decoration : none;
}

a:hover {
    text-decoration : underline;
}

h1 {
    font    : bold 1.8em/1em Arial, Helvetica, sans-serif;
    color   : #06c;
    padding : 0;
    margin  : 0;
}

h1.header_link {
    position : absolute;
    top      : 0px;
    left     : 35px;
    z-index  : 1337;
}

h1.header_link a {
    display     : block;
    height      : 65px;
    width       : 270px;
    text-indent : -9000px;
    overflow    : hidden;
}

.home_bg .rittal-logo {
    top : 28px;
}

.rittal-logo {
    position : absolute;
    left     : 30px;
    top      : 0;
}

/* home heeft iets andere indeling */
.home_bg h1.header_link {
    top  : 27px;
    left : 35px;
}

.home_bg h1.header_link a {
    height : 95px;
    width  : 270px;
}

/* sitemap */
.sitemap_bg h1.header_link {
    top  : 25px;
    left : 35px;
}

.sitemap_bg h1.header_link a {
    height : 85px;
    width  : 270px;
}

h2 {
    font    : bold 1em Arial, Helvetica, sans-serif;
    color   : #06c;
    padding : 0;
    margin  : 0;
}

h3 {
    font    : bold 1em Arial, Helvetica, sans-serif;
    padding : 0;
    margin  : 0;
}

h4 {
    font    : bold 1em Arial, Helvetica, sans-serif;
    color   : #c39;
    padding : 0;
    margin  : 0;
}

p {
    margin : 0;
}

hr {
    color  : #ccc;
    border : 0;
    height : 1px;
}

/* GESPECIFICEERDE ELEMENTEN */

.content {
    margin-bottom : 25px;
}

.content li {
    margin-left : 15px;
}

.content_td {
    background-color : #fff;
    paddding         : 15px 5px;
    border           : 1px solid #ccc;
    height           : 350px;
    vertical-align   : top;
}

.home_content_td {
    background-color : #fff;
    padding          : 15px 5px;
    border           : 1px solid #ccc;
}

.content_td2 {
    background-color : #fff;
    padding          : 2px 7px 0 7px;
    border-left      : 1px solid #ccc;
    border-right     : 1px solid #ccc;
    border-bottom    : 1px solid #ccc;
}

.content td img.content_img {
    border : 2px solid #ccc;
}

.footer_bg {
    background : url(../img/footer_bg.jpg) top left no-repeat;
}

.footer td {
    color : #999;
}

.footer a, .footer td a:link, .footer td a:visited, .footer td a:active {
    color           : #999;
    text-decoration : none;
}

.footer td a:hover {
    color           : #999;
    text-decoration : underline;
}

#zoek {
    width        : 184px;
    background   : url(../img/zoek_bg.jpg) top left no-repeat;
    padding-left : 16px;
}

#zoek td input.zoekveld {
    border : 0 solid #fff;
    width  : 111px;
}

#zoek td input.submit {
    border      : 0 solid #fff;
    width       : 38px;
    height      : 17px;
    padding     : 2px;
    color       : #fff;
    font-weight : bold;
    font-size   : 10px;
    background  : url(../img/submit_bg.jpg) top left repeat;
}

/*video the system in het nieuwsblok op de homepage*/
.video-titel h4 {
    display : block;
    width   : 195px;
    float   : left;
}

.video-titel a.vergroten {
    display      : block;
    margin-top   : 20px;
    background   : none;
    padding-left : 0;
}

#blok_content_filmpje {
    float        : right;
    margin-right : 3px;
    width        : 157px;
}

#mov-ea {
    clear : both;
}

/* slider homepage */
.clear {
    clear : both;
}

#homepage-content-container {
    width  : 812px;
    margin : 0 auto;
}

#homepage-content-container .iwes {
    float         : left;
    color         : #3a3a3a;
    line-height   : 18px;
    width         : 475px;
    padding       : 15px;
    font-size     : 12px;
    border        : 1px solid #ccc;
    background    : #fff;
    margin-top      : 15px;
}

#homepage-content-container .video {
    float         : right;
    width         : 258px;
    padding       : 19px 15px;
    border        : 1px solid #ccc;
    background    : #fff;
    margin-top  : 15px;
}

#homepage-content-container .video h3 {
    font-size   : 15px;
    color       : #d8268d;
    font-weight : normal;
    margin      : 17px 0 5px;
}

.nieuws-slider {
    color       : #3a3a3a;
    line-height : 18px;
    padding     : 0;
    font-size   : 12px;
    position    : relative;
    height      : 102px;
    margin      : 5px 0;
    border      : 1px solid #ccc;
    background  : #fff;
}

.nieuws-slider .slide {
    position      : absolute;
    left          : 0;
    top           : 0;
    z-index       : 1;
    margin-bottom : 15px;
    width           : 810px;
}

.nieuws-slider .slide .info h3 {
    font-size   : 15px;
    color       : #d8268d;
    font-weight : normal;
}

.nieuws-slider .info {
    float   : left;
    padding : 15px;
    width   : 493px;
}

.nieuws-slider .slide .image {
    float : right;
    width : 287px;
}

.nieuws-slider-indicator {
    position : absolute;
    width    : 30px;
    right    : -40px;
    top      : 15px;
}

.nieuws-slider-indicator ul {
    margin     : 0;
    padding    : 0;
    list-style : none;
}

.nieuws-slider-indicator ul li {
    padding : 0;
    margin  : 0;
}

.nieuws-slider-indicator ul li a {
    display    : block;
    width      : 9px;
    height     : 9px;
    background : url(../img/bullet-homepage-nieuws.jpg) no-repeat left top;
    padding    : 0 0 7px 0;
    text-indent: -900em;
    overflow    : hidden;
}

.nieuws-slider-indicator ul li a:hover,
.nieuws-slider-indicator ul li.actief a {
    background-position: 0 -16px;
}

/* ACHTERGRONDEN */
.no_bg {
    background : url(../img/no_bg.jpg) top left repeat;
    height     : 43px;
}

.table_bg {
    background : url(../img/table_bg.jpg) top left repeat;
}

.home_main_bg {
    background : url(../img/home_main_bg.gif) top left no-repeat;
}

.flash_bg {
    background : url(../img/flash_bg.gif) top left no-repeat;
}

/* AFBEELDINGEN BG'S */
/* hoofdpagina's */
.beurs_bg {
    background       : url(../img/beurs_bg.jpg) top left no-repeat;
    background-color : #F2F2F2;
}

.documentatie_bg {
    background       : url(../img/documentatie_bg.jpg) top left no-repeat;
    background-color : #F2F2F2;
}

.seminar_bg {
    background       : url(../img/seminar_bg.jpg) top left no-repeat;
    background-color : #F2F2F2;
}

.nieuws_bg {
    background       : url(../img/nieuws_bg.jpg) top left no-repeat;
    background-color : #F2F2F2;
}

.referentie_bg {
    background       : url(../img/referentie_bg.jpg) top left no-repeat;
    background-color : #F2F2F2;
}

.faq_bg {
    background       : url(../img/faq_bg.jpg) top left no-repeat;
    background-color : #F2F2F2;
}

.links_bg {
    background       : url(../img/links_bg.jpg) top left no-repeat;
    background-color : #F2F2F2;
}

.contact_bg {
    background       : url(../img/contact_bg.jpg) top left no-repeat;
    background-color : #F2F2F2;
}

.zoeken_bg {
    background       : url(../img/zoeken_bg.jpg) top left no-repeat;
    background-color : #F2F2F2;
}

.sitemap_bg {
    background          : url(../img/sitemap_bg.jpg) top left no-repeat;
    background-position : 0px 40px;
    background-color    : #F2F2F2;
}

.disclaimer_bg {
    background       : url(../img/disclaimer_bg.jpg) top left no-repeat;
    background-color : #F2F2F2;
}

/* stappenplan */
.home_bg {
    background : url(../img/home_bg.jpg) top left no-repeat;
}

.security_bg {
    background : url(../img/security_bg.jpg) top left no-repeat;
}

#header_holder {
    position : relative;
}

#header_holder .banner {
    position : absolute;
    z-index  : 100;
    left     : 406px;
    top      : 200px;
}

/* MENUS */
#navcontainer {
    background : url(../img/navcontainer_bg.jpg) bottom left repeat-x;
}

#navcontainer ul {
    list-style-type : none;
    padding         : 0;
    margin          : 0;
}

#navcontainer ul li {
    padding : 0;
    margin  : 0;
}

#navcontainer ul li a {
    display         : block;
    color           : #fff;
    text-decoration : none;
    font-weight     : bold;
    border-right    : 1px solid #BCBCBE;
    border-left     : 1px solid #818085;
    margin          : 0;
    padding         : 0 4px;
    line-height     : 2.5em;
    height          : 100%;
    text-align      : center;
    text-shadow     : 1px 1px 2px #808086;
}

#navcontainer ul li a:hover {
    background      : url(../img/navcontainer_bg_.jpg) bottom left repeat-x;
    color           : #fff;
    text-decoration : none;
    border-right    : 1px solid #906;
    border-left     : 1px solid #906;
}

#navcontainer ul li a:active {
    background      : url(../img/navcontainer_bg_.jpg) bottom left repeat-x;
    color           : #fff;
    text-decoration : none;
    border-right    : 1px solid #906;
    border-left     : 1px solid #906;
}

#navcontainer ul li.navcontainer_actief a {
    background      : url(../img/navcontainer_bg_.jpg) bottom left repeat-x;
    color           : #fff;
    text-decoration : none;
    border-right    : 1px solid #906;
    border-left     : 1px solid #906;
}

/* DROPDOWNMENUS */
.dropdownmenu {
    visibility : hidden;
    position   : absolute;
    left       : 0;
    top        : 0;
    z-index    : 4000;
}

.navsub ul {
    list-style-type : none;
    margin          : 0;
    padding         : 0;
}

.navsub ul li {
    background : url(../img/navsub_bg.jpg) top left repeat;
}

.navsub ul li a {
    display         : block;
    color           : #fff;
    text-decoration : none;
    padding         : 3px 10px 3px 10px;
    height          : 100%;
    border-left     : 1px solid #369;
    border-right    : 1px solid #369;
    border-bottom   : 1px solid #369;
    border-top      : 1px solid #6DB1D9;
}

.navsub ul li a:hover, .navsub ul li a:active {
    color           : #fff;
    text-decoration : none;
    background      : url(../img/navsub_bg_.jpg) top left repeat;
    border-left     : 1px solid #369;
    border-right    : 1px solid #369;
    border-bottom   : 1px solid #369;
    border-top      : 1px solid #6DB1D9;
}

.navsub ul li.navsub_actief a {
    color           : #fff;
    text-decoration : none;
    background      : url(../img/navsub_bg_active.jpg) top left repeat;
    border-left     : 1px solid #906;
    border-right    : 1px solid #906;
    border-bottom   : 1px solid #906;
    border-top      : 1px solid #c69;
}

.navsub ul li a:visited, .navsub ul li a:link {
    color           : #fff;
    text-decoration : none;
}

.bg2 {
    background     : url(../img/navleft_bg.jpg) top left no-repeat;
    vertical-align : top;
}

.bg1 {
    background     : url(../img/navleft_bg.gif) top left no-repeat;
    vertical-align : top;
}

#navleft td.navleft_td {
    background : url(../img/navleft_td_bg.jpg) bottom left repeat-y;
}

#navleft ul {
    list-style-type : none;
    padding         : 4px 0 15px 15px;
    margin          : 0;
    font-size       : 0.1em;
    background      : url(../img/navleft_ul_bg.jpg) top left no-repeat;
}

#navleft ul li {
    width          : 165px;
    margin         : 0;
    padding        : 0;
    vertical-align : top;
}

#navleft ul li a {
    background      : url(../img/navleft_item_bg.jpg) top left repeat;
    display         : block;
    font-size       : 11px;
    margin          : 0 41px -3px 0;
    padding         : 1px 10px 4px 15px;
    text-decoration : none;
    color           : #fff;
    height          : 100%;
    font-weight     : bold;
}

#navleft ul li.stappenplan {
    font-size   : 11px;
    font-weight : bold;
    color       : #fff;
    padding     : 5px 3px 3px 20px;
    background  : url(../img/navleft_stappenplan_bg.jpg) top left no-repeat;
}

#navleft ul li.visited a {
    background : url(../img/navleft_item_bg_visited.jpg) top left repeat;
}

#navleft ul li.active {
    background : url(../img/navleft_pijl_eind.gif) top right no-repeat;
}

#navleft ul li.active a {
    background     : url(../img/navleft_item_bg_active.jpg) top left repeat;
    padding-bottom : 10px;
}

#navleft ul li.active2 {
    background : url(../img/navleft_pijl_eind2.gif) top right no-repeat;
}

#navleft ul li.active2 a {
    background     : url(../img/navleft_item_bg_active.jpg) top left repeat;
    padding-bottom : 10px;
}

#navleft ul li.active3 {
    background : url(../img/navleft_pijl_eind3.gif) top right no-repeat;
}

#navleft ul li.active3 a {
    background     : url(../img/navleft_item_bg_active.jpg) top left repeat;
    padding-bottom : 10px;
}

#navsitemap ul {
    list-style-image : url(../img/pijl3.gif);
    padding          : 0;
    margin           : 2px 5px 2px 20px;
}

/* FORMULIEREN *//* FORMULIEREN *//* FORMULIEREN *//* FORMULIEREN */
.veld, .veld_nieuwsbriefformulier, .frm_sauna_actie input, .frm_sauna_actie textarea {
    border      : 1px solid #aaaaaa;
    font-family : Arial, Helvetica, sans-serif;
    font-size   : 1.0em;
    background  : url(/img/form_bg.jpg) top left repeat-x;
}

.veldFout {
    border      : 1px solid #D73598;
    background  : url(../img/table_bg.jpg) top left repeat;
    font-family : Arial, Helvetica, sans-serif;
    font-size   : 1.0em;
}

.foutMarkerOff {
    display : none;
}

.foutMarkerOn {
    color   : #DA2489;
    display : inline;
}

.button, .frm_sauna_actie .button {
    border           : 1px solid #0175C0;
    color            : #fff;
    cursor           : pointer;
    background-image : none;
    background-color : #D73598;
    font-family      : Arial, Helvetica, sans-serif;
    font-size        : 1em;
}

#melding, #melding_brochure {
    color       : #DA2489;
    display     : none;
    font-weight : bold;
}

.contactformulier_titel {
    font-weight : bold;
    color       : #333;
}

.footer_print, .no_screen {
    display : none;
}

/*-------------nieuwsbriefformulier------------------------*/
table.nieuwsbriefformulier {
    font        : 1em Arial;
    color       : #000;
    line-height : 17px;
}

.veld_nieuwsbriefformulier {
    border    : 1px solid #aaa;
    font-size : 1em;
    color     : #000;
    width     : 300px;
}

.veldFout_nieuwsbriefformulier {
    border           : 1px solid #ff2222;
    font-size        : 1em;
    color            : #000;
    background-color : #E5ECF5;
    width            : 300px;
    height           : 15px;
}

.multiple_nieuwsbriefformulier {
    border           : 1px solid #aaa;
    font-size        : 1em;
    background-color : #fff;
    width            : 300px;
}

.multipleFout_nieuwsbriefformulier {
    font-size        : 1em;
    background-color : #E5ECF5;
    width            : 300px;
}

.button_nieuwsbriefformulier {
    font             : 0.9em Arial;
    font-weight      : bold;
    color            : #fff;
    border           : 1px solid #A9AA99;
    background-color : #A9AA99;
    cursor           : pointer;
}

#melding_nieuwsbriefformulier {
    color       : #E70509;
    display     : none;
    font-weight : bold;
}

/** OVERZICHT **/
.overzicht td {
    padding        : 3px 10px;
    vertical-align : top;
}

.overzicht .title {
    background-color : #ccc;
}

.overzicht ul {
    margin  : 0 0 0 14px;
    padding : 0;
}

.overzicht li {
    list-style-image : url(../img/pijl3.gif);
    margin           : 0;
    padding          : 0;
}

.border {
    border-top    : 1px solid #fff;
    border-bottom : 1px solid #fff;
}

/* --------------------------------	*/
/* brochure zoeken				 	*/
/* --------------------------------	*/
fieldset.zoek_brochures {
    margin  : 0;
    padding : 0;
    border  : 2px solid #ccc;
}

fieldset.zoek_brochures legend {
    font-weight : bold;
    padding     : 0 10px;
    color       : #369;
}

fieldset.zoek_brochures ul {
    list-style : none;
    margin     : 10px;
    padding    : 0;
}

fieldset.zoek_brochures ul li {
    margin : 10px 0;
}

fieldset.zoek_brochures li label {
    width       : 150px;
    display     : block;
    float       : left;
    font-weight : bold;
}

/**
 * FOTOBOEK
 */
#btnFotoboek {
    background-color : #d8288d;
    border           : 1px solid #9c0065;
    margin           : 5px 0 0 0;
    padding          : 2px;
    width            : 75px;
    height           : 22px;
    text-align       : center;
}

#btnFotoboek ul, #btnFotoboek li {
    margin     : 0;
    padding    : 0;
    list-style : none;
}

#btnFotoboek li {
    padding-top : 4px;
}

#btnFotoboek a {
    color   : #fff;
    font    : bold 1em Arial, Helvetica, sans-serif;
    display : block;
}

/**
		BREADCRUMBS
------------------------------------------------------------------------------------------------
**/
#breadcrumbs {
    color       : #000;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    position    : relative;
    top         : 0;
    left        : 0;
}

.margin {
    margin-top : 15px;
}

#breadcrumbs ul {
    list-style : none;
    padding    : 0;
}

#breadcrumbs li {
    display : inline;
    float   : left;
    margin  : 0 0 0 5px;
}

#breadcrumbs li a, #breadcrumbs li a:visited, #breadcrumbs li a:hover {
    color  : #000;
    margin : 0 0 0 5px;
}

#breadcrumbs li#current a {
    color : #d8268d;
}

/**
		HOMEPAGE NIEUWS
------------------------------------------------------------------------------------------------------
**/
.hp_news {
    border : 1px solid #ccc;
    width  : 375px;
}

.hp_news th, .hp_news td {
    padding : 3px 0 3px 10px;
}

.hp_news th {
    background-color : #ccc;
    text-align       : left;
}

.hp_news h3 {
    margin : 5px 0 0 0;
}

.hp_news h4 a {
    font-weight         : normal;
    padding-left        : 11px;
    background-image    : url(../img/pijl.gif);
    background-position : left;
    background-repeat   : no-repeat;
}

.hp_news .odd {
    background-color : #fff;
}

.hp_news .even {
    background-color : #f2f2f2;
}

/**
 * Home link ideeenbus
 */
.home_ideeenbus {
    clear  : both;
    border : 1px solid #CCC;
    margin : 10px 0;
}

.home_ideeenbus h4 {
    padding    : 3px 10px;
    background : #CCC;
    color      : #333;
}

.home_ideeenbus span {
    display    : block;
    background : #FFFFFF;
    padding    : 3px 10px;
}

/**
* SUBMAP KNOPPEN
*/
#submapknoppen_container {
    background   : url(../img/submapknoppen_bg.gif) repeat-y 1px top;
    border-right : 1px solid #ccc;
    width        : 650px;
}

#submapknoppen_container .clear {
    clear : both;
}

#submapknoppen_container ul {
    margin     : 0;
    padding    : 0;
    list-style : none;
    background : url(../img/submapknoppen_bg.gif) repeat-y 1px top;
    height     : 23px;
    width      : 650px;
}

#submapknoppen_container ul li:hover ul,
#submapknoppen_container ul li.hover ul {
    display : block;
}

#submapknoppen_container li {
    float        : left;
    border-left  : 1px solid #A0A0A0;
    border-right : 1px solid #e7e7e7;
    padding      : 5px 10px 4px 10px;
    white-space  : nowrap;
    position     : relative;
}

#submapknoppen_container li.active,
#submapknoppen_container ul ul li.active {
    border         : none;
    border-left    : 1px solid #A0A0A0;
    border-right   : 1px solid #e7e7e7;
    background     : url(../img/submapknoppen_active.gif) repeat-x left 1px;
    margin         : 0;
    padding-bottom : 3px;
}

#submapknoppen_container li a {
    margin      : 0;
    font-weight : bold;
    color       : #fff;
}

/* SUB SUB */
#submapknoppen_container ul ul {
    margin     : 0;
    padding    : 0;
    list-style : none;
    position   : absolute;
    top        : 23px;
    left       : 0;
    *left      : -1px; /* ie7 hack */
    z-index    : 1337;
    display    : none;
    width      : 200px;
}

#submapknoppen_container ul ul li {
    width        : 200px;
    border-left  : 1px solid #A0A0A0;
    border-right : 1px solid #e7e7e7;
    background   : url(../img/submapknoppen_bg.gif) repeat-y left top;
    padding      : 5px 10px 4px;
}

#it-room-infra {
    position : absolute;
    z-index  : 342;
    left     : 565px;
    top      : 180px;
}

#logo-banner-actie {
    position : absolute;
    z-index  : 342;
    left     : 609px;
    top      : 182px;
}

#it-room-infra a {

}

/**
        REFERENTIE DETAILS
------------------------------------------------------------------------------------------------------
**/
.referentie_details h2 {
    font-size    : 1.3em;
    margin-right : 5px;
}

._iwes {
    color : #333;
}

/**
		NIEUWSBRIEF OVERZICHT
------------------------------------------------------------------------------------------------------
**/
.nieuwsbrieven_overzicht {
    margin : 15px 0 0 10px;
}

.nieuwsbrieven_overzicht h2 {
    background : #06c;
    color      : #FFF;
    padding    : 5px 10px;
    font-size  : 1.2em;
}

.nieuwsbrieven_overzicht ul {
    list-style-type : none;
    padding         : 10px 0 10px 0;
    border          : 1px solid #06c;
    border-width    : 0 1px 1px 1px;
    margin          : 0;
}

.nieuwsbrieven_overzicht li {
    clear  : both;
    margin : 0 0 3px 0;
    width  : 585px;
}

.nieuwsbrieven_overzicht ul li a {
    display     : block;
    width       : 585px;
    line-height : 2em;
    padding     : 3px 3px 3px 0;
    background  : url(../img/pijl3.gif) no-repeat left 9px;
}

.nieuwsbrieven_overzicht ul li a:hover {
    text-decoration : none;
    padding         : 3px 3px 3px 0;
    background      : #eee url(../img/pijl3.gif) no-repeat left 9px;
}

.nieuwsbrieven_overzicht ul li a:hover span {
    text-decoration : underline;
}

.nieuwsbrieven_overzicht ul li a span.datum {
    float   : left;
    padding : 0 2px 0 15px;
    width   : 90px;
    color   : #999;
    margin  : 0 10px 0 0;
    cursor  : pointer;
}

.nieuwsbrieven_overzicht ul li a:hover span.datum {
    text-decoration : none;
}

/* RECHTERKOLOM */
#left {
    width : 415px;
    float : left;
}

#right {
    position : relative;
    width    : 185px;
    float    : right;
}

.navright {
    width            : 178px;
    border           : 1px solid #ccc;
    margin           : 0 0 1em 0;
    background-color : #fff;
}

.blok_content {
    padding : 0.4em 0.4em 0.4em 0.8em;
}

.navright a,
.navright a:visited,
.navright a:hover {
    color : #369;
}

.navright ul {
    list-style-type : none;
    margin          : 2px 0 10px 0;
    padding         : 0;
}

.navright ul li {
    background  : url(../img/bullet.gif) top left no-repeat;
    margin      : 0;
    padding     : 0 0 0 10px;
    line-height : 1.4em;
}

.navright h3 {
    line-height   : 1.4em;
    background    : #DA027F;
    font-weight   : bold;
    color         : #FFF;
    padding       : 6px 0 5px 9px;
    border-bottom : 1px solid #CCC;
}