body, th, td, input, select, textarea {font-family: Arial, sans-serif; font-size: 12px; color: #000; } iframe { background: transparent;} /* TomS (21-7-2009): Weer uitgeschakeld. html { overflow-x: hidden; } */ /* DEFAULT -------------------------------------------------------------------------------------------------------------------------------------------- */ .clearer { height: 1px; font-size: 1px; clear: both; overflow: hidden;} .no-display { display: none; } /*Positioning*/ .a-left { text-align: left; } .a-center { text-align: center; } .a-right { text-align: right; } /*Floating*/ .f-left {float: left;} .f-right {float: right;} .f-none {float: none;} .add-padding { padding-left: 30px; } /* PARAGRAPHS -------------------------------------------------------------------------------------------------------------------------------------------- */ p { margin: 10px 0; } /* LINKS -------------------------------------------------------------------------------------------------------------------------------------------- */ a img { border: 0 solid #fff; } a:link, a:visited {color: #48CC00; text-decoration: none; } a:hover { text-decoration: underline; } a.link-gfx01:link, a.link-gfx01:visited { padding-left: 19px; background: url(../images/bullets/bullet03.gif) left 3px no-repeat; color:#48cc00; font-size: 13px; text-decoration: none; } /* FORMS -------------------------------------------------------------------------------------------------------------------------------------------- */ form { margin: 0; padding: 0; } fieldset { margin: 0; padding: 0; border: 0 solid #fff; } .imp-text, .imp-select, .imp-file {} .imp-text-gfx, .imp-textarea-gfx, .imp-select-gfx, .imp-file-gfx {} .imp-radio, .imp-checkbox {} .imp-button {} .imp-button-gfx { cursor: pointer; } .i-text { border:0; background-color: #e6e6e6; /* height: 14px; */ width: 162px;/* border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding-left: 4px; padding-right: 4px; */} .i-select { margin: 0; padding: 0; } .i-textarea { width: 97%; border: none; background-color: #e6e6e6; overflow: auto; /* border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; */} .i-button { width: 78px; height: 20px; background: url(../images/blocks/btn_submit.gif) left top no-repeat; border: none; cursor: pointer; } /* HEADERS -------------------------------------------------------------------------------------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { margin: 0 0 10px 0;} h1 {font-size: 16px; color: #;} h2 {font-size: 15px;} h3 {font-size: 14px; color: #48cc00; margin: 10px 0;} h4 {font-size: 13px;} h5 {font-size: 12px;} h6 {font-size: 11px;} .csc-header {} .csc-textpicHeader {} .csc-header h1, .csc-textpicHeader h1 {} .csc-header h2, .csc-textpicHeader h2 {} .csc-header h3, .csc-textpicHeader h3 {} .csc-header h4, .csc-textpicHeader h4 {} .csc-header h5, .csc-textpicHeader h5 {} .csc-header h6, .csc-textpicHeader h6 {} /* FCE -------------------------------------------------------------------------------------------------------------------------------------------- */ .fce_round { margin: 0 0 20px 0; } .fce_round .cb_lt {background: url(../images/blocks/bg_cb01_lt.gif) top left no-repeat;} .fce_round .cb_rt {background: url(../images/blocks/bg_cb01_rt.gif) top right no-repeat;} .fce_round .cb_head { height: 39px; margin: 0 12px; background: url(../images/blocks/bg_cb01_t.gif) top left repeat-x; padding-top:1px;} .fce_round .cb_head h2{ margin: 0; color: #fff; margin: 7px 0 0 0; height: 22px; overflow: hidden; } /*head styles*/ .fce_round .cb_head h2 img { /* margin-top:6px; */ } .fce_round:hover .cb_head h2 img { margin-top:-24px; } .fce_round .cb_l {background: url(../images/blocks/bg_cb01_l.gif) top left repeat-y; padding: 0 0 0 3px; } .fce_round .cb_r {background: url(../images/blocks/bg_cb01_r.gif) top right repeat-y; padding: 0 3px 0 0; } .fce_round .cb_rb {background: url(../images/blocks/bg_cb01_rb.gif) bottom right no-repeat;} .fce_round .cb_lb {background: url(../images/blocks/bg_cb01_lb.gif) bottom left no-repeat;} .fce_round .cb_foot { width: auto; height: 8px; margin: 0 12px; background: url(../images/blocks/bg_cb01_b.gif) bottom left repeat-x; position: relative; z-index: 1;} .fce_round .cb_content { background: #fff; padding: 0px 10px; zoom: 1;} /*.fce_round .cb_content { background: #fff; padding: 0; zoom: 1;}*/ .fce_nopadding .cb_content { padding: 0px 0px; } /*class for removing padding*/ /* A.G. */ .fce_padding .cb_content { padding: 0px 35px 0px 50px; } /*class for adding extra padding*/ .fce_round, .fce_round .cb_lt, .fce_round .cb_rt .fce_round .cb_lb , .fce_round .cb_rb { width: 100%; /*float: left; */} /*Wolf: without this have probs in IE.*/ /* .cb_content{ min-height: 100px; height: auto!important; height: 100px; } */ .layout-1column #footer .separator { display: none; } /* FCE ROUND WITHOU HEADER */ .no_header .cb_lt { background: url(../images/blocks/bg_cb_nh_lt.gif) top left no-repeat; } .no_header .cb_rt { background: url(../images/blocks/bg_cb_nh_rt.gif) top right no-repeat; } .no_header .cb_head { margin: 0 20px; height: 8px; padding: 0; background: url(../images/blocks/bg_cb_nh_t.gif) top left repeat-x; } /*--------------------- COLOR SCHEME-------------------- */ /* snelle_levering */ .fce_snel .cb_content { background: #fbc6c8; color: #666; } .fce_snel:hover .cb_content { background: #ee1c24; color: #000; } .fce_snel .cb_lt { background: url(../images/blocks/bg_cb01_lt_red.gif) top left no-repeat; } .fce_snel:hover .cb_lt { background: url(../images/blocks/bg_cb01_lt_red_act.gif) top left no-repeat; } .fce_snel .cb_rt { background: url(../images/blocks/bg_cb01_rt_red.gif) top right no-repeat; } .fce_snel:hover .cb_rt { background: url(../images/blocks/bg_cb01_rt_red_act.gif) top right no-repeat; } .fce_snel .cb_head { background: url(../images/blocks/bg_cb01_t_red.gif) top left repeat-x; } .fce_snel:hover .cb_head { background: url(../images/blocks/bg_cb01_t_red_act.gif) top left repeat-x; } .fce_snel .cb_rb {background: url(../images/blocks/bg_cb01_rb_red.gif) bottom right no-repeat; } .fce_snel:hover .cb_rb {background: url(../images/blocks/bg_cb01_rb_red_act.gif) bottom right no-repeat; } .fce_snel .cb_lb {background: url(../images/blocks/bg_cb01_lb_red.gif) bottom left no-repeat; } .fce_snel:hover .cb_lb {background: url(../images/blocks/bg_cb01_lb_red_act.gif) bottom left no-repeat; } .fce_snel .cb_foot { background: url(../images/blocks/bg_cb01_b_red.gif) bottom left repeat-x; } .fce_snel:hover .cb_foot { background: url(../images/blocks/bg_cb01_b_red_act.gif) bottom left repeat-x; } .fce_snel .cb_l {background: url(../images/blocks/bg_cb01_l_red.gif) top left repeat-y; } .fce_snel:hover .cb_l {background: url(../images/blocks/bg_cb01_l_red_act.gif) top left repeat-y; } .fce_snel .cb_r {background: url(../images/blocks/bg_cb01_r_red.gif) top right repeat-y; } .fce_snel:hover .cb_r {background: url(../images/blocks/bg_cb01_r_red_act.gif) top right repeat-y; } /* red */ .fce_red .cb_content { background: #fbc6c8; color: #666; } .fce_red:hover .cb_content { background: #ee1c24; color: #000; } .fce_red .cb_lt { background: url(../images/blocks/bg_cb01_lt_red.gif) top left no-repeat; } .fce_red:hover .cb_lt { background: url(../images/blocks/bg_cb01_lt_red_act.gif) top left no-repeat; } .fce_red .cb_rt { background: url(../images/blocks/bg_cb01_rt_red.gif) top right no-repeat; } .fce_red:hover .cb_rt { background: url(../images/blocks/bg_cb01_rt_red_act.gif) top right no-repeat; } .fce_red .cb_head { background: url(../images/blocks/bg_cb01_t_red.gif) top left repeat-x; } .fce_red:hover .cb_head { background: url(../images/blocks/bg_cb01_t_red_act.gif) top left repeat-x; } .fce_red .cb_rb {background: url(../images/blocks/bg_cb01_rb_red.gif) bottom right no-repeat; } .fce_red:hover .cb_rb {background: url(../images/blocks/bg_cb01_rb_red_act.gif) bottom right no-repeat; } .fce_red .cb_lb {background: url(../images/blocks/bg_cb01_lb_red.gif) bottom left no-repeat; } .fce_red:hover .cb_lb {background: url(../images/blocks/bg_cb01_lb_red_act.gif) bottom left no-repeat; } .fce_red .cb_foot { background: url(../images/blocks/bg_cb01_b_red.gif) bottom left repeat-x; } .fce_red:hover .cb_foot { background: url(../images/blocks/bg_cb01_b_red_act.gif) bottom left repeat-x; } .fce_red .cb_l {background: url(../images/blocks/bg_cb01_l_red.gif) top left repeat-y; } .fce_red:hover .cb_l {background: url(../images/blocks/bg_cb01_l_red_act.gif) top left repeat-y; } .fce_red .cb_r {background: url(../images/blocks/bg_cb01_r_red.gif) top right repeat-y; } .fce_red:hover .cb_r {background: url(../images/blocks/bg_cb01_r_red_act.gif) top right repeat-y; } /* blue */ .fce_blue .cb_content { background: #daf3fd; color: #666; } .fce_blue:hover .cb_content { background: #6dd0f7; color: #000; } .fce_blue .cb_lt { background: url(../images/blocks/bg_cb01_lt_blue.gif) top left no-repeat; } .fce_blue:hover .cb_lt { background: url(../images/blocks/bg_cb01_lt_blue_act.gif) top left no-repeat; } .fce_blue .cb_rt { background: url(../images/blocks/bg_cb01_rt_blue.gif) top right no-repeat; } .fce_blue:hover .cb_rt { background: url(../images/blocks/bg_cb01_rt_blue_act.gif) top right no-repeat; } .fce_blue .cb_head { background: url(../images/blocks/bg_cb01_t_blue.gif) top left repeat-x; } .fce_blue:hover .cb_head { background: url(../images/blocks/bg_cb01_t_blue_act.gif) top left repeat-x; } .fce_blue .cb_rb {background: url(../images/blocks/bg_cb01_rb_blue.gif) bottom right no-repeat; } .fce_blue:hover .cb_rb {background: url(../images/blocks/bg_cb01_rb_blue_act.gif) bottom right no-repeat; } .fce_blue .cb_lb {background: url(../images/blocks/bg_cb01_lb_blue.gif) bottom left no-repeat; } .fce_blue:hover .cb_lb {background: url(../images/blocks/bg_cb01_lb_blue_act.gif) bottom left no-repeat; } .fce_blue .cb_foot { background: url(../images/blocks/bg_cb01_b_blue.gif) bottom left repeat-x; } .fce_blue:hover .cb_foot { background: url(../images/blocks/bg_cb01_b_blue_act.gif) bottom left repeat-x; } .fce_blue .cb_l {background: url(../images/blocks/bg_cb01_l_blue.gif) top left repeat-y; } .fce_blue:hover .cb_l {background: url(../images/blocks/bg_cb01_l_blue_act.gif) top left repeat-y; } .fce_blue .cb_r {background: url(../images/blocks/bg_cb01_r_blue.gif) top right repeat-y; } .fce_blue:hover .cb_r {background: url(../images/blocks/bg_cb01_r_blue_act.gif) top right repeat-y; } /* yellow */ .fce_yellow .cb_content { background: #ffedc4; color: #666; } .fce_yellow:hover .cb_content { background: #feb913; color: #000; } .fce_yellow .cb_lt { background: url(../images/blocks/bg_cb01_lt_yellow.gif) top left no-repeat; } .fce_yellow:hover .cb_lt { background: url(../images/blocks/bg_cb01_lt_yellow_act.gif) top left no-repeat; } .fce_yellow .cb_rt { background: url(../images/blocks/bg_cb01_rt_yellow.gif) top right no-repeat; } .fce_yellow:hover .cb_rt { background: url(../images/blocks/bg_cb01_rt_yellow_act.gif) top right no-repeat; } .fce_yellow .cb_head { background: url(../images/blocks/bg_cb01_t_yellow.gif) top left repeat-x; } .fce_yellow:hover .cb_head { background: url(../images/blocks/bg_cb01_t_yellow_act.gif) top left repeat-x; } .fce_yellow .cb_rb {background: url(../images/blocks/bg_cb01_rb_yellow.gif) bottom right no-repeat; } .fce_yellow:hover .cb_rb {background: url(../images/blocks/bg_cb01_rb_yellow_act.gif) bottom right no-repeat; } .fce_yellow .cb_lb {background: url(../images/blocks/bg_cb01_lb_yellow.gif) bottom left no-repeat; } .fce_yellow:hover .cb_lb {background: url(../images/blocks/bg_cb01_lb_yellow_act.gif) bottom left no-repeat; } .fce_yellow .cb_foot { background: url(../images/blocks/bg_cb01_b_yellow.gif) bottom left repeat-x; } .fce_yellow:hover .cb_foot { background: url(../images/blocks/bg_cb01_b_yellow_act.gif) bottom left repeat-x; } .fce_yellow .cb_l {background: url(../images/blocks/bg_cb01_l_yellow.gif) top left repeat-y; } .fce_yellow:hover .cb_l {background: url(../images/blocks/bg_cb01_l_yellow_act.gif) top left repeat-y; } .fce_yellow .cb_r {background: url(../images/blocks/bg_cb01_r_yellow.gif) top right repeat-y; } .fce_yellow:hover .cb_r {background: url(../images/blocks/bg_cb01_r_yellow_act.gif) top right repeat-y; } /* green */ .fce_green .cb_content { background: #eef5da; color: #666; } .fce_green:hover .cb_content { background: #bcd86b; color: #000; } .fce_green .cb_lt { background: url(../images/blocks/bg_cb01_lt_green.gif) top left no-repeat; } .fce_green:hover .cb_lt { background: url(../images/blocks/bg_cb01_lt_green_act.gif) top left no-repeat; } .fce_green .cb_rt { background: url(../images/blocks/bg_cb01_rt_green.gif) top right no-repeat; } .fce_green:hover .cb_rt { background: url(../images/blocks/bg_cb01_rt_green_act.gif) top right no-repeat; } .fce_green .cb_head { background: url(../images/blocks/bg_cb01_t_green.gif) top left repeat-x; } .fce_green:hover .cb_head { background: url(../images/blocks/bg_cb01_t_green_act.gif) top left repeat-x; } .fce_green .cb_rb {background: url(../images/blocks/bg_cb01_rb_green.gif) bottom right no-repeat; } .fce_green:hover .cb_rb {background: url(../images/blocks/bg_cb01_rb_green_act.gif) bottom right no-repeat; } .fce_green .cb_lb {background: url(../images/blocks/bg_cb01_lb_green.gif) bottom left no-repeat; } .fce_green:hover .cb_lb {background: url(../images/blocks/bg_cb01_lb_green_act.gif) bottom left no-repeat; } .fce_green .cb_foot { background: url(../images/blocks/bg_cb01_b_green.gif) bottom left repeat-x; } .fce_green:hover .cb_foot { background: url(../images/blocks/bg_cb01_b_green_act.gif) bottom left repeat-x; } .fce_green .cb_l {background: url(../images/blocks/bg_cb01_l_green.gif) top left repeat-y; } .fce_green:hover .cb_l {background: url(../images/blocks/bg_cb01_l_green_act.gif) top left repeat-y; } .fce_green .cb_r {background: url(../images/blocks/bg_cb01_r_green.gif) top right repeat-y; } .fce_green:hover .cb_r {background: url(../images/blocks/bg_cb01_r_green_act.gif) top right repeat-y; } /* grey */ .fce_grey .cb_content { color: #666; } .fce_grey .cb_lt { background: url(../images/blocks/bg_cb01_lt_grey.gif) top left no-repeat; } .fce_grey .cb_rt { background: url(../images/blocks/bg_cb01_rt_grey.gif) top right no-repeat; } .fce_grey .cb_head { background: url(../images/blocks/bg_cb01_t_grey.gif) top left repeat-x; } .fce_grey .cb_rb {background: url(../images/blocks/bg_cb01_rb_grey.gif) bottom right no-repeat; } .fce_grey .cb_lb {background: url(../images/blocks/bg_cb01_lb_grey.gif) bottom left no-repeat; } .fce_grey .cb_foot { background: url(../images/blocks/bg_cb01_b_grey.gif) bottom left repeat-x; } .fce_grey .cb_l {background: url(../images/blocks/bg_cb01_l_grey.gif) top left repeat-y; } .fce_grey .cb_r {background: url(../images/blocks/bg_cb01_r_grey.gif) top right repeat-y; } .fce_padding h3, h2.h-subtitle { text-indent: -14px; clear: both; } /*small tab at the bottom of fce*/ .small_tab {position: absolute; bottom: 15px; right: -45px; z-index: 2;} .small_tab a:link, .small_tab a:visited { width: 34px; padding: 0 0 5px 0; background: url(../images/blocks/bg_stab_bottom.png) bottom left no-repeat; display: block; overflow: hidden; } .small_tab a span { /*width: 34px;*/ padding: 10px 0 6px 0; text-align: center; background: url(../images/blocks/bg_stab_top.png) top left no-repeat; display: block; /*overflow: hidden;*/ } * html .small_tab a:link, * html .small_tab a:visited { background: url(../images/blocks/bg_stab_bottom.gif) bottom left no-repeat; } * html .small_tab a span { background: url(../images/blocks/bg_stab_top.gif) top left no-repeat; } .small_tab:hover a:link, .small_tab:hover a:visited { width: 34px; padding: 0 0 5px 0; background-position:bottom right; display: block; } .small_tab:hover a span { /*width: 34px;*/ padding: 10px 0 6px 0; text-align: center; background-position:top right; display: block; } .fce_round:hover .small_tab a:link, .fce_round:hover .small_tab a:visited { background-position: bottom left; } .fce_round:hover .small_tab a span { background-position: top left; } .fce_round .small_tab:hover a:link, .fce_round .small_tab:hover a:visited { background-position:bottom right; } .fce_round .small_tab:hover a span { background-position:top right; } #b-ie6 .cb_foot .small_tab { right: -46px; } #b-ie6 .cb_foot .act a { background-position:bottom right!important; } #b-ie6 .cb_foot .act a span { /*width: 34px; float: right;*/ background-position:top right!important; } /* .small_tab a:link, .small_tab a:visited { width: 34px; padding: 0 0 5px 0; background: url(../images/blocks/bg_stab_bottom.png) bottom left no-repeat; display: block; } .small_tab a span { width: 34px; padding: 10px 0 6px 0; text-align: center; background: url(../images/blocks/bg_stab_top.png) top left no-repeat; display: block; } .small_tab:hover a:link, .small_tab:hover a:visited { width: 34px; padding: 0 0 5px 0; background: url(../images/blocks/bg_stab_bottom_act.png) bottom left no-repeat; display: block; } .small_tab:hover a span { width: 34px; padding: 10px 0 6px 0; text-align: center; background: url(../images/blocks/bg_stab_top_act.png) top left no-repeat; display: block;} .fce_round:hover .small_tab a:link, .fce_round:hover .small_tab a:visited { background: url(../images/blocks/bg_stab_bottom.png) bottom left no-repeat; } .fce_round:hover .small_tab a span { background: url(../images/blocks/bg_stab_top.png) top left no-repeat; } .fce_round .small_tab:hover a:link, .fce_round .small_tab:hover a:visited { background: url(../images/blocks/bg_stab_bottom_act.png) bottom left no-repeat; } .fce_round .small_tab:hover a span { background: url(../images/blocks/bg_stab_top_act.png) top left no-repeat; } #b-ie6 .cb_foot .act a { background: url(../images/blocks/bg_stab_bottom_act.png) bottom left no-repeat!important; } #b-ie6 .cb_foot .act a span { background: url(../images/blocks/bg_stab_top_act.png) top left no-repeat!important; } */ .fce_round:hover .fce_round .cb_head img{ margin-top: 0; } .fce_round:hover .fce_round:hover .cb_head img{ margin-top: -23px; } .fce_red .csc-header, .fce_blue .csc-header, .fce_green .csc-header, .fce_yellow .csc-header { height: 23px; overflow: hidden; } .fce_red:hover .csc-header img, .fce_blue:hover .csc-header img, .fce_green:hover .csc-header img, .fce_yellow:hover .csc-header img{ margin-top:-23px; } /* FCE PRODUCT BOX */ .fce-product-wrap { background: url(../images/blocks/bg_separator_vert_l.gif) 50% top repeat-y; margin:-6px 0; padding: 10px 0 10px 0; position: relative; z-index: 10; float: left; width: 100%; } .fce-product { /* margin: 0px 12px 0; */ } .fce-product .content { width: 46%; float: left; margin:0 2% 0 0; line-height: 18px; } .fce-product .content p{ margin: 0; } .content a:link, .content a:visited { color: #48cc00; line-height: 16px; } .fce-product .img-holder { width: 46%; float: right; text-align: center; } .product-left { background: url(../images/blocks/bg_separator_vert_r.gif) 50% top repeat-y; } .product-left .img-holder { width: 47%; float: left; } .product-left .content { width: 45%; float: right; margin: 0 0 0 7%; } .fce-product-wrap { background-position: 33% top; } .fce-product-wrap .fce-product-wrap { background-position: 66% top; margin: -10px 0; } .fce_3cols .product-left, .fce_3cols .fce-product-wrap { background-position: 50% top; } /* Fix links on Unieke Producten */ .fce-product-wrap .imp-unieke-table a { cursor: default; outline: none; } /* ITEM */ .fce-item { margin: 20px 30px 0; } .fce-item .img-holder { float: left; width: 17.4%; } .fce-item .content { float: right; width: 71%; } .i-right .img-holder { float: right; text-align: right;} .i-right .content { float: left;} /* SPOTS */ .csc-header .spot1 { height:50px; overflow: hidden; text-align: center; } .csc-header .spot1:hover img { margin-top: -50px; cursor: pointer; } .act .spot1 img { margin-top: -50px; cursor: pointer; } .csc-header .spot2 { height:51px; overflow: hidden; text-align: center; } .csc-header .spot2:hover img { margin-top: -51px; cursor: pointer; } .act .spot2 img { margin-top: -51px; cursor: pointer; } .csc-header .spot3 { height:54px; overflow: hidden; text-align: center; } .csc-header .spot3:hover img { margin-top: -54px; cursor: pointer; } .act .spot3 img { margin-top: -54px; cursor: pointer; } .csc-header .spot4 { height:53px; overflow: hidden; text-align: center; } .csc-header .spot4:hover img { margin-top: -53px; cursor: pointer; } .act .spot4 img { margin-top: -53px; cursor: pointer; } /*3 columns fce*/ .fce_3cols { width: 100%; margin: 0 0 40px 0; color: #666;} .fce_3cols .fce_left{ width: 221px; float: left; margin: 0 106px 0 0;} .fce_3cols .fce_middle{ width: 221px; float: left; margin: 0 106px 0 0;} .fce_3cols .fce_right{ width: 221px; float: left; margin: 0;} .unique { width: 100%; margin: 0 0 40px 0; color: #000; } .unique .fce_left{ width: 250px; margin: 0 70px 0 0; float: left; } .unique .fce_middle{ width: 270px; margin: 0 70px 0 0; float: left; } .unique .fce_right{ width: 270px; float: left; } .unique .fce_round .fce_left .cb_content { height: 110px; overflow: hidden; } .unique .fce_round .fce-product-wrap { height: 97px; overflow: hidden; } .fce_2cols { width: 100%; margin: 0 0 10px 0; color: #666;} .fce_2cols .fce_left { width: 403px; float: left; margin: 0 127px 0 0;} .simple .fce_left { width: 48%; margin: 0;} .f60_40 .fce_left { width: 567px; margin: 0 93px 0 0; } .left_440 .fce_left { margin: 0 90px 0 0; } .fce_2cols .fce_right { width: 403px; float: left; } .simple .fce_right { width: 48%; float: right; } .f60_40 .fce_right { width: 273px; } .left_440 .fce_right { width: 440px; } .fce_2cols_68x23 { width: 100%; margin: 0 0 10px 0; color: #666; } .fce_2cols_68x23 .fce_left_68 { width: 68.9%; float: left; margin: 0 7.5% 0 0;}/* 70.8% */ * html .fce_2cols_68x23 .fce_left_68 { margin: 0; } .fce_2cols_68x23 .fce_right_23 { width: 23.5%; float: right; } .home .fce_2cols_68x23 .fce_right_23 { width: 15%; margin-top:2px; } .home .fce_2cols_68x23 .fce_right_23 .csc-header { width: 160px; clear: both;} /*TomS(10-9-2009): Padding voor telefoonnummer op de home-page*/ .contact_under_logo { width:200px;} .contact_under_logo span { padding-left:15px; width:74px; height:15px;} .nd_25_65 .fce_left { width: 25%; float: left; margin: 0; text-align: left; } .nd_25_65 .fce_right { width: 65%; float: right; } /* .nd_25_65 .fce-product-wrap { background-position: 33% top; } .nd_25_65 .fce-product-wrap .fce-product-wrap { background-position: 66% top; margin: -10px 0; } */ /* CARRUSEL -------------------------------------------------------------------------------------------------------------------------------------------- */ .imp_carrusel { height: 150px; margin: 0 0 10px 0; visibility: visible;} .imp_carrusel .titles{ margin-left:-15px; width:200px; clear: both; text-align: center; min-height:90px; height:auto !important; height:90px; overflow:hidden;} .imp_carrusel .carrusel_content { width: 583px; float: left; } .imp_carrusel .carrusel_content a:link, .imp_carrusel .carrusel_content a:visited{ width: 86px; height: 150px; padding: 8px 7px 0 7px; display: block; position: relative; z-index: 1; zoom: 1; /* float: left; */} .imp_carrusel .carrusel_content a:link span.item_hover, .imp_carrusel .carrusel_content a:visited span.item_hover{ width: 98px; height: 98px; position: absolute; top: 2px; left: 0; background: url(../images/blocks/bg_carusel_act2.gif) top left no-repeat; display: none; z-index: 0; cursor:pointer;} .imp_carrusel .carrusel_content a span.new { width: 41px; height: 22px; position: absolute; top: -5px; left: 50px; background: url(../images/blocks/news_text.png) top left no-repeat; z-index: 4; display: block;} #b-ie7 .imp_carrusel .carrusel_content a span.new, #b-ie6 .imp_carrusel .carrusel_content a span.new{ top: 2px; } #b-ie7 .imp_carrusel .carrusel_content a span.item_hover, #b-ie6 .imp_carrusel .carrusel_content a span.item_hover{ /* top: 10px; left: 8px; */ } .imp_carrusel .carrusel_content .box:hover span.item_hover { display: block!important;} .imp_carrusel .carrusel_left { width: 30px; height: 85px; float: left; margin: 0; padding: 45px 0 0 0; } .imp_carrusel .carrusel_right { width: 30px; height: 85px; float: left; padding: 45px 0 0 0; } .imp_carrusel .carrusel_left a:link, .imp_carrusel .carrusel_left a:visited { width: 30px; height: 29px; margin: 0 0 0 0; display: block; background: url(../images/buttons/btn_arrow_left.gif) top left no-repeat;} .imp_carrusel .carrusel_left a:hover, .imp_carrusel .carrusel_left a.act { background: url(../images/buttons/btn_arrow_left_act.gif) top left no-repeat; } .imp_carrusel .carrusel_right a:link, .imp_carrusel .carrusel_right a:visited { width: 30px; height: 29px; margin: 0 0 0 0; display: block; background: url(../images/buttons/btn_arrow_right.gif) top right no-repeat;} .imp_carrusel .carrusel_right a:hover, .imp_carrusel .carrusel_right a.act { background: url(../images/buttons/btn_arrow_right_act.gif) top right no-repeat; } .carrusel_content { float: left; height: 150px; overflow: hidden; position: relative; } .carrusel_content .box { /* display: inline; */ width: 100px; height: 150px; margin: 5px 0;/* float: left; */zoom: 1; z-index: 2;} .carrusel_content .box img { display: block; } .fce_round .imp_carrusel { margin-left: 40px; } .fce_3cols .imp_carrusel { margin-left: 25px; } /*centering carusel on home page*/ .fce_right_23 .tx-impcarousel-pi1, .fce_left_68 .fce_left_68 .tx-impcarousel-pi1 {text-align: center;} .fce_right_23 .tx-impcarousel-pi1 .imp_carrusel{ margin: 0 auto 0 auto; height: auto; width: 160px;} /* was - 140 A.G. */ .fce_left_68 .tx-impcarousel-pi1 { margin: 0 auto 50px auto; } .fce_left_68 .fce_left_68 .tx-impcarousel-pi1 { margin: 0 auto 10px auto; width: 370px;} .home .fce_2cols_68x23 .fce_right_23 .tx-impcarousel-pi1 { width: 100%; float: left; clear: both;} .home .fce_2cols_68x23 .fce_right_23 .carrusel_content { height: 135px; } /* .fce_2cols_68x23 { width: 100%; margin: 0 0 10px 0; color: #666; } */ .fce_2cols_68x23 .fce_2cols_68x23 .fce_left_68 { width: 100%; float: left; margin: 25px 10px 0 0;} .fce_2cols_68x23 .fce_2cols_68x23 .fce_right_23 { float: right; margin-top: -270px; position: relative/*Wolf ie6 fix*/;} #b-ie6 .fce_2cols_68x23 .fce_2cols_68x23 .fce_right_23 { margin-right: -70px; } /* NEWS LIST A.G. -------------------------------------------------------------------------------------------------------------------------------------------- */ .news-item { margin-top: 35px; /* background: url(../images/blocks/bg_news_item.gif) left bottom repeat-x; */ padding:0 35px 15px 36px; } .content-wrap { padding: 0 0 0 14px; } .cb_content p { margin: 0 0 15px 0; } .news-item .news-title { width: 100%; float: left; margin-bottom: 12px; } .news-item .news-title h3.fce-new-subtitle { margin: 0; } .news-item .news-title .news-date { color: #666; font-size: 12px; line-height: 16px; float: right; text-indent:0; } .news-item .img-holder { float: left; margin-right: 20px; } /* .news-item .img-holder img { margin-right: 20px; } */ .news-item .bottom-link { width:100%; float: left; margin-top: 15px; } .news-item .bottom-link a:link, .news-item .bottom-link a:visited{ float:right; } .latest .img-holder { float: right; margin: 0 0 0 20px; } /* .latest .img-holder img { margin-left: 20px; } */ /* FORMS 2 COLS */ .form-2cols-wrap { width:100%; float: left; margin-bottom: 22px; } .form-2cols-wrap dl{ margin:0; padding: 0; width: 48%; } .form-2cols-wrap dl dt { float:left; margin:0 0 10px 0; width:36%; clear: left; } .form-2cols-wrap dl dd{ float:left; margin: 0 0 10px 0; width:63%; } /* BRIEFING - CONTACT FORMS */ .briefing-wrap { width:100%; float: left; margin-bottom: 10px; } .briefing-wrap dl { width:480px; margin:0; padding: 0; } .briefing-wrap dl dt { float:left; margin:0 0 10px 0; width:23%; clear: left; } .briefing-wrap dl dd { float:left; margin:0 0 10px 0; width:76%; } .briefing-wrap dl dd.radio { float:right; } dl dd.clearer { margin: 0; clear: both; float: none; width: 100%; } .briefing-wrap .i-text { width: 250px; /* height: 10px; padding: 2px 0; font-size: 10px; line-height: 10px; */ } .briefing-wrap .i-radio { margin:2px 5px 0 0; } .briefing-wrap .i-textarea { /* width: 100%; */ min-height: 60px; height:auto!important; height: 60px; } .briefing-wrap .addheight{ min-height: 99px; height:auto!important; height: 99px; overflow: auto; } .briefing-wrap .radio label { color: #666; } .briefing-wrap .radio label.act { color: #000; } /* .input-wrap-l { width: 260px; height: 14px; background: url(../images/blocks/bg_input_l.gif) left top no-repeat; } .input-wrap-r { width: 260px; height: 14px; background: url(../images/blocks/bg_input_r.gif) right top no-repeat; } */ /* POP UP FORM */ .job { width: 100%; float: left; margin: 0 0 20px 0; padding: 0; list-style: none; } .job li { float: left; min-width: 90px; width: auto!important; width: 90px; margin-right: 10px; padding-left:15px; } .job li span { margin-left: -15px; } .job li .i-radio { margin: 0; } .job li label { margin-left: 4px; color: #666; } .job li label.act { color: #000; } .briefing-wrap-popup { width: 100%; float: left; } .briefing-wrap-popup .i-text{ width: 120px; } .briefing-wrap-popup .i-textarea{ width: 125px; } textarea.addheight{ min-height: 150px; height:auto!important; height: 150px; overflow: auto; width: 220px;} /* CATEGORY LIST */ .category-list { width: 100%; float: left; } .category-list ul{ margin: 0; padding: 0; list-style: none; } .category-list ul li{ margin-bottom: 25px; } .category-list ul li.act a.link-gfx01:link, .category-list ul li.act a.link-gfx01:visited { background: url(../images/bullets/bullet04.gif) left 3px no-repeat; } .category-list ul ul{ height: 60px; margin: 10px 0 0 0; padding: 0 0 0 30px; list-style: none; } .category-list ul ul li{ margin:0 20px 0 0; float: left; min-width: 140px; width:auto!important; width:140px; } .category-list ul ul li a:link, .category-list ul ul li a:visited { text-decoration: none; } .category-list ul ul li a:hover { color: #48cc00; } /* .category-box { display: none; } */ /* SITE MAP -------------------------------------------------------------------------------------------------------------------------------------------- */ .site-map ul { margin: 0; padding: 0; list-style: none; } .site-map ul li { margin-bottom: 15px; } .site-map ul li a:link, .site-map ul li a:visited { text-decoration: underline; } .site-map ul li a:hover { text-decoration: none; } .site-map ul li.act a.link-gfx01:link, .site-map ul li.act a.link-gfx01:visited { background: url(../images/bullets/bullet04.gif) left 3px no-repeat; } .site-map a.link-gfx01:link, .site-map a.link-gfx01:visited { text-decoration: underline; color: #000;} .site-map a.link-gfx01:hover { text-decoration: none; } .site-map ul li ul { padding: 5px 0 0 33px; } .site-map ul li ul li { margin: 0; } .site-map ul li ul li a:link, .site-map ul li ul li a:visited { color: #666; text-decoration: none; } .site-map ul li ul li a:hover { text-decoration: underline; } /* VACANCY BOX */ ul.vacancy-list { width: 60%; margin: 0; padding: 0; list-style: none; } ul.vacancy-list li{ float: left; margin:0 20px 25px 0; min-width: 130px; width:auto!important; width:130px; } ul.vacancy-list li.act a.link-gfx01:link, ul.vacancy-list li.act a.link-gfx01:visited { background: url(../images/bullets/bullet04.gif) left 3px no-repeat; } ul.we-demand-list { list-style: none; padding: 0; margin: 10px 0; } ul.we-demand-list li{ background: url(../images/bullets/bullet02.gif) 1px 5px no-repeat; padding-left: 10px; } .vacancy-box .add-padding { margin-bottom: 40px; } .vacancy-box .fce_round h3{ margin-top: 0; } .vacancy-box textarea { width: 100%; height: 115px; margin-bottom: 30px; } dl.vacany-form { width: 260px; margin: 0; } dl.vacany-form .i-text{ width: 100%; } dl.vacany-form .i-select{ width: 80%; } dl.vacany-form dt { margin: 0 1% 10px 0; float: left; clear: left; width: 40%; } dl.vacany-form dd { margin: 0 0 10px 0; float: left; width: 59%; } dl.vacany-form .add-margin { margin-top: 15px; } /* LIST IN FCE RAUND */ .imp-bullet-list { width: 100%; float: left; margin: 5px 0; } .imp-bullet-list dt{ width: 24%; margin: 0 0 5px 10px; padding: 0; float: left; display: inline; } .imp-bullet-list dd{ width: 74%; margin: 0 0 5px 0; padding: 0; float: left; } .imp-bullet-list ul { width: 100%; float: left; padding: 0; margin: 0; list-style: none; text-align: left; } .imp-bullet-list ul li { float: left; min-width: 140px; width: auto!important; width:140px; margin-right: 10px; background:transparent url(../images/bullets/bullet02.gif) no-repeat scroll 1px 5px; /* color:#48CC00; */color: #000; padding-left:10px; } .imp-bullet-list ul li a:link, .imp-bullet-list ul li a:visited { line-height: 12px; } /* POP UP SMALL */ .fce_round .popup-box { display: none; position: absolute; left: 80px; bottom: 40px; z-index: 120; } .fce_round .popup-box .popup-content { width: 121px; padding:0px 10px; background: url(../images/blocks/bg_popup.gif) left top repeat-y; } .fce_round .popup-content p { padding:0 0px; margin: 0; clear: both; } .fce_round .popup-box .popup-box-t { height: 8px; width: 141px; background: url(../images/blocks/bg_popup_top.png) left top no-repeat;} .fce_round .popup-box .popup-box-b { height: 21px; width: 141px; background: url(../images/blocks/bg_popup_bottom.png) left bottom no-repeat;} .cb_head { position:relative; z-index: 1; } .fce_round:hover .popup-box { display: block; } /* NEWS CHURN */ .news-churn-wraper { width: 200px; height: 150px; padding: 39px 0 5px 136px; position: relative; z-index: 2; clear: both;} .news-churn-wraper ul { list-style: none; margin: 0; padding: 0; float: left; width: 100%; } .news-churn-wraper ul li { float: left; margin-right: 17px; position: relative; z-index: 20; } .news-churn-wraper ul li .news-churn { width: 63px; height: 134px; background: url(../images/blocks/bg_news_churn.png) 0px -2px no-repeat; cursor: pointer; float: left; overflow: hidden; } .news-churn-wraper ul li.act .news-churn { background-position: left bottom; cursor: pointer; } .news-churn-wraper ul li .news-brief-churn{ width: 57px; height: 132px; background: url(../images/blocks/bg_news_breif_churn.png) left -1px no-repeat; cursor: pointer; float: left; overflow: hidden; } .news-churn-wraper ul li.act .news-brief-churn { background-position: left bottom; cursor: pointer; } .news-churn-wraper ul li .popup-box { display: none; } .news-churn-wraper ul li.act .popup-box { display: block; position: absolute; left: 33px; bottom: 105px; cursor: default; z-index: 9999; } .news-churn-wraper ul li.act .popup-box span.png-fix {cursor: pointer;} span.png-fix {cursor: pointer;} /*.news-churn-wraper ul li.act .popup-box a.png-fix:hover {height: 200px;}*/ /* CONSTUCTIR OF POP UP BOX-----> */ .news-churn-wraper .popup-box .popup-content { width: 153px; padding:0px 20px 0 10px; background: url(../images/blocks/bg_news_popup.png) left top repeat-y; } .news-churn-wraper .popup-box .popup-content p { margin: 0; color: #000; } .news-churn-wraper .popup-box .popup-content ul { margin: 0; padding: 0; list-style: none; } .news-churn-wraper .popup-box .popup-content ul li{ width: 100%; float: left; color: #000!important; } .news-churn-wraper .popup-box .popup-content a:link, .news-churn-wraper .popup-box .popup-content a:visited { color: #666; } .news-churn-wraper .popup-box .popup-content a:hover{color: #48cc00; text-decoration: underline; } .news-churn-wraper .popup-box .popup-box-t { height: 50px; width: 173px; background: url(../images/blocks/bg_new_popup_top.png) left top no-repeat; } .news-churn-wraper .popup-box .popup-box-b { height: 45px; width: 173px; background: url(../images/blocks/bg_news_popup_bottom.png) left bottom no-repeat; position: relative; z-index: 20; } .news-churn-wraper .popup-box .popup-box-b .small_tab { display: block; position:absolute; right: -23px; bottom: 40px; z-index: 1; } .popup-box .popup-news-header { height: 22px; overflow: hidden; margin: 20px 0 0 10px ; width: 100%; float: left;} .popup-box:hover .popup-news-header img{ margin-top: -24px; } /* <-----CONSTUCTIR OF POP UP BOX */ #b-ie6 .news-churn-wraper ul li.act .news-churn { background-position: left bottom!important; } /* #b-ie6 .news-churn-wraper ul li .popup-box, #b-ie7 .news-churn-wraper ul li .popup-box { bottom: 110px; } #b-ie6 .news-churn-wraper ul li.act .news-churn { background: url(../images/blocks/bg_news_churn_act.png) 1px 1px no-repeat!important; } #b-ie6 .news-churn-wraper ul li.act .news-brief-churn { width: 57px; height: 132px; background: url(../images/blocks/bg_news_brief_churn_act.png) left top no-repeat!important;} */ /* TAIL ZONE -------------------------------------------------------------------------------------------------------------------------------------------- */ .bud_form { position: absolute; z-index: 70; left:593px; top:182px; width: 265px; float: left;} .tail-box-top { width: 225px; height: 24px; background: url(../images/blocks/bg_tail_top.gif) left top no-repeat; padding:83px 0 0 40px; } .tail-box { width: 100%; min-height:100px; height:auto!important; height: 100px; background: url(../images/blocks/bg_tail.gif) left top repeat-y; } .tail-box-bottom { width: 265px; height: 14px; position: relative; background: url(../images/blocks/bg_tail_bottom.gif) left bottom no-repeat; } .tail-box-bottom .small_tab { right: -34px; bottom: 10px;} .bud_form ul { list-style: none; margin:0; padding: 0; color: #fff; } .tail-box-top ul li { float: left; color: #acacac;} .tail-box-top ul li.separator { height: 10px; padding: 0 5px;} .tail-box-top ul li a:link, .tail-box-top ul li a:visited { float: left; color: #acacac; } .tail-box-top ul li a.act:link, .tail-box-top ul li a.act:visited { color: #fff; } .tail-box-content { width: 225px; float: left; padding: 10px 0 0 40px; } .tail-box-content h3 { margin: 5px 0 5px 0; } .tail-box-content dl{ margin: 5px 0 10px 0; padding-left: 10px; color: #fff; width: 215px; float: left;} .tail-box-content dl dt { width: 50%; margin: 0 0 5px 0; padding: 0; float: left; } .tail-box-content dl dd { width: 45%; margin: 0 0 5px 0; padding: 0; float: left; } .tail-box-content .i-text { width: 90%; } .tail-box-content .i-textarea { width: 90%; height: 90px; margin: 0px; } #tailContent .news-churn-wraper { height: 135px; position: absolute; left: 634px; top: 680px; z-index:999; padding: 0; margin: 0;} .back-to-home { width: 113px; height: 35px; background: url(../images/blocks/bg_back_to_home.gif) left top no-repeat; position: absolute; left: 730px; top: 0px; z-index: 10; } .back-to-home a:link, .back-to-home a:visited { color: #fff; margin: 7px 0 0 34px; float: left; width: 40px; padding-left: 13px; } .back-to-home a:hover { color: #48CC00; text-decoration: none; } /* VERTICAL ALIGN */ .middled { margin-top: expression((parentNode.offsetHeight - this.offsetHeight)<0 ? "0" : (parentNode.offsetHeight - this.offsetHeight)/2 + "px"); } /* DIVIDERS -------------------------------------------------------------------------------------------------------------------------------------------- */ .divider { height: 7px; margin:10px 0px; clear: both; overflow: hidden; background: url(../images/blocks/bg_news_item.gif) left top repeat-x; } .fce_padding .cb_content .divider { margin: 10px -35px 10px -50px; } .fce_round .divider { margin: 10px -10px; } /* THEMA'S PAGE -------------------------------------------------------------------------------------------------------------------------------------------- */ .image-hover, .image-hover-active {margin-bottom:20px;} /* PORTFOLIO PAGE -------------------------------------------------------------------------------------------------------------------------------------------- */ .portfolio .bigImage { float: left; width: 223px; height: 158px; line-height: 158px; text-align: center; } .portfolio .bigImage img{ vertical-align: middle; } .portfolio .scrollbar { height: 158px; } .portfolio_icons {} .portfolio_icons p { width: 150px; float: left; padding: 6px 0 0 0; margin: 0;} .portfolio .scrollbar img { margin-top: 10px; } /* INKOOP (overwrite to carusel) -------------------------------------------------------------------------------------------------------------------------------------------- */ .inkoop .carrusel_content, .inkoop { height: 180px;} .inkoop .carrusel_left, .inkoop .carrusel_right{ padding: 60px 0 0 0;} .inkoop .carrusel_content a { width: 86px; } .inkoop .carrusel_content .longDiv { margin: 30px 0 0 0; position: relative;} .inkoop .carrusel_content a span.mini_icon { width: 30px; height: 30px; display: block; position: absolute; top: -30px!important; left: 63px!important; z-index: 2; background: #FFF;} /* .inkoop .carrusel_content a span.blue { background: blue; } .inkoop .carrusel_content a span.yellow { background: yellow; } .inkoop .carrusel_content a span.red { background: red; } .inkoop .carrusel_content a span.green { background: green; } */ .inkoop .carrusel_content a span.tijd { background: url(../images/icons/tijd.gif) no-repeat; } .inkoop .carrusel_content a span.maat { background: url(../images/icons/maat.gif) no-repeat; } .inkoop .carrusel_content a span.distributie { background: url(../images/icons/distributie.gif) no-repeat; } .tabs_right { display: none; } .creatieveInkoopContainer .imp_carrusel { width:400px; } .themaCarosel .imp_carrusel { width:670px; } .tx-impcarousel-pi1 .titles .highlighted, .tx-impcarousel-pi1 .titles .act .normal { display: none; } .tx-impcarousel-pi1 .titles .normal, .tx-impcarousel-pi1 .titles .act .highlighted { display: block; margin: 0 auto;} .imp_carrusel .carrusel_content .box .color { display: none!important; } #b-ie7 .imp_carrusel .carrusel_content .box .color, #b-ie7 .imp_carrusel .carrusel_content .box .black { float: left; } .imp_carrusel .carrusel_content .box:hover .color { display: block!important; } .imp_carrusel .carrusel_content .box .black { display: block!important;} .imp_carrusel .carrusel_content .box:hover .black { display: none!important; } .tx-impcarousel-pi1 .box { zoom: 1;} .tx_dreformmaker_input { border: #e6e6e6 0px solid; width: 150px; height: 15px; background-color: #e6e6e6; } .tx_dreformmaker_text { margin-top:8px; width:300px; background-color:#e6e6e6; border:0px solid #e6e6e6; } .tx-dreformmaker-pi3 .bodytext { margin:5px 0 5px; } .tx-dreformmaker-pi3 { padding-left:10px; } .tx-dreformmaker-pi3 .csc-header { height:35px; } .tx-dreformmaker-pi3 .csc-header img { margin-top:10px; margin-left:-10px; z-index:9999; } #b-ie6 .tx-dreformmaker-pi3 .csc-header img { margin-left:0px; } #b-ie7 .tx-dreformmaker-pi3 .csc-header img { margin-left:0px; } /*unique product page styling*/ .unique_prod {} .unique_prod .imp-bullet-list,.unique_prod ul.navigation li{ margin: 0;} .unique_prod .imp_carrusel { width: 960px; margin: 10px 0 20px 0;} /*TomS:aanpassing*/ /*table.imp-unieke-table tr td a:hover {cursor:crosshair;} */ a.3sections_img {cursor:crosshair;} /* Vacature page */ .fce_left_68 ul.navigation { list-style-type:none; padding:0px; width:100%; } /*.fce_left_68 .cb_content ul { list-style-type:none; padding:0px; margin:0px; } Orignal */ .fce_left_68 .cb_content ul { list-style-type:none; padding:0px; } .testDiv { clear:both; } .fce_left_68 .cb_content ul li { background: url(../images/bullets/bullet02.gif) 1px 5px no-repeat; padding-left: 10px; } .fce_left_68 ul.navigation li { background: url(../images/bullets/bullet03.gif) left 3px no-repeat; padding-left: 25px; width:200px; display:block; float:left; } .navigation-big { text-align:right; height:25px; padding:0px; margin:0px; } .navigation-big a{ } .navigation-big img { margin:0 10px 0 20px; } .fce_left_68 ul.navigation li a { color:#48CC00; } /* FCE: Text jump */ .fce_textjump_content { } .fce_textjump_content .bodytext { margin-left:40px; } .fce_textjump_content ul { margin-left:40px; } .fce_textjump_content .csc-firstHeader { color:black; margin-top:30px; } .fce_textjump_topLine { background:url('/fileadmin/thecowcompany/templates/images/fce_textjump_top.jpg') repeat-x; position:absolute; margin-left:-50px; padding-top:10px; width:636px; } #inkoop_product .fce_round .cb_content { _width: 95%; ~width: 95%; } /* TomS(10-9-2009): (Proberen om een) Loading-schermpje te laten zien */ .cowbox_loading2 { width: 100px; height: 100px; background: transparent url(../images/ajax-loader.gif) 50% 50% no-repeat; float: left; display: block; } .testtesttest {color:red; font-size:40px;}