/* Comment Generated by Combres - Resource '~/css/styles.css' (Mode: Static) */
/* --------------------------- reset + main html redefinitions  */

/*  common tag redefinitions  */
html, body, form, fieldset {
    font:100%  "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin:0;
    padding:0;
}
html {
    font-size:100%;
}
body {
    background: #bfbfbf;
    color:#414042;
    line-height:1.3em;
    font-size:0.75em; /* 12px */
}
* {
    font-size:100%; /* avoids font scaling in a table - if this distroys all layout, just use table */
}

a {
    color:#04677e;
}
a:visited {
    color:#252525;
}
a:hover {
    color:#04677e;
}
a img {
    border:none; /* avoids border when img is link */
}
/* Neutralize/reset styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, dl, hr, address ,hr {
    margin:1em 0;
    padding:0;
}
ul { /* only within ul, so OL lists keep their default settings */
    margin:0;
    padding:0;
}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
hr {
    border:none;
    border-bottom:1px solid #c6c7c8;
    border-top:1px solid #fefefe;
    height:2px;
    margin-left:-19px;
}
input, select, textarea {
    font-size: 100%;
    font-family: inherit;
    color:#666;
}
ul li { /* only within ul, so OL lists keep their default settings */
    list-style:none;
    padding:0;
    margin:0;
}
td {
    vertical-align:top; /* relevant in most cases, i.e. in application layout */
}

/* --------------------------- shared styles  */
/*  common styles  */
.alignR {
    text-align:right;
}
.clearfloats {
    clear:both;
}
.floatL {
    float:left;
}
img.floatL {
    margin:0 25px 15px 0;
}
.floatR {
    float:right;
}
img.floatR {
    margin:0 0 15px 15px;
}
.noPadding {
    padding:0;
}
.smallTxt {
    font-size:0.9em;
    line-height:1.2em;
}

/* -------------------- main container --------------------------------*/

.main {
    width:900px;
    margin:0 auto;
    position:relative;	
    background: #dddddd url("/site_images/bck_body.jpg") no-repeat top center
}

/*--------------------- header containers --------------------------- */
#header {
    margin: 0 15px 0 24px;
    height:88px;
}

#headerContent {
    margin: 0 15px 0 16px;
    height:114px;
    }

#brand {
    float:left;
    width:156px;
    margin-right:4px;
    /*padding: 11px 0 0 24px;*/
}

#headerContent #brand {
    background:#d2d3d4;
    height:114 px;
    }

#headerRight {
    float:right;
    width:701px;
    margin-top:10px;
}

#funcNav {
    width:495px;
    float:right;
}
#funcNav .navList {
/*	height:26px;*/
    padding:0;
    float:right;
}
#funcNav .navList li {
    display:inline;
    margin:0;
    padding:1px 0px;
    background: url("/site_images/div_funcNav.gif") no-repeat 0 0; 
    float:left;
}

#funcNav .navList li img {
    vertical-align:middle;
    margin-right:4px
}

#funcNav .navList li.first {
    background: none; 	
}

#funcNav .navList li a {
    text-decoration:none; 
    color:#666666;
    display:block;
    float:left;
    padding: 0 8px 0 5px;
    color:#58585a;
    font-size:0.92em;
    font-weight:bold;	
    }
    
#funcNav .navList li a.first {
    border-left:0px;
    }
    
#funcNav .navList li a:hover {
    color:#47292b; 
    text-decoration:none; 
}

#langNav {
/*	width:45px;*/
    float:left;
}

#langNav .navList {
    height:26px;
    padding:0;
    float:right;
}
#langNav .navList li {
    display:inline;
    margin:0;
    padding:1px 0px;
    background: url("/site_images/div_funcNav.gif") no-repeat 0 0; 
    float:left;
}

#langNav .navList li img {
    vertical-align:middle;
    margin-right:4px
}

#langNav .navList li.first {
    background: none; 
}

#langNav .navList li a {
    text-decoration:none; 
    color:#666666;
    display:block;
    float:left;
    padding: 0 8px 0 5px;
    color:#58585a;
    font-size:0.92em;
    font-weight:bold;
    }
    
#langNav .navList li a.first {
    border-left:0px;
    }
    
#langNav .navList li a:hover {
    color:#47292b; 
    text-decoration:none; 
}

#search {
    background:url("/site_images/bck_search.gif") no-repeat right top;
    float:right;
    width:190px;
    height:26px;
    font-size:0.92em;
}

#search .inputfield {
    background:none;
    border:none;
    color:#58585a;
    height:15px;
    float:left;
    width:110px;
    margin:0px 5px 0 10px;
}

#search .btnSearch {
    background:none;
    border:none;
    cursor:pointer;
    /*float:right;*/
    height:16px;
    line-height:16px;
    width:60px;
    font-weight:bold;
}

.headerImage {
    padding-left:19px;
}

/*--------------------- >>> topnav --------------------------- */

#topNav  {
    float:right;
    margin-top:26px;
    position: relative;
    z-index: 1000;
}

/********************** homepage *********************************/

#bodyHome {
    border-bottom:1px solid #c6c7c8;
    margin-top:23px;
}

#bannerHome {
    height:483px;
    background:url("/site_images/img_home01.jpg") no-repeat 0 4px; /*** this image should change randomly on page load ***/  
}

#bannerHome .shadowTop {
    background:url("/site_images/bck_shadowTop.png") repeat-x;
    height:15px;
}

#bannerHome .box	 {
    height:453px;
    padding-top:1px; 
}

#bannerHome .box .txt { 
    height:190px;
    width:346px;
    margin-left:42px;
    margin-top:58px;
}

#bannerHome .box .txt a {
    display:block;
    width:100%;
    height:100%;  
}

#bannerHome .box h1 {   
    margin-right:20px;
    font-size: 2.33em;
    margin-top:0;
    padding-top:10px;
    text-transform:uppercase;
    line-height:1em;
    margin-bottom:0.4em;
}

#bannerHome .box p { 
    margin-right:60px;
    font-size: 1.08em;   
}

#bannerHome .box a {
    color:#414042;
    text-decoration:none;
}

#bannerHome .box a:visited {
    color:#414042;
    text-decoration:none;
}
#bannerHome .box a:hover {
    color:#47292b;
    text-decoration:none;
}

#bannerHome .shadowBottom {
    background:url("/site_images/bck_shadowBot.png") repeat-x;
    height:15px;
}

#contextNav {
    padding:0px 15px 22px 23px;
}

.boxHighlight {
    width:207px;
    height:138px;
    border:1px solid #bbbcbe;
    float:left;
    margin-right:7px;
    position:relative;
    margin-top:19px;
}

#content .boxHighlight {
    width:214px;
    height:138px;
    border:1px solid #bbbcbe;
    float:left;
    margin-right:7px;
    position:relative;
    margin-bottom:40px;
    margin-top:0;
}


.boxHighlight .margin, #content .boxHighlight .margin {
    margin:2px;
    position:absolute;
}

.boxHighlight h2 {
    position:absolute;
    top:2px;
    left:2px;
    z-index:20;
    margin:2px;
    color:#fff;
    font-size:1.08em;
    line-height:18px;
    margin:0;
    padding:0;
    padding-left:18px;
    background:none; 
}

.boxHighlight .subtitle{
    position:absolute;
    top:0px;
    left:0px;
    z-index:20;
    margin:2px;
    color:#fff;
    line-height:18px;
    margin:0;
    padding:0;
    padding: 3px 0 3px 12px;
}

#content .boxHighlight .subtitle{
    width:198px;
    background:rgba(88, 88, 88, 0.8);	
}

#bodyHome .boxHighlight .subtitle{
    width:190px;
    background: rgba(48, 22, 24, 0.8);
}

.boxHighlight .subtitle h4{
    margin:0;
    color:#fff;
    font-size:1.08em;
    float:left;
    font-weight:normal;
    margin:0;
    padding:0;

}
#content .boxHighlight .subtitle h4{
    width:170px;
}

#bodyHome .boxHighlight .subtitle h4{
    width:160px;
}


.boxHighlight .subtitle .arrow{
    float:right;
    margin-right:5px;    
}

.boxHighlight .showAndHide {
    position:absolute;
    top:0px;
    left:0px;
    z-index:22;
    color:#fff;
    font-size:1em;
    margin:0;
    height:134px;  
}

#content .boxHighlight .showAndHide {
    width:212px; 
    background: rgba(88, 88, 88, 0.8);
}

#bodyHome .boxHighlight .showAndHide {
    width:203px; 
  background: rgba(48, 22, 24, 0.8);
}

.boxHighlight .showAndHide div {
    margin:45px 25px 10px 18px;
}

.boxHighlight a {
    color:#fff;
    display:block;
    width:100px;
    height:21px;
    padding-left:10px;
    line-height:21px;
    text-decoration:none;
    background:url("/site_images/bck_moreInfo.png") no-repeat; 
    font-size: 0.9em;
}

/*** product overzicht 2 */

#content .boxHighlight2 {
    width:216px;
    height:138px;
    border:1px solid #bbbcbe;
    float:left;
    margin-right:7px;
    position:relative;
    margin-bottom:40px;
    margin-top:0;
}

#content .boxHighlight2 .margin {
    margin:2px;
    /*background: #dbdadb;*/
    height:134px;
}

.boxHighlight2 .subtitle h4{
    margin:0;
    color:#fff;
    font-size:1.08em;
    font-weight:normal;
    padding:0;
    background:#808285;
    line-height:24px;
    height:24px;
    padding-left:9px;
}

.boxHighlight2 img.floatL{
    margin: 13px 10px 0 10px; 
}

.boxHighlight2 p{
    margin: 18px 7px 10px 0;
    line-height:1.1em;
}

.boxHighlight2 a{
    color: #414042;
}

.boxHighlight2 .subtext 
{
    position: absolute;
    top:116px;
    left:74px; 
}
    
.boxHighlight2 .moreInfo {
    background:url("/site_images/ico_arrowMoreInfo.png") no-repeat right 6px ;
    padding-right:15px;
    }

/*** collectie **/

.collectie {
    margin-left:38px;
    margin-right:6px;
}

#contextNav .buttons {
    float:left;
    padding-left:18px;
    padding-top:10px;
}

.buttons .button {
    background:url("/site_images/but_home_general.png") no-repeat;
    width:189px;
    height:76px;
}

.buttons .button a{
    text-decoration:none;
    color:#4d4d4f;
    font-size:1.3em;
    line-height:1.1em;
    display:block;
    padding-left:13px;
}

.buttons .button a:hover{
    color:#47292b;
}
 
.buttons .button a .buttonTxt{
    float:left;
    width:90px;
    padding-top:15px;
}

.buttons .button img {
    float:right;
}

/*--------------------- >>> leftnav --------------------------- */
#leftNav {
    float:left;
    /*min-height:1px; /* important to keep widht when leftnav is empty */
    overflow:hidden; /* do this on all main containers where client input is possible */
    width:156px; /* 244 - 3px left dropshadow of content items*/
    margin-left:16px;
    }

#leftNav h2 {
    color:#47292B;
    font-size:1.2em;
    font-weight:bold;
    text-transform:uppercase;
    margin:0;
    background: url("/site_images/bck_leftNav.gif") repeat-x top left;
    padding:8px 6px 5px 0px;
}
#leftNav a {
    text-decoration:none;
    display:block;
   /* text-shadow:1px 1px 1px #FFF ;*/
    color:#47292B;
    font-weight:bold;
    padding:6px 16px 5px 6px;
}

#leftNav ul a 
{
    color: #47292B;
    background: inherit;
}
#leftNav ul a:hover, 
#leftNav ul a.active {
    color: #fff;
    text-decoration:none;
    background: #47292B;
}

#leftNav ul ul a 
{
    color: #58595B;
    background: #c8c9c9;
}
#leftNav ul ul a:hover,
#leftNav ul ul a.active {
    color:#252525;
    text-decoration:none;
    background: #c8c9c9;
}

#leftNav ul ul ul a 
{
    color: #787979;
    background: #c8c9c9;
}

#leftNav ul ul ul a:hover,
#leftNav ul ul ul a.active {
    color:#252525;
    text-decoration:none;
    background: #c8c9c9;
}
 
#leftNav ul {
    margin:0;
}
#leftNav ul li {
    background: url("/site_images/bck_leftNav.gif") repeat-x top left;
    padding-top:2px;
}
 

#leftNav ul li a {
    padding-left:6px;
}

#leftNav ul li a.node 
{    
    background: #c8c9c9 url("/site_images/ico_arrowList.png") no-repeat 0px center ;
}

#leftNav ul ul li a {
    padding-left:16px;
}

#leftNav ul ul li a.node 
{    
    background: #c8c9c9 url("/site_images/ico_arrowList.png") no-repeat 6px center ;
}

#leftNav ul ul ul li a {
    padding-left:26px;
}

#leftNav ul ul ul li a.node 
{    
    background: #c8c9c9 url("/site_images/ico_arrowList.png") no-repeat 16px center ;
}

#leftNav ul ul ul ul li a {
    padding-left:36px;
}

#leftNav ul ul ul ul li a.node 
{    
    background: #c8c9c9 url("/site_images/ico_arrowList.png") no-repeat 26px center ;
}

/*--------------------- >>> contentMid --------------------------- */

#bodyContent {
        border-bottom:1px solid #c6c7c8;
        background:url("/site_images/bck_content.gif") repeat-y;
}

.content 
{
    margin-left: 20px;
}

#content {
    float:left;
    overflow:hidden;
    width:728px;
    line-height:1.4em;
    padding-top:1px;	
    margin-top:0px;
}
#content .margin {
    margin-left:38px;
    margin-right:16px;
}

/* define main html tags in content space */
#content ul {
    margin:1em 0;
}
#content ul li {  /*** change 08/02/11 ***/
    background:url("/site_images/ico_arrowList.png") no-repeat 0 3px;
    padding:0 0 .3em 12px;
    margin-left:15px;
}
#content ul ul li {
    background:url("/site_images/bul_smallGrey.gif") 0 .4em no-repeat;
    padding:0 0 .3em 1em;
}

#content h1  {
    font-size:2.17em;
    font-weight:normal;
    margin-top:7px;
    color:#58595b;
    width:400px;
    float:left;
    margin-bottom:19px;
    text-transform:lowercase; 
}

#content h2 {
    font-size:1.27em;
    color:#47292b;
    font-weight:bold;
    background:url("/site_images/ico_h2.png") no-repeat top left;
    padding: 10px 0 10px 20px;
    margin-left:-20px;
}

#content h3 {
    font-size:1.17em;
    color:#47292b;
    font-weight:bold;
/*    background:url("/site_images/ico_h3.png") no-repeat top left;*/
    margin-left: 0px;
    padding: 5px 0px 5px 0px;
}

.columnSmall {
 width:450px;
}

.boxContent, .boxContentMagazine {/*** new 07/02/2011 ***/
    background: #d3d4d5 url("/site_images/bck_contentTopBox.gif") repeat-x top;
    padding-top:3px;	
    margin-bottom:10px;
    padding-bottom:0;
}

.boxContent .imgLeft {
    float:left;
    margin-right:25px;
    width:448px;
}

.boxContent .imgLeft.L {
    float:left;
    margin-right:25px;
    width:481px;
}

.boxContent .imgLeftSmall {
    float:left;
    margin-right:15px;
    width:243px;
    height:346px;
}

.boxContentMagazine .imgLeftSmall { /*** new 07/02/2011 ***/
    float:left;
    margin-right:15px;
    width:240px;
    height:300px;
    padding-top:10px;
    padding-left:3px;
}

.boxContent .txtRight, .boxContentMagazine .txtRight {/*** new 07/02/2011 ***/
    float:left;
    width:166px;
    padding:20px 10px 10px 10px;
    line-height:1.3em;
}

.boxContent .txtRight h2, .boxContentMagazine .txtRight h2 {
    margin-top:0;
}

.boxContent .txtColumn{
    float:left;
    width:190px;
    padding:5px 10px 5px 10px;
    line-height:1.5em;
/*	border-right:3px solid #e4e5e5;*/
    height:230px;
    margin-left:15px;
    }
    
.boxContent .txtColumnL{
    float:left;
    width:230px;
    padding:5px 5px 5px 10px;
    line-height:1.5em;
/*	border-right:3px solid #e4e5e5;*/
    height:230px;
    margin-left:15px;
}
.boxContent .txtColumnR{
    float:left;
    width:190px;
    padding:5px 5px 5px 10px;
    line-height:1.5em;
/*	border-right:3px solid #e4e5e5;*/
    height:230px;
    margin-left:15px;
}

.boxContent .txtColumn1{
    float:left;
    width:200px;
    padding:5px 10px 5px 15px;
    line-height:1.5em;
    border-right:3px solid #e4e5e5;
    height:336px;
    margin-right:15px;
}

.boxContentMagazine .txtColumn1{ /*** new 07/02/2011 ***/
    float:left;
    width:200px;
    padding:5px 10px 5px 15px;
    line-height:1.5em;
    border-right:3px solid #e4e5e5;
    height:300px;
    margin-right:15px;
}

.boxContent .txtColumn2 {
    float:left;
    width:124px;
    padding:5px 10px 5px 15px;
    line-height:1.0em;
    height:336px;
}

.boxContentMagazine .txtColumn2 {/*** new 07/02/2011 ***/
    float:left;
    width:144px;
    padding:5px 10px 5px 15px;
    line-height:1.5em;
    height:300px;
}

.boxContent a, .boxContentMagazine a{
    color:#414042;
}

.contentTxt {
    padding-left:20px;
    padding-top:10px;	
}

table.diensten td{
    padding-right:10px;
    padding-bottom:10px;
    
}

.contentTable td {
    padding-right:50px;	
}

.contentTableProducts {
    margin-top:25px;
    margin-bottom:25px;
}

.contentTableProducts td {
    padding-bottom:10px;
}

.contentTableProducts td.label {
    padding-right:25px;	
    text-align: right;
    font-weight:bold;
}

/*------------------------ path ------------------------------*/
#path {
    background: url("/site_images/bck_path.gif") no-repeat;
    color:#58595b;
    padding: 0 12px;
    margin: 20px 16px 27px 37px;
    font-size:0.83em;
    height:29px;
    line-height:29px;
}

#path img {
    margin:0 .8em;
    vertical-align:middle;
}
#path a:link, 
#path a:visited {
    text-decoration:none;
    color:#58595b;
}
#path a:hover {
    text-decoration:underline;
}

/*--------------------- footer --------------------------- */
#footer {
    border-top:1px solid #fefefe;
    color:#414042;
    padding: 6px 0;
}

#footer .navList {
    height:26px;
    padding:0;
    margin-left:205px;
}
#footer .navList li {
    display:inline;
    margin:0;
    padding:1px 0px;
    background: url("/site_images/div_funcNav.gif") no-repeat 0 0; 
    float:left;
}

#footer .navList li.first {
    background: none; 	
}

#footer .navList li a {
    text-decoration:none; color:#666666;
    display:block;
    float:left;
    color:#58585a;
    font-size:0.92em;
    font-weight:normal;	
    }
    
#footer .navList li span{	
    padding: 0 12px;
}

#footer .navList li img {
    vertical-align:middle;
    margin-right:4px
}
    
#footer .navList li a.first {
    border-left:0px;
    }
    
#footer .navList li a:hover {
    color:#47292b; 
    text-decoration:none; 
}

/*----------------- add to anny ----------------------------------*/

.sharePrint {
    float:right;
    height:29px;
    background:url("/site_images/bck_share.gif") repeat-x;
    width:200px;	
}

.a2a_default_style  {
    padding-top:6px;
    float:left;
    margin-left:5px;
}

.a2a_menu span, .a2a_img {
    background-image:url("/site_images/icons.png") !important;
}

/*.a2a_button_facebook {
    background-image:url("/site_images/ico_shareFB.png")  !important;
    background-repeat: no-repeat;
    background-position:5px 0 !important;
}



.a2a_button_twitter {
    background-position:5px 0 !important;
    background-image:url("/site_images/ico_shareTW.png")  !important;
    background-repeat: no-repeat;
}

.a2a_i_email {
    background-position:5px 0 !important;
    background-image:url("/site_images/ico_shareMail.png")  !important;
    background-repeat: no-repeat;
}
*/

.a2a_default_style a {
    padding-left:5px !important;
    padding-right:5px !important;	
}

.a2a_i_a2a {
    background-image:url("/site_images/ico_sharePlus.png")  !important;
    background-repeat: no-repeat;
}

.a2a_default_style .a2a_divider {
    border-left:0px !important;
    background: url("/site_images/div_share.png") no-repeat 0 0 !important; 
    width:2px;	
}

.a2a_default_style a {
    color:#58585a !important;
    font-weight:bold;
    font-size:0.92em;
    text-decoration:none;
}

.print {
    margin-top:6px;
    padding-top:1px;
    padding-left:10px;
    background: url("/site_images/div_share.png") no-repeat 0 0 ; 
    float:left;
    margin-left:5px;
}

/****************** gallery page *************/

.galleryBox {
    background: url("/site_images/bck_contentTopBox.gif") repeat-x top;
    padding-top:4px;	
    margin-bottom:10px;
}
.galleryInfo {
    height:269px;
    background:url("/site_images/bck_galleryInfo.png") no-repeat
}

#content .galleryInfo .margin {
margin: 30px 40px;
}

.galleryInfoTxt {
    width:268px;
    height:269px;
    float:left;	
    
}

.galleryInfoColor {
    width:202px;
    height:134px;
    float:left;
    background: url("/site_images/bck_galleryColor.png") no-repeat 9px 22px ;
}

.colorBck {
    width:99px;
    float:left;
    margin-top:27px;
}

.colorTxt {
    width:80px;
    float:left;
    margin-top:27px;
}

.colorBck span.bgColor {
    display:block;
    width:61px;
    height:52px;
    margin-left:18px;
    
}

.colorBck span.bgColorTxt {
    display:block;
    width:61px;
    height:20px;
    margin-left:18px;
    margin-top:5px;
    text-align:center;
    font-size:0.83em;
}

.colorTxt H4 {
    margin-top:0;
}

.contextNavigation {
    margin-top:45px;
    background:url("/site_images/bck_contextNavi.png") repeat-x;
    padding-top:42px;	
    padding-left:28px;
    margin-bottom:30px;
    }

.contextItem {
    width:216px;
    height:115px;
    background:url("/site_images/bck_contextNavItem.png") no-repeat;
    float:left;
    margin-right:15px;
    line-height:1.2em;
/*    overflow: hidden;*/
    }
    
.contextItem img {
    margin-top:3px;   /*** change 08/02/11 ***/
    /*float:left;*/
    }
    
.contextItem img.floatL {
    margin-right:15px;   /*** change 08/02/11 ***/
    /*float:left;*/
    }
    
.contextItem p { /*** change 08/02/11 ***/
    margin:3px 15px;
    color:#5d5d5f;
    }
        
.moreInfo {
    background:url("/site_images/ico_arrowMoreInfo.png") no-repeat right 6px ;
    padding-right:15px;
    }
    
#content .contextItem h3 {
    font-size: 1.33em;
    font-weight: normal;
    color:#4d4d4f;
    margin:0.8em 15px 0.5em 15px;  /*** change 08/02/11 ***/
    padding: 0 0 0 0;
    background: none;
}

.contextItem a {
    color:#5d5d5f;
}

/**************** Gallery ****************/
#photos {
    visibility: hidden;
    background: url("/site_images/bck_strips.png") bottom no-repeat!important;
    height:535px!important;
}
/* LOADING BOX */
.loader {
    background: url("/site_images/loader.gif") center center no-repeat #ddd;
}
.filmstrip {
    margin:0;
    padding:0
}
.filmstrip li {
    background:url("/site_images/bck_stripItem.png")!important;
    text-align:center;
    width:111px;
    margin:0!important
}
.filmstrip li img {
    margin:5px 0 0 0;
    height:63px; /*** new 07/02/2011 ***/
    width: 101px;
}
.strip_wrapper {
    top:437px!important;
}
.nav-next 
{
    /*
    top:454px!important;
    right:0px!important */
}
.nav-prev {
    /*top:454px!important;
    left:0px!important*/
}
.panel-overlay {
    width:675px !important;
    height:424px!important;
    top:0!important;
    left:0!important;
    padding:0!important;
    margin:0!important;
    background:url("/site_images/bck_panel_overlay.png") right top no-repeat
}
.panel-overlay a {
    display:block!important;
    width:100%;
    height:100%
}

/*** collectie ***/

.brochures .item {
    float:left;
    }	
    
.brochures .divider {
    float:left;
    width:45px;
    height:20px;
    }	

.brochures .item img {
    margin-bottom:5px;
}	

/*** magazines ***/
/*** new 07/02/2011 ***/

.brochuresIssuu {/*** new 07/02/2011 ***/
/*        background-color:#d3d4d5;*/
        padding:0px;
}

.brochuresIssuu p 
{
    margin: 0px;
    padding: 0px;
}
    
.brochuresIssuu .item {/*** new 07/02/2011 ***/
    float:left;
    margin-bottom:20px;
    display:block;
    width: 205px; 
    overflow: hidden; 
    padding-left: 5px; 
    padding-right: 5px;
    padding-bottom: 10px;
    padding-top: 5px;
    }	
 
.brochuresIssuu .item .title 
{
    height: 4em; 
    width: 190px; 
    text-align:center;
    font-weight: normal;
    overflow: hidden;
    padding: 0px;
    margin:0px;
    line-height: 1em;
    border: 0px solid black;
    vertical-align:top;
}

.brochuresIssuu .item .box 
{
    text-align:center;
}
   
.brochuresIssuu .divider {/*** new 07/02/2011 ***/
    float:left;
    width:10px;
    height:20px;
    }	

.brochuresIssuu .item img {/*** new 07/02/2011 ***/
    margin-bottom:5px;
}	

.brochuresIssuu .item strong {/*** new 07/02/2011 ***/
padding-left:20px;
}

/** producten detail **/

.productDetail {
    background:url("/site_images/bck_prodetRight.gif") repeat-y;	
}
.boxLeft {
    width:165px;
    float:left;	
    /*color:#fff;*/
/*    margin-right:25px;*/

padding: 2px;
/*    border-right: 2px solid #eee;*/
}

#content .boxLeft h2 {
/*    color:#fff;
    background:url("/site_images/ico_h2White.gif") no-repeat top left;*/
}

#content .boxLeft .margin {
    margin-left: 38px;
    margin-right: 20px;
    margin-bottom:18px;
}

.boxLeft img 
{
    border-bottom:2px solid #fff;
}

.boxRight {
    width:445px;
    float:left;	
    margin-left: 20px;

}

/*** winkels ***/

.winkelOverzicht {
 width :100%
}

#content .winkelOverzicht h2 {
    font-size:1.17em;
    color:#58595B;
    font-weight:bold;
    background:none;
    padding: 0px;
    margin-left:0px;
    text-transform: lowercase;
}

#content .winkelOverzicht table {
    width: 100%
}

#content .winkelOverzicht td {
    width: 25%;
}

#content .winkelOverzicht a 
{
 text-transform: lowercase;
 text-decoration: none;
 color: #58595B;
}

#content .winkelOverzicht a:visited,#content .winkelOverzicht a:hover
{
 text-transform: lowercase;
 text-decoration: none;
 font-weight: bold;
 color: black;
}

.boxContentMap {
    background: url("/site_images/bck_contentTopBox.gif") repeat-x top;
    padding-top:3px;	
    margin-bottom:0px;
}

.location {
    background:rgba(88, 88, 88, 0.1);
    float:left;
    margin:2px;
    width:333px;
    height:105px;
}

.location .boxLeft {
    width:40px;
    height:105px;
/*    border-right:1px solid #fff;*/
    float:left;
    margin-right:0;
    margin-left: 0;
}

.location .boxRight {
    width:245px;
    height:105px;
    border-left:1px solid #bcbec0;
    float:left;
    padding-left:15px
}

#content .location h2 {
    font-size:1.17em;
    color:#47292b;
    font-weight:bold;
    background:none;
    padding: 0px;
    margin:10px 0 0 0;
}

#content .location p {
    margin:5px 0;
}
.location .moreInfo {
    background:url("/site_images/ico_arrowMoreInfo.png") no-repeat right 6px ;
    padding-right:15px;
}

.location a{
    color: #414042;
}

.location .ico {
    width:27px;
    height:52px;
    background:url("/site_images/ico_picker.png") no-repeat;
    margin:20px;
    text-align:center;
    font-weight:bold;
    font-size:1.2em;
    padding-top:4px;
}

/*** workshops ***/

.pagerList {
    width:100%;
    border-collapse: collapse;
    margin-top:15px;
}

.pagerList td {
    padding:10px;
    background-color:#D3D4D5;
    border-top:2px solid #fbfbfb;
    border-bottom:2px solid #fbfbfb;
    
}

.pagerList th {
    text-align:left;
    padding:5px 10px;
    border-top:1px solid #c6c7c8;
    border-bottom:1px solid #c6c7c8;
    }
    
