/* Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.3.0 */ body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;} /* Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.3.0 */ body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}/* mediaCT webinterieur - www.mediact.nl - info@mediact.nl - 050 5799393 - Groningen - The Netherlands copyright: http://creativecommons.org/licenses/by-nc-nd/2.0/deed.nl */ /* GENERAL STYLES */ body { color: #222222; margin: 0; padding: 0; background: #ecfebb url("img/bg_body.gif") repeat-x; } /* begin_screen_mct_beheer_editor */ body,td,th,input,select,textarea { font-family: Trebuchet MS, Arial, Tahoma, sans-serif; font-size: 11px; line-height: 18px; } input,textarea { line-height: normal; } p, ul { margin-bottom: 12px; } a { color: #f06611; text-decoration: underline; } a:active, a:hover { color: #f06611; text-decoration: none; } img { border: none; } fieldset { border: none; } caption { display: none; } ul { margin: 0 0 12px 15px; } ul li { list-style-type: disc; } ol { margin: 0 0 12px 30px; } ol li { list-style-type: decimal; } table { border-collapse: collapse; } th, td {} th {} thead th {} tbody th {} tfoot th {} tfoot td {} dl dt {} dl dd {} strong { font-weight: bold; } em { font-style: italic; } blockquote { margin: 0 0 0 40px; } /* HEADINGS */ h1,h2,h3,h4,h5,h6 { margin: 6px 0 6px 0; color: #222; } .sifr { font-family: georgia; font-style: italic; } h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { text-decoration: none; color: #222; } h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { color: #222; } h1 { font-size: 22px; } h2 { font-size: 21px; line-height: 27px; } h3 { font-size: 16px; } h4 { font-size: 14px; } h5 { font-size: 13px; font-weight: bold; } h1.white, h2.white, h3.white, h4.white, h5.white, h1.white a, h2.white a, h3.white a, h4.white a, h5.white a, h1.white a:hover, h2.white a:hover, h3.white a:hover, h4.white a:hover, h5.white a:hover { color: #FFF !important; } /* GENERAL CLASSES */ .highlite_right_blue { background-color: #a1dbe5; padding: 15px; float: right; margin: 10px 0 10px 10px; width: 33%; } .highlite_left_blue { background-color: #a1dbe5; padding: 15px; float: left; margin: 10px 10px 10px 0; width: 33%; } /* end_screen_mct_beheer_editor */ input.button { cursor: pointer; } .hidden { display: none; } .clear { clear: both; } .left { float: left; } .right { float: right; } .righttext { text-align: right; } .error { color: #FF2200; } ul.error { margin-bottom: 0; } p.error { padding: 20px 0 0; font-size: 18px; font-weight: bold; text-align: center; margin: 0; } p.error_box { border:1px solid #FF2200; color:#FF2200; font-size:13px; font-weight:bold; margin:0pt; padding:20px; text-align:center; } .error_box_woman { background:transparent url(img/error_woman.gif) no-repeat scroll 20px bottom; border:2px solid #FF2200; padding:7px 7px 7px 99px; } p.small_error { line-height: 12px; color: #FF2200; } .indent-1 { margin-left: 40px !important; } .small { font-size: 90%; } p.error a, p.error_box a, p.small_error a { color:#FF2200; text-decoration: underline; } p.error a:hover, p.error_box a:hover, p.small_error a:hover { text-decoration: none; } .icon_star { padding: 2px 0 2px 20px; background: url("img/icon_star.gif") no-repeat left center; } .icon_stars { padding: 10px 0pt 0px 27px; background: url("img/icon_stars.gif") no-repeat left bottom; } .icon_exit { padding: 2px 0 2px 20px; background: url("img/icon_exit.gif") no-repeat left center; } .icon_account_edit { padding: 2px 0 2px 20px; background: url("img/icon_account_edit.gif") no-repeat left center; } /* CONTAINER */ #container { width: 890px; margin: 0px auto; position: relative; } /* HEADER */ #header { height: 375px; } #header a, #header p, #header .frame { display: block; position: absolute; text-indent: -1234em; } #header #flash_header { width: 885px; height: 255px; overflow: hidden; position: absolute; z-index: 19; top: 85px; left: 5px; } #header #flash_header a { text-indent: 0; } #header #flash_header img { display: none; } #header h1 { margin: 0px; } #header h1 a { top: 5px; left: 10px; z-index: 30; width: 143px; height: 100px; background: url("img/logo.png") no-repeat 0px 0px; cursor: pointer; } #header p { top: 80px; left: 160px; z-index: 30; width: 372px; height: 25px; background: url("img/slogan.png") no-repeat 0px 0px; } #header .alleenstaand, #header .gescheiden { display: block; position: absolute; top: 63px; z-index: 15; } #header .alleenstaand { right: 110px; } #header .gescheiden { right: 10px; } #header div.alleenstaand { width: 101px; height: 36px; background: url("img/header_btn_2.png") no-repeat 0px 0px; } #header div.gescheiden { width: 120px; height: 36px; background: url("img/header_btn_3.png") no-repeat 0px 0px; } #header div.alleenstaand.active { z-index: 16; } #header div.gescheiden.active { z-index: 16; } #header a.alleenstaand, #header a.gescheiden { text-indent: 0px; color: #222222; text-decoration: none; z-index: 21; } #header a.alleenstaand { padding: 14px 0 0 16px; height: 20px; width: 101px; text-align: center; } #header a.gescheiden { padding: 13px 0 0 0; height: 20px; width: 120px; margin: 0; text-align: center; } #header a.alleenstaand:hover, #header a.gescheiden:hover { text-decoration: underline; } /* CONTENT */ #content_top { margin: 0 7px; background: url("img/bg_content_top.png") no-repeat; height: 8px; overflow: hidden; } #content { margin: 0 7px; background: url("img/bg_content_shadow.png") repeat-y; _height: 100px; padding-bottom: 10px; } #content_bottom { margin: 0 7px; background: url("img/bg_content_bottom.png") no-repeat; height: 8px; overflow: hidden; } /* MAIN CONTENT */ #maincontent { margin: 0 12px; _margin: 0 8px; padding: 8px 0; } /* BOXES */ .box { margin: 0 0 8px 0; position: relative; } .color { padding: 0 15px; } .color a { color: #222222; text-decoration: underline; } .color a:hover { color: #222; text-decoration: none; } .box h2 { width: 95%; } .size1, .size2, .size3, .size4 { margin: 0 4px; } .size1 { width: 205px; /* 25%; */ min-height: 1px; _height: 1px; } .size2 { width: 418px; /* 50%; */ min-height: 1px; _height: 1px; } .size3 { width: 631px; /* 75%; */ min-height: 1px; _height: 1px; } .size4 { width: 844px; /* 100%;*/ min-height: 1px; _height: 1px; } .collumn .collumn.left { margin-left: 0; } .collumn .collumn.right { margin-right: 0; } .bg_purple { background-color: #c280ea; } .bg_blue { background-color: #a1dbe5; } .bg_pink { background-color: #ff98d2; } .bg_green { background-color: #c4e561; } .bg_orange { background-color: #ff9148; } .bg_red { background-color: #EE6464; } .bg_yellow { background-color: #FFE345; } .bg_darkblue{ background-color: #7394EA; } .box .top, .box .bottom { margin: 0 -15px; overflow: hidden; clear: both; } .box .bottom { position: relative; margin-top: 20px; } .size1 .style1 .top { height: 10px; background: url("img/boxes/size1_1_top.png") no-repeat; } .size1 .style1 .bottom { height: 10px; background: url("img/boxes/size1_1_bottom.png") no-repeat; } .size1 .style2 .top { height: 11px; background: url("img/boxes/size1_2_top.png") no-repeat; } .size1 .style2 .bottom { height: 17px; background: url("img/boxes/size1_2_bottom.png") no-repeat; } .size1 .style3 .top { height: 11px; background: url("img/boxes/size1_3_top.png") no-repeat; } .size1 .style3 .bottom { height: 21px; background: url("img/boxes/size1_3_bottom.png") no-repeat; } .size1 .style4 .top { height: 5px; background: url("img/boxes/size1_4_top.png") no-repeat; } .size1 .style4 .bottom { height: 9px; background: url("img/boxes/size1_4_bottom.png") no-repeat; } .size1 .style5 .top { height: 14px; background: url("img/boxes/size1_5_top.png") no-repeat; } .size1 .style5 .bottom { height: 11px; background: url("img/boxes/size1_5_bottom.png") no-repeat; } .size1 .style6 .top { height: 7px; background: url("img/boxes/size1_6_top.png") no-repeat; } .size1 .style6 .bottom { height: 11px; background: url("img/boxes/size1_6_bottom.png") no-repeat; } .size2 .style1 .top { height: 10px; background: url("img/boxes/size2_1_top.png") no-repeat; } .size2 .style1 .bottom { height: 10px; background: url("img/boxes/size2_1_bottom.png") no-repeat; } .size3 .style1 .top { height: 10px; background: url("img/boxes/size3_1_top.png") no-repeat; } .size3 .style1 .bottom { height: 10px; background: url("img/boxes/size3_1_bottom.png") no-repeat; } .size4 .style1 .top { height: 10px; background: url("img/boxes/size4_1_top.png") no-repeat; } .size4 .style1 .bottom { height: 10px; background: url("img/boxes/size4_1_bottom.png") no-repeat; } /* INTROs */ .intro_home { padding-left: 120px !important; position: relative; overflow: hidden; } .intro_home .top, .intro_home .bottom { margin-left: -120px; } .intro_home .image { position: absolute; top: 0px; left: 5px; width: 110px; height: 3000px; z-index: 10; background: url("img/boxes/indipenda.png") no-repeat; } .intro_home .image { left: 0px; width: 151px; background: url("img/boxes/indipenda_bloemen.png") no-repeat; } .intro_inspiratie { padding-left: 125px !important; position: relative; overflow: hidden; } .intro_inspiratie .top, .intro_inspiratie .bottom { margin-left: -125px; } .intro_inspiratie .image { position: absolute; top: 0px; left: -12px; width: 134px; height: 3000px; z-index: 10; background: url("img/boxes/inspiratie.png") no-repeat; } .intro_advies { padding-left: 125px !important; position: relative; overflow: hidden; } .intro_advies .top, .intro_advies .bottom { margin-left: -125px; } .intro_advies .image { position: absolute; top: 0px; left: -20px; width: 138px; height: 3000px; z-index: 10; background: url("img/boxes/advies.png") no-repeat; } .intro_persoonlijke_ontwikkeling { padding-left: 130px !important; position: relative; overflow: hidden; } .intro_persoonlijke_ontwikkeling .top, .intro_persoonlijke_ontwikkeling .bottom { margin-left: -130px; } .intro_persoonlijke_ontwikkeling .image { position: absolute; top: 30px; left: -36px; width: 198px; height: 3000px; z-index: 10; background: url("img/boxes/persoonlijke_ontwikkeling.png") no-repeat; } .intro_ontspanning { padding-left: 130px !important; position: relative; overflow: hidden; } .intro_ontspanning .top, .intro_ontspanning .bottom { margin-left: -130px; } .intro_ontspanning .image { position: absolute; top: -8px; left: -40px; width: 187px; height: 3000px; z-index: 10; background: url("img/boxes/ontspanning.png") no-repeat; } .intro_shop { padding-left: 130px !important; position: relative; overflow: hidden; } .intro_shop .top, .intro_shop .bottom { margin-left: -130px; } .intro_shop .image { position: absolute; top: 0px; left: 10px; width: 117px; height: 3000px; z-index: 10; background: url("img/boxes/shop.png") no-repeat; } .intro_date { padding-left: 170px !important; position: relative; overflow: hidden; } .intro_date .top, .intro_date .bottom { margin-left: -170px; } .intro_date .image { position: absolute; top: 0px; left: 0; width: 161px; height: 3000px; z-index: 10; background: url("img/boxes/date.png") no-repeat; } /* OLD BOTTOM */ .bottom_woman4 .bottom { height: 152px; background: url("img/boxes/bottom_woman4.png") no-repeat; } .bottom_woman1 .bottom { height: 226px; background: url("img/boxes/bottom_woman1.png") no-repeat; } .bottom_beach .bottom { height: 134px; background: url("img/boxes/bottom_beach.png") no-repeat; } .bottom_kitchen .bottom { height: 96px; background: url("img/boxes/bottom_kitchen.png") no-repeat; } .bottom_date .bottom { height: 156px; background: url("img/boxes/bottom_date.png") no-repeat; } .bottom_shop .bottom { height: 152px; background: url("img/boxes/bottom_shop.png") no-repeat; } .bottom_ontwikkeling .bottom { height: 158px; background: url("img/boxes/bottom_ontwikkeling.png") no-repeat; } .bottom_phone .bottom { height: 184px; background: url("img/boxes/bottom_phone.png") no-repeat; } .bottom_office .bottom { height: 150px; background: url("img/boxes/bottom_office.png") no-repeat; } .bottom_clubleden .bottom { height: 135px; background: url("img/boxes/bottom_clubleden.png") no-repeat; } .bottom_deskundigen .bottom { height: 140px; background: url("img/boxes/bottom_deskundigen.png") no-repeat; } .bottom_ontspanning .bottom { height: 163px; background: url("img/boxes/bottom_ontspanning.png") no-repeat; } .bottom_home .bottom { height: 154px; background: url("img/boxes/bottom_home.png") no-repeat; } .bottom_inspiratie .bottom { height: 111px; background: url("img/boxes/bottom_inspiratie.png") no-repeat; } .bottom_persoonlijkeontwikkeling .bottom { height: 142px; background: url("img/boxes/bottom_persoonlijkeontwikkeling.png") no-repeat; } .bottom_meepraten .bottom { height: 146px; background: url("img/boxes/bottom_meepraten.png") no-repeat; } .bottom_woman4 .top { height: 10px; background: url("img/boxes/size1_1_top.png") no-repeat; } .bottom_woman1 .top { height: 10px; background: url("img/boxes/size1_2_top.png") no-repeat; } .bottom_beach .top { height: 10px; background: url("img/boxes/size1_3_top.png") no-repeat; } .bottom_kitchen .top { height: 10px; background: url("img/boxes/size1_4_top.png") no-repeat; } .bottom_date .top { height: 10px; background: url("img/boxes/size1_1_top.png") no-repeat; } .bottom_shop .top { height: 10px; background: url("img/boxes/size1_2_top.png") no-repeat; } .bottom_ontwikkeling .top { height: 10px; background: url("img/boxes/size1_3_top.png") no-repeat; } .bottom_phone .top { height: 10px; background: url("img/boxes/size1_4_top.png") no-repeat; } .bottom_office .top { height: 10px; background: url("img/boxes/size1_1_top.png") no-repeat; } .bottom_clubleden .top { height: 10px; background: url("img/boxes/size1_1_top.png") no-repeat; } .bottom_deskundigen .top { height: 10px; background: url("img/boxes/size1_2_top.png") no-repeat; } .bottom_ontspanning .top { height: 10px; background: url("img/boxes/size1_3_top.png") no-repeat; } .bottom_home .bottom { height: 10px; background: url("img/boxes/size1_4_top.png") no-repeat; } .bottom_inspiratie .top { height: 10px; background: url("img/boxes/size1_1_top.png") no-repeat; } .bottom_persoonlijkeontwikkeling .top { height: 10px; background: url("img/boxes/size1_2_top.png") no-repeat; } .bottom_meepraten .top { height: 10px; background: url("img/boxes/size1_3_top.png") no-repeat; } /* NEW BOTTOM */ .b_woman4 .bottom { height: 152px; background: url("img/boxes/bottom_woman4.png") no-repeat; } .b_woman1 .bottom { height: 226px; background: url("img/boxes/bottom_woman1.png") no-repeat; } .b_beach .bottom { height: 134px; background: url("img/boxes/bottom_beach.png") no-repeat; } .b_kitchen .bottom { height: 96px; background: url("img/boxes/bottom_kitchen.png") no-repeat; } .b_date .bottom { height: 128px; background: url("img/boxes/bottom_date2.png") no-repeat; } .b_shop .bottom { height: 152px; background: url("img/boxes/bottom_shop2.png") no-repeat; } .b_perswikkeling .bottom { height: 142px; background: url("img/boxes/bottom_persoonlijkeontwikkeling.png") no-repeat; } .b_phone .bottom { height: 184px; background: url("img/boxes/bottom_phone.png") no-repeat; } .b_office .bottom { height: 150px; background: url("img/boxes/bottom_office.png") no-repeat; } .b_ontspanning .bottom { height: 163px; background: url("img/boxes/bottom_ontspanning.png") no-repeat; } .b_home .bottom { height: 154px; background: url("img/boxes/bottom_home.png") no-repeat; } .b_inspiratie .bottom { height: 111px; background: url("img/boxes/bottom_inspiratie.png") no-repeat; } .b_meepraten .bottom { height: 146px; background: url("img/boxes/bottom_meepraten.png") no-repeat; } .b_woman4 .top { height: 10px; background: url("img/boxes/size1_1_top.png") no-repeat; } .b_woman1 .top { height: 10px; background: url("img/boxes/size1_2_top.png") no-repeat; } .b_beach .top { height: 10px; background: url("img/boxes/size1_3_top.png") no-repeat; } .b_kitchen .top { height: 10px; background: url("img/boxes/size1_4_top.png") no-repeat; } .b_date .top { height: 10px; background: url("img/boxes/size1_1_top.png") no-repeat; } .b_shop .top { height: 10px; background: url("img/boxes/size1_2_top.png") no-repeat; } .b_perswikkeling .top { height: 10px; background: url("img/boxes/size1_3_top.png") no-repeat; } .b_phone .top { height: 10px; background: url("img/boxes/size1_4_top.png") no-repeat; } .b_office .top { height: 10px; background: url("img/boxes/size1_1_top.png") no-repeat; } .b_ontspanning .top { height: 10px; background: url("img/boxes/size1_2_top.png") no-repeat; } .b_home .top { height: 10px; background: url("img/boxes/size1_3_top.png") no-repeat; } .b_inspiratie .top { height: 10px; background: url("img/boxes/size1_4_top.png") no-repeat; } .b_meepraten .top { height: 10px; background: url("img/boxes/size1_1_top.png") no-repeat; } .bottom_bloemen .bottom { height: 146px; background: url("img/boxes/bottom_bloemen.png") no-repeat; } .bottom_bloemen .top { height: 10px; background: url("img/boxes/size1_1_top.png") no-repeat; } .b_clubleden .bottom { height: 135px; background: url("img/boxes/bottom_clubleden.png") no-repeat; } .b_deskundigen .bottom { height: 140px; background: url("img/boxes/bottom_deskundigen.png") no-repeat; } .size1 .bottom_woman4 .top { height: 10px; background: url("img/boxes/size1_1_top.png") no-repeat; } .size1 .bottom_woman1 .top { height: 10px; background: url("img/boxes/size1_2_top.png") no-repeat; } .size1 .bottom_beach .top { height: 10px; background: url("img/boxes/size1_3_top.png") no-repeat; } .size1 .bottom_kitchen .top { height: 10px; background: url("img/boxes/size1_4_top.png") no-repeat; } .size1 .bottom_date .top { height: 10px; background: url("img/boxes/size1_1_top.png") no-repeat; } .size1 .bottom_shop .top { height: 10px; background: url("img/boxes/size1_2_top.png") no-repeat; } .size1 .bottom_ontwikkeling .top { height: 10px; background: url("img/boxes/size1_3_top.png") no-repeat; } .size1 .bottom_phone .top { height: 10px; background: url("img/boxes/size1_4_top.png") no-repeat; } .size1 .bottom_office .top { height: 10px; background: url("img/boxes/size1_1_top.png") no-repeat; } /* BOXES UL */ .box ul.news { margin: 0; } .box ul.news li { background: url("img/dot_black.gif") repeat-x left 100%; padding: 0; margin: 0; _height: 1%; list-style-type: none; } .box ul.news li a { display: block; background: url("img/bullets/bullet_text_balloon.gif") no-repeat 0px 10px; padding: 6px 0 6px 20px; text-decoration: none; color: #222222; } .box ul.news li a:hover { text-decoration: underline; } .box.color ul.news li { background-image: url("img/dot_white.gif"); } .box ul.hyperlinks { margin: 0; } .box ul.hyperlinks li { list-style-type: none; margin: 10px 0 0; } .box ul.hyperlinks li a { color: #222222; font-weight: bold; font-size: 14px; text-decoration: underline; } .box ul.hyperlinks li a:hover { text-decoration: none; } .box ul.hyperlinks li p { background: url("img/dot_black.gif") repeat-x left bottom; padding: 0 0 10px 0; margin: 0; } .box ul.hyperlinks li p span { width: 175px; display: block; margin: 0 -5px; padding: 0 5px; } .box ul.hyperlinks li p span.top { height: 16px; background: url("img/boxes/textballoon_top.png") no-repeat; } .box ul.hyperlinks li p span.txt { background: url("img/boxes/textballoon_txt.gif") repeat-y; } .box ul.hyperlinks li p span.bottom { height: 6px; background: url("img/boxes/textballoon_bottom.png") no-repeat; } .box ul.hyperlinks li p a { color: #222222; font-weight: normal; font-size: 11px; text-decoration: none; } div.hyperlinks { background: url("img/dot_black.gif") repeat-x left bottom; padding: 0 0 10px 0; margin-bottom: 10px; } div.hyperlinks h2 { margin: 0 !important; } div.hyperlinks h2 a { color: #222222; text-decoration: underline; } div.hyperlinks p span { width: 408px; display: block; margin: 0; padding: 0 5px; } div.hyperlinks p span.top { height: 16px; background: url("img/boxes/textballoon_top_big.png") no-repeat; } div.hyperlinks p span.txt { background: url("img/boxes/textballoon_txt_big.gif") repeat-y; } div.hyperlinks p span.bottom { height: 6px; background: url("img/boxes/textballoon_bottom_big.png") no-repeat; } div.hyperlinks p a { white-space: nowrap; } .submenu .top { height: 30px; background: url("img/boxes/submenu_top.png") no-repeat; } .submenu .bottom { height: 30px; background: url("img/boxes/submenu_bottom.png") no-repeat; margin: 0 -15px; } .submenu h2 { padding-left: 10px; margin: 0; width: auto; } .submenu ul { margin: 0; } .submenu ul li { padding: 0; margin: 0; padding-left: 25px; list-style-type: none; } .submenu ul li a { display: block; background: url("img/dot_black.gif") repeat-x left bottom; padding: 6px 0 6px 5px; text-decoration: none; _height: 1px; color: #222222 !important; } .submenu ul li a:hover { text-decoration: underline; } .submenu ul li div a { display: block; background: transparent none; padding: 2px 5px 2px 20px; } .submenu ul li.active div a { background: transparent !important; } .submenu ul li div a.active { font-weight: bold; text-decoration: underline; } .bg_green h2.submenu { background: url("img/boxes/submenu_line_green.gif") repeat-y left top !important; margin: 0px; } .bg_green .ul_submenu li { background: url("img/boxes/submenu_arrow_green.gif") no-repeat left top !important; } .bg_green .ul_submenu li.active a { background-color: #91A947; color: #222222; } .bg_blue h2.submenu { background: url("img/boxes/submenu_line_blue.gif") repeat-y left top !important; margin: 0px; } .bg_blue .ul_submenu li { background: url("img/boxes/submenu_arrow_blue.gif") no-repeat left top !important; } .bg_blue .ul_submenu li.active a { background-color: #77A2A9; color: #222222; } .bg_pink h2.submenu { background: url("img/boxes/submenu_line_pink.gif") repeat-y left top !important; margin: 0px; } .bg_pink .ul_submenu li { background: url("img/boxes/submenu_arrow_pink.gif") no-repeat left top !important; } .bg_pink .ul_submenu li.active a { background-color: #BD709B; color: #222222; } .bg_orange h2.submenu { background: url("img/boxes/submenu_line_orange.gif") repeat-y left top !important; margin: 0px; } .bg_orange .ul_submenu li { background: url("img/boxes/submenu_arrow_orange.gif") no-repeat left top !important; } .bg_orange .ul_submenu li.active a { background-color: #BD6B35; color: #222222; } .bg_darkblue h2.submenu { background: url("img/boxes/submenu_line_darkblue.gif") repeat-y left top !important; margin: 0px; } .bg_darkblue .ul_submenu li { background: url("img/boxes/submenu_arrow_darkblue.gif") no-repeat left top !important; } .bg_darkblue .ul_submenu li.active a { background-color: #556DAD; color: #222222; } .bg_red h2.submenu { background: url("img/boxes/submenu_line_red.gif") repeat-y left top !important; margin: 0px; } .bg_red .ul_submenu li { background: url("img/boxes/submenu_arrow_red.gif") no-repeat left top !important; } .bg_red .ul_submenu li.active a { background-color: #B04A4A; color: #222222; } .bg_yellow h2.submenu { background: url("img/boxes/submenu_line_yellow.gif") repeat-y left top !important; margin: 0px; } .bg_yellow .ul_submenu li { background: url("img/boxes/submenu_arrow_yellow.gif") no-repeat left top !important; } .bg_yellow .ul_submenu li.active a { background-color: #BDA833; color: #222222; } .bg_purple h2.submenu { background: url("img/boxes/submenu_line_purple.gif") repeat-y left top !important; margin: 0px; } .bg_purple .ul_submenu li { background: url("img/boxes/submenu_arrow_purple.gif") no-repeat left top !important; } .bg_purple .ul_submenu li.active a { background-color: #8F5EAD; color: #222222; } /* META INFO - PRINT / AUTEUR / DATE / ET CETERA */ ul.meta { clear: both; margin: 20px 0; padding: 0; list-style-type: none; background: url("img/meta_bg.gif") repeat-x; min-height: 30px; _height: 30px; } ul.meta li { display: inline; } ul.meta li { float: left; color: #222; margin-bottom: 20px; height: 29px; margin: 0 0 0 7px; } ul.meta li.back { background: url("img/meta_back.gif") no-repeat; width: 112px; } ul.meta li.print { background: url("img/meta_print.gif") no-repeat; width: 145px; } ul.meta li.send { background: url("img/meta_chat.gif") no-repeat; width: 136px; } ul.meta li a { color: #FFF; padding: 3px 10px 4px 50px; display: block; } ul.meta li a:hover { color: #FFF; padding: 3px 10px 4px 50px; display: block; text-decoration: none; } ul.meta li.send a { padding-left: 45px; } /* ----------------------------------- ITEM NAVIGATION ----------------------------------- */ .itemnavigation { clear: both; margin: 20px 0 15px 0; list-style:none; text-align: center; } .itemnavigation li { display: inline; padding-left: 0; font-size: 10px; list-style:none; background-color: #FFF; color: #222222; margin: 0 1px; } .itemnavigation li a { color: #222222; padding: 2px 4px; border: 1px solid #FF98D2; background-color: #FF98D2; } .itemnavigation li.active { background-color: #FFF; padding: 2px 4px; border: 1px solid #FF98D2; } .itemnavigation li.prev { float: left; } .itemnavigation li.next { float: right; } /* BREADCRUMB */ #breadcrumb { display: none; position: absolute; top: -45px; margin: 0 0 15px 0; border-bottom: 1px solid #C9C9C9; width: 100%; } body.vervolg #breadcrumb { display: block; } #breadcrumb ul { list-style-type: none; margin: 0; } #breadcrumb li { display: inline; background: url("img/bullets/bullet_breadcrumb.gif") no-repeat left 5px; padding-left: 7px; margin-right: 3px; text-transform: lowercase; font-style: italic; font-size: 10px; } #breadcrumb li.first { padding-left: 0; background-image: none; } #breadcrumb a { text-decoration: none; } #breadcrumb a:hover { text-decoration: underline; } /* CSS FORM TEMPLATE */ div.form-container { margin: 10px 0; } p.legend { margin-bottom: 10px; } p.legend em { color: #C00; font-style: normal; } .form-container p.small { color: #ababab; font-siz: 11px; margin: 0 0 12px !important; } div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #222222 1px solid; background-color: #FFC; } div.errors p { margin: 0; } div.errors p em { color: #C00; font-style: normal; font-weight: bold; } div.form-container form p { margin: 0; } div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; } div.form-container form fieldset { border: #CCC 1px solid; padding: 0; overflow: hidden; width: auto; padding: 15px; margin: 20px 0 0; position: relative; } div.form-container form legend { font-weight: bold; color: #222222; padding: 2px; } div.form-container form fieldset div { clear: both; margin: 0; padding: 6px 0 0; } div.form-container label, div.form-container span.label { width: 33%; float: left; } div.form-container label em, div.form-container span.label em { font-size: 120%; font-style: normal; color: #C00; } div.form-container form fieldset input, div.form-container form fieldset textarea { width: 65%; float: right; } div.form-container form fieldset input.checkbox, div.form-container form fieldset input.check { width: auto; float: left; margin-right: 10px; } div.form-container input, div.form-container textarea { background: #ECFEBB; border: 1px solid #CBDAA1; color: #222222; padding: 2px; margin: 0 0px; } div.form-container input.inputerror, div.form-container input:focus, div.form-container input.inputerror:focus, div.form-container textarea.inputerror, div.form-container textarea:focus { border-color: #919D74; } div.form-container div.controlset label, div.form-container div.controlset input { display: inline; width: auto !important; margin: 0; background: transparent; border: 0px; } div.form-container div.controlset input, div.form-container div.controlset label { float: none; } div.form-container div.controlset label { margin: 0 5px 0 0; } div.form-container div.buttonrow { text-align: right; margin: 10px 0 0; } div.form-container a.button { background: #ECFEBB; border: 1px solid #CBDAA1; color: #222222; padding: 2px; margin: 0 0px; text-decoration: none; } div.form-container .button { padding: 1px; } div.form-container div.hidden{ display:none } div.form-container div.show{ display: inline; background-color: #FFC; border-color: #C00; } div.form-container #img { float: right; width: 75%; padding: 2px; text-align: center; border: 1px solid #CCC; } div.form-container #helpbox { float: right; width: 75%; padding: 2px; text-align: center; border: 1px solid #CCC; margin-top: 6px; } div.form-container h3 { margin-bottom: 20px; font-size: 20px; background: url("img/h3_react.gif") no-repeat; padding: 54px 5px 11px 77px; } div.form-container h3.no_image { margin-bottom: 12px; font-size: 20px; background: transparent none; padding: 0; line-height: 26px; } div.form-container .face { border:1px solid #C3BBC0; float:left; height:122px; overflow:hidden; text-indent:-1234em; width:110px; padding: 0; margin: 0 0 20px; } div.form-container .face_options { float: right; clear: none; width: 266px; margin: 0; padding: 0; } div.form-container .face_options span.option { float: left; padding: 0pt; width: 50%; margin-bottom: 7px; } div.form-container .face_options span.option a { float: left; width: 28px; height: 24px; text-indent: -1234em; background: url(img/faces_arrow.gif) no-repeat; overflow: hidden; } div.form-container .face_options span.option a.lft { background-position: top left; } div.form-container .face_options span.option a.rgt { background-position: bottom left; } div.form-container .face_options span.option span { background-color: #FFDBEF; display: block; float: left; text-align: center; width: 70px; margin-top: 3px; } div.form-container .face_options a.random { float: left; display: block; width: 50%; background-color:#FFDBEF; text-align: center; padding: 0; background-image: none; text-indent: 0; } #address_description { height: 120px; } div.form-container form fieldset p.stars { background: transparent url(img/icon_stars.gif) no-repeat scroll left top; padding: 10px 0 0 27px; } div.form-container form fieldset div.field_radio input { float: left; margin: 2px 10px 0 0; width: auto; } div.form-container form fieldset div.field_radio label { width: auto; } div.form-container form p.input_error { clear: both; color: #FF2200; font-size: 11px; text-align: right; padding: 0 5px 0 0; } /* HOME ZOEKEN */ .box_zoek { position: relative; background: url("img/dot_black.gif") repeat-x left bottom; padding: 0 0 20px 0; } .box_zoek fieldset, .box_zoek legend { border: 0; padding: 0; } .box_zoek legend { display: none; } .box_zoek .box_input { width: 125px; } .box_zoek .box_input #trefwoord { width: 100%; margin-top: 6px; background: #ECFEBB; border: 1px solid #CBDAA1; color: #222222; padding: 2px; margin: 0 0px; } .box_zoek .box_input .radiobtn { background: none; border: none; padding-bottom: 6px; } .box_zoek .btn_zoek { position: absolute; bottom: 20px; right: 0; width: 61px; height: 87px; } .box_zoek .btn_zoek .button { width: 61px; height: 87px; background: transparent url("img/btn_zoek.png"); display: block; text-indent: -1234em; cursor: pointer; } .searchresult { } .searchresult .head { margin: 0 0 10px; } .searchresult .head h3 { font-size: 11px; font-weight: bold; padding: 5px 0 0 35px; width: 422px; height: 30px; } .searchresult .head_paginas { background: url("img/head_paginas.gif") no-repeat; } .searchresult .head_nieuws { background: url("img/head_nieuws.gif") no-repeat; } .searchresult .head_deskundigen { background: url("img/head_deskundigen.gif") no-repeat; } .searchresult .head_links { background: url("img/head_links.gif") no-repeat; } .searchresult ul li { list-style-type: none; background: url("img/dot_black.gif") repeat-x left bottom; margin:0pt 0pt 10px; padding:0pt 0pt 5px; } .searchresult ul li a { display: block; margin: 0 0 6px; } .box_send_to_a_friend { background:transparent url(img/dot_black.gif) repeat-x scroll left bottom; padding:0pt 0pt 10px; margin: 0 0 10px; } .box_send_to_a_friend a.sendtoafriend { background: url(img/sendtoafriend.gif) no-repeat; display: block; width: 183px; height: 80px; text-indent: -1234em; overflow: hidden; } /* REAGEER */ .reageer h3 { } /* REACTIONS */ .reactions { clear: both; } .reactions h3 { font-size: 20px; background: url("img/h3_reactions.gif") no-repeat; padding: 54px 5px 11px 77px; } .reactions dl { margin: 20px 0; } .reactions dl dt { background-color: #FFDBEF; position: relative; padding: 5px 0; margin-bottom: 12px; } .reactions dl dt .name { margin-left: 60px; } .reactions dl dt .number { background: url("img/date.gif"); width: 53px; height: 38px; padding-top: 15px; position: absolute; top: -10px; left: -3px; color: #FFF; font-size: 20px; text-align: center; } .reactions dl dt .date { position: absolute; right: 5px; color: #BD709B; } .reactions dl dt .name a, .reactions dl dt .name { color: #222222; font-weight: bold; font-size: 14px; text-decoration: none; } .reactions dl dd { padding: 0 0 20px 60px; } /* INDIPENDA LEDEN LID */ .indipendalid { margin-bottom: 20px; } .indipendalid h2 { width: 95%; } .indipendalid .image { float: left; width: 110px; border: 1px solid #CCC; } .indipendalid .image img { display: block; } .indipendalid .info { width:290px; float: left; margin-left: 15px; } .indipendalid .info p { background: url(img/lines.gif); line-height: 20px; padding: 2px; } .indipendalid a.readmore, .indipendalid a.back { height:17px; text-indent: -1234em; display: block; margin-top: 4px; } .indipendalid a.moreinfo { width:120px; height:26px; background: url("img/moreinfo.gif") no-repeat; display: block; text-indent: -1234em; outline: none; } .indipendalid a.moreinfo_up { background-position: bottom left; } .indipendalid a.readmore { width:114px; height:17px; background: url("img/bekijk_profiel.gif") no-repeat; } .indipendalid a.back { width: 60px; background: url("img/terug.gif") no-repeat; } .deskundige_profile { text-align: center; } /* DESKUNDIGEN */ .onze_deskundigen .overflow { width: 175px; height: 185px; overflow: hidden; margin-bottom: 20px; } .onze_deskundigen ul { margin: 0; position: relative; } .onze_deskundigen ul li { margin: 0; padding: 0; list-style-type: none; text-align: center; width: 175px; position: absolute; top: 0; left: 0; } .onze_deskundigen li .image { width: 175px; height: 160px; display: block; text-indent: -1234em; } .onze_deskundigen li a:hover { text-decoration: none; } /* BOX LOGIN */ .box_login { background: url("img/dot_black.gif") repeat-x left bottom; padding: 0 0 10px 0; margin: 0 0 10px; } .box_login .excisting_customer .content { width: 205px; position: relative; } .box_login .excisting_customer a { color: #222222; } .box_login .excisting_customer p { margin: 0 0 6px; } .box_login .excisting_customer legend { display: none; } .box_login .excisting_customer fieldset { text-align: right; } .box_login .excisting_customer label { float: left; } .box_login .excisting_customer input { clear: both; background: #fff4fa ; border: 1px solid #ff98d2; padding: 2px; margin-bottom: 2px; width: 125px; } .box_login .excisting_customer .button { background: #ff98d2; padding: 5px 15px; border: 0; width: auto; } .box_login .excisting_customer p.button_row { line-height: 26px; text-align: right; clear: both; } .box_login .excisting_customer p.button_row input { margin-left: 10px; } .box_login .logedin_customer .content { width: 205px; } .box_login .logedin_customer h3 { margin: 0 0 6px; } .box_login .logedin_customer .content { width: 205px; } .box_login .logedin_customer .info { float: right; width: 125px; line-height: 24px; } .box_login .logedin_customer .face { float: left; width: 110px; height: 122px; text-indent: -1234em; overflow: hidden; border: 1px solid #c3bbc0; } .box_login .logedin_customer .face_small { float: left; width: 70px; height: 78px; text-indent: -1234em; overflow: hidden; border: 1px solid #c3bbc0; } .box_login .logedin_customer .clublid_teaser { margin-top: 20px; } .box_login .logedin_customer .clublid_teaser strong { font-size: 200%; } .box_registreer { } .box_registreer { text-align: center; } .box_registreer .excisting_customer .content { width: 75%; position: relative; text-align: left; margin: 0 auto; } .box_registreer .excisting_customer a { color: #222222; } .box_registreer .excisting_customer legend { display: none; } .box_registreer .excisting_customer fieldset { text-align: right; } .box_registreer .excisting_customer label { float: left; } .box_registreer .excisting_customer input { clear: left; background: #fff4fa ; border: 1px solid #ff98d2; padding: 2px; margin-bottom: 2px; width: 200px; } .box_registreer .excisting_customer .button { background: #ff98d2; padding: 5px 15px; border: 0; width: auto; } .box_registreer .excisting_customer p.button_row { line-height: 26px; text-align: right; clear: both; } .box_registreer .excisting_customer p.button_row input { margin-left: 10px; } .box_registreer .logedin_customer .content { width: 100%; text-align: left; } .box_registreer .logedin_customer .box_registreer .logedin_customer h3 { margin: 0 0 6px; } .box_registreer .logedin_customer .content { width: 318px; margin: 0 auto; } .box_registreer .logedin_customer .info { float: right; width: 238px; line-height: 24px; } .box_registreer .logedin_customer .face { float: left; width: 110px; height: 122px; text-indent: -1234em; overflow: hidden; border: 1px solid #c3bbc0; } .box_registreer .logedin_customer .face_small { float: left; width: 70px; height: 78px; text-indent: -1234em; overflow: hidden; border: 1px solid #c3bbc0; } .box_registreer .logedin_customer .clublid_teaser { margin-top: 20px; } .box_registreer .logedin_customer .clublid_teaser strong { font-size: 200%; } /* POLL */ .poll { margin: 0 0 20px; border-top: 1px solid #000; } .poll_first { border: 0; } .poll ul { margin: 0 0 6px; } .poll ul li { list-style-type: none; padding: 3px 0; } .poll input { clear: both; float: left; } .poll label { margin-left: 25px; display: block; position: relative; top: -2px; cursor: pointer; } .poll .result { } .poll .result .bar { display: block; width: 173px; border: 1px solid #222222; } .poll .result .percentage { display: block; background-color: #222222; height: 10px; text-indent: -1234em; } /* FORUM */ .forum .top { background: url("img/forum_top.gif") repeat-y; } .forum .topbox { width: 276px; text-align: center; float: left; } .forum .topbox .content { margin: 0 auto; padding: 10px; text-align: left; position: relative; } .forum .topbox h2 { margin: 0 0 6px 0 !important; } .forum .topbox_login, .forum .topbox_stats { margin-right: 8px; } .forum table { margin-top: 8px; } .forum .excisting_customer .content { width: 250px; } .forum .excisting_customer a { color: #222222; } .forum .excisting_customer p { margin: 0 0 6px; } .forum .excisting_customer legend { display: none; } .forum .excisting_customer fieldset { text-align: right; } .forum .excisting_customer label { float: left; } .forum .excisting_customer input { clear: left; background: #fff4fa ; border: 1px solid #ff98d2; padding: 2px; margin-bottom: 2px; width: 170px; } .forum .excisting_customer .button { background:#FF98D2 none repeat scroll 0%; border:0pt none; padding:5px 15px; width: auto; } .forum .excisting_customer p.button_row { line-height: 26px; text-align: right; } .forum .excisting_customer p.button_row input { margin-left: 10px; } .forum .logedin_customer .content { width: 260px; } .forum .logedin_customer .info { float: right; width: 180px; line-height: 24px; } .forum .logedin_customer .face_small { float: left; width: 70px; height: 78px; text-indent: -1234em; overflow: hidden; border: 1px solid #c3bbc0; } .forum .logedin_customer .clublid_teaser { display: none; } .forum .ledenlijst { margin: 0 8px; } .forum .ledenlijst .content { width: 191px; } .forum .ledenlijst .content a { background: url("img/forum_leden.gif"); display: block; text-indent: -1234em; width: 191px; height: 99px; } .forum .search .content { width: 260px; padding-top: 45px; } .forum .search legend { display: none; } .forum .search label { display: none; } .forum .search input { clear: left; float: left; background: #fff4fa ; border: 1px solid #ff98d2; padding: 2px; width: 150px; } .forum .search .button { cursor: pointer; position:absolute; bottom: 0px; right: 0; width: 102px; height:99px; clear: none; border: 0; background: url("img/forum_zoeken.gif") no-repeat; text-indent: -1234em; } .forum table { clear: both; } .forum table tr.row td { background-color: #FFF4FA !important; } /* FORUM SUBJECTS */ .forum table.subjects tr.forum_nav td { border: 5px solid #fff; border-width: 5px 0; color: #222; background: #ff98d2; color: #fff; padding: 10px; } .forum table.subjects tr.forum_nav td a { color: #fff; } .forum table.subjects tr.forum_nav td .forum_breadcrumb { font-size: 18px; font-weight: bold; float: left; } .forum table.subjects tr.forum_nav td .pages { float: right; text-align: center; display: none; } .forum table.subjects tr.forum_nav td .pages span, .forum table.subjects tr.forum_nav td .pages a { float: left; } .forum table.subjects tr.forum_nav td .pages span { margin: 0 8px; line-height: 14px; text-align: center; } .forum table.subjects tr.forum_nav td .pages a { display: block; } .forum table.subjects tr.forum_nav td .pages a.prev { text-indent: -1234em; width: 28px; height: 23px; background: url("img/forum_links.gif") no-repeat; } .forum table.subjects tr.forum_nav td .pages a.next { text-indent: -1234em; width: 27px; height: 23px; background: url("img/forum_rechts.gif") no-repeat; } .forum table.subjects { width: 100%; margin-bottom: 20px; } .forum table.subjects tr { background-color: #ff98d2; } .forum table.subjects tr th.subject { width: 439px; border-right: 5px solid #FFF; } .forum table.subjects tr th.message { width: 195px; border-right: 5px solid #FFF; } .forum table.subjects tr th.latest { width: 200px; } .forum table.subjects tr th.subject h2 { padding: 3px 3px 3px 45px; margin: 0 !important; background: url("img/forum_subjects.gif") no-repeat 7px center;} .forum table.subjects tr th.message h2 { padding: 3px 3px 3px 45px; background: url("img/forum_messages.gif") no-repeat 7px center; } .forum table.subjects tr th.latest h2 { padding: 3px 3px 3px 45px; background: url("img/forum_latest.gif") no-repeat 7px center; } .forum table.subjects tr.row { background: #fff4fa; } .forum table.subjects tr.row td { background: url("img/dot_black.gif") repeat-x left bottom; padding: 8px 0; } .forum table.subjects tr.row_clublid td { background-color: #ffceea !important; } .forum table.subjects tr.row td.star { text-align: center; width: 34px; padding: 0 7px; } .forum table.subjects tr.row td.subject { border-rigth: 5px solid #FFF; } .forum table.subjects tr.row td.message { text-align: center; border-rigth: 5px solid #FFF; padding: 0 7px; } .forum table.subjects tr.row td.latest { text-align: right; padding: 5px 7px; } .forum table.subjects tr.row td.star .star { background: url("img/forum_star.png"); width: 33px; height: 32px; display: block; text-indent: -1234em; overflow:hidden; margin: 10px 0; } .forum table.subjects tr.row_clublid td.star .star { background: url("img/forum_star_gold.png") !important; } .forum table.subjects tr.row td.star .new { background-position: left bottom; } .forum table.subjects tr.row td.star .old { background-position: left top; } .forum table.subjects p, .forum table.subjects h2, .forum table.subjects h3 { margin: 0; } .forum table.subjects h3.no_login { font-size: 13px; margin-bottom: 6px; color: #582D74; font-weight: bold; } .forum table.subjects p { line-height: 16px; } .forum table.subjects a { color: #222222; text-decoration: underline; } .forum table.subjects a:hover { color: #222222; text-decoration: none; } .forum table.subjects tr.new_discussion td { background: #b3106b; color: #fff; border: 1px solid #FFF; border-width: 1px 0; padding: 10px 10px 10px 50px; } .forum table.subjects tr.new_discussion h3 a { display: block; color: #FFF; background: url("img/forum_plus.gif") left center no-repeat; margin-left: -35px; padding: 3px 3px 3px 35px; } .forum table.subjects tr.new_discussion h3 a:hover {color: #FFF; } .forum table.subjects tr.new_discussion form { margin: 10px 0 0; } .forum table.subjects tr.new_discussion legend, .forum table.subjects tr.new_discussion label { display: none; } .forum table.subjects tr.new_discussion input { display: block; width: 50%; margin-bottom: 6px; padding: 2px; font-size: 16px; border: 0; } .forum table.subjects tr.new_discussion textarea { border:0pt none; display:block; float:left; height:130px; margin:0pt 7px 7px 0pt; padding:2px; width:630px; } .forum table.subjects tr.new_discussion .smileys { float: left; width: 107px; padding: 4px 4px 4px 24px; background: white url("img/smileys/smiley_box_arrow.gif") left top no-repeat; } .forum table.subjects tr.new_discussion p input { display: inline; width: auto; font-size: 11px; } .forum table.subjects tr.new_discussion p.righttext { padding-right: 150px; } /* FORUM MESSAGES */ .forum table.messages tr.forum_nav td { border: 5px solid #fff; border-width: 5px 0; color: #222; background: #ff98d2; color: #fff; } .forum table.messages tr.forum_nav td a { color: #fff; } .forum table.messages tr.forum_nav td .forum_breadcrumb { font-size: 18px; font-weight: bold; float: left; } .forum table.messages tr.forum_nav td .pages { float: right; text-align: center; display: none; } .forum table.messages tr.forum_nav td .pages span, .forum table.messages tr.forum_nav td .pages a { float: left; } .forum table.messages tr.forum_nav td .pages span { margin: 0 8px; line-height: 14px; text-align: center; } .forum table.messages tr.forum_nav td .pages a { display: block; } .forum table.messages tr.forum_nav td .pages a.prev { text-indent: -1234em; width: 28px; height: 23px; background: url("img/forum_links.gif") no-repeat; } .forum table.messages tr.forum_nav td .pages a.next { text-indent: -1234em; width: 27px; height: 23px; background: url("img/forum_rechts.gif") no-repeat; } .forum table.messages { width: 100%; margin-bottom: 20px; } .forum table.messages tr { background-color: #ff98d2; } .forum table.messages tr th.info { border-right: 5px solid #FFF; } .forum table.messages tr th.heading { } .forum table.messages tr th.nav { width: 200px; } .forum table.messages tr th h2 { padding: 3px; margin: 0 0 0 7px !important; } .forum table.messages tr th p { line-height: 14px; color: #FFF; margin: 0; padding: 3px 10px; } .forum table.messages tr.row { border: 10px solid #FFF; border-width: 5px 0; } .forum table.messages tr td { background-color: #fff4fa; border-right: 10px solid #FFF; padding: 10px; vertical-align: top; } .forum table.messages tr td h3, .forum table.messages tr td h3 a { color: #222222; } .forum table.messages tr td.message .heading { position: relative; background: url("img/dot_black.gif") repeat-x left bottom; padding: 5px 0; margin-bottom: 12px; } .forum table.messages tr td.message .heading strong { font-size: 14px; } .forum table.messages tr td.message .react { position: absolute; top: 0px; right: 0px; padding-top: 2px !important; } .forum table.messages tr td.author { width: 170px; } .forum table.messages tr td.author .face { float: left; width: 110px; height: 122px; text-indent: -1234em; overflow: hidden; border: 1px solid #c3bbc0; } .forum table.messages tr td.author .face_small { float: left; width: 70px; height: 78px; text-indent: -1234em; overflow: hidden; border: 1px solid #c3bbc0; } .forum table.messages tr td.author .face_small .static_image { width: 70px; height: 78px; } .forum table.messages tr td.author .info { margin: 0 0 0 80px; } .forum table.messages tr.author_special td { background: #ffe1f1; } .forum table.messages tr.author_special td.author { background: #ffe1f1 url("img/forum_star_highlite.gif") no-repeat 95% 12px; padding-right:75px; } .forum table.messages tr.author_special td .face_small{ border-color: #B3106B; } .forum table.messages tr.author_special td .sifr { color: #B3106B; } .forum table.messages tr.new_reaction td { background: #b3106b; color: #fff; border: 1px solid #FFF; border-width: 1px 0; padding: 10px 10px 10px 50px; } .forum table.messages tr.new_reaction h3 a { display: block; color: #FFF; background: url("img/forum_plus.gif") left center no-repeat; margin-left: -35px; padding: 3px 3px 3px 35px; } .forum table.messages tr.new_reaction h3 a:hover {color: #FFF; } .forum table.messages tr.new_reaction form { margin: 10px 0 0; } .forum table.messages tr.new_reaction legend, .forum table.messages tr.new_reaction label { display: none; } .forum table.messages tr.new_reaction input { display: block; width: 50%; margin-bottom: 6px; padding: 2px; font-size: 16px; border: 0; } .forum table.messages tr.new_reaction textarea { border:0pt none; display:block; float:left; height:130px; margin:0pt 7px 7px 0pt; padding:2px; width:630px; } .forum table.messages tr.new_reaction .smileys { float: left; width: 107px; padding: 4px 4px 4px 24px; background: white url("img/smileys/smiley_box_arrow.gif") left top no-repeat; } .forum table.messages tr.new_reaction p input { display: inline; width: auto; font-size: 11px; } .forum table.messages tr.new_reaction p.righttext { padding-right: 150px; } .forum p.righttext label { bottom:6px; display:inline !important; margin: 0 5px; position:relative; } .edit_reaction textarea { width: 624px; height: 200px; border: 1px solid #C3BBC0; padding: 2px; } .edit_reaction .button { background: #ff98d2; border: 0; padding: 10px; color: #222; font-size: 14px; } /* edit | delete */ .forum .post_edit { display: block; background: url("img/post_edit.gif") no-repeat; padding: 2px 0 2px 22px; float: left; margin-right: 10px; } .forum .post_delete { float: left; display: block; background: url("img/post_delete.gif") no-repeat; padding: 2px 0 2px 22px; } /* SMILEYs */ .smileys h3 { font-size: 14px; } .smiley { width: 21px; height: 22px; display: block; background-repeat: no-repeat; text-indent: -1234em; float: left; margin: 2px; overflow: hidden; } .smiley_afraid { background: url("img/smileys/smiley_afraid.png"); } .smiley_bigsmile { background: url("img/smileys/smiley_bigsmile.png"); } .smiley_black { background: url("img/smileys/smiley_black.png"); } .smiley_cool { background: url("img/smileys/smiley_cool.png"); } .smiley_crazy { background: url("img/smileys/smiley_crazy.png"); } .smiley_cry { background: url("img/smileys/smiley_cry.png"); } .smiley_cute { background: url("img/smileys/smiley_cute.png"); } .smiley_love { background: url("img/smileys/smiley_love.png"); } .smiley_ooh { background: url("img/smileys/smiley_ooh.png"); } .smiley_red { background: url("img/smileys/smiley_red.png"); } .smiley_shut { background: url("img/smileys/smiley_shut.png"); } .smiley_shy { background: url("img/smileys/smiley_shy.png"); } .smiley_sleep { background: url("img/smileys/smiley_sleep.png"); } .smiley_smile { background: url("img/smileys/smiley_smile.png"); } .smiley_sweat { background: url("img/smileys/smiley_sweat.png"); } .smiley_tongue { background: url("img/smileys/smiley_tongue.png"); } /* FACE */ .face { width: 110px; height: 122px; position: relative; } .face .image { display: block; width: 100%; height: 122px; position: absolute; top: 0; left: 0; } .face .haarvoor_1 { background: url("img/faces/haar/front/haar_front_1.png") no-repeat; } .face .haarachter_1 { background: url("img/faces/haar/back/haar_back_1.png") no-repeat; } .face .haarvoor_2 { background: url("img/faces/haar/front/haar_front_2.png") no-repeat; } .face .haarachter_2 { background: url("img/faces/haar/back/haar_back_2.png") no-repeat; } .face .haarvoor_3 { background: url("img/faces/haar/front/haar_front_3.png") no-repeat; } .face .haarachter_3 { background: url("img/faces/haar/back/haar_back_3.png") no-repeat; } .face .haarvoor_4 { background: url("img/faces/haar/front/haar_front_4.png") no-repeat; } .face .haarachter_4 { background: url("img/faces/haar/back/haar_back_4.png") no-repeat; } .face .haarvoor_5 { background: url("img/faces/haar/front/haar_front_5.png") no-repeat; } .face .haarachter_5 { background: url("img/faces/haar/back/haar_back_5.png") no-repeat; } .face .haarvoor_6 { background: url("img/faces/haar/front/haar_front_6.png") no-repeat; } .face .haarachter_6 { background: url("img/faces/haar/back/haar_back_6.png") no-repeat; } .face .haarvoor_7 { background: url("img/faces/haar/front/haar_front_7.png") no-repeat; } .face .haarachter_7 { background: url("img/faces/haar/back/haar_back_7.png") no-repeat; } .face .haarvoor_8 { background: url("img/faces/haar/front/haar_front_8.png") no-repeat; } .face .haarachter_8 { background: url("img/faces/haar/back/haar_back_8.png") no-repeat; } .face .haarvoor_9 { background: url("img/faces/haar/front/haar_front_9.png") no-repeat; } .face .haarachter_9 { background: url("img/faces/haar/back/haar_back_9.png") no-repeat; } .face .haarvoor_10 { background: url("img/faces/haar/front/haar_front_10.png") no-repeat; } .face .haarachter_10 { background: url("img/faces/haar/back/haar_back_10.png") no-repeat; } .face .haarvoor_11 { background: url("img/faces/haar/front/haar_front_11.png") no-repeat; } .face .haarachter_11 { background: url("img/faces/haar/back/haar_back_11.png") no-repeat; } .face .haarvoor_12 { background: url("img/faces/haar/front/haar_front_12.png") no-repeat; } .face .haarachter_12 { background: url("img/faces/haar/back/haar_back_12.png") no-repeat; } .face .oorbellen_1 { background: url("img/faces/oorbellen/oorbellen_1.png") no-repeat; } .face .oorbellen_2 { background: url("img/faces/oorbellen/oorbellen_2.png") no-repeat; } .face .oorbellen_3 { background: url("img/faces/oorbellen/oorbellen_3.png") no-repeat; } .face .oorbellen_4 { background: url("img/faces/oorbellen/oorbellen_4.png") no-repeat; } .face .oorbellen_5 { background: url("img/faces/oorbellen/oorbellen_5.png") no-repeat; } .face .oorbellen_6 { background: url("img/faces/oorbellen/oorbellen_6.png") no-repeat; } .face .oorbellen_7 { background: url("img/faces/oorbellen/oorbellen_7.png") no-repeat; } .face .oorbellen_8 { background: url("img/faces/oorbellen/oorbellen_8.png") no-repeat; } .face .oorbellen_9 { background: url("img/faces/oorbellen/oorbellen_9.png") no-repeat; } .face .oorbellen_10 { background: url("img/faces/oorbellen/oorbellen_10.png") no-repeat; } .face .ketting_1 { background: url("img/faces/ketting/ketting_1.png") no-repeat; } .face .ketting_2 { background: url("img/faces/ketting/ketting_2.png") no-repeat; } .face .ketting_3 { background: url("img/faces/ketting/ketting_3.png") no-repeat; } .face .ketting_4 { background: url("img/faces/ketting/ketting_4.png") no-repeat; } .face .ketting_5 { background: url("img/faces/ketting/ketting_5.png") no-repeat; } .face .ketting_6 { background: url("img/faces/ketting/ketting_6.png") no-repeat; } .face .ogen_1 { background: url("img/faces/ogen/ogen_1.png") no-repeat; } .face .ogen_2 { background: url("img/faces/ogen/ogen_2.png") no-repeat; } .face .ogen_3 { background: url("img/faces/ogen/ogen_3.png") no-repeat; } .face .ogen_4 { background: url("img/faces/ogen/ogen_4.png") no-repeat; } .face .mond_1 { background: url("img/faces/mond/mond_1.png") no-repeat; } .face .mond_2 { background: url("img/faces/mond/mond_2.png") no-repeat; } .face .mond_3 { background: url("img/faces/mond/mond_3.png") no-repeat; } .face .mond_4 { background: url("img/faces/mond/mond_4.png") no-repeat; } .face .mond_5 { background: url("img/faces/mond/mond_5.png") no-repeat; } .face .mond_6 { background: url("img/faces/mond/mond_6.png") no-repeat; } .face .mond_7 { background: url("img/faces/mond/mond_7.png") no-repeat; } .face .mond_8 { background: url("img/faces/mond/mond_8.png") no-repeat; } .face .kleding_1 { background: url("img/faces/kleding/kleding_1.png") no-repeat; } .face .kleding_2 { background: url("img/faces/kleding/kleding_2.png") no-repeat; } .face .kleding_3 { background: url("img/faces/kleding/kleding_3.png") no-repeat; } .face .kleding_4 { background: url("img/faces/kleding/kleding_4.png") no-repeat; } .face .kleding_5 { background: url("img/faces/kleding/kleding_5.png") no-repeat; } .face .kleding_6 { background: url("img/faces/kleding/kleding_6.png") no-repeat; } .face .kleding_7 { background: url("img/faces/kleding/kleding_7.png") no-repeat; } .face .kleding_8 { background: url("img/faces/kleding/kleding_8.png") no-repeat; } .face .kleding_9 { background: url("img/faces/kleding/kleding_9.png") no-repeat; } .face .kleding_10 { background: url("img/faces/kleding/kleding_10.png") no-repeat; } .face .kleding_11 { background: url("img/faces/kleding/kleding_11.png") no-repeat; } .face .kleding_12 { background: url("img/faces/kleding/kleding_12.png") no-repeat; } .face .kleding_13 { background: url("img/faces/kleding/kleding_13.png") no-repeat; } .face .lichaam_1 { background: url("img/faces/lichaam/lichaam_1.png") no-repeat; } .face .lichaam_2 { background: url("img/faces/lichaam/lichaam_2.png") no-repeat; } .face .lichaam_3 { background: url("img/faces/lichaam/lichaam_3.png") no-repeat; } /* FACE SMALL */ .face_small { width: 70px; height: 78px; position: relative; } .face_small .image { display: block; width: 100%; height: 78px; position: absolute; top: 0; left: 0; } .face_small .haarvoor_1 { background: url("img/faces_small/haar/front/haar_front_1.png") no-repeat; } .face_small .haarachter_1 { background: url("img/faces_small/haar/back/haar_back_1.png") no-repeat; } .face_small .haarvoor_2 { background: url("img/faces_small/haar/front/haar_front_2.png") no-repeat; } .face_small .haarachter_2 { background: url("img/faces_small/haar/back/haar_back_2.png") no-repeat; } .face_small .haarvoor_3 { background: url("img/faces_small/haar/front/haar_front_3.png") no-repeat; } .face_small .haarachter_3 { background: url("img/faces_small/haar/back/haar_back_3.png") no-repeat; } .face_small .haarvoor_4 { background: url("img/faces_small/haar/front/haar_front_4.png") no-repeat; } .face_small .haarachter_4 { background: url("img/faces_small/haar/back/haar_back_4.png") no-repeat; } .face_small .haarvoor_5 { background: url("img/faces_small/haar/front/haar_front_5.png") no-repeat; } .face_small .haarachter_5 { background: url("img/faces_small/haar/back/haar_back_5.png") no-repeat; } .face_small .haarvoor_6 { background: url("img/faces_small/haar/front/haar_front_6.png") no-repeat; } .face_small .haarachter_6 { background: url("img/faces_small/haar/back/haar_back_6.png") no-repeat; } .face_small .haarvoor_7 { background: url("img/faces_small/haar/front/haar_front_7.png") no-repeat; } .face_small .haarachter_7 { background: url("img/faces_small/haar/back/haar_back_7.png") no-repeat; } .face_small .haarvoor_8 { background: url("img/faces_small/haar/front/haar_front_8.png") no-repeat; } .face_small .haarachter_8 { background: url("img/faces_small/haar/back/haar_back_8.png") no-repeat; } .face_small .haarvoor_9 { background: url("img/faces_small/haar/front/haar_front_9.png") no-repeat; } .face_small .haarachter_9 { background: url("img/faces_small/haar/back/haar_back_9.png") no-repeat; } .face_small .haarvoor_10 { background: url("img/faces_small/haar/front/haar_front_10.png") no-repeat; } .face_small .haarachter_10 { background: url("img/faces_small/haar/back/haar_back_10.png") no-repeat; } .face_small .haarvoor_11 { background: url("img/faces_small/haar/front/haar_front_11.png") no-repeat; } .face_small .haarachter_11 { background: url("img/faces_small/haar/back/haar_back_11.png") no-repeat; } .face_small .haarvoor_12 { background: url("img/faces_small/haar/front/haar_front_12.png") no-repeat; } .face_small .haarachter_12 { background: url("img/faces_small/haar/back/haar_back_12.png") no-repeat; } .face_small .oorbellen_1 { background: url("img/faces_small/oorbellen/oorbellen_1.png") no-repeat; } .face_small .oorbellen_2 { background: url("img/faces_small/oorbellen/oorbellen_2.png") no-repeat; } .face_small .oorbellen_3 { background: url("img/faces_small/oorbellen/oorbellen_3.png") no-repeat; } .face_small .oorbellen_4 { background: url("img/faces_small/oorbellen/oorbellen_4.png") no-repeat; } .face_small .oorbellen_5 { background: url("img/faces_small/oorbellen/oorbellen_5.png") no-repeat; } .face_small .oorbellen_6 { background: url("img/faces_small/oorbellen/oorbellen_6.png") no-repeat; } .face_small .oorbellen_7 { background: url("img/faces_small/oorbellen/oorbellen_7.png") no-repeat; } .face_small .oorbellen_8 { background: url("img/faces_small/oorbellen/oorbellen_8.png") no-repeat; } .face_small .oorbellen_9 { background: url("img/faces_small/oorbellen/oorbellen_9.png") no-repeat; } .face_small .oorbellen_10 { background: url("img/faces_small/oorbellen/oorbellen_10.png") no-repeat; } .face_small .ketting_1 { background: url("img/faces_small/ketting/ketting_1.png") no-repeat; } .face_small .ketting_2 { background: url("img/faces_small/ketting/ketting_2.png") no-repeat; } .face_small .ketting_3 { background: url("img/faces_small/ketting/ketting_3.png") no-repeat; } .face_small .ketting_4 { background: url("img/faces_small/ketting/ketting_4.png") no-repeat; } .face_small .ketting_5 { background: url("img/faces_small/ketting/ketting_5.png") no-repeat; } .face_small .ketting_6 { background: url("img/faces_small/ketting/ketting_6.png") no-repeat; } .face_small .ogen_1 { background: url("img/faces_small/ogen/ogen_1.png") no-repeat; } .face_small .ogen_2 { background: url("img/faces_small/ogen/ogen_2.png") no-repeat; } .face_small .ogen_3 { background: url("img/faces_small/ogen/ogen_3.png") no-repeat; } .face_small .ogen_4 { background: url("img/faces_small/ogen/ogen_4.png") no-repeat; } .face_small .mond_1 { background: url("img/faces_small/mond/mond_1.png") no-repeat; } .face_small .mond_2 { background: url("img/faces_small/mond/mond_2.png") no-repeat; } .face_small .mond_3 { background: url("img/faces_small/mond/mond_3.png") no-repeat; } .face_small .mond_4 { background: url("img/faces_small/mond/mond_4.png") no-repeat; } .face_small .mond_5 { background: url("img/faces_small/mond/mond_5.png") no-repeat; } .face_small .mond_6 { background: url("img/faces_small/mond/mond_6.png") no-repeat; } .face_small .mond_7 { background: url("img/faces_small/mond/mond_7.png") no-repeat; } .face_small .mond_8 { background: url("img/faces_small/mond/mond_8.png") no-repeat; } .face_small .kleding_1 { background: url("img/faces_small/kleding/kleding_1.png") no-repeat; } .face_small .kleding_2 { background: url("img/faces_small/kleding/kleding_2.png") no-repeat; } .face_small .kleding_3 { background: url("img/faces_small/kleding/kleding_3.png") no-repeat; } .face_small .kleding_4 { background: url("img/faces_small/kleding/kleding_4.png") no-repeat; } .face_small .kleding_5 { background: url("img/faces_small/kleding/kleding_5.png") no-repeat; } .face_small .kleding_6 { background: url("img/faces_small/kleding/kleding_6.png") no-repeat; } .face_small .kleding_7 { background: url("img/faces_small/kleding/kleding_7.png") no-repeat; } .face_small .kleding_8 { background: url("img/faces_small/kleding/kleding_8.png") no-repeat; } .face_small .kleding_9 { background: url("img/faces_small/kleding/kleding_9.png") no-repeat; } .face_small .kleding_10 { background: url("img/faces_small/kleding/kleding_10.png") no-repeat; } .face_small .kleding_11 { background: url("img/faces_small/kleding/kleding_11.png") no-repeat; } .face_small .kleding_12 { background: url("img/faces_small/kleding/kleding_12.png") no-repeat; } .face_small .kleding_13 { background: url("img/faces_small/kleding/kleding_13.png") no-repeat; } .face_small .lichaam_1 { background: url("img/faces_small/lichaam/lichaam_1.png") no-repeat; } .face_small .lichaam_2 { background: url("img/faces_small/lichaam/lichaam_2.png") no-repeat; } .face_small .lichaam_3 { background: url("img/faces_small/lichaam/lichaam_3.png") no-repeat; } /* voordelen */ .subscription .table_voordelen { width: 100%; margin-bottom: 40px; } .subscription .table_voordelen thead td { color: #FF98D2; font-size: 20px; font-weight: bold; } .subscription .table_voordelen tfoot td { color: #FF98D2; font-size: 20px; font-weight: bold; } .subscription .table_voordelen tfoot td.td1 { border: 0 !important; background: transparent; } .subscription .table_voordelen td { height: 40px; overflow: hidden; border-bottom: 1px solid #FF98D2; padding: 0 8px; } .subscription .table_voordelen td.td1 { background: url("img/table_td_3.gif") repeat-x; border-right: 1px solid #FFF; } .subscription .table_voordelen td.td2 { background: url("img/table_td_2.gif") repeat-x; border-right: 1px solid #FFF; } .subscription .table_voordelen td.td3 { background: url("img/table_td_1.gif") repeat-x; } .subscription .table_voordelen td.option { font-weight: bold; font-size: 14px; text-align: center; } .subscription .table_voordelen td .disabled, .subscription .table_voordelen td .checked { display: block; width: 30px; height: 33px; text-indent: -1234em; margin: auto; } .subscription .table_voordelen td.td2 .checked { background: url("img/checked_light.gif") no-repeat; } .subscription .table_voordelen td.td3 .checked { background: url("img/checked_dark.gif") no-repeat; } .subscription .table_voordelen td.td2 .disabled { background: url("img/cross_light.gif") no-repeat; } .subscription a.verder { float: right; width: 96px; height: 56px; background: url("img/btn_arrow_verder.gif"); text-indent: -1234em; } .subscription #duration { margin-bottom: 40px; background: #FF98D2; padding: 1px; } .subscription #duration .article { padding: 10px; border: 1px solid #FFF; } .subscription #duration label { margin-left: 10px; } .subscription #duration label strong { font-size: 200%; font-weight: normal; } .subscription #present { margin-bottom: 40px; background: #FF98D2; padding: 1px; } .subscription #present .article { padding: 10px; border: 1px solid #FFF; } .subscription #present .present { width: 33%; text-align: center; float: left; } .subscription #present .present input { display: block; margin: 0 auto 10px; } .subscription #present .present img { display: block; margin: 0 auto; } .subscription .banken { margin-bottom: 40px; background: #FF98D2; padding: 1px; } .subscription .banken .article { padding: 10px; border: 1px solid #FFF; } .subscription .banken input { float: left; margin: 5px 5px 0 0; } .subscription .banken label { display: block; float: left; height: 30px; text-indent: -1234em; margin-right: 5px; width: 95px; } .subscription .banken .radioblock { width: 200px; float: left; background: #FFF; margin: 0 1px 1px 0; width: 120px; padding: 5px; } .subscription .banken .bank0031 { background: url("img/logo_abn.gif") no-repeat center center; } .subscription .banken .bank0081 { background: url("img/logo_fortis.gif") no-repeat center center; } .subscription .banken .bank0721 { background: url("img/logo_postbank.gif") no-repeat center center; } .subscription .banken .bank0021 { background: url("img/logo_rabobank.gif") no-repeat center center; } .subscription .banken .bank0751 { background: url("img/logo_sns.gif") no-repeat center center; } .subscription .banken .bank071 { background: url("img/logo_ing.gif") no-repeat center center; } .subscription .banken .bank0dfs1 { background: url("img/logo_bizner.gif") no-repeat center center; } .clubvoordelen { margin-bottom: 80px; } .clubvoordelen h2.fortis { background: url("img/logo_fortis.gif") no-repeat; padding: 1px 0 1px 44px; } .clubvoordelen p.intro { background: #ff98d2; padding: 10px; font-size: 14px; text-align: center; margin: 20px 0; line-height: 30px; } .clubvoordelen p.intro strong { font-size: 22px; } .clubvoordelen .voordeel { margin-bottom: 20px; padding-bottom: 8px; border-bottom: 1px solid #CCC; } .clubvoordelen .voordeel h4 strong { color: #cc0000; } .clubvoordelen .voordeel img { border: 2px solid #ff98d2; padding: 2px; float: left; margin: 3px 13px 12px; } .clubvoordelen .voordeel .info { margin-left: 90px; } .clubvoordelen .voordeel .info a.more { background: url("img/btn_arrow_pink.gif") no-repeat top right; padding: 7px 30px 7px 10px; color: #FFF; } /* SITEMAP */ #sitemap li { margin-left: 0; list-style-image: none; list-style-type: none; min-height: 22px; height: auto; } #sitemap ul { margin: 0 0 0 15px; } #sitemap li a { display: block; font-weight: bold; text-decoration: none; padding-top: 10px; height: auto; } #sitemap li a:hover { text-decoration: underline; } #sitemap li li a { height: 22px; margin: 0; padding: 0; padding-left: 25px; font-weight: normal; background: url("img/bullets/bullet_list.gif") no-repeat 10px 4px; } #sitemap li li li a { padding-left: 40px; background: url("img/bullets/bullet_list.gif") no-repeat 28px 4px; } #sitemap li li li li a { padding-left: 55px; background-position: 45px top; } #sitemap li li li li li a { padding-left: 70px; background-position: 60px top; } #sitemap .sitemap_meepraten { display: none; } /* MENU */ #menu { position: absolute; top: 318px; margin-left: 20px; z-index: 10; width: 100%; } #menu ul { margin: 0; } #menu li { float: left; list-style-type: none; } #menu a { background: url("img/menu.gif") no-repeat left top; overflow: hidden; height: 56px; display: block; text-indent: -1234em; margin-left: 7px; } #menu .cls_home a { width: 71px; background-position: 0px top; margin: 0;} #menu .cls_inspiratie a { width: 88px; background-position: -71px top; } #menu .cls_ontspanning a { width: 113px; background-position: -159px top; } #menu .cls_advies a { width: 71px; background-position: -272px top; } #menu .cls_persoonlijke_ontwikkeling a { width: 216px; background-position: -343px top; } #menu .cls_meepraten a { width: 111px; background-position: -559px top; } #menu .cls_date a { width: 56px; background-position: -670px top; } #menu .cls_shop a { width: 60px; background-position: -726px top; } #menu .cls_home a.active, #menu .cls_home a:hover { background-position: 0px bottom;} #menu .cls_inspiratie a.active, #menu .cls_inspiratie a:hover { background-position: -71px bottom; } #menu .cls_ontspanning a.active, #menu .cls_ontspanning a:hover { background-position: -159px bottom; } #menu .cls_advies a.active, #menu .cls_advies a:hover { background-position: -272px bottom; } #menu .cls_persoonlijke_ontwikkeling a.active, #menu .cls_persoonlijke_ontwikkeling a:hover{ background-position: -343px bottom; } #menu .cls_meepraten a.active, #menu .cls_meepraten a:hover { background-position: -559px bottom; } #menu .cls_date a.active, #menu .cls_date a:hover { background-position: -670px bottom; } #menu .cls_shop a.active, #menu .cls_shop a:hover { background-position: -726px bottom; } /* SHOP */ .shop_list { clear: both; margin-bottom: 20px; padding-bottom: 20px; background: url("img/dot_black.gif") repeat-x left bottom; } .shop_list h2 { margin-bottom: 12px; } .shop_list .object { width: 33%; float: left; text-align: center; } .shop_list .object .image a { width: 100%; display: block; text-indent: -1234em; } .shop_list .title { display: block; } .shop_leestips .image a { height: 160px; } .shop_leestips .title { height: 35px; } .shop_luistertips .image a { height: 110px; } .shop_luistertips .title { height: 35px; } .shop_gadgets .image a { height: 120px; } .shop_gadgets .title { height: 60px; } /* FOOTER */ #footer { clear: both; margin: 0 7px; color: #a5b283; font-size: 10px; font-weight: bold; height: 80px; } #footer a { color: #a5b283; } #footer ul { margin: 0; width: 740px; line-height: 14px; } #footer ul li { display: inline; background: url("img/li_separator.gif") left center no-repeat; margin: 0; } #footer ul li a { padding: 0 7px; white-space: nowrap; } #footer ul li.first { background-image: none; } #footer ul li.first a { padding: 0 7px 0 0; } #footer p { clear: both; margin: 0; } #footer .footer_logo { display: block; text-indent: -1234em; width: 64px; height: 51px; background: url("img/footer_logo.gif") no-repeat left top; float: left; margin: 9px 27px 0 28px; } #footer .footer_logo:hover { background-position: left bottom; } #footer .footer_inner { float: left; padding: 15px 0 0 0; } /* COBROWSER - CHAT BUTTON */ .cb_online { width: 139px; height: 50px; cursor: pointer; position: absolute; top: 0; left: 210px; text-indent: -1234em; } .cb_online strong { position: relative; display: block; width: 139px; height: 50px; background-image: url("img/chatbutton.png"); } .cb_online strong:hover { background-image: url("img/chatbutton_hover.png"); } /* STAR RATING */ .star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating{ background: url("img/star.gif") left -1000px repeat-x; } .star-rating{ position:relative; width: 95px; /* 19 * 5 */ height: 19px; overflow:hidden; list-style:none; margin:0; padding:0; background-position: left top; } .star-rating li{ display: inline; } .star-rating a, .star-rating .current-rating{ position:absolute; top:0; left:0; text-indent:-1000em; height:19px; line-height:19px; outline:none; overflow:hidden; border: none; } .star-rating a:hover, .star-rating a:active, .star-rating a:focus{ background-position: left bottom; } .star-rating a.one-star{ width:20%; z-index:6; } .star-rating a.two-stars{ width:40%; z-index:5; } .star-rating a.three-stars{ width:60%; z-index:4; } .star-rating a.four-stars{ width:80%; z-index:3; } .star-rating a.five-stars{ width:100%; z-index:2; } .star-rating .current-rating{ z-index:1; background-position: left center; } .inline-rating{ display:-moz-inline-block; display:-moz-inline-box; display:inline-block; vertical-align: middle; } /* GENERAL - NIET WIJZIGEN */ /* SPECIALE VERANDERINGEN ALLEEN OPNEMEN BIJ SPECIFIEK ELEMENT */ p.righttext a { color: #222222; z-index: 999; } p.righttext a:hover { text-decoration: none; } a.readmore { background: url("img/btn_meer.gif") no-repeat; } a.bestel { background: url("img/btn_bestel.gif") no-repeat; } a.react { background: url("img/btn_react.gif") no-repeat; } a.readmore, a.bestel, a.react, a.btn { padding: 5px 5px 5px 30px; *padding: 3px 5px 3px 30px; color: #fff !important; text-decoration: none; text-align: left; } a.btn:hover { color: #FFF; } .author_standard { } .p01 { background-position: 0px 0px !important; } .p02 { background-position: 0px -53px !important; } .p03 { background-position: 0px -106px !important; } .p04 { background-position: 0px -159px !important; } .p05 { background-position: 0px -212px !important; } .p06 { background-position: 0px -265px !important; } .p07 { background-position: 0px -318px !important; } .p08 { background-position: 0px -371px !important; } .p09 { background-position: 0px -424px !important; } .p10 { background-position: 0px -477px !important; } .p11 { background-position: 0px -530px !important; } .p12 { background-position: 0px -583px !important; } .p13 { background-position: 0px -636px !important; } .p14 { background-position: 0px -689px !important; } .p15 { background-position: 0px -742px !important; } .p16 { background-position: 0px -795px !important; } .p17 { background-position: 0px -848px !important; } .p18 { background-position: 0px -901px !important; } .p19 { background-position: 0px -954px !important; } .p20 { background-position: 0px -1007px !important; } .p21 { background-position: 0px -1060px !important; } .p22 { background-position: 0px -1113px !important; } .p23 { background-position: 0px -1166px !important; } .p24 { background-position: 0px -1219px !important; } .p25 { background-position: 0px -1272px !important; } .p26 { background-position: 0px -1325px !important; } .p27 { background-position: 0px -1378px !important; } .p28 { background-position: 0px -1431px !important; } .p29 { background-position: 0px -1484px !important; } .p30 { background-position: 0px -1537px !important; } .p31 { background-position: 0px -1590px !important; } /* NEWS ARTICLES */ .newsarticle { margin: 0; padding: 0 0 20px; } .newsarticle .heading { position: relative; margin: 7px 0 0; float: left; width: 100%; } .newsarticle .heading h2 { background: #ffdbef; padding: 0 0 0 40px; margin: 0 0 0 25px; } .newsarticle .heading .date { margin: 0; padding: 0; display: block; position: absolute; top: -7px; left: 0px; background-color: #ff98d2; width: 53px; height: 53px; text-indent: -1234em; background: url("img/date.png") no-repeat; } .newsarticle .heading .date .day, .newsarticle .heading .date .month { display: block; position: absolute; top: 0px; left: 0px; background: no-repeat left top; width: 53px; height: 53px; } .newsarticle .heading .date .month { background-image: url("img/months.gif") } .newsarticle .heading .date .day { background-image: url("img/days.gif") } .newsarticle .content, .newsarticle .contentborder { clear: both; padding: 15px 25px; margin: 0; } .newsarticle .content { padding-right: 0px; } .newsarticle .contentborder { border-right: 5px solid #ffdbef; } .newsarticle a.image img { float: left; padding: 2px; border: 2px solid #222222; margin: 5px; } .newsarticle .readmore { padding: 0 20px 0 0; font-size: 14px; font-weight: bold; color: #ff98d2 !important; display: block; text-decoration: none; text-align: right; background: url("img/link_arrow.gif") no-repeat bottom right; } .newsarticle .readmore:hover { text-decoration: underline; } .newsarticle_author_standard .heading h2 { background: #a1dbe5; } .newsarticle_author_standard .content, .newsarticle_author_standard .contentborder { border-color: #a1dbe5; } .newsarticle_author_standard .heading .date { background: url("img/date_blue.png") no-repeat; } .newsarticle_author_standard .readmore { color: #77a2a9 !important; background: url("img/link_arrow_blue.gif") no-repeat bottom right; } .newsarticle_author_standard .heading .date .month { background-image: url("img/months_blue.gif") } .newsarticle_author_standard .heading .date .day { background-image: url("img/days_blue.gif") } /* Reis en verblijf */ .reis_en_verblijf { margin: 0 0 20px 3px; width: 412px; border: 1px solid #e3e3e3; position: relative; } .reis_en_verblijf .content { padding: 8px 40px 10px 10px; width: 230px; float: right; } .reis_en_verblijf .paperclip { width: 21px; height: 57px; background: url("img/boxes/reis_paperclip.png") no-repeat; position: absolute; top: -8px; left: 15px; } .reis_en_verblijf .image { float: left; margin: 10px 0 0 15px; } .reis_en_verblijf h2 { margin: 0 !important; } /* -- OLD -- .reis_en_verblijf { margin: 0 0 20px 3px; width: 412px; background: url("img/boxes/reis_bg.gif") repeat-y; position: relative; } .reis_en_verblijf .top { width: 412px; height: 4px; background: url("img/boxes/reis_top.gif") no-repeat; } .reis_en_verblijf .corner { width: 281px; height: 86px; background: url("img/boxes/reis_corner.gif") no-repeat; position: absolute; top: -4px; left: -5px; } .reis_en_verblijf .content { padding: 10px 15px 10px 10px; width: 270px; float: right; } .reis_en_verblijf .bottom { clear: both; width: 412px; height: 4px; background: url("img/boxes/reis_bottom.gif") no-repeat; } .reis_en_verblijf .paperclip { width: 21px; height: 57px; background: url("img/boxes/reis_paperclip.png") no-repeat; position: absolute; top: -8px; left: 15px; } .reis_en_verblijf .image { float: left; margin: 10px 0 0 15px; } .reis_en_verblijf h2 { margin: 0 !important; } */ /* ARTIKEL */ .artikel { margin: 0 0 20px; } .artikel .heading { background: url('img/arrow.gif') no-repeat bottom left; padding: 0 0 37px; } .artikel .heading h2 { background: #ffdbef; padding: 0 5px; margin: 12px 0 0; } .artikel a.image { float: left; } .artikel a.image img { display: inline; padding: 2px; border: 2px solid #222222; margin: 5px 10px 10px 0; } .artikel .textcontent { position: relative; top: -27px; padding-left: 45px; } /* Luistertips */ .luistertip_row { background: url("img/dot_black.gif") repeat-x left bottom; padding: 20px 0; } .luistertip_list { width: 33%; float: left; text-align: center; } .luistertip_list p.title { margin-bottom: 6px; line-height: 14px; height: 30px; } .luistertip_list p.title a { color: #222222; text-decoration: none; } .luistertip_list p.btns { line-height: 24px; margin: 0; text-align: center; } .luistertip_list .image a { display: block; width: 100%; height: 110px; margin-bottom: 6px; text-indent: -1234em; } .luistertip_list .inline-rating{ padding-bottom: 4px; } .luistertip_item { margin-bottom: 20px; } .luistertip_item .info { float: left; width: 33%; text-align: center; margin-top: 6px; padding: 0 0 5px; } .luistertip_item .content { margin-left: 36%; margin-top: 6px; } .luistertip_item .content h2 { margin-top: 0; } .luistertip_item .heading h2 { background: #ffdbef; padding: 0 10px; } .luistertip_item .rating { margin: 10px 0; } .overview_luistertips { background: url("img/dot_black.gif") repeat-x left bottom; text-align: center; padding: 10px; } .overview_luistertips .image img { border: 3px solid #222222; } .overview_luistertips .image:hover img { border: 3px solid #FFF; } .overview_luistertips .title { display: block; color: #222222; text-decoration: none; font-weight: bold; } .overview_luistertips .title:hover { color: #222222; text-decoration: underline; } /* Leestips */ .leestip_list { background: url("img/dot_black.gif") repeat-x left bottom; padding: 20px 0; } .leestip_list .info { float: left; width: 33%; text-align: center; } .leestip_list .content { margin-left: 33%; } .leestip_list .content h2 { margin-top: 0; } .leestip_list .inline-rating { padding-bottom: 3px; margin-right: 5px; } .leestip_list a.btn { margin-right: 5px; } .leestip_item { margin-bottom: 20px; } .leestip_item .info { float: left; width: 33%; text-align: center; margin-top: 6px; padding: 0 0 5px; } .leestip_item .content { margin-left: 33%; margin-top: 6px; } .leestip_item .content h2 { margin-top: 0; } .leestip_item .heading h2 { background: #ffdbef; padding: 0 10px; } .leestip_item .rating { margin: 10px 0; } .overview_leestip { text-align: center; padding: 10px; background: url("img/dot_black.gif") repeat-x left bottom; } .overview_leestip .image img { border: 3px solid #222222; } .overview_leestip .image:hover img { border: 3px solid #FFF; } .overview_leestip .title { display: block; color: #222222; text-decoration: none; font-weight: bold; } .overview_leestip .title:hover { color: #222222; text-decoration: underline; } /* Gadgets */ .gadget_row { background: url("img/dot_black.gif") repeat-x left bottom; padding: 20px 0; } .gadget_list { width: 33%; float: left; text-align: center; } .gadget_list p.title { margin-bottom: 6px; line-height: 14px; height: 40px; } .gadget_list p.title a { color: #222222; text-decoration: none; } .gadget_list p.btns { line-height: 24px; margin: 0; text-align: center; } .gadget_list .image a { display: block; width: 100%; height: 110px; margin-bottom: 6px; text-indent: -1234em; } .gadget_list .inline-rating{ padding-bottom: 4px; } .gadget_item .info { float: left; width: 33%; text-align: center; margin-top: 6px; padding: 0 0 5px; } .gadget_item .content { margin-left: 36%; margin-top: 6px; } .gadget_item .content h2 { margin-top: 0; } .gadget_item .heading h2 { background: #ffdbef; padding: 0 10px; } .gadget_item .rating { margin: 10px 0; } .overview_gadget { background: url("img/dot_black.gif") repeat-x left bottom; text-align: center; background-color: white; padding: 10px; } .overview_gadget .image { } .overview_gadget .title { display: block; color: #222222; text-decoration: none; font-weight: bold; } .overview_gadget .title:hover { color: #222222; text-decoration: underline; } /* styling */ .styling_row { background: url("img/dot_black.gif") repeat-x left bottom; padding: 20px 0; } .styling_list { width: 33%; float: left; text-align: center; } .styling_list p.title { margin-bottom: 6px; line-height: 14px; height: 30px; } .styling_list p.title a { color: #222222; text-decoration: none; } .styling_list p.btns { line-height: 24px; margin: 0; text-align: center; } .styling_list .image a { display: block; width: 100%; height: 110px; margin-bottom: 6px; text-indent: -1234em; } .styling_list .inline-rating{ padding-bottom: 4px; } .styling_item .info { float: left; width: 33%; text-align: center; margin-top: 6px; padding: 0 0 5px; } .styling_item .content { margin-left: 36%; margin-top: 6px; } .styling_item .content h2 { margin-top: 0; } .styling_item .heading h2 { background: #ffdbef; padding: 0 10px; } .styling_item .rating { margin: 10px 0; } .overview_styling { background: url("img/dot_black.gif") repeat-x left bottom; text-align: center; background-color: white; padding: 10px; } .overview_styling .image { } .overview_styling .title { display: block; color: #222222; text-decoration: none; font-weight: bold; } .overview_styling .title:hover { color: #222222; text-decoration: underline; } /* Leesclub */ .leesclub_list { padding: 20px 0 20px 0; float: left; width: 33%; } .leesclub_list .info { text-align: center; margin-bottom: 10px; } .leesclub_list .content { display: none; } .leesclub_list .heading { display: none; } .leesclub_list .lezenmee { display: none; } .leesclub_list .btns { text-align: right; margin: 0; } .leesclub_list .image { display: block; height: 170px; overflow: hidden; } .leesclub_list_1 { padding: 0 0 20px 0; background: url("img/dot_black.gif") repeat-x left bottom; float: none; width: auto; } .leesclub_list_1 .info { float: left; width: 33%; text-align: center; margin-bottom: 10px; } .leesclub_list_1 .heading { display: block; width: 418px; height: 115px; background: url("img/h2_leesclub.gif") no-repeat; text-indent: -1234em; position: relative; } .leesclub_list_1 .heading .date { margin: 0; padding: 0; display: block; position: absolute; top: 8px; right: 20px; background-color: #ff98d2; width: 53px; height: 53px; text-indent: -1234em; background: url("img/date.png") no-repeat; } .leesclub_list_1 .heading .date .day, .leesclub_list_1 .heading .date .month { display: block; position: absolute; top: 0px; left: 0px; background: no-repeat left top; width: 53px; height: 53px; } .leesclub_list_1 .heading .date .month { background-image: url("img/months.gif") } .leesclub_list_1 .heading .date .day { background-image: url("img/days.gif") } .leesclub_list_1 .content { margin-left: 33%; display: block; margin-bottom: 10px; } .leesclub_list_1 .image { height: auto; } .leesclub_item .lezenmee, .leesclub_list_1 .lezenmee { display:block; height: 57px; width: 414px; background: url("img/vrouwenlezenmee.gif") no-repeat; position: relative; } .leesclub_item .lezenmee .leesmee_0_bg, .leesclub_list_1 .lezenmee .leesmee_0_bg { width: 172px; height: 57px; background: url("img/leesmee.gif") top left no-repeat; display: block; position: absolute; right: 0; top: 0; text-indent: -1234em; } .leesclub_item .lezenmee .leesmee_1_bg, .leesclub_list_1 .lezenmee .leesmee_1_bg { width: 172px; height: 57px; background: url("img/leesnietmee.gif") top left no-repeat; display: block; position: absolute; right: 0; top: 0; text-indent: -1234em; } .leesclub_item .lezenmee .leesmee_0_bg:hover, .leesclub_list_1 .lezenmee .leesmee_0_bg:hover, .leesclub_item .lezenmee .leesmee_1_bg:hover, .leesclub_list_1 .lezenmee .leesmee_1_bg:hover { background-position: bottom left; } .leesclub_item .lezenmee .number, .leesclub_list_1 .lezenmee .number { font-weight: bold; font-size: 20px; display: block; width: 55px; text-align: center; position: absolute; left: 4px; top: 20px; color: #FFF; } .leesclub_item { margin-bottom: 20px; } .leesclub_item .heading { background-color: #FFDBEF; padding: 0 5px; margin-bottom: 12px; } .leesclub_item .info { float: left; width: 33%; text-align: center; margin-bottom: 10px; } .leesclub_item .content { margin-left: 33%; display: block; } .leesclub_list_1 .login, .leesclub_item .login { position: relative; margin: 0 85px; } .leesclub_list_1 .login *, .leesclub_item .login * { margin: 0; padding: 0; } .leesclub_list_1 .login h2, .leesclub_item .login h2 { margin: 0 !important; } .leesclub_list_1 .login p, .leesclub_item .login p { margin-bottom: 6px; } .leesclub_list_1 .login legend, .leesclub_item .login legend { display: none; } .leesclub_list_1 .login label, .leesclub_item .login label { display: none; } .leesclub_list_1 .login input, .leesclub_item .login input { background:#FFF4FA none repeat scroll 0%; border:1px solid #FF98D2; clear:left; float:left; margin-bottom:2px; padding:2px; width:150px; } .leesclub_list_1 .login .button, .leesclub_item .login .button { background: transparent url("img/forum_login.gif") no-repeat; width: 84px; height: 97px; border: 0; text-indent: -1234em; position: absolute; bottom: 0px; right: 0px; } .overview_leesclub { text-align: center; } .overview_leesclub .image img { border: 3px solid #222222; font-size: 9px; } .overview_leesclub .image:hover img { border: 3px solid #FFF; } .overview_leesclub .title { display: block; color: #222222; text-decoration: none; font-weight: bold; } .overview_leesclub .title:hover { color: #222222; text-decoration: underline; } .overview_leesclub .lezenmee { display: block; width: 151px; height: 37px; margin: 5px auto; background: url("img/overview_lezenmee.png") no-repeat; position: relative; } .overview_leesclub .lezenmee .number { display: block; width: 35px; font-size: 14px; font-weight: bold; position: absolute; left: 0px; top: 9px; } /* Uitgaan met Indipenda */ .uitgaan_met_indipenda { padding: 20px 0 20px 0; background: url("img/dot_black.gif") repeat-x left bottom; position: relative; min-height: 150px; _height: 150px; } .uitgaan_met_indipenda .content { width: 275px; padding: 0 10px; float: right; } .uitgaan_met_indipenda .content h2 { margin: 0 !important; } .uitgaan_met_indipenda .image { padding: 20px 0 54px; position: relative; width: 115px; } .uitgaan_met_indipenda .image img { border: 3px solid #222; display: block; } .uitgaan_met_indipenda .image .billboard { margin-top: -5px; width: 115px; height: 54px; background: url("img/billboard.png") no-repeat; } .uitgaan_met_indipenda .arrow_blue { background: url("img/arrow_blue.gif") no-repeat; padding: 16px 34px 18px 17px; color: #222; text-decoration: none; } /* Er op uit met Indipenda */ .er_op_uit .heading { background: #a1dbe5; margin: 0 0 10px; } .er_op_uit .heading h2 { padding: 0 5px; margin: 12px 0 0; } .er_op_uit .image img { float: left; padding: 2px; border: 2px solid #222222; margin: 5px 5px 5px 0; } .er_op_uit p, .er_op_uit .buttonrow { float: right; width: 300px; } .er_op_uit .buttonrow a.readmore { float: right; } .er_op_uit .ga_mee { width: 366px; height: 52px; background: url("img/er_op_uit.png") no-repeat; position: relative; margin: 20px 26px 20px; } .er_op_uit .ga_mee span { width: 48px; text-align: center; display: block; position: absolute; top: 16px; left: 0; font-size: 18px; } .er_op_uit .ga_mee a { position: absolute; width: 166px; height: 38px; top: 9px; right: 0px; text-indent: -1234em; } /* COLUMN */ .column_list .image img { border-color: #ff98d2 !important; } .column_listitem_small .heading .date, .column_listitem_small .contentborder, .column_listitem_small .readmore { display: none; } .column_listitem_small .heading, .column_listitem_small .heading h2 { background: transparent; } .column_listitem_small .heading h2 { padding: 0 10px; margin: 0; color: #222222 !important; font-size: 11px; font-weight: bold; position: relative; } .column_listitem_small .heading h2 a { color: #222222; } .column_listitem_small .heading h2 a:hover { color: #f06611; } .column_listitem_small .heading h2 span { position: absolute; top: 0; right: 0; } .column_listitem_small { padding: 5px 0; background: url("img/dot_black.gif") repeat-x left bottom; } .clubvoordeel .content { margin-bottom: 20px; }/** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }