/************************************************************** ** Algemeen ***************************************************************/ .png{ behavior: url(http://www.kidenkiki.nl/Include/iepngfix.htc);} HTML{ height: 100.01%;} BODY{ margin:0px; height: 100%;} HTML, BODY{ font-size: 11px; color: #757575; font-family: Arial, Helvetica, sans-serif; background:url(http://www.kidenkiki.nl/Images/header_zomer.jpg) no-repeat 50% 0;} A{ color: #757575;} A:hover{ color: #FB393A;} P{ margin: 0; margin-bottom: 10px;} IMG{ border: none;} FORM{ margin: 0;} H1{ font-size: 44px; line-height: 49px;} H2{ font-size: 38px; line-height: 42px;} H3{ font-size: 28px; line-height: 32px;} H4{ font-size: 20px; line-height: 25px;} H5{ font-size: 18px; line-height: 23px;} H6{ font-size: 12px; line-height: 14px;} H1, H2, H3, H4, H5, H6{ margin: 0 0 5px 0; font-family: Arial, Helvetica, sans-serif;} /* SELECT.form_text, INPUT.form_text{ float: left; height: 16px; padding-top: 3px; padding-left: 2px; font-size: 12px; font-weight: normal; color: #001645; margin: 0 0 2px 0; width: 120px; border: #000 1px solid; font-family: Arial, Helvetica, sans-serif;} INPUT.form_btn{ float: left; height: 22px; margin: 0; padding: 0; font-size: 12px; color: #001645; border: #000 1px solid; background-color: #FFF; font-family: Arial, Helvetica, sans-serif;} SELECT.form_text{ padding: 0; height: 20px; font-size: 12px;} TEXTAREA.form_text{ border: #000 1px solid; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} */ BR.clearer{ margin: 0; padding: 0; line-height: 0; font-size: 1px; height: 0; clear: both;} .clear-element:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;} /************************************************************** ** Inhoud v/d ***************************************************************/ #container{ width: 900px; margin: 0 auto; text-align: left;} /************************************************************** ** Header ***************************************************************/ #header{ width: 100%; float: left;} #header_left{ width: 720px; float: left;} #header_left DIV#logo{ width: 360px; height: 120px; float: left; display: inline;} /*#header_left DIV#logo A{ display: block; height: 100%; background: url(../Images/logos/logo_1.jpg) no-repeat 0 100%;}*/ /************************************************************** ** Winkelwagen ***************************************************************/ #header_left DIV#winkelwagen{ width: 360px; height: 120px; float: left; display: inline;} #header_left DIV#winkelwagen DIV.ww_container{ width: 220px; float: right; margin: 35px 55px 0 0;} #header_left DIV#winkelwagen DIV.ww_container DIV.top{ width: 220px; font-size: 1px; height: 9px; float: left; display: inline; background: url(../Images/winkelwagen_border_top.jpg) no-repeat 0 0;} #header_left DIV#winkelwagen DIV.ww_container DIV.bottom{ width: 220px; height: 9px; font-size: 1px; float: left; display: inline; background: url(../Images/winkelwagen_border_bottom.jpg) no-repeat 0 0;} #header_left DIV#winkelwagen DIV.ww_container DIV.middle{ width: 220px; float: left; display: inline; background: url(../Images/winkelwagen_border_middle.jpg) repeat-y 0 0;} #header_left DIV#winkelwagen DIV.ww_container DIV.middle A{ width: 130px; height: 43px; font-weight: bold; float: left; display: block; padding-left: 90px; padding-top: 12px; background: url(../Images/winkelwagen_btn.jpg) no-repeat 25px 50%; font-size: 12px; text-decoration: none; text-transform: uppercase; color: #757575;} #header_left DIV#winkelwagen DIV.ww_container DIV.middle A:hover{ color: #C0EFFF;} /************************************************************** ** Menu ***************************************************************/ #header_left DIV#menu{ width: 810px; float: left; display: inline; margin-top: 7px; margin-left: 10px;} #header_left DIV#menu UL.menu{ margin: 0; padding: 0; list-style: none; float: left;} #header_left DIV#menu UL.menu LI{ padding: 0 5px 0 0; display: inline; margin: 0 5px 0 0; border-right: #49d835 2px solid; float: left;} #header_left DIV#menu UL.menu LI A{ color: #757575; text-decoration: none; text-transform: uppercase; line-height: 26px; font-size: 12px; font-family: Arial, Helvetica, sans-serif;} #header_left DIV#menu UL.menu LI A:hover{} #header_left DIV#menu UL.menu LI A.current{ font-weight: bold;} /************************************************************** ** Vlag(gen) ***************************************************************/ .en_flag{ width: 39px; float: left; display:block; height: 23px; background: url(../Images/EN_flag.jpg) no-repeat; margin:5px 0 0 0; padding:0px;} .nl_flag{ width: 39px; float: left; display:block; height: 23px; background: url(../Images/NL_flag.jpg) no-repeat; margin:5px 10px 0 0; padding:0px;} /************************************************************** ** Zoeken ***************************************************************/ #header_right{ width: 180px; float: right;} #header_right DIV.zoeken{ width: 143px; margin-top: 30px; float: right;} #header_right DIV.zoeken INPUT.zoek_txt{ width: 111px; margin-left: 3px; padding-left: 2px; float: left; height: 19px; border: #757575 1px solid;} #header_right DIV.zoeken INPUT.img_btn{ float: right;} #header_right DIV.zoeken DIV.txt{ width: 113px; margin-left: 3px; font-size: 9px;} /************************************************************** ** Kolommen ***************************************************************/ .col_left{ width: 175px; float: left; clear: left; display: inline; margin-right: 10px;} .col_left DIV.grass{ width: 175px; height: 30px; float: left;} .col_left DIV.kop{ width: 100%; float: left; background-color: #F1CEE2; text-align: center;} .col_left DIV.kop img{ behavior: url(http://www.kidenkiki.nl/Include/iepngfix.htc);} .col_left DIV.content{ width: 100%; float: left; background: url(../Images/col_left_end.jpg) no-repeat #F1CEE2 0 100%; padding-bottom: 10px;} .col_left DIV.content DIV.wrapper{ width: 155px; margin: 0 auto; min-height: 10px; height: auto !important; height: 10px; background-color: #FFF; float:left; margin:0px 0px 10px 4px; display:inline;} .col_left DIV.content DIV.cat{ width: 160px; margin: 0 auto 10px;} .col_left DIV.content DIV.cat DIV.top{ width: 160px; float: left; font-size: 1px; height: 9px; background: url(../Images/cat_border_top.jpg) no-repeat 0 0;} .col_left DIV.content DIV.cat DIV.bottom{ width: 160px; float: left; font-size: 1px; height: 9px; background: url(../Images/cat_border_bottom.jpg) no-repeat 0 0;} .col_left DIV.content DIV.cat DIV.middle{ width: 144px; float: left; min-height: 10px; height: auto !important; height: 10px; background-color: #FFF; padding: 0 5px; border-left: #f69ad8 3px solid; border-right: #f69ad8 3px solid;} .col_center{ width: 535px; float: left; display: inline;} .col_center DIV.grass{ width: 535px; height: 30px; float: left;} .col_center DIV.wrapper{ width: 100%; float: left; margin-bottom: 10px;} .col_center DIV.wrapper DIV.content{ width: 511px; min-height: 10px; height: auto !important; height: 10px; margin: 10px auto 0; background-color: #FFF;} .col_center DIV.pink_full{ background: url(../Images/col_center_pink_full_end.jpg) #F1CEE2 no-repeat 0 100%; padding-bottom: 10px;} .col_center DIV.blue_full{ padding-bottom: 10px; background: url(../Images/col_center_blue_full_end.jpg) #c1effe no-repeat 0 100%;} .col_center DIV.blue_full DIV.top{ background: url(../Images/col_center_blue_full_top.jpg) no-repeat 0 0; font-size: 1px; height: 10px;} .col_center DIV.half_wrapper{ width: 257px; padding-top: 10px; margin-bottom: 10px; background: url(../Images/col_center_blue_half_top.jpg) no-repeat #c1effe 0 0;} .col_center DIV.half_wrapper DIV.content{ width: 235px; margin: 10px auto 0; min-height: 10px; height: auto !important; height: 10px; background-color: #FFF;} .col_center DIV.half_wrapper DIV.bottom{ width: 100%; font-size: 1px; float: left; height: 10px; background: url(../Images/col_center_blue_half_end.jpg) no-repeat 0 0;} .col_right{ width: 170px; float: left; margin-left: 10px; display: inline;} .col_right DIV.grass{ width: 170px; height: 30px; float: left;} .col_right DIV.wrapper{ width: 100%; float: left; padding-bottom: 10px; background: url(../Images/col_right_end.jpg) #c1effe no-repeat 0 100%;} .col_right DIV.wrapper DIV.producten{ width: 146px; min-height: 10px; height: auto !important; height: 10px; margin: 10px auto 0; background-color: #FFF;} /************************************************************** ** Ronde hoekjes ***************************************************************/ .blue{ position: relative; padding: 5px;} .blue DIV.tl{ position: absolute; z-index:1; font-size: 1px; top: 0; left: 0; width: 8px; height: 8px; background: url(../Images/corner_blue_tl.png) no-repeat 0 0;} .blue DIV.tr{ position: absolute; z-index:1; font-size: 1px; margin-right: -1px; top: 0; right: 0; width: 8px; height: 8px; background: url(../Images/corner_blue_tr.png) no-repeat 0 0;} .blue DIV.bl{ position: absolute; z-index:1; font-size: 1px; margin-bottom: -1px; bottom: 0; left: 0; width: 8px; height: 8px; background: url(../Images/corner_blue_bl.png) no-repeat 0 0;} .blue DIV.br{ position: absolute; z-index:1; font-size: 1px; margin-bottom: -1px; margin-right: -1px; bottom: 0; right: 0; width: 8px; height: 8px; background: url(../Images/corner_blue_br.png) no-repeat 0 0;} .pink{ position: relative; padding: 5px;} .pink_2{ padding: 5px;} .pink DIV.tl{ position: absolute; z-index:1; font-size: 1px; top: 0; left: 0; width: 8px; height: 8px; background: url(../Images/corner_pink_tl.png) no-repeat 0 0;} .pink DIV.tr{ position: absolute; z-index:1; font-size: 1px; margin-right: -1px; top: 0; right: 0; width: 8px; height: 8px; background: url(../Images/corner_pink_tr.png) no-repeat 0 0;} .pink DIV.bl{ position: absolute; z-index:1; font-size: 1px; margin-bottom: -1px; bottom: 0; left: 0; width: 8px; height: 8px; background: url(../Images/corner_pink_bl.png) no-repeat 0 0;} .pink DIV.br{ position: absolute; z-index:1; font-size: 1px; margin-bottom: -1px; margin-right: -1px; bottom: 0; right: 0; width: 8px; height: 8px; background: url(../Images/corner_pink_br.png) no-repeat 0 0;} /************************************************************** ** Ronde hoekjes ***************************************************************/ .rechts_iconen{ width:140px; height:420px; float:left; background:url(../Images/rechts_iconen_bg.jpg) no-repeat; margin:0px 0px 10px 7px; display:inline; padding:5px 10px 10px 10px; } .rechts_iconen .links{ width:65px; float:left; margin:0px 10px 0px 0px; display:inline; } .rechts_iconen .rechts{ width:65px; float:left; margin:0px 0px 0px 0px; display:inline; } .rechts_iconen .icoon{ width:65px; height:80px; float:left; margin:0px 0px 5px 0px; display:inline; text-align:center; } .rechts_iconen .icoon A{ width:65px; height:10px; float:left; padding:63px 0px 0px 0px; color:#b3b2fe; text-decoration:none; } .rechts_iconen .icoon A:HOVER{ color:#b3b2fe; text-decoration:underline; } #shirt A{ background:url(../Images/Categorien/shirt.jpg) center left no-repeat; } #jurkje A{ background:url(../Images/Categorien/jurkje.jpg) center left no-repeat; } #broeken A{ background:url(../Images/Categorien/broeken.jpg) center left no-repeat; } #rok A{ background:url(../Images/Categorien/rok.jpg) center left no-repeat; } #sokken A{ background:url(../Images/Categorien/sokken.jpg) center left no-repeat; } #ondergoed A{ background:url(../Images/Categorien/ondergoed.jpg) center left no-repeat; } #ondergoed_sokken A{ background:url(../Images/Categorien/ondergoed_sokken.jpg) center left no-repeat; } #schoenen A{ background:url(../Images/Categorien/schoenen.jpg) center left no-repeat; } #jas A{ background:url(../Images/Categorien/jas.jpg) center left no-repeat; } #zwemkleding A{ background:url(../Images/Categorien/zwemkleding.jpg) center left no-repeat; } #accessoires A{ background:url(../Images/Categorien/accessoires.jpg) center left no-repeat; } #babypakjes A{ background:url(../Images/Categorien/babypakje.jpg) center left no-repeat; }