.vacatureList {
    width:100%;
    border-collapse: collapse;
    margin-top:15px;
}

.vacatureList td 
{
    text-align: left;
    padding: 5px 4px;
    border-top:0px solid #fbfbfb;
    border-bottom:0px solid #fbfbfb;   
}

.vacatureList th {
    text-align:left;
    padding:5px 4px;
    background-color: #D3D4D5;
    border-top:0px solid #c6c7c8;
    border-bottom:0px solid #c6c7c8;
    }
  
.vacatureList td.zero 
{
   background-color: inherit;
   border-top: 0px solid black;
   border-bottom: 0px solid black;
}
  
.even 
{
    background-color: #F3F4F5;
}

.odd 
{
    background-color:#E3E4E5;
}
    
.workshops {
/*    background: url("/site_images/img_formWorkshops.png") no-repeat bottom right; */ 	
}
    
.itemLocatie {
    float:left;
    padding:0;
    padding-right:1px;
    height:20px;
    margin-left:10px;
    margin-top:10px;
}

.itemLocatieActive {
    float:left;
    background:url("/site_images/bck_locatieRight.gif") no-repeat right;
    padding:0;
    padding-right:1px;
    height:20px;
    margin-left:10px;
    margin-top:10px;
}

.itemLocatie a {
    line-height:20px;
    height:20px;
    padding: 0 15px;
    display:block;
    color: #808285;
    font-weight:bold;
    text-decoration:none;
}

.itemLocatieActive a {
    background:url("/site_images/bck_locatieLeft.gif") no-repeat;
    line-height:20px;
    height:20px;
    padding: 0 15px;
    display:block;
    color: #808285;
    font-weight:bold;
    text-decoration:none;
}

.paging {
    text-align:right;
    float:right;
    margin:10px 0;
}

.paging a {
    float:left;
    display:block;
    padding:1px 6px;
    margin-left:2px;
    color:#505153;
    font-weight:bold;
    text-decoration:none;
}

.paging a.active {
    background-color:#c9cbcc;
}

/**** search results ***/

.searchItem {  /*** change 08/02/11 ***/
    background-color: #D3D4D5;
    margin-bottom:5px;
    padding:15px 20px;
}

#content .searchItem h2 {  /*** change 08/02/11 ***/
    background:none;
    margin:0;
    padding:0;
}

.searchItem .fsHit {  /*** change 08/02/11 ***/
    font-weight:bold;
    color:#47292B;
}

.SearchPaging {  /*** change 08/02/11 ***/
    border-bottom: 1px solid #C6C7C8;
    border-top: 1px solid #C6C7C8;
    padding: 5px 10px;
    margin: 5px 0;
    font-weight:bold;
    text-align:center;
}
.SearchPaging a {  /*** change 08/02/11 ***/
    color: #414042;
}



/* Comment Generated by Combres - Resource '~/css/forms.css' (Mode: Static) */
/*--------------------- forms --------------------------- */
.contentForm
{
    border-collapse: collapse;
    background: url("/site_images/bck_form.png") no-repeat;
    padding-top: 100px;
    padding-left: 37px;
    padding-right: 28px;
    margin-top: 45px;
}

#content .contentForm h2
{
    font-size: 1.17em;
    color: #47292b;
    font-weight: bold;
    background: none;
    padding: 0px 0 0px 0px;
    margin-left: 0;
    margin-bottom: 0;
}

.contentForm .subtitle
{
    font-size: 1.17em;
    color: #58595b;
    font-weight: bold;
    margin-top: 0;
}

.contentForm td
{
    padding: 0 5px 10px 0;
    color: #444444;
}

label
{
    text-align: right;
}

label.M
{
    width: 120px;
    display: block;
    background: #eaeaeb;
    padding: 2px 10px;
    font-weight: bold;
}
label.E
{
    width: 120px;
    display: block;
    padding: 2px 10px;
    font-weight: bold;
}

.formTable .inputfield
{
    border: 0px;
    height: 20px;
    line-height: 20px;
}

.formTable input.S
{
    width: 126px; /* 136 - 10 */
    background: url("/site_images/bck_inputfieldS.gif") no-repeat;
    padding: 0 5px;
}

.formTable input.M
{
    width: 215px; /* 235 - 10 */
    background: url("/site_images/bck_inputfieldM.gif") no-repeat;
    padding: 0 5px;
}

.formTable input.L
{
    width: 295px; /* 235 - 10 */
/*    background: url("/site_images/bck_inputfieldM.gif") no-repeat;*/
    padding: 0 5px;
}

.formTable textarea.M
{
    width: 430px; /* 235 - 10 */
/*    background: url("/site_images/bck_inputfieldM.gif") repeat-y;*/
    padding: 0 5px;
}

.formTable select.S
{
    width: 152px;
}

.formTable select.M
{
    width: 225px;
}

.formTable input.Merror
{
    width: 215px; /* 235 - 10 */
    background: url("/site_images/bck_inputMerror.gif") no-repeat;
    padding: 0 5px;
}

