@charset "UTF-8"; /* CSS Document */ /* STORE4U */ /* ================================================================================================================ */ /* ================================================================================================================ */ /* ===== CUSTOM CSS SETTINGS ===== */ /* Lichtgroen: #c8003c (RGB;83,174,17) Donkergroen: #0a4117 (RGB;10,65,23) Rood: #e10001 (RGB;225,0,1) */ /* ================================================================================================================ */ /* ================================================================================================================ */ /* ================================================================================================================ */ /* ================================================================================================================ */ /* ===== MAIN CSS RESET ===== */ /* ================================================================================================================ */ /* ================================================================================================================ */ a:hover { color:#c8003c;} /* ================================================================================================================ */ /* ================================================================================================================ */ /* ===== BODY & HTML ===== */ /* ================================================================================================================ */ /* ================================================================================================================ */ body { font-family:"arialregular"; font-size: 13px; color:#595959; } /* ================================================================================================================ */ /* ================================================================================================================ */ /* ===== SCROLLTOTOP BUTTON ===== */ /* ================================================================================================================ */ /* ================================================================================================================ */ #toTop:hover { background-color:#c8003c; } /* ================================================================================================================ */ /* ================================================================================================================ */ /* ===== MAIN ===== */ /* ================================================================================================================ */ /* ================================================================================================================ */ .index_background { background:none; } .footer { background-color:inherit; border-bottom:none; } .footer_background { background:none; } /* ================================================================================================================ */ /* ================================================================================================================ */ /* ===== SCREEN OVERLAY ===== */ /* ================================================================================================================ */ /* ================================================================================================================ */ .sessionEnd a:hover { color:#c8003c; } /* ================================================================================================================ */ /* ================================================================================================================ */ /* ===== BACKGROUND GRADIENTS ===== */ /* ================================================================================================================ */ /* ================================================================================================================ */ .bggradientB { background: #c8003c; /* Old browsers */ background: -moz-linear-gradient(top, #c8003c 0%, #4e6713 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8003c), color-stop(100%,#4e6713)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c8003c 0%,#4e6713 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c8003c 0%,#4e6713 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c8003c 0%,#4e6713 100%); /* IE10+ */ background: linear-gradient(to bottom, #c8003c 0%,#4e6713 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#c8003c', endColorstr='#4e6713'); /* IE6-9 */ -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#c8003c', endColorstr='#4e6713'); /* for IE */ } /* ================================================================================================================ */ /* ================================================================================================================ */ /* ===== HEADER ===== */ /* ================================================================================================================ */ /* ================================================================================================================ */ .header_logo { width:250px; height:105px; } .header_logo_img { background:url(../images/companylogo.png); width:164px; height:95px; background-repeat: no-repeat; } .header_options-option a { color:#8b8b8b; } .header_options-option a:hover { color:#c8003c; } .header_options-login_wachtwoordvergeten a:hover, .header_options-login_nieuwaccount a:hover { color:#c8003c; } .header_shoppingcart { background:#c8003c url(../images/header_shoppingcart_icon.png) 20px 18px no-repeat; } .header_language a:hover { color:#c8003c; } /* ================================================================================================================ */ /* ================================================================================================================ */ /* ===== HEADERMENU ===== */ /* ================================================================================================================ */ /* ================================================================================================================ */ .headermenu_option a:hover, #myHeader_lblTitel:hover { color:#c8003c; } .headermenu_optionA { border-right:1px solid #2e2e2e; } .headermenu_optionB { border-left:1px solid #5a5a5a; border-right:1px solid #2e2e2e; } .headermenu_optionC { border-left:1px solid #5a5a5a; border-right:1px solid #2e2e2e; } .headermenu_optionD { border-left:1px solid #5a5a5a; border-right:1px solid #2e2e2e; } .headermenu_optionE { border-left:1px solid #5a5a5a; border-right:1px solid #2e2e2e; display:none; } /* Leeg Item */ .headermenu_optionF { border-left:1px solid #5a5a5a; border-right:1px solid #2e2e2e; display:none; } /* Leeg Item */ .headermenu_optionG { border-left:1px solid #0a4117; border-right:1px solid #597615; } .headermenu_optionH { border-left:1px solid #0a4117; border-right:1px solid #597615; } .headermenu_optionI { border-left:1px solid #0a4117; border-right:1px solid #597615; } .headermenu_productmenu > li:first-child > a:hover, .headermenu_productmenu > li:first-child > a:hover > span { color:#c8003c; } .headermenu_productmenu a.headermenu_productmenu-selected { background-color: #c8003c; } .headermenu_productmenu span.spanHasChilds_expanded, .headermenu_productmenu span.spanSelSub, .headermenu_productmenu span.spanSelGroep { color:#c8003c; } .headermenu_productmenu li:hover > a { color:#c8003c!important; } /* ================================================================================================================ */ /* ================================================================================================================ */ /* ===== CONTENT ===== */ /* ================================================================================================================ */ /* ================================================================================================================ */ .content_left_menu ul li a:hover { color:#c8003c; } .content_left_menu span.spanHasChilds_expanded, .content_left_menu span.spanSelSub, .content_left_menu span.spanSelGroep { color:#c8003c; } .content_leftsub-title { color:#3d3d3d; font-size:20px; padding-bottom:15px; border-bottom:6px solid #ebebeb; margin-bottom:15px; } .content_leftsub-content { color:#3d3d3d; font-size:14px; line-height:20px; } .content_right-error { background-color:#FFCACD; color:#C43535; } .errorTxtVlak { background-color:#FFCACD; } .content_right-header_title { background-color:#c8003c; } .content_right-subtitle, .datagridCss-seperator > td:first-child > span { background-color:#c8003c; } .content_right-data table > tbody > tr.datagridCss-header a:hover, .content_right-data table > tbody > th.datagridCss-header a:hover { color:#c8003c; } .content_right-data table > tbody > tr.datagridCss > td > a { color:#c8003c; } .content_right-paging a:hover { color:#c8003c; } .content_right-paging-page_sub { color:#c8003c; } .content_right-search_title { background-color:#c8003c; } .content_right-detailsright_productdetail-value { color:#c8003c; } .content_right-detailsright_productdetail-price { color:#c8003c; } .productdetail-pricetable_titlecolor { color:#c8003c; } .productdetail-pricetable_textcolor { color:#c8003c; } .content_right-detailsright_productdetail-button > input { background:#c8003c url(../images/productdetail_orderbutton.png) 26px 14px no-repeat; } .detailsfooter-div:hover { background-color:#c8003c; } .detailsfooter-price a { color:#c8003c; } .defaultButton { background: #c8003c url(../images/header_shoppingcart_icon.png) 233px 14px no-repeat; } /* ================================================================================================================ */ /* ================================================================================================================ */ /* ===== DATAGRID OPTIONS ===== */ /* ================================================================================================================ */ /* ================================================================================================================ */ .datagridCss-Even > td:first-child, .datagridCss-Odd > td:first-child { color:#c8003c; } .footerOmschrBold, .footerTotalBold { color:#c8003c; } .datagridCss_IMGButton { background: #c8003c url(../images/header_shoppingcart_icon.png) -16px -9px no-repeat; } .CompletionList li:hover { background-color:#c8003c; } .CompletionListHighlightedItem { background-color:#c8003c; } /* ================================================================================================================ */ /* ================================================================================================================ */ /* ===== WINKELWAGEN / BESTELLING AFRONDEN ===== */ /* ================================================================================================================ */ /* ================================================================================================================ */ .orderend-title { background-color:#c8003c; } .orderend-input_radiocheck > input[type="radio"]:checked, .orderend-input_radiocheck > span > input[type="radio"]:checked { background-color: #eaeaea; border: 1px solid #adb8c0; } .orderend-input_radiocheck > input[type="checkbox"]:checked, .orderend-input_radiocheck > span > input[type="checkbox"]:checked { background-color: #eaeaea; border: 1px solid #adb8c0; } .orderend-shoppinglist > table > tbody > tr > td:first-child > span, .orderend-table > table > tbody > tr > td:first-child > span { color:#c8003c; } .orderend-shoppinglist > table > tbody > tr > td:first-child > span, .orderend-table > table > tbody > tr > td:first-child > span { color:#c8003c; } .stap-nietactief span.stap-lineB { color:#c8003c; } .stap-actief { background-color:#c8003c; } /* ================================================================================================================ */ /* ================================================================================================================ */ /* ===== TEMPLATE PAGE ===== */ /* ================================================================================================================ */ /* ================================================================================================================ */ .templatepage-left a { color:#3d3d3d; } .templatepage-left a:hover { color:#c8003c; } .templatepage-subtitle { } .templatepage-linkbutton { background-color:#c8003c; } .templatepage-header_date { background-color:#c8003c; } /* ================================================================================================================ */ /* ================================================================================================================ */ /* ===== HOME PAGE ===== */ /* ================================================================================================================ */ /* ================================================================================================================ */ .homepage-row_blockA { margin-bottom:20px; } .homepage-row_blockB { margin-bottom:0px; } .homepage-photoslider:hover { border:4px solid #c8003c; } #slides a:hover, #slides a:active { color: #9e2020 } .homepage-subtitle { font-size:14px; } .homepage-content { position:relative; float:left; width:100%; color:#3d3d3d; font-size:14px; line-height:25px; } .homepage-linkbutton { background-color:#c8003c; } .homepage-row_subA:hover, .homepage-row_subB:hover { width:346px; } .homepage-row_subC:hover { width:268px; } .homepage-row_subA:hover, .homepage-row_subB:hover, .homepage-row_subC:hover { height:134px; border:4px solid #c8003c; cursor:pointer; } .homepage-row_subA:hover img, .homepage-row_subB:hover img, .homepage-row_subC:hover img { position:absolute; top:-4px; left:-4px; } /* ================================================================================================================ */ /* ================================================================================================================ */ /* ===== FOOTER ===== */ /* ================================================================================================================ */ /* ================================================================================================================ */ .footersub > div:first-child { background-color: #efefef; width: 100%; position: relative; float: left; } .footer_blockA, .footer_blockB, .footer_blockC, .footer_blockD { } .footer_blockD { background-color:#c8003c; height:270px; } .footer_blockA a:hover, .footer_blockB a:hover, .footer_blockC a:hover { color:#c8003c; } .footer_blockE { border:none; top:168px; } /* ================================================================================================================ */ /* ================================================================================================================ */ /* ===== UI ITEMS ===== */ /* ================================================================================================================ */ /* ================================================================================================================ */ .calendar.ajax__calendar .ajax__calendar_active .ajax__calendar_currentday { background-color:#edf9ff; border-color:#0066cc; color:#0066cc; } .calendar.ajax__calendar .ajax__calendar_hover .ajax__calendar_currentday { background-color:#edf9ff; border-color:#daf2fc; color:#0066cc; } .detailsfooter-img { height:230px;} /* ================================================================================================================ */ /* ================================================================================================================ */ /* ===== FONT-PROBLEM FIX ===== */ /* ================================================================================================================ */ /* ================================================================================================================ */ .content_right-data table > tbody > tr.datagridCss > td { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } .content_right-data table > tbody > tr.datagridCss > td input { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } .header_shoppingcart_parts, .header_shoppingcart_subtotal { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight:bold; } .footer_blockA, .footer_blockB, .footer_blockC, .footer_blockD { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } /* ================================================================================================================ */ /* ================================================================================================================ */ /* ===== MENU UITKLAPCORRECTIE RECHTER KOLOMMEN ===== */ /* ================================================================================================================ */ /* ================================================================================================================ */ .headermenu_optionG > .headermenu_productmenu ul { left:inherit; right:-16px; } .headermenu_optionG > .headermenu_productmenu li ul ul { left:inherit; right:223px; } .headermenu_optionI > .headermenu_productmenu ul { left:inherit; right:-16px; } .headermenu_optionI > .headermenu_productmenu li ul ul { left:inherit; right:223px; } /* ================================================================================================================ */ /* ================================================================================================================ */ /* ===== Toevoeging voor lijntjes bij Uitgebreid zoeken (verzoek 00.154.304) ===== */ /* ================================================================================================================ */ /* ================================================================================================================ */ .content_right-search_input { border:1px solid #d9d9d9;} .content_leftsub-input input { border:1px solid #d9d9d9;} .content_right-data table > tbody > tr.datagridCss > td > input { border:1px solid #d9d9d9;} .orderend-table_input { border:1px solid #d9d9d9;} .orderend-input { border:1px solid #d9d9d9;} /* ================================================================================================================ */ /* ================================================================================================================ */ /* ===== Uitlijning artikellijst (verzoek 00.154.063) ===== */ /* ================================================================================================================ */ /* ================================================================================================================ */ .content_right-data table > tbody > tr.datagridCss > td:last-child { width:inherit; } /* ================================================================================================================ */ /* ================================================================================================================ */ /* ===== Login Title Font Fix (verzoek 00.154.333) ===== */ /* ================================================================================================================ */ /* ================================================================================================================ */ .header_options-login_title { font-family:Arial, Sans-Serif!important; font-weight: bold; } /* ================================================================================================================ */ /* ================================================================================================================ */ /* ===== Background color PhotoSlider Fix ===== */ /* ================================================================================================================ */ /* ================================================================================================================ */ .homepage-photoslider { background-color:#FFF!important; } /* ================================================================================================================ */ /* ================================================================================================================ */ /* ===== Uitlijning artikellijst (verzoek 153038) ===== */ /* ================================================================================================================ */ /* ================================================================================================================ */ .productdetail-pricetable_textblack, .productdetail-pricetable_textcolor { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } /* ================================================================================================================ */ /* ================================================================================================================ */ /* ===== Extra CSS - Asser Instituut ===== */ /* ================================================================================================================ */ /* ================================================================================================================ */ .content_right-detailsleft {display: none;} .content_right-detailsright {width: 750px;} .header_language { display:none; visibility:hidden; } .headernavigation_ddmerk { display:none; visibility:hidden; } .headermenu_optionB { display:none; visibility: hidden; } .homepage-row_blockB { display:none; visibility:hidden; } .footer_blockD { height: 235px; } .homepage-content { display:none; visibility:hidden; } .homepage-title { display:none; visibility:hidden; } .content_left { display:none; visibility:hidden; } .ct100_ct100_cpCONTENT_master_cpCONTENT_btnContinueshopping { display:none; visibility:hidden; } .btnhidden {display:none;}