body { text-align: center; margin: 0; padding: 0; background: #fff url(../images/blocks/bg_body2.gif) top center no-repeat;} /*body#b-ie6 { background: #fff url(../images/blocks/bg_body2-IE6.gif) top center no-repeat; }*/ body.home { width: 100%; background: #fff ; } body { behavior: url(fileadmin/thecowcompany/templates/js/csshover.htc); } #mainContainer { width: 968px; /* width:1024px; */ margin: 0 auto; text-align: left; /* overflow: hidden; if enable break min-height in ie6*/ min-height: 700px; height:auto !important; height: 700px;} /* HOME PAGE STYLES -------------------------------------------------------------------------------------------------------------------------------------------- */ .home #mainContainer { width: 100%; height: 700px; overflow: hidden;} .home #mainContent {background: url(../images/blocks/bg_container.gif) top left no-repeat;} .home #tailContent {background: url(../images/blocks/bg_ass.gif) top left no-repeat; /* ~z-index:-10; */ } .home #headContent {background: url(../images/blocks/bg_body_left.gif) top right no-repeat;} #moveRight { width: 25px; height: 42px; background: url(../images/blocks/bg_ass_right_active.gif) top left no-repeat; cursor: pointer; } #moveLeft { width: 25px; height: 42px; background: url(../images/blocks/bg_ass_left_active.gif) top left no-repeat; cursor: pointer; } /*#moveLeft { width: 25px; height: 42px; background: url(../images/blocks/bg_ass_left.gif) top left no-repeat; cursor: pointer; }*/ /*#moveRight:hover { width: 25px; height: 42px; background: url(../images/blocks/bg_ass_right_active.gif) top left no-repeat; cursor: pointer; }*/ #tailContent #footer{ width: 780px; position: absolute; left: 180px; top: 750px; z-index: 2;} #tailContent #footer ul.newsmenu{ display: none;} /* LISTS -------------------------------------------------------------------------------------------------------------------------------------------- */ #header ul, #footer ul, ul.navigation { margin: 0; padding: 0; list-style: none; } /* HEADER -------------------------------------------------------------------------------------------------------------------------------------------- */ #header {width: 100%; height: 200px/*Wolf*/;} /* 157px aangepast : Coen */ .home #header { height: 157px;} #header .header_left{ width: 580px; float: left; } #header .header_left .chat_cow {margin: 1px 0 0 457px;} #header .header_right{ width: 308px; float: right; margin: 50px 0 0 0; } #header .header_right .newsletter_link { width: 125px; height: 34px; float: left; margin: 13px 0 0 0; position: relative; z-index: 1; background: url(../images/blocks/bg_newsletter.gif) top left no-repeat; } #header .header_right .newsletter_link a:link, #header .header_right .newsletter_link a:visited { width: 30px; height: 20px; position: absolute; top: 1px; left: 56px; z-index: 2; display: block; } #header .header_right .newsletter_link a:hover { background: url(../images/blocks/bg_newsletter_link.gif) 1px top no-repeat;} #header .header_right .newsletter_link_subpages { width: 125px; height: 34px; float: left; margin: 13px 0 0 0; position: relative; top: -45px; left: -170px; z-index: 2; background: url(../images/blocks/bg_newsletter.gif) top left no-repeat; } #header .header_right .newsletter_link_subpages a:link, #header .header_right .newsletter_link_subpages a:visited { width: 30px; height: 20px; position: absolute; top: 1px; left: 56px; z-index: 2; display: block; } #header .header_right .newsletter_link_subpages a:hover { background: url(../images/blocks/bg_newsletter_link.gif) 1px top no-repeat;} #b-ie6 #header .header_right .newsletter_link_subpages { width: 125px; height: 34px; float: none; margin: 13px 0 0 0; position: relative; left: -3px; z-index: 1; background: url(../images/blocks/bg_newsletter.gif) top left no-repeat; } #b-ie7 #header .header_right .newsletter_link_subpages { width: 125px; height: 34px; float: none; margin: 13px 0 0 0; position: relative; left: -3px; z-index: 1; background: url(../images/blocks/bg_newsletter.gif) top left no-repeat; } #header .logo{ width: 138px; float: left; padding: 38px 0 0 38px;} #header .logo_promo{ width: 165px; float: left; padding: 50px 0 0 5px;} /*TomS(5-nov): Logo relatiegeschenken/promotieartikelen tekstueel maken met Typeface*/ #header .logo_promo div{ width: 165px; } /*header .logo_promo div.custom_headers a { color:black; font-size: 13px;}*/ #header .logo_promo .custom_headers { color:black; font-size: 13px;} #header .logo_promo .custom_headers h1 { font-size: 13px; margin:0;} #header .logo_promo .custom_headers h2 { font-size: 13px; margin:0;} #header .logo_promo div.promo_2nd_word{ width: 115px; padding-left:50px; } .home_page.custom_headers { width:208px; color:black; font-family:Hand Of Sean; font-size: 13px; } .home_page.custom_headers .second_word { width: 115px; padding: 10px 0 10px 50px;} .home_page.custom_headers h1, .home_page.custom_headers h2 {font-size: 13px; margin:0;} /*.custom_headers.second_word { width: 115px; }*/ .fce_round_header {font-family:Hand Of Sean;} .fce_round_header a {font-family:Hand Of Sean;} /*#header .logo_promo span.promo_2nd_word{ padding-left:50px;}*/ /*#header .logo_promo span.promo_2nd_word a { } */ /*TomS(5-nov): Logo relatiegeschenken/promotieartikelen tekstueel maken met Typeface*/ /*#header .logo_promo span.promo_2nd_word{ padding-left:50px;}*/ /*span.promo_2nd_word{ padding-left:50px;}*/ #header .pathway { width: 400px; float: left; } #header .pathway ul { margin: 8px 0 0 15px; } #header .pathway ul li{ display: inline; color: #aeaeae;} #header .pathway a:link, #header .pathway a:visited { color: #aeaeae; } #header .mini_search { /* width: 140px; */float: right; margin: 12px 0 5px 0; } #header .mini_search ul { float: right; } #header .mini_search ul li, #header .mini_search ul li input{ float: left;} #header .mini_search ul li input{ border: #333 solid 0px;} #header .mini_search ul li.first{ width: 95px; padding: 7px 7px 10px 10px; background: url(../images/blocks/bg_searchmini.gif) top left no-repeat; } #header .mini_search ul li .imp-text{ width: 94px; color: #aeaeae; background: none; } #header .mini_search ul li .imp-submit{ width: 28px; height: 31px; background: url(../images/blocks/bg_searchmini_submit.gif) top left no-repeat; cursor: pointer;} #header .contact_num { clear: both; text-align: right; position: relative; top: -42px;} #header .contact_num a { margin-right:5px; } /* MAIN MENU aangepast : Coen -------------------------------------------------------------------------------------------------------------------------------------------- */ #mainMenu {width: 977px /* 1500px removed to create posibility add lot of menu items*/; position: relative; /*z-index: 333; A.G.*/ z-index: 33; } .home #mainMenu {width: 977px /* 1500px removed to create posibility add lot of menu items*/; position: relative; /*z-index: 333; A.G.*/ z-index: 33; } #mainMenu ul ul { display: none; padding: 30px 0 6px 0; background: url(../images/blocks/bg_menu.png) bottom left no-repeat; position: absolute; top: 29px; left: 0; z-index: 1;} #mainMenu ul .act ul { background: url(../images/blocks/bg_menu_act.png) bottom left no-repeat;} #mainMenu ul li:hover ul { display: block; } #mainMenu ul li{ float: left; margin: 0; padding: 0; position: relative; /*z-index: 333; A.G.*/ z-index: 33; } #mainMenu ul li a:link, #mainMenu ul li a:visited { color: #fff; font-size: 12px; text-align: center; display: block; font-family: Helvetica, arial, sans-serif; } #mainMenu ul li a:hover { color: #48cc00; text-decoration: none; } #mainMenu ul li a.level1:link, #mainMenu ul li a.level1:visited { width: 113px; height: 35px; line-height: 35px; margin-right: 9px; background: url(../images/blocks/bg_menu.png) bottom left no-repeat; } /* #mainMenu ul li a.level2:link, #mainMenu ul li a.level2:visited { width: 113px; padding: 5px 0px;} #mainMenu ul li.act a.level2:link, #mainMenu ul li.act a.level2:visited { color: #000;} #mainMenu ul li.act a.level2:hover, #mainMenu ul li.act .act a.level2:link, #mainMenu ul li.act .act a.level2:visited { color: #48cc00;} */ #mainMenu ul li a.level2:link { width: 113px; padding: 5px 0px;} #mainMenu ul li a.level2:visited { width: 113px; padding: 5px 0px;} #mainMenu ul li.act a.level2:link { color: #000;} #mainMenu ul li.act a.level2:visited { color: #000;} #mainMenu ul li.act a.level2:hover { color: #48cc00;} #mainMenu ul li.act .act a.level2:link { color: #48cc00;} #mainMenu ul li.act .act a.level2:visited { color: #48cc00;} #mainMenu ul li.act a.level1:link, #mainMenu ul li.act a.level1:visited { color: #000; background: url(../images/blocks/bg_menu_act.png) bottom left no-repeat; } #b-ie6 #mainMenu ul li ul { width: 93px; float: left; } #b-ie6 #mainMenu ul ul { background: url(../images/blocks/bg_menu.gif) bottom left no-repeat; } #b-ie6 #mainMenu ul .act ul { background: url(../images/blocks/bg_menu_act.gif) bottom left no-repeat;} #b-ie6 #mainMenu ul li a.level1:link, #b-ie6 #mainMenu ul li a.level1:visited { background: url(../images/blocks/bg_menu.gif) bottom left no-repeat; } #b-ie6 #mainMenu ul li.act a.level1:link, #b-ie6 #mainMenu ul li.act a.level1:visited { background: url(../images/blocks/bg_menu_act.gif) bottom left no-repeat; } /* COLUMNS -------------------------------------------------------------------------------------------------------------------------------------------- */ /*#mainColumn {width: 933px; min-height: 350px; height: auto!important; height: 350px; margin: 0 70px 0 0; float: left;} .layout-1column #mainColumn {width: 933px; margin: 0;} */ /*TOMS: min-height aangepast i.v.m. witruimte*/ #mainColumn {width: 933px; min-height: 560px; height: auto!important; height: 560px; /*margin: 0 70px 0 0;*/ float: left;} .layout-1column #mainColumn {width: 933px; margin: 0;} /* EXTERNAL NAVIGATION -------------------------------------------------------------------------------------------------------------------------------------------- */ ul.navigation { padding: 10px 25px; } ul.navigation li {margin: 0 0 10px 0;} ul.navigation a:link, ul.navigation a:visited { color: #666666; } ul.navigation .act a:link, ul.navigation .act a:visited, ul.navigation a:hover {color: #48cc00; text-decoration: none; } ul.navigation-icons li { padding-left: 30px; background: url(../images/bullets/list-icon-gray.gif) no-repeat; } ul.navigation-icons li.act { background: url(../images/bullets/list-icon-green.gif) no-repeat; } /* ---------- A.G. ----------*/ ul.index-navigation { margin: 30px 0 0 0; padding:0 0 0 9px; list-style:none; color: #666; } ul.index-navigation li { margin-bottom: 22px; } ul.index-navigation li a:link, ul.index-navigation li a:visited { color: #666; } ul.index-navigation ul { margin: 0; padding: 0 0 0 10px; color:#48cc00; list-style:none; } ul.index-navigation ul li { margin: 10px 0 0 0; } ul.index-navigation ul li a:link, ul.index-navigation ul li a:visited { background: url(../images/bullets/bullet02.gif) 1px 5px no-repeat; padding-left: 10px; color:#48cc00; } /* FOOTER -------------------------------------------------------------------------------------------------------------------------------------------- */ .footer_Container { width: 100%; height: 350px; background: url(../images/blocks/bg_footer_clean.gif) bottom center no-repeat;} .layout-1column .footer_Container { height: 40px; background: none;} /* TomS(31-7): padding (was 100px) van footer aangepast t.b.v. ppp-logo (.ppp_container a img) */ #footer { width: 815px; margin: 0 auto; padding: 60px 80px 0 80px; text-align: left; position: relative; z-index: 1; }/* 325 */ .layout-1column #footer { width: 933px; height: 30px; padding: 12px 36px 0 0px; background: url(../images/blocks/bg_footer_1col.gif) 1px 0 no-repeat;} #footer ul { padding: 0 10px; margin: 0; } #footer ul li { float: left; display: inline; color: #fff; font-size: 11px; } .layout-1column #footer ul li { margin: 0 25px } #footer ul li.separator { padding: 0 5px;} #footer ul li a:link, #footer ul li a:visited { color: #fff; } #footer .news-churn-wraper ul li a:link, #footer .news-churn-wraper ul li a:visited { color: #000; } .layout-1column #footer ul li a:link, .layout-1column #footer ul li a:visited { color: #666; font-size: 14px; } .layout-1column #footer ul li a:hover{ color: #13d235; text-decoration: none; } #footer ul li a.up:link, #footer ul li a.up:visited { width: 10px; height: 10px; margin: 2px 0 0 10px; background: url(../images/bullets/bullet01.gif) top left no-repeat; display: block; } #footer .copyright { float: left; } #footer .bottommenu { float: right; position:relative;} #footer .bottommenu li { height: 24px; overflow: hidden; position:relative;} #footer .bottommenu li:hover img { margin-top: -27px; } #footer .bottommenu li.act img { margin-top: -27px; } #footer .newsmenu { float: right; position: absolute; left: 217px; top: 164px; z-index: 2;} #footer .newsmenu a:link, #footer .newsmenu a:visited { width: 70px; height: 105px; display: block; overflow: hidden; text-indent: -1000px;} /*TomS (31-7): PPP-logo toegevoegd*/ #ppp_container_home {padding-left:18px; padding-bottom:10px; height:33px;} #ppp_home {width:50px; height:40px; } #ppp_container_intern {padding-left:8px; padding-bottom:10px; height:33px;} #ppp_intern {width:50px; height:40px; } /*#footer ul li a.up:link, #footer ul li a.up:visited { width: 10px; height: 10px; margin: 2px 0 0 10px; background: url(../images/bullets/bullet01.gif) top left no-repeat; display: block; }*/ *:first-child+html #footer ul li a.up, #footer ul li a.up:link, #footer ul li a.up:visited { background: url(../images/bullets/bullet01.gif) top right no-repeat; display: block; margin: 2px 0 0 10px; width: 10px; height: 10px;}