.verplicht
{
    font-size: 0.9em;
    margin-top: 7px;
    margin-bottom: 20px;
}

td { border: 0px solid black;}


/* Comment Generated by Combres - Resource '~/css/superfish.css' (Mode: Static) */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			183px; /* left offset of submenus need to match (see below) */
	background:  url("/site_images/bck_subnav183.gif") repeat-y;
	margin:0;
}

.sf-menu .actief ul {
	position:		absolute;
	top:			-999em;
	width:			183px; /* left offset of submenus need to match (see below) */
	background:  url("/site_images/bck_subnav183HL.gif") repeat-y;
	margin:0;
}


.sf-menu ul li {
	width:			181px;
	margin:0;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			34px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	/*margin-bottom:	1em;*/
}
.sf-menu a {
	/*border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;*/
	padding: 		0 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#58595b;
}
.sf-menu li {
	background:	 url("/site_images/bck_topnav.gif") top left no-repeat;
	margin-left: 7px;
	border-bottom:1px solid #bcbebf;
}

.sf-menu li.actief, .sf-menu li.noSubactief {
	background:	 url("/site_images/bck_topnavHL.gif") top left no-repeat;
	margin-left: 7px;
	border-bottom:1px solid #fff;
}

.sf-menu li a {
	background:	 url("/site_images/bck_topnav.gif") top right;
	margin-left:1px;
	height: 25px;
	line-height:25px;
	color:#58595b;
	text-transform:uppercase;
/*	text-shadow:1px 1px 1px #FFF ;*/
	font-weight:bold;
	font-size:1em;
	
}

.sf-menu li.actief a, .sf-menu li.noSubactief a {
	background:	 url("/site_images/bck_topnavHL.gif") top right;
	margin-left:1px;
	height: 25px;
	line-height:25px;
	color:#58595b;
	text-transform:uppercase;
/*	text-shadow:1px 1px 1px #FFF ;*/
	font-weight:bold;
	font-size:1em;
	
}
.sf-menu li li {
	background:		none;
	border-top:1px solid #fff;
	border-bottom:1px solid #bcbec0;
	margin-left:1px;
	margin-right:1px;
}

.sf-menu li li.first {
	background:	none;
	border-top:0px;
	border-bottom:1px solid #bcbec0;
	margin-left:1px;
	margin-right:1px;
}

.sf-menu li li a {
	background:	 none;
	margin-left:1px;
	height:auto;
	color:#58595b;
	text-transform: none;
/*	text-shadow:1px 1px 1px #FFF ;*/
	font-weight:bold;
	font-size:0.92em;
	border-bottom:none;
}

.sf-menu li.actief li a {
	background:	 none;
	margin-left:1px;
	height:auto;
	color:#58595b;
	text-transform: none;
/*	text-shadow:1px 1px 1px #FFF ;*/
	font-weight:bold;
	font-size:0.92em;
	border-bottom:none;
}

.sf-menu li li img {
	border:1px solid #fff;
	margin:4px 4px 4px 0;
	vertical-align:middle;
}

.sf-menu li:hover, .sf-menu li.sfHover {
	outline:		0;
	padding-bottom:10px;
	border-bottom:0px solid #bcbebf;
}

.sf-menu li.noSub:hover {
	outline:		0;
	padding-bottom:0;
	border-bottom:1px solid #bcbebf;	
}

.sf-menu li.noSubactief:hover {
	outline:		0;
	padding-bottom:0;
	border-bottom:1px solid #fff;	
}

.sf-menu li li:hover, .sf-menu li li.sfHover {
	outline:		0;
	padding-bottom:0;
	background-color:#c7c8ca;
	border-bottom:1px solid #bcbec0;
}

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
	border-bottom:0px;
	padding-bottom:10px;
}

.sf-menu .noSub a:focus, .sf-menu .noSub a:hover, .sf-menu .noSub a:active {
	outline:		0;
	border-bottom:0px solid #bcbebf;
	padding-bottom:0px;
}

.sf-menu .noSubactief a:focus, .sf-menu .noSubactief a:hover, .sf-menu .noSubactief a:active {
	outline:		0;
	border-bottom:0px solid #fff;
	padding-bottom:0px;
}

.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	outline:		0;
	border-bottom:0px;
	padding-bottom:0px;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url("/site_images/arrows-ffffff.png") no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url("/site_images/shadow.png") no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}

.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/* Comment Generated by Combres - Resource '~/css/shadowbox.css' (Mode: Static) */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url("/site_images/loading.gif") no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url("/site_images/close.png");}
#sb-nav-next{background-image:url("/site_images/next.png");}
#sb-nav-previous{background-image:url("/site_images/previous.png");}
#sb-nav-play{background-image:url("/site_images/play.png");}
#sb-nav-pause{background-image:url("/site_images/pause.png");}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}



/* Comment Generated by Combres - Resource '~/css/datePicker.css' (Mode: Static) */


table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url("/site_images/calendar.png") no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}