/* style.css contains a reset, font normalization and some base styles.
  
  credit is left where credit is due.
  additionally, much inspiration was taken from these projects:
    yui.yahooapis.com/2.8.1/build/base/base.css
    camendesign.com/design/
    praegnanz.de/weblog/htmlcssjs-kickstart
 */
/* html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block }
    nav ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; cursor:pointer; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through }
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }
/* tables still need cellspacing="0" in the markup  */
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle }
/* END RESET CSS
   ================================================== */
/* * minimal base styles
   ================================================== */
body { font: 13px arial,helvetica, "Nimbus Sans L" , "Bitstream Vera Sans" , sans-serif; font-size: 12px; background: url(../img/body_bg.gif) 0 0 repeat-x; color: #333; }
body.landing { background-image: none }
table { font-size: inherit; font: 100%; }
select, input, textarea { font: 99% arial,helvetica, "Nimbus Sans L" , "Bitstream Vera Sans" , sans-serif }
body, select, input, textarea { color: #404337 }
/* www.aestheticallyloyal.com/public/optimize-legibility/  */
h1, h2, h3, h4, h5, h6 { font-weight: bold; text-rendering: optimizeLegibility; }
h2 { font-size: 17px; margin-bottom: 13px; }
/* maxvoltar.com/archive/-webkit-font-smoothing  */
html { -webkit-font-smoothing: antialiased }
/* ===[ Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test ]=== */
a:active { outline: none }
a:focus { outline: none }
a, a:active, a:visited { color: #3287a4; text-decoration: none; }
a:hover { color: #3287a4; text-decoration: underline; }
a.disabled, a.button.disabled { color: #ccc }
a.disabled:hover, a.button.disabled:hover { text-decoration: none }
ul { margin-left: 30px; margin-bottom: 10px; }
ol { margin-left: 30px; list-style-type: decimal; }
small, p.small { font-size: 10px }
strong, th { font-weight: bold }
td, td img { vertical-align: top }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { padding: 15px; /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */ white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ ; }
p { margin-bottom: 10px }
label { font-weight: bold }
/* always force a scrollbar in non-IE  */
html { overflow-y: scroll }
/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/  */
button { width: auto; overflow: visible; }
/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/  */
.ie7 img { -ms-interpolation-mode: bicubic }
large, p.large, .greyContent large { font-size: 16px; font-weight: bold; color: #3287A4 !important; line-height: 30px; margin-bottom:0; }
/* * Non-semantic helper classes
   ================================================== */
/* for image replacement  */
.ir { display: block; text-indent: -9999px; overflow: hidden; background-repeat: none; }
/** Hide for both screenreaders and browsers
 *    css-discuss.incutio.com/wiki/Screenreader_Visibility 
 */
.hidden { display: none; visibility: hidden; }
/** Hide only visually, but have it available for screenreaders 
 *    www.webaim.org/techniques/css/invisiblecontent/ 
 *    Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! 
 */
.visuallyhidden { position: absolute !important; nowhitespace: afterproperty; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); ; }
/* ===[ Hide visually and from screenreaders, but maintain layout ]=== */
.invisible { visibility: hidden }
/* >> The Magnificent CLEARFIX <<
   ================================================== */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block }
* html .clearfix { height: 1% }
/* ===[ Hides from IE-mac \ ]=== */
.clearfix { display: block }
.clear { clear: both }
/** Primary Styles
 *     Author: Wouter Govaert
 *  
 */
/* * header
   ================================================== */
header { width: 970px; position: relative; height: 73px; margin: 0 auto; background: url(../img/header_bg.png) 0 0 no-repeat; z-index:500; }
#topNav { position: absolute; right: 0; top: 0; }
	header #headnav { position:absolute; font-size:11px; left:200px; top:2px; display:block; }
    #topNav ul { margin: 0; float: right; }
        #topNav ul li { float: left; list-style-type: none; }
            #topNav ul li a { display: block; float: left; margin-left: 12px; font-size: 11px; color: #404337; padding-top: 2px; padding-bottom: 7px; }
    #topNav #languagesDropDown { display: none; position: absolute; right: 0; top: 22px; z-index: 100; background: url(../img/language_dropdown.png) 0 -26px no-repeat; width: 160px; padding: 15px; height: 230px; }
        #topNav #headnav { position:absolute;  }
        #topNav #languagesDropDown ul { float: none }
    #topNav a#countryLink { padding-right: 17px; padding-left: 6px; background: url(../img/back_arrow.png) 88% 6px no-repeat; margin-left: 0; position: relative; }
    #topNav span#countrySpan { width: 11px; height: 23px; float: left; display: block; position: relative; }
    #topNav a#countryLink.activeTop { background: url(../img/language_dropdown.png) 100% -3px no-repeat; color: #3285a7; }
    #topNav li.activeTop span#countrySpan { background: url("../img/language_dropdown.png") no-repeat scroll -38px -3px transparent }
    #topNav #languagesDropDown li, #topNav #languagesDropDown a { float: none; margin-left: 0; }
    #topNav #languagesDropDown a { font-size: 13px }
        #topNav #languagesDropDown a span { color: #999999 }
    #topNav #languagesDropDown li { background: url(../img/dark_arrow.png) 0 50% no-repeat; padding-left:10px !important; padding-right:0; }
    #topNav #languagesDropDown ul li a { padding-bottom: 0 }
    #topNav #languagesDropDown ul#languagesDropDown1 { /*border-bottom: 1px dotted #bdbeb8;*/ padding-bottom:8px; margin-bottom:8px;  }
    .dede #topNav #partnerProgram { display:none; }
img#siteLogo { position: absolute; left: 0; bottom: 15px; }
#topSearchBox { /*position: absolute; top:43px; right:0;*/ float:right; margin-top:-31px; background:url(../img/searchbar.png) 0 0 no-repeat; width:181px; height:22px;  }
#topSearchBox.faqSearch { margin-top:5px; margin-bottom:10px; background-image:url(../img/wide_search_bar.png); width:361px; }
	#topSearchBox.faqSearch input { width:300px;}
    #topSearchBox input { border: none !important; border: 0 !important; outline: none; margin: 2px 0 0 10px; width: 145px; font-size: 11px; }
    #topSearchBox a { display: block; float: right; width: 24px; height: 20px; overflow: hidden; text-indent: -9999px; }
#mainNav { margin-left: 199px; padding-top: 34px; }
    #mainNav > ul { margin: 0; padding: 0; line-height: 16px; height: 39px; zoom: 1; }
        #mainNav > ul > li { float: left; list-style-type: none; padding: 0; line-height: 16px; padding: 0 0 0 7px; zoom: 1; }
        #mainNav > ul > li.dropdown { z-index: 1000 }
            #mainNav > ul > li.dropdown > a { display: block; float: left; letter-spacing: -1px; font-weight: bold; font-size: 16px; line-height: 16px; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; color: #484e42; padding: 10px 15px 13px 0; background: url(../img/main_nav_arrow.png) 100% 47% no-repeat; zoom: 1; }
        #mainNav > ul > li > a { display: block; float: left; letter-spacing: -1px; font-weight: bold; font-size: 16px; line-height: 16px; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; color: #484e42; padding: 10px 13px 13px 0; zoom: 1; }
        #mainNav > ul > li.dropdown > a:active, #mainNav ul li.dropdown > a:focus { outline: none; zoom: 1; }
        #mainNav > ul > li > span { float: left; display: block; width: 7px; margin: 0; padding: 10px 0 13px 0; height: 16px; position: relative; right: -2px; zoom: 1; }
        #mainNav > ul > li > a:hover, #mainNav ul li.menuActive > a {  text-decoration: none; zoom: 1; }
        #mainNav > ul > li.dropdown > a:hover, #mainNav ul li.menuActive.dropdown > a { background: url(../img/main_nav_active_arrow.png) 100% 47% no-repeat;}
        #mainNav > ul > li.over { background: url(../img/hover_main_menu.png) 0 0 no-repeat; z-index: 100; zoom: 1; zoom: 1; }
            #mainNav > ul > li.over > span { background: url(../img/hover_main_menu.png) 100% 0 no-repeat }
        #mainNav > ul > li div.pageContainer { position: absolute; top: 73px; background-color: #fff; border: 1px solid #b9b9b6; padding: 30px 30px 20px 30px; display: none; left: 0; right: 0; z-index: 1000; border-top: none; /*box-shadow: 2px 2px 2px #ccc; -moz-box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 2px #ccc;*/ zoom:1; overflow:hidden; zoom:1;   ; }
        #mainNav > ul > li div.pageContainer.whereToBy { padding: 10px }
div.pageContainer div.clear { height: 1px }
/* * main content
   ================================================== */
/* titles  */
#homeBottom h2 { display: inline-block; clear: both; padding: 5px; background-color: #ecece7; line-height: 17px; }
#homeCol3 h2 { color: #fff; background-color: #ee7f00; }
#homeCol1, #homeCol2 { width: 265px; padding: 20px 0 20px 20px; float: left; }
    #homeCol1 span img { display: none }
    #homeCol1 strong a, #homeCol2 strong a { color: #333333 }
#homeCol2 { margin-left: 30px }
#homeCol3 { width: 290px; padding: 20px 20px 20px 30px; float: right; background: url(../img/home_right.png) 0 0 no-repeat; min-height: 205px; }
#topContent h2#pageTitle, #topContent h1#pageTitle { font-size: 21px; color: #404337; margin-bottom: 10px; z-index: -1; white-space: nowrap; }
    #topContent h2#pageTitle a, #topContent h1#pageTitle a { color: #404337 }
#container h2, #login h2 { color: #3385a7; font-size: 20px; }
#container h2.greyTitle { color:#c1c1c1; margin-top:-10px; }
#container h2#detailTitle { width:610px; }
#container h3, #login h3,  #container .greyContent h2, #container .greyContent h3, #container .darkGreyContent h2, #container .darkGreyContent h3, #leftBar h2, #rightBar h2, #container h3 a, #leftBar h2 a, #rightBar h2 a { font-size: 15px; color: #404337; }
#container h3 { margin-bottom: 13px }
#container h2.blue, #container h1.blue  { margin-bottom:13px; font-size: 15px; color: #fff; display: inline-block; clear: both; padding: 5px; background-color: #3287a4; line-height: 15px; }
    #container h2.blue a, #container h1.blue a { font-size: 15px; color: #fff; }
#container h2.lightGrey { font-size:12px; text-transform:uppercase; font-family:Arial, HelveticaNeue, Sans-Serif; color:#bbbbbb; font-weight:normal; }
#container h2.grey { font-size: 15px; color: #404337; display: inline-block; clear: both; padding: 5px; background-color: #edeee9; line-height: 15px; }
#container .blockTitle h2.grey { display: block !important }
.subcategory h2 a, #container h2.grey a { color: #404337; font-size: 15px; }
/* home template  */
#homeContainer { margin: 0 auto; width: 970px; background: url(../img/home_shadows.png) 0 0 no-repeat; min-height: 531px; padding: 0 11px; }
#homeTop { margin: 0; padding: 0;  }
    #homeTop img { display: block }
#homeBottom { clear: both; overflow: hidden; width: 970px; }
#container { width: 970px; clear: both; overflow: hidden; margin: 0 auto; min-height:700px; }
    #container .module { margin-top: 10px }
#topContent { width: 970px; margin: 0 auto; padding: 7px 0 0px; zoom: 1; }
#topContentWrapper { background: #fff url(../img/title_bar.png) 0 100% repeat-x; zoom: 1; }
/* left col template  */
#leftBar { float: left; width: 200px; }
#container.products #leftBar { margin-top: 46px }
#rightContent { float: right; width: 756px; }
#rightLeftContent,#rightLeftContent2 { float: left; width: 540px; }
#rightRightContent,#rightRightContent2 { float: right; width: 190px; }
#rightFifty1 { width: 258px; float: left; }
#rightFifty2 { width: 258px; float: right; }
.anythingBase {   margin:0; padding:0; position:relative; top:0; left:0; }
#slider { width:975px; height:275px; }
div.anythingSlider .anythingWindow { height: 100%; overflow: hidden;position: relative; width: 100%;}
.anythingSlider { position:relative; overflow:hidden; width:975px; height:275px; display:none; z-index:100; }
#homeTop { width:975px; min-height:275px; }
	#homeTop > div.module > ul { display:none; }
.start-stop { position:absolute; top:244px; left:100px; display:none !important; }
.thumbNav { position:absolute; top:244px; left:400px; }
	.thumbNav li { list-style-type:none; float:left; height:11px; width:11px; margin-right:5px; }
		.thumbNav li a { display:block; float:left;  background: url("../img/themas/white_disc.png") no-repeat scroll 0 0 transparent;height: 11px;text-indent: -9000px; width: 11px; }
		.thumbNav li a.cur { background-image: url("../img/themas/blue_disc.png"); }
/* left col2 template  */
.anythingBase .panel { display:block; float:left; margin:0; padding:0; overflow:hidden; }
#rightFifty3 { width: 350px; float: left; margin-right: 35px; }
#rightFifty4 { width: 350px; float: left; }
/* right col template  */
#leftContent { float: left; width: 670px; }
#rightBar { float: right; width: 190px; }
/* niko partner template */
#nikoPartner #leftContent { float: left; width: 752px; }
#nikoPartner #rightBar { float: right; width: 104px; }
img.nikoPartnerLogo { display:block; float:left; margin:0 35px 35px 0; }
.left { float:left !important; }
#container .npp h2 { background-color:#484c40; color:#fff; font-size:12px; font-weight:bold; padding:13px 20px; text-align:left; margin-bottom:0px; }
#container .npp div { background-color:#f0f0f0; padding:13px 20px; margin-bottom:30px; }
#container .npp p { margin-bottom:17px; }
	#container .npp div img { display:block; float:right; margin: 0 0 0 152px; }
/* flyout themes and products  */
.themeFlyOut, .productFlyOut { float: left; width: 142px; height: 119px; background: url(../img/theme_dotted_line.png) 100% 0 no-repeat; margin-right: 11px; text-align: center; position: relative; overflow: hidden; }
.themeFlyOut.noMargin, .productFlyOut.noMargin { margin-right: 0; background-image: none; width: 130px; }
.themeFlyOut .thumbWrapper, .productFlyOut .thumbWrapper { width: 130px; height: 70px; overflow: hidden; margin-bottom: 8px; clear: both; zoom: 1; }
.themeFlyOut a.detailLink, .productFlyOut a.detailLink { color: #404337; background: url(../img/dark_arrow.png) 0 5px no-repeat; padding-left: 8px; font-size: 13px; zoom: 1; }
/* themes  */
/* projects  */
img.themeImage, img.projectImage, img.productImage { display: block; margin-bottom: 23px; margin-top: 23px; }
.tipTop { width: 197px; height: 19px; margin: 0; padding: 0; background: url(../img/tip_top.jpg) -2px 0 no-repeat; }
.tipContent { padding: 0 13px; width: 171px; background: url(../img/tip_content.jpg) -2px 0 repeat-y; color: #3385a7; }
    .tipContent strong { display: block }
.tipBottom { width: 197px; height: 38px; background: url(../img/tip_bottom.jpg) -2px 0 no-repeat; margin-bottom: 10px; }
.contactButtonWrapper { float: right; margin: 0 0 10px 10px; }
#container .contactButtonWrapper .greyTop { margin-top: 0px !important }
.testimonial { margin-bottom: 15px }
/* facedsearch  */
#facetSearch { }
#facedTree { display: none; /*margin-bottom: 23px; */overflow:hidden; clear:both; ; }
#dropDownTrigger { background: url(../img/dropdown_trigger.png) 0 100% no-repeat; float: left; margin-bottom: -45px; zoom: 1; }
    #dropDownTrigger a { display: block; font-weight: bold; float: left; background: url(../img/yellow_arrow.jpg) 100% 11px no-repeat; margin: 0px 10px 8px 0px; color: #404337; font-size: 14px; font-weight: bold; padding: 12px 25px 12px 27px; zoom: 1; clear: left; }
#dropDownTrigger.up a { background-image: url(../img/yellow_cross.jpg) }
#dropDownTrigger.up a { /*background-image: url(../img/dropdown_button_up_left.png);*/  }
#dropDownTrigger span#right { float: left; display: block; background: url(../img/dropdown_trigger.png) 100% 100% no-repeat; height: 48px; width: 8px; margin-right: -8px; zoom: 1; }
#facedTree h3 { font-size: 15px; color: #3285a7; margin-bottom: 6px; }
.facetItem { float: left; nowhitespace: afterproperty; width: 175px; /*min-height: 185px;*/ background:url(../img/products_dotted_line.png) 100% 0 repeat-y; margin-right:15px; padding-right:4px; margin-bottom:10px; zoom:1; ; }
#selectedItems a.selectedItem { display: block; float: left; margin-bottom: 5px; font-size: 15px; color: #404337; background-color: #ecece7; padding: 4px 23px 4px 4px; background: #ecece7 url(../img/brown_cross.jpg) 98% 50% no-repeat; }
img.breadCrumbArrow { display: block; float: left; margin: 3px 3px 6px 3px; }
/* search results  */
.gridItem { width: 160px; height: 142px; overflow: hidden; float: left; margin: 20px 28px 0 0; }
    .gridItem table { margin-bottom: 5px }
        .gridItem table td { width: 160px; height:92px; }
            .gridItem table td input { max-height: 90px; max-width:90px; }
    .gridItem a { color: #404337; word-wrap:break-word; }
    .gridItem a:hover { color: #3385A7; text-decoration: none; }
    .gridItem ul { margin: 0 }
        .gridItem ul li { list-style-type: none }
/* product detail  */
.detailTop { width: 670px; height: 20px; background: url(../img/detail_top.png) 0 0 no-repeat; }
.detailBottom { width: 670px; height: 20px; background: url(../img/detail_bottom.png) 0 0 no-repeat; }
.detailContent { padding: 0 20px; width: 630px; background: url(../img/detail_content.jpg) 0 0 repeat-y; overflow: hidden; }
.productRight { float: right; width: 310px; margin-left: 18px; background: url(../img/products_dotted_line.png) 0 0 repeat-y; }
.productLeftContent { width: 290px; margin-right: 20px; margin-bottom: 20px; padding-top: 20px; background: url(../img/horizontal_dotted_detail.jpg) 0 0 no-repeat; }
.productLeft h3, .productRightContent h3 { margin-bottom: 2px !important }
.productLeft p.articleID, .productRightContent p.articleID { color: #626262 }
.detailContent .colors img, .detailContent .colors input { display: block; margin: 0 2px 2px 0; float: left; border: 1px solid #c2c2c2 !important; padding: 1px; }
.productLeft { float: left; width: 310px; margin-right: 18px; }
.productRightContent { float: right; width: 290px; background: url(../img/products_dotted_line.png) 100% 0 repeat-y; margin-bottom: 20px; padding-top: 20px; background: url(../img/horizontal_dotted_detail.jpg) 0 0 no-repeat; }
#detailMiddleStripe { background: url(../img/products_dotted_line.png) 50% 0 repeat-y; overflow: hidden; }
.colors { float: left; width: 126px; }
.triggerPanel { display:none; }
.collapseColors { margin-left:15px; }
.collapseColors .triggerPanel { display:block; }
.collapseColors a.trigger { display:block; text-decoration:none; /*color:#404337; background: url(../img/collapse_arrow_blue_side.png) 0 50% no-repeat; padding-left: 15px; cursor: pointer;*/ cursor:default;  }
.collapseColors a.trigger.expanded { background-image:url(../img/collapse_arrow_blue_down.png); }
.collapseColors .colors { padding-right:5px; margin-right:5px; margin-bottom:5px; }
td.borderRight {  }
.articleImage { display:block; margin-right:20px; max-width:150px; max-height:150px; }

/* subcategorie  */
.subcategory { background: url("../img/horizontal_dotted_detail.jpg") repeat-x scroll 0 0 transparent; clear: both; margin-top: 16px;
    padding-top: 16px; }
    .subcategory td.image { width:200px; padding-left:27px;  }
    .subcategory img { max-width:140px; }
    #container .subcategory h2, #container .topic h2,  #container .subcategory h2 a { font-size:14px; color:#404337; }
/* in flyout  */
.pageContainer .subCategory { float: left }
.projectFlyOut { width: 270px; float: left; overflow: hidden; margin-right: 20px; margin-bottom:20px; }
.projectFlyOut.last { padding-left: 20px; background: url(../img/products_dotted_line.png)0 0 repeat-y; margin-right: 0; clear:right; }
.projectFlyOut .thumbWrapper { width: 100px; float: left; overflow: hidden; }
.projectFlyOut .thumbWrapper img { max-width:90px; }
.projectFlyOut .projectInfo { float: right; width: 170px; }
.projectFlyOut a.detailLink { display: block; color: #404337; font-weight: bold; background: url(../img/dark_arrow.png) 0 5px no-repeat; padding-left: 8px; font-size: 13px; float: left; clear: both; }
/* search results  */
.searchBox { background: url(../img/search_bar_2.png) 0 0 no-repeat; width: 221px; height: 22px; }
    .searchBox input { border: none; border: 0 !important; margin: 2px 0 0 10px; width: 183px; font-size: 11px; }
    .searchBox a { display: block; float: right; width: 24px; height: 20px; overflow: hidden; text-indent: -9999px; }
/* links and lists */
.greyContent .bulletLinks, .darkGreyContent .bulletLinks { border-bottom: 1px dotted #bdbeb8; padding-bottom: 8px; margin-bottom: 8px; }
div.rulerLine { background:url(../img/catalogue_dotted.jpg) 0 100% repeat-x; height:2px; margin:20px 0; }
    .greyContent .bulletLinks a, .darkGreyContent .bulletLinks a { font-weight: normal }
.bulletLinks a, .bulletlinks a { display: block; font-weight: bold; color: #333; zoom: 1; }
ul.bulletLinks, ul.arrowLinks, ul.bulletlinks { margin: 0 0 10px 0 }
.tabContent2 ul { margin:10px 0; }
/*.topic ul.bulletLinks, .topic ul.arrowLinks,*/ .blockTitle ul.bulletLinks, .subcategory ul.bulletLinks { float: left; clear: right; }
.blockTitle ul.bulletLinks { width:185px; }
ul.customMenu { margin: 0 }
    ul.customMenu ul { margin-bottom: 10px }
.bulletLinks li, .bulletlinks li, .tabContent2 li { padding-left: 15px !important }
.bulletLinks li, .arrowLinks li, .customMenu li, .bulletlinks li, .tabContent2 li { list-style-type: none; margin-bottom: 5px; background: url(../img/blue_arrow.png) 0 5px no-repeat; zoom: 1; padding-left: 10px; }
#mainNav .pageContainer ul.flyOutMenu { margin: 0 0 0 0 !important; padding: 0 !important; }
.pageContainer ul.flyOutMenu li { list-style-type: none; margin-bottom: 5px; background: url(../img/dark_arrow.png) 0 5px no-repeat; display: block; clear: both !important; zoom: 1; }
.bulletLinks li, .bulletlinks li, .tabContent2 li { background: url(../img/orange_arrow.png) 0 3px no-repeat }
a.bulletLink { background: url(../img/orange_arrow.png) 0 3px no-repeat; display: block; font-weight: bold; padding-left: 15px; color: #333; }
.greyContent a.bulletLink, .greyContent .bulletLinks li, .darkGreyContent .bulletLinks li, .darkGreyContent a.bulletLink { background-image: url(../img/blue_arrow_bullet.png); color: #3287A4; }
.arrowLinks a, .customMenu a { display: block; font-weight: normal; color: #333; }
.arrowLinks a.active, .customMenu a.active { font-weight: bold; color: #3287A4; }
.pageContainer ul.flyOutMenu li  a { display: block !important; font-weight: normal; padding-left: 10px; color: #404337; font-size: 13px !important; }
#facedTree .arrowLinks li { background-image: url(../img/dark_arrow.png); color: #404337; }
#facedTree .arrowLinks a span { color: #999999 }
.customMenu a.menuActive { font-weight: bold; color: #3285a7; }
a.back { display: block; padding-left: 10px; background: url(../img/back_arrow.png) 0 5px no-repeat; }
/* collapsible lists  */
ul.collapsibleList { margin: 0 0 10px 0 }
    ul.collapsibleList ul { margin: 0 0 0 2px; display: none; }
    ul.collapsibleList .answer, ul.collapsibleList2 .answer, ul.collapsibleList3 .answer { display:none; font-style:italic; padding:3px; background-color:#f3f3f3; margin:5px 20px; -webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
     -moz-border-radius: 5px; /* FF1-3.6 */ border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ }
    .answer a { font-weight:normal !important; }
    ul.collapsibleList li { list-style-type: none; display: block; font-weight: normal; background: url(../img/blue_arrow.png) 0 7px no-repeat; padding-left: 10px; color: #333; cursor: default; line-height: 18px; zoom: 1; }
    ul.collapsibleList > li.child, ul.collapsibleList3 > li { background: url(../img/collapse_arrow_blue_side.png) 0 5px no-repeat; padding-left: 15px; cursor: pointer; }
    ul.collapsibleList3 > li { list-style-type:none; }
    ul.collapsibleList > li.child.open, ul.collapsibleList3 > li.open { background-image: url(../img/collapse_arrow_blue_down.png) }
    ul.collapsibleList > li.child >ul li.child { background: url(../img/collapse_arrow_brown_side.png) 0 6px no-repeat; padding-left: 11px; cursor: pointer; }
    ul.collapsibleList > li.child >ul li.child.open { background-image: url(../img/collapse_arrow_brown_down.png) }
    ul.collapsibleList a, .tabContent2 ul li a, ul.collapsibleList3 > li a { color: #404337; font-weight: bold; }
    ul.collapsibleList3 > li.open a { color: #3385A7 ; }
    ul.collapsibleList ul a { font-weight: normal }
    ul.collapsibleList li.open > a { color: #3385A7; }
    ul.collapsibleList.smaller li.open > a { color: #404337; }
    ul.collapsibleList li ul.bulletLinks li { list-style-type: none; margin-bottom: 5px; background: url(../img/orange_arrow.png) 0 3px no-repeat; zoom: 1; padding-left: 15px; line-height: 15px; }
ul.collapsibleList2 { margin: 0 0 10px 0; clear:both;}
    ul.collapsibleList2 ul { margin: 0 0 0 2px; display: none; }
    ul.collapsibleList2 li { list-style-type: none; display: block; font-weight: normal; background: url(../img/blue_arrow.png) 0 7px no-repeat; padding-left: 10px; color: #333; cursor: default; line-height: 18px; }
    ul.collapsibleList2 > li.child { background: url(../img/collapse_arrow_blue_side.png) 0 5px no-repeat; padding-left: 15px; cursor: pointer; font-weight: bold; }
    ul.collapsibleList2 > li.child.open { background-image: url(../img/collapse_arrow_blue_down.png) }
    ul.collapsibleList2 li ul { margin: 4px 0 }
        ul.collapsibleList2 li ul li { list-style-type: none; margin-bottom: 5px; background-image: none; zoom: 1; padding-left: 0; line-height: 15px; }
            ul.collapsibleList2 li ul li ul li { list-style-type: none; margin-bottom: 5px; background: url(../img/orange_arrow.png) 0 3px no-repeat; zoom: 1; padding-left: 15px; line-height: 15px; }
            ul.collapsibleList2 li ul li ul { display: block; margin: 10px 0; }
    ul.collapsibleList2 li a { color: #333; font-weight: bold; }
		ul.collapsibleList ul li ul li.open { background-image:url(../img/blue_arrow_down.png); }
/* image sliders  */
.slider-code { height: 125px; overflow: hidden; clear: both; }
    .slider-code .viewport { float: left; width: 471px; height: 125px; overflow: hidden; position: relative; }
    .slider-code .buttons { display: block; width: 33px; height: 90px; float: left; text-indent: -9999px; }
    .slider-code .next { background: url(../img/next.jpg) 0 80% no-repeat }
    .slider-code .prev { background: url(../img/prev.jpg) 0 80% no-repeat }
    .slider-code .disable { visibility: hidden }
    .slider-code .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
        .slider-code .overview li { float: left; margin: 0 20px 0 0; padding: 1px; text-align: center; color: #9a9a9a; font-size: 10px; width: 73px; }
/* video player  */
/* styling of the container.  */
a.myPlayer { display: block; width: 320px; height: 240px; text-align: center; margin: 0 15px 15px 0; float: left; border: 1px solid #999; }
/* play button  */
    a.myPlayer img { margin-top: 90px; border: 0px; }
/* when container is hovered we alter the border color  */
a.myPlayer:hover { border: 1px solid #000 }
/* news  */
p.date { font-style: italic; color: #999; }
div.pager { background: url(../img/pager_bg.jpg) 0 0 no-repeat; width: 756px; height: 36px; overflow: hidden; }
#rightLeftContent div.pager, #rightLeftContent2 div.pager { width:540px; }
    div.pager ul { float: left; margin: 12px 12px 0 12px; }
        div.pager ul li { float: left; list-style-type: none; margin: 0 5px 0 0; }
            div.pager ul li a { color: #484E42 }
            div.pager ul li a.active, div.pager ul li.active a, div.pager ul li.page a.disabled { color: #ec8407; cursor: auto; font-weight: bold; }
            div.pager ul li a.active, div.pager ul li.page a.disabled { text-decoration:underline; }
.newsBlock { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px dotted #ccc; }
/* collapse blocks  */
.collapseWrapper { border: 1px solid #DFDFDF; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: relative; margin-bottom: 20px; }
    .collapseWrapper h3 { background: url("../images/gray-grad.png") repeat-x scroll left top #DFDFDF; text-shadow: 0 1px 0 #FFFFFF; text-shadow: 0 1px 0 #FFFFFF; }
/* projects flyout  */
#projectWrapper { width: 652px }
    #projectWrapper h2 { font-size: 13px; color: #404337; margin-bottom: 5px; background: url(../img/dark_arrow.png) 0 50% no-repeat; padding-left: 10px; }
    #projectWrapper table td { padding: 0 5px 5px 0 }
    #projectWrapper p, #projectWrapper ul { margin-left: 10px }
    #projectWrapper ul { padding: 10px; background-color: #ecece7; }
        #projectWrapper ul li { list-style-position: inside }
    #projectWrapper #projectLeft { float: left; width: 295px; padding-right: 15px; }
    #projectWrapper #projectRight { float: left; width: 283px; padding-left: 15px; background: url(../img/products_dotted_line.png) 0 0 repeat-y; }
/* sub projects  */
/* brochures  */
span#buttonText { line-height: 24px; }
.subProject, .brochure { width: 350px; float: left; }
.subProject.first, .brochure.first { margin-right: 35px }
.subProject ul.bulletLinks { float: left; clear: right; width: 180px; }
.brochure ul.bulletLinks { float: left }
.RadTabStrip .rtsLI a { padding: 10px 20px !important; font-weight: bold; }
.RadTabStrip .rtsLI a.rtsSelected { border: 1px solid #d6d6d6; border-bottom-color: #fff; color: #404337; }
.pageView { border: 1px solid #d6d6d6; padding: 20px; overflow:hidden; }
.RadTabStrip { margin-bottom: -1px !important; z-index: 100; }
table.styledTable, .pageView table { border: 1px solid #a4a4a4; clear:both !important; float:none; }
    table.styledTable td, table.styledTable th, .pageView table th, .pageView table td { padding: 8px; border: 1px solid #a4a4a4; text-align: left; vertical-align: middle; }
     table.styledTable td a, table.styledTable th a, .pageView table th, .pageView table td a { word-wrap:break-word; }
    table.styledTable th, .pageView table th { background-color: #3385a7; font-weight: bold; color: #fff; border-right-color: #fff; }
tr.alternate td { background-color: #fafaf9 }
table.styledTable strong, .pageView table strong { color: #3287A4 }
table.styledTable.noBorder, table.styledTable.noBorder td { border: none }
.brochure { overflow: hidden; width: 540px; clear: both; background: url(../img/horizontal_dotted_detail.jpg) 0 100% repeat-x; padding-bottom: 20px; margin-bottom: 20px; }
.brochure.noBorder { background-image: none; margin: 0; padding: 0; }
.brochureLeft { float: left; width: 165px; }
.brochureRight { float: left; width: 375px; }
/* catalogue page  */
.catalogue { padding: 10px 0; background: url(../img/catalogue_dotted.jpg) 0 100% repeat-x; overflow: hidden; }
.catalogue.last { background-image: none; }
.catalogue1 { float: left; width: 250px; background: url(../img/little_grey_stripe.jpg) 100% 50% no-repeat; font-weight:bold; }
.catalogue2 { float: left; width: 170px; text-align: center; background: url(../img/little_grey_stripe.jpg) 100% 50% no-repeat; }
.catalogue3 { float: left; width: 120px; text-align: center; background: url(../img/little_grey_stripe.jpg) 100% 50% no-repeat; }
#catalogueWrapper { border-top: 1px solid #b9b9b6; border-bottom: 1px solid #b9b9b6; }
/* image gallery  */
#pictureGallery { float: left; margin-right: 20px; width: 440px; margin-bottom: 20px; }
#refImagePreviewContainer { width: 440px; height: 205px; overflow: hidden; margin-bottom: 10px; }
#refImagesBlock img { display: block; float: left; margin-right: 5px; cursor: pointer; border: 1px solid #CCCCCC; width: 96px; }
.refImagesNavigation img.inactive { opacity: .30; /* Standard: FF gt 1.5, Opera, Safari */; filter: alpha(opacity=30); /* IE lt 8 */ -ms-filter: "alpha(opacity=30)"; /* IE 8 */ -khtml-opacity: .30; /* Safari 1.x */ -moz-opacity: .30; /* FF lt 1.5, Netscape */ display: none; }
#refImagesBlock img.active { border-bottom: 5px solid #ec7e01 }
#refNavigation { position: relative }
.refImagesNavigation { float: left; padding: 0  0 10px; width: 11px; }
    .refImagesNavigation img { cursor: pointer }
#refNavigation .prev { float: left; margin-right: 5px; }
/* faq  */
#faqTop { width: 536px; height: 20px; background: url(../img/faq_top.png) 0 0 no-repeat; }
#faqContent { padding: 0 20px; width: 496px; background: url(../img/faq_content.png) 0 0 repeat-y; overflow: hidden; }
#faqBottom { width: 536px; height: 22px; background: url(../img/faq_bottom.png) 0 0 no-repeat; }
div.leftToRightBox { margin: 1em 0em 1em 0em }
    div.leftToRightBox h5 { border-bottom: 1px solid #DFDFDF; padding: 0em 0em .2em 0em; margin: 0em 0em .4em 0em; }
    div.leftToRightBox select { width: 100px }
    div.leftToRightBox div.left { width: 220px; float: left; }
    div.leftToRightBox div.mid { width: 50px; float: left; text-align: center; padding-top: 2em; }
    div.leftToRightBox div.right { width: 220px; float: left; }
.faqCategorieOverview h3 { display: none }
.faqCategorieOverview ul.bulletLinks li a { font-weight:normal; }
/* advies blocks  */
.advies, .dotted { margin-bottom: 16px; padding-bottom:16px; clear:both; background:url(../img/horizontal_dotted_detail.jpg) 0 100% repeat-x; }
.dotted { max-width:536px; }
	#container .advies h2 { background-color:transparent; padding:0; }
	#container .advies img {}
/* searboxen  */
.inputWrapper { background: url("../img/search_bar_2.png") no-repeat scroll 0 0 transparent; height: 22px; width: 221px; }
    .inputWrapper input { font-size: 11px; margin: 2px 0 0 10px; width: 180px; border: none !important; border: 0 !important; outline: none; }
    .inputWrapper a { display: block; float: right; height: 20px; overflow: hidden; text-indent: -9999px; width: 24px; }
.largeBox { zoom: 1; background: url(../img/search_block_large.png) 0 0 no-repeat; padding: 10px; width: 238px; height: 76px; overflow: hidden; float: left; overflow: hidden; margin-bottom: 20px; }
    .largeBox .inputWrapper { margin-top: 29px }
.largeBox.first .inputWrapper { margin: 0 }
.frbe .largeBox.first .inputWrapper, .frfr .largeBox.first .inputWrapper, .engb .largeBox.first .inputWrapper, .enus .largeBox.first .inputWrapper { margin-top: 29px }
.smallBox { zoom: 1; background: url(../img/search_block_small.png) 0 0 no-repeat; padding: 10px; width: 238px; height: 63px; overflow: hidden; float: left; overflow: hidden; margin-bottom: 20px; }
.largeBox.first, .smallBox.first { margin-right: 20px }
#container .largeBox h3, #container .smallBox h3 { color: #3287A4 }
/* grey skin  */
.greyTop { background: url(../img/grey_top.png) 0 0 no-repeat; width: 190px; height: 15px; margin-top: 15px; }
.greyContent { width: 160px; padding: 0 15px; background: url(../img/grey_content.png) 0 0; margin: 0 !important; }
    .greyContent img.moduleImage { margin-left: -15px; margin-top: -15px; }
.greyBottom { background: url(../img/grey_bottom.png) 0 0 no-repeat; width: 190px; height: 15px; }
/* dark grey skin  */
.darkGreyTop { background: url(../img/dark_grey_top.png) 0 0 no-repeat; width: 190px; height: 15px; margin-top: 15px; }
.darkGreyContent { width: 160px; padding: 0 15px; background: url(../img/dark_grey_content.png) 0 0; margin: 0 !important; overflow:hidden; }
	.darkGreyContent table { margin-bottom:5px; }
	.darkGreyContent label { font-weight:normal; }
		.darkGreyContent table td { padding-bottom:6px; }
		.darkGreyContent table td input { float:left; display:block; vertical-align:middle; }
		.darkGreyContent table td label { float:left; display:block;margin-left:4px; width:126px; }
		.darkGreyContent input[type="text"]{ width:156px; border:1px solid #d1d1d1; padding:4px 2px; }
    .darkGreyContent img.moduleImage { margin-left: -15px; margin-bottom: -15px; }
 input.watermark { color:#bdbeba; }
.darkGreyBottom { background: url(../img/dark_grey_bottom.png) 0 0 no-repeat; width: 190px; height: 15px; }
.darkGreyTopWide { width:542px; height:11px; background:url(../img/dark_grey_top_wide.jpg) 0 100% no-repeat; } 
.darkGreyBottomWide { width:542px; height:11px; background:url(../img/dark_grey_bottom_wide.jpg) 0 100% no-repeat; }
.darkGreyContentWide { width:522px; padding:0px 10px 0; background:url(../img/dark_grey_content_wide.jpg) 0 100% repeat-y; overflow:hidden; }
	.darkGreyContentWide label { font-weight:normal; }  
	.darkGreyContentWide table { margin-bottom:0px; margin-top:5px; }
	.darkGreyContentWide label { font-weight:normal; }
		.darkGreyContentWide table td { padding-bottom:4px; padding-right:15px; }
		.darkGreyContentWide input[type="text"]{ width:160px; border:1px solid #d1d1d1; padding:4px 2px; float:left; margin-right:10px; }
		.darkGreyContentWide table td a.submitbutton { margin-top:0; }
		.darkGreyContentWide table td.secondTd { padding-top:38px; padding-right:0; padding-bottom:0; }
		/*.darkGreyContentWide input[type="radio"], .darkGreyContent input[type="radio"] { margin-top:0; }*/
/* dealer search  */
#searchDealer{ background: url(../img/dealer_search_bg.png) 0 0 no-repeat; height: 70px; width: 496px; padding: 20px; }
#profile { background: url(../img/profile.png) 0 0 repeat-y;  width: 496px; padding: 20px; height:auto; }
#searchDealer.large { background: url(../img/dealer_search_content.png) 0 0 repeat-y; height: 112px; padding: 0 20px; }
/*.sksk #searchDealer.large { height:96px; }*/
#searchDealer select {  border: 1px solid #BABAB6; font-size: 11px; padding: 2px 4px; }
#searchDealer table td { vertical-align: middle; padding-bottom: 3px; }
    #searchDealer table td input[type="checkbox"], #searchDealer table td input[type="radio"] { padding: 0; vertical-align: middle; margin: 0 4px 0 0; }
    #searchDealer table td a.bulletLink { background-position: 0 50%; zoom: 1; }
#searchDealer label { font-weight: bold; margin-left: 1px; }
#searchDealer input[type="text"] { border: 1px solid #babab6; font-size: 11px; padding: 2px 4px; }
#dealer table.styledTable { width: 100% }
table.styledTable.dealerTable td { vertical-align: top; background-color:#f0f0f0; }
table.styledTable.dealerTable td img { cursor:help; }
	table.styledTable.dealerTable td table { width:100%; }
		table.styledTable.dealerTable td table td { border:none; }
table.styledTable.dealerTable tr.alternate td { vertical-align: top; background-color:#e5e5e5; }
table.styledTable.dealerTable tr td.services { vertical-align: top; background-color:#e4e4e4; }
table.styledTable.dealerTable tr td.services { text-align:center; }
table.styledTable.dealerTable tr td.expertise { width:190px; }
table.styledTable.dealerTable tr td.services:hover { background-color:#d9d9d9; }
table.styledTable.dealerTable tr td.services img { margin-bottom:5px; }

#searchDealer .radioTable input { margin: 0 3px 0 0 }
#searchDealer .radioTable td { padding-right: 5px }
#searchdealerTop , #profileTop{ width: 536px; height: 20px; background: url(../img/dealer_search_bg.png) 0 0 no-repeat; }
#searchdealerBottom, #profileBottom { width: 536px; height: 20px; background: url(../img/dealer_search_bg.png) 0 100% no-repeat; }
#ctl00_ctl13_ctl00_PanelSearchResults { position:relative; }
#legende {  padding:15px; background-color:#f9f9f9; color:#333; height:100px; margin-top:133px; top:0;}
.frfr #legende { margin-top:118px;  }
.frbe #legende { margin-top:118px;  }
#legende tr:hover td {  }

	#legende td { padding:5px 5px 0 0; }
	#legende td.image { text-align:center; }


/* training detail  */
#trainingTop { width: 536px; height: 20px; background: url(../img/training_top.png) 0 0 no-repeat; }
#trainingBottom { width: 536px; height: 20px; background: url(../img/training_bottom.png) 0 0 no-repeat; }
#trainingContent { width: 496px; padding: 0 20px; background: url(../img/training_content.png) 0 0 repeat-y; overflow: hidden; }

/* software bij nhc */
.softwareLeft { float:left; width:180px; float:left; margin-right:26px; text-align:center; }
	.softwareLeft img { max-width:176px; }
.softwareRight { float:left; width:322px; }
	#container .softwareRight h2 { font-size:14px; color:#404337; margin-bottom:15px; }
/* * form elements
   ================================================== */
/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css   */
/* hand cursor on clickable input elements  */
input[type=button], input[type=submit], button { cursor: pointer }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { }
/* form module  */
#rightRightContent .form { width: auto; padding: 10px; }
    #rightRightContent .form select, #rightRightContent .form input[type="text"] { width: 160px }
div.form { padding: 20px; border: 1px solid #dadada; width: 500px; overflow: hidden; }
div.form > table { width:100%; }
.form label { display: block; width: 172px; margin: 2px 0; font-weight: bold; line-height: 15px; }
.form .RadUpload { float: left }
    .form input[type="text"], .form input[type="password"], .form select, .form textarea, .form input[type="file"], .form .RadUpload .ruFakeInput, html body .form .RadInput_Default .riTextBox { border: 1px solid #dadada !important; background-color: #fff !important; color: #484E42; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; padding: 2px; }
    .form .RadUpload .ruFileWrap input[type="text"] { width: 213px !important }
.form table.checkBox label, .form table.checkBox input[type="checkbox"], .form table.checkBox input[type="radio"], .form table.checkbox label, .form table.checkbox input[type="checkbox"], .form table.checkbox input[type="radio"] { display: inline; float: none; width: auto; }
.form textarea { height: 200px }
.form input[type="text"]:hover, .form select:hover, .form textarea:hover, .form input[type="file"]:hover, .form .RadUpload .ruFakeInput:hover, html body .form .RadInput_Default .riTextBox:hover { border-color: #c0bfbf !important }
.form input[type="text"]:focus, .form select:focus, .form textarea:focus, .form input[type="file"]:focus, .form .RadUpload .ruFakeInput:focus, html body .form .RadInput_Default .riTextBox:focus { border-color: #c0bfbf !important; background-color: #fdfdfa !important; }
.form input[type="text"].mediumtext { width: 246px; margin-right: 0; }
.form input[type="text"], .form input[type="password"], .form textarea { width: 273px; margin-right: 5px; }
.form select { margin-right: 5px; width: 279px; }
.form span label, .form label.checkbox, .form label.radio { display: inline; float: none; width: auto; margin: 0; }

.form span label.smalllabel { font-size: 10px; vertical-align: middle; }
.form input[type="checkbox"] { vertical-align: middle; margin: 0 4px 0 0; }
.form a:link.submitbutton, a:link.submitbutton,a.submitbutton, a.blueButton { color: #fff; background: #fff url(../img/submit_button.png) 100% 0 no-repeat; color: #fff; text-decoration: none; display: block; float: left; line-height: 23px; padding-right: 20px; width: auto; font-weight: bold; margin-top: 10px; margin-left: 20px; height: 23px; }
a:link.submitbutton.alignRight { float:right; }
.form input.submitbutton {  color: #fff; background: #fff url(../img/submit_button.jpg) 100% 0 no-repeat;  text-decoration: none; display: block; line-height: 23px; width: 123px; font-weight: bold; margin-top: 10px;  height: 23px; text-align:center; border:none; }
    a:link.submitbutton span, a.submitbutton span, a.blueButton span { display: block; width: 20px; height: 23px; background: url(../img/submit_button.png) 0 0 no-repeat; float: left; margin-left: -20px; zoom: 1; }
    a:link.submitbutton:hover, a.submitbutton:hover, a.blueButton span:hover { text-decoration: underline }
.form .approval { font-style: italic; font-size: 10px; display: block; margin-bottom: 10px; }
.form table.rcTable { margin-right: 5px }
.form .required { color: #3186a5; padding: 0 0 0 03px; font-weight: bold; font-size: 17px; vertical-align: top; }
.form .RadPicker_Default .rcTimePopup { margin-right: 5px }
.form span#docTitle { font-weight: bold; margin-right: 5px; }
.form .RadUpload, .form .RadUploadProgressArea { width: 293px }
.form .hash { color: #EE7F00; padding: 0 0 0 3px; font-size: 10px; }
.form .error { float: right; width: 262px; }
.form .validation_summary_as_bulletlist ul
{
    display: none;
}
.form .validation_summary_as_bulletlist { margin-top:10px; }
html body .form .RadInput_Default .riTextBox { padding: .3em 1px .3em }
input, .input:focus { outline:none; }
/* unselectable days in radCalendar  */
.SpecialDay a { opacity: .30; /* Standard: FF gt 1.5, Opera, Safari */; filter: alpha(opacity=30); /* IE lt 8 */ -ms-filter: "alpha(opacity=30)"; /* IE 8 */ -khtml-opacity: .30; /* Safari 1.x */ -moz-opacity: .30; /* FF lt 1.5, Netscape */ }
.divider { clear: both }
.form td.td1 { border-top: 1px solid #f6f6f6; padding: 8px 5px 8px 0; vertical-align: top; }
.form td.td2 { border-top: 1px solid #fff; background-color: #f6f6f6; padding: 8px 13px; width: 293px; overflow: hidden; vertical-align: top; }
.form.software td.td1 { font-weight:bold; }
.form.software table.checkbox td { padding-bottom:3px; }
/* * buttons
   ================================================== */
a.button { background: url(../img/button_left.jpg) 0 0 no-repeat; color: #484E42; text-decoration: none; display: block; float: left; line-height: 23px; padding-left: 5px; position: relative; }
    a.button span { display: block; width: 15px; height: 23px; background: url(../img/button_right.jpg) 0 0 no-repeat; position: absolute; top: 0; right: -15px; }
a.button:hover { text-decoration: underline }
table.buttonTable td { vertical-align: middle; padding: 0 10px 0 0; }
/* hide the request catalogue button on en-us */
#page-297.enus #ctl00_ctl07_ctl00_hlRequestCatalog, #page-297.enus #buttonText, .enus .catalogueButton { display:none; }

/* edit tables  */
#ereaInfo table { margin-top:20px; }
table.detailTable { margin-top:12px; }
table.detailTable p, table.detailTable ul { margin-bottom:30px; }
#ereaInfo table, .resultTable { -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #FFFFFF; border-color: #DFDFDF; }
    .resultTable thead th:first-of-type, #ereaInfo table thead th:first-of-type { -moz-border-radius-topleft: 3px }
    .resultTable thead tr th, .resultTable tfoot tr th { background: url("../img/gray-grad.png") repeat-x scroll left top #DFDFDF; color: #333333; border-bottom: 1px solid #DFDFDF; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); line-height: 1.3em; padding: 7px 7px 8px; text-align: left; }
    #ereaInfo table th { text-align:left; width:154px; }
    .resultTable td,#ereaInfo table td, #ereaInfo table th { border-bottom: 1px solid #DFDFDF; padding: 3px 7px; vertical-align: top; background-color:#f8f8f8; }
.alternate { background-color: #F9F9F9 }
.resultTable tfoot th:first-of-type { -moz-border-radius-bottomleft: 3px }
/* collapse blocks  */
.collapseWrapper { border: 1px solid #DFDFDF; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: relative; margin-bottom: 20px; }
    .collapseWrapper h3 { background: url("../images/gray-grad.png") repeat-x scroll left top #DFDFDF; text-shadow: 0 1px 0 #FFFFFF; text-shadow: 0 1px 0 #FFFFFF; }
/* landing pages  */
#landingWrapper { width: 972px; height: 390px; background: url(../img/choose_country.jpg) 0 0 no-repeat; margin: 50px auto 0; position: relative; }
    #landingWrapper h2 { text-transform: uppercase; font-size: 16px; }
    #landingWrapper ul { margin: 0 }
        #landingWrapper ul li { font-weight: bold; font-size: 15px; background: url(../img/blue_arrow_bullet.png) 0 50% no-repeat; padding-left: 17px; list-style-type: none; margin-bottom: 5px; }
            #landingWrapper ul li a small { font-size: 15px; font-weight: normal; }
            #landingWrapper ul li a { color: #404337 }
#countrySelectorTop { position: absolute; left: 652px; top: 40px; }
#countrySelectorBottom { position: absolute; left: 652px; top: 299px; }
    #countrySelectorBottom ul li a { color: #fff }
#landingWrapper.language { background-image: url(../img/choose_language.jpg) }
.language #countrySelectorTop { top: 29px }
    .language #countrySelectorTop h3 { font-size: 12px; margin-bottom: 0px; text-transform: uppercase; }
#landingWrapper.language ul.large { margin-top: 10px }
    #landingWrapper.language ul.large li { font-size: 22px; font-weight: bold; background-image: url(../img/blue_arrow_bullet_fat.png); }
#landingWrapper.language #countrySelectorBottom { top: 195px }
    #landingWrapper.language #countrySelectorBottom h2 { color: #fff; font-size: 15px; margin-bottom: 5px; text-transform: none; }
    #landingWrapper.language #countrySelectorBottom ul li { font-size: 12px; font-weight: normal; background: url(../img/grey_arrow.png) 0 50% no-repeat; padding-left: 10px; }
/* * footer
   ================================================== */
footer { width: 970px; margin: 0 auto; border-top: 1px solid #e5e5de; padding-top: 10px; margin-top: 50px; }
    footer ul { margin: 0; float: right; }
        footer ul li { float: left; padding: 0 6px; list-style-type: none; color: #999999; font-size: 10px; background: url(../img/footer_separator.jpg) 0 50% no-repeat; }
        footer ul li.first { background-image: none }
        footer ul li a, footer ul li a:active, footer ul li a:visited { color: #999 !important }
.info, .succes, .notice, .error, .validation { border: 1px solid; margin: 10px 0px; padding: 15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; }
.info { color: #00529B; background-color: #BDE5F8; background-image: url('../img/info.png'); }
.succes { color: #4F8A10; background-color: #DFF2BF; background-image: url('../img/succes.png'); }
.notice { color: #9F6000; background-color: #FEEFB3; background-image: url('../img/warning.png'); }
.error { color: #D8000C; background-color: #FFBABA; background-image: url('../img/error.png'); }
.errorMessage { font-style: italic }
.alignLeft, .shortDescr img { display: block; float: left; margin: 0 15px 15px 0; }
.alignRight { display: block; float: right; margin: 0 0 15px 15px; }

/* smartphone applications */
.mobileLeft { float:left; width:100px; }
.mobileCenter { float:left; margin-left:13px; width:250px; }
.mobileRight { float:right; width:160px; }
	.mobileRight img, .mobileRight input { display:block; float:right; clear:both; }
	.mobileRight img { margin-bottom:20px; }

/* sfeer thema */
.switcher img { cursor:pointer;  }
.switchParent { height:268px; }
.switcher { height:34px; }
 .switcher td { height:19px; }

/* design thema tabs */
.quote { padding:20px 15px; width:335px; height:116px; background:url(../img/themas/quote.jpg) 0 0 no-repeat; line-height:17px; }
.quoteHaakje { float:left; margin:0 6px 6px 0; }
.smoothTabsDivHidden { display:none; }
.smoothTabsDivVisible .smoothTabsDivHidden { display:block; }
.smoothTabs > ul { margin:0; clear:both; background:url(../img/themas/tabs_bg.jpg) 0 -5px no-repeat; height:45px; }
.smoothTabs { background:url(../img/themas/tabs_bg.jpg) 0 45px no-repeat; }
.smoothTabs > ul li { cursor:pointer; display:block; float:left; list-style-type:none; width:187px; text-align:center; height:45px; line-height:45px; margin:0; border-right:1px solid #ececec; color:#404337; font-size:14px; background-color:#fff; }
.smoothTabs > ul li.last { border:none; }
.smoothTabs > ul li.smoothTabsLiCurrent { background-color:transparent; }
.smoothTabs .tabContent {  height:227px; clear:both; padding-top:45px; }
.slider-wrap{
overflow: hidden; /*leave this value alone*/
width: 445px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
}
.slider { clear:both; overflow:hidden; }
.slider ul { float:left; margin:0; padding:0; width: 445px; }
.slider li{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 130px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
list-style-type:none;
text-align: center;
padding-right:15px;
color:#aaaaaa;
font-size:10px;
}
.slider li img { margin-bottom:10px; clear:both; display:block; }
.slider-numbers { margin-top:20px; margin-left:150px; }
.slider-numbers li { float:left; display:block; width:11px; height:11px; margin-right:5px; list-style-type:none; }
	.slider-numbers li a { text-indent:-9000px; float:left; display:block; width:11px; height:11px; background:url(../img/themas/white_disc.png) 0 0 no-repeat;  }
	.slider-numbers li a.active { background-image:url(../img/themas/blue_disc.png); } 
	
/* renovatie thema */
.smoothTabs.horizontal { overflow:hidden; background-image:none; min-height:226px; }
.smoothTabs.horizontal > ul { float:left; width:393px; border-top:1px solid #f0f0f0;  background-image:none; height:auto; }
	.smoothTabs.horizontal > ul li { display:block; float:none; list-style-type:none; padding:16px 25px; border:1px solid #f0f0f0; background-image:none; cursor:pointer; height:auto; margin:0; font-size:12px; height:auto; line-height:12px; width:auto;  text-align:left; border-top:none;  }
		.smoothTabs.horizontal > ul li.smoothTabsLiCurrent { background-color:#f0f0f0; font-weight:bold; }
.smoothTabs.horizontal > div { float:left; padding:33px 44px; width:274px; display:none; background-color:#f0f0f0; min-height:160px; background-image:none; }
	.frfr .smoothTabs.horizontal > div, .frbe .smoothTabs.horizontal > div { min-height:184px; }
	.enus .smoothTabs.horizontal > div, .engb .smoothTabs.horizontal > div { min-height:172px; }
	.smoothTabs.horizontal.smaller > div { min-height:115px; }
	.smoothTabs.horizontal > div.smoothTabsDivVisible { display:block; }

/* newsletter form */
.newsletter { float:left; width:243px; padding:13px; background-color:#F6F6F6;  }
.newsletter .imageWrapper { min-height:351px; margin-bottom:15px; }
.newsletter.faded { /* Standard: FF gt 1.5, Opera, Safari */; filter: alpha(opacity=30); /* IE lt 8 */ -ms-filter: "alpha(opacity=30)"; /* IE 8 */ -khtml-opacity: .30; /* Safari 1.x */ -moz-opacity: .30; /* FF lt 1.5, Netscape */opacity: .30; background-color:transparent;}
	.newsletter .form td.td2 { padding:8px 0px; background-color:transparent; }
	.newsletter .form select { width:240px; }
	.newsletter .form input[type="text"], .newsletter .form textarea { width:234px; }
	.newsletter .form input.mediumtext { width:193px; }
	#container .newsletter h3 { min-height:40px; }
	#container .newsletter h3.blue { min-height:10px; color:#3287A4; }
#newsletterMenu .menuBlock { float:left; width:243px; padding:13px; }


/* instalatie videos */
#accordion.videos {  -webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
     -moz-border-radius: 5px; /* FF1-3.6 */
          border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
          width:755px; overflow:hidden;
  }
	#accordion.videos h3 { font: bold 14px/14px 13px arial,helvetica, "Nimbus Sans L" , "Bitstream Vera Sans" , sans-serif; color:#484e42; background-color:#d9d7cc; padding:13px 15px; margin:0 0 1px 0; outline:0; cursor:pointer; }
	#accordion.videos h3:hover { background-color:#cac7b9; }
	#accordion.videos h3.ui-state-active, #accordion.videos h3.ui-state-active:hover { color:#fff; background-color:#000; margin:0; outline:0; }
	#accordion.videos .ui-state-active .ui-icon { background-image:none; }
	#accordion.videos .ui-accordion-content, #accordion.videos iframe { margin:0; padding:0; }

/* auto suggest overwrites */
.ui-widget-content { background-image:none !important; }
.ui-widget { font:11px arial,helvetica,"Nimbus Sans L","Bitstream Vera Sans",sans-serif !important; }
.ui-autocomplete { max-height: 208px;overflow-y: auto;/* prevent horizontal scrollbar */overflow-x: hidden;/* add padding to account for vertical scrollbar */padding-right: 20px; }
.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { border:none !important; color:#3285A7 !important; background:transparent !important; margin:0 !important; }

/* * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
   ================================================== */
@media print { 
    * { background: transparent !important; color: #444 !important; text-shadow: none; }
    a, a:visited { color: #444 !important; text-decoration: underline; }
    a:after { content: " (" attr(href) ")" }
    abbr:after { content: " (" attr(title) ")" }
    .ir a:after { content: "" }
    /* ===[ Don't show links for images ]=== */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    img { page-break-inside: avoid }
    @
        page { margin: 0.5cm }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid }
}
/* * Media queries for responsive design
   ================================================== */
@media all and (orientation:portrait) { 
    /* ===[ Style adjustments for portrait mode goes here ]=== */
}
@media all and (orientation:landscape) { 
    /* ===[ Style adjustments for landscape mode goes here ]=== */
}
/** Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
 *    Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ 
 */
@media screen and (max-device-width: 480px) { 
    /* ===[ Prevent iOS, WinMobile from adjusting font size ]=== */
    /* html { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }  */
}

/* temp fix */
#page-261 #pictureGallery { }