/* Fotomuseum CSS Total Active Media B.Engelsman 2007 12 color schemes, 3 layouts: ---------------------------- use where x can be: a,b,c,d,e,f,g,h,i,j,k,l (color scheme) and is any of "normal", "reversed", "wide" (background layout) normal: ------- - normal background: gray on the right, dark color on the left - columLeft and columnRight are positioned as their names imply example: reversed: --------- - reversed background: gray on the left, dark color on the right - columnLeft and columnRight switch places "reversed" requires a seting for manipulating the little block right of the submenu. "default" makes it flip to the other side and "overzicht" makes sure it stays on the right side example: wide: ----- - background is completely filled with dark color. */ a { text-decoration: none; color: #FFF; } a:hover { text-decoration: underline; } img { padding: 0; margin: 0 } body { padding: 0px; margin: 0px; /* background: url( http://fotomuseum.allcommunication.nl/gfx/pagefill2.gif ) center top repeat-y; */ text-align: center; font: normal normal 0.6em arial; letter-spacing: 0.03em; line-height: 1.4em; } #wrapper { width: 100%; height: 100%; } #page { display: block; width: 900px; margin: 0px auto 0px auto; text-align: left; padding: 0px; z-index: 400; } img#main_logo { display: none; } /* voor IE < 7 */ #normal .scheme_a { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_a.gif ) center top repeat-y; } #normal .scheme_b { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_b.gif ) center top repeat-y; } #normal .scheme_c { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_c.gif ) center top repeat-y; } #normal .scheme_d { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_d.gif ) center top repeat-y; } #normal .scheme_e { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_e.gif ) center top repeat-y; } #normal .scheme_f { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_f.gif ) center top repeat-y; } #normal .scheme_g { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_g.gif ) center top repeat-y; } #normal .scheme_h { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_h.gif ) center top repeat-y; } #normal .scheme_i { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_i.gif ) center top repeat-y; } #normal .scheme_j { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_j.gif ) center top repeat-y; } #normal .scheme_k { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_k.gif ) center top repeat-y; } #normal .scheme_l { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_l.gif ) center top repeat-y; } #reversed .scheme_a { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_ar.gif ) center top repeat-y; } #reversed .scheme_b { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_br.gif ) center top repeat-y; } #reversed .scheme_c { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_cr.gif ) center top repeat-y; } #reversed .scheme_d { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_dr.gif ) center top repeat-y; } #reversed .scheme_e { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_er.gif ) center top repeat-y; } #reversed .scheme_f { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_fr.gif ) center top repeat-y; } #reversed .scheme_g { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_gr.gif ) center top repeat-y; } #reversed .scheme_h { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_hr.gif ) center top repeat-y; } #reversed .scheme_i { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_ir.gif ) center top repeat-y; } #reversed .scheme_j { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_jr.gif ) center top repeat-y; } #reversed .scheme_k { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_kr.gif ) center top repeat-y; } #reversed .scheme_l { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_lr.gif ) center top repeat-y; } #wide .scheme_a { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_aw.gif ) center top repeat-y; } #wide .scheme_b { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_bw.gif ) center top repeat-y; } #wide .scheme_c { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_cw.gif ) center top repeat-y; } #wide .scheme_d { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_dw.gif ) center top repeat-y; } #wide .scheme_e { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_ew.gif ) center top repeat-y; } #wide .scheme_f { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_fw.gif ) center top repeat-y; } #wide .scheme_g { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_gw.gif ) center top repeat-y; } #wide .scheme_h { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_hw.gif ) center top repeat-y; } #wide .scheme_i { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_iw.gif ) center top repeat-y; } #wide .scheme_j { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_jw.gif ) center top repeat-y; } #wide .scheme_k { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_kw.gif ) center top repeat-y; } #wide .scheme_l { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_lw.gif ) center top repeat-y; } /* voor de rest */ #normal.scheme_a { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_a.gif ) center top repeat-y; } #normal.scheme_b { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_b.gif ) center top repeat-y; } #normal.scheme_c { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_c.gif ) center top repeat-y; } #normal.scheme_d { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_d.gif ) center top repeat-y; } #normal.scheme_e { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_e.gif ) center top repeat-y; } #normal.scheme_f { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_f.gif ) center top repeat-y; } #normal.scheme_g { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_g.gif ) center top repeat-y; } #normal.scheme_h { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_h.gif ) center top repeat-y; } #normal.scheme_i { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_i.gif ) center top repeat-y; } #normal.scheme_j { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_j.gif ) center top repeat-y; } #normal.scheme_k { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_k.gif ) center top repeat-y; } #normal.scheme_l { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_l.gif ) center top repeat-y; } #reversed.scheme_a { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_ar.gif ) center top repeat-y; } #reversed.scheme_b { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_br.gif ) center top repeat-y; } #reversed.scheme_c { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_cr.gif ) center top repeat-y; } #reversed.scheme_d { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_dr.gif ) center top repeat-y; } #reversed.scheme_e { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_er.gif ) center top repeat-y; } #reversed.scheme_f { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_fr.gif ) center top repeat-y; } #reversed.scheme_g { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_gr.gif ) center top repeat-y; } #reversed.scheme_h { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_hr.gif ) center top repeat-y; } #reversed.scheme_i { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_ir.gif ) center top repeat-y; } #reversed.scheme_j { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_jr.gif ) center top repeat-y; } #reversed.scheme_k { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_kr.gif ) center top repeat-y; } #reversed.scheme_l { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_lr.gif ) center top repeat-y; } #wide.scheme_a { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_aw.gif ) center top repeat-y; } #wide.scheme_b { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_bw.gif ) center top repeat-y; } #wide.scheme_c { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_cw.gif ) center top repeat-y; } #wide.scheme_d { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_dw.gif ) center top repeat-y; } #wide.scheme_e { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_ew.gif ) center top repeat-y; } #wide.scheme_f { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_fw.gif ) center top repeat-y; } #wide.scheme_g { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_gw.gif ) center top repeat-y; } #wide.scheme_h { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_hw.gif ) center top repeat-y; } #wide.scheme_i { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_iw.gif ) center top repeat-y; } #wide.scheme_j { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_jw.gif ) center top repeat-y; } #wide.scheme_k { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_kw.gif ) center top repeat-y; } #wide.scheme_l { background: url( http://fotomuseum.allcommunication.nl/gfx/fbg_lw.gif ) center top repeat-y; } /*------------- top --------------*/ #topContainer { width: 875px; display: block; padding-left: 25px; background-color: #FFFFFF; } * html #topContainer { width: 900px; } /*------------- logo nl --------------*/ .scheme_a #topnl { background: url( http://fotomuseum.allcommunication.nl/gfx/logo_a.gif ) no-repeat; } .scheme_b #topnl { background: url( http://fotomuseum.allcommunication.nl/gfx/logo_b.gif ) no-repeat; } .scheme_c #topnl { background: url( http://fotomuseum.allcommunication.nl/gfx/logo_c.gif ) no-repeat; } /* logo for scheme D missing! */ .scheme_d #topnl { background: url( http://fotomuseum.allcommunication.nl/gfx/logo_e.gif ) no-repeat; } /* logo for scheme D missing! */ .scheme_e #topnl { background: url( http://fotomuseum.allcommunication.nl/gfx/logo_e.gif ) no-repeat; } .scheme_f #topnl { background: url( http://fotomuseum.allcommunication.nl/gfx/logo_f.gif ) no-repeat; } .scheme_h #topnl { background: url( http://fotomuseum.allcommunication.nl/gfx/logo_h.gif ) no-repeat; } .scheme_i #topnl { background: url( http://fotomuseum.allcommunication.nl/gfx/logo_i.gif ) no-repeat; } .scheme_j #topnl { background: url( http://fotomuseum.allcommunication.nl/gfx/logo_j.gif ) no-repeat; } .scheme_k #topnl { background: url( http://fotomuseum.allcommunication.nl/gfx/logo_k.gif ) no-repeat; } .scheme_l #topnl { background: url( http://fotomuseum.allcommunication.nl/gfx/logo_l.gif ) no-repeat; } /*------------- logo en --------------*/ .scheme_a #topen { background: url( http://fotomuseum.allcommunication.nl/gfx/logo_uk_a.gif ) no-repeat; } .scheme_b #topen { background: url( http://fotomuseum.allcommunication.nl/gfx/logo_uk_b.gif ) no-repeat; } .scheme_c #topen { background: url( http://fotomuseum.allcommunication.nl/gfx/logo_uk_c.gif ) no-repeat; } .scheme_d #topen { background: url( http://fotomuseum.allcommunication.nl/gfx/logo_uk_d.gif ) no-repeat; } .scheme_e #topen { background: url( http://fotomuseum.allcommunication.nl/gfx/logo_uk_e.gif ) no-repeat; } .scheme_f #topen { background: url( http://fotomuseum.allcommunication.nl/gfx/logo_uk_f.gif ) no-repeat; } .scheme_h #topen { background: url( http://fotomuseum.allcommunication.nl/gfx/logo_uk_h.gif ) no-repeat; } .scheme_i #topen { background: url( http://fotomuseum.allcommunication.nl/gfx/logo_uk_i.gif ) no-repeat; } .scheme_j #topen { background: url( http://fotomuseum.allcommunication.nl/gfx/logo_uk_j.gif ) no-repeat; } .scheme_k #topen { background: url( http://fotomuseum.allcommunication.nl/gfx/logo_uk_k.gif ) no-repeat; } .scheme_l #topen { background: url( http://fotomuseum.allcommunication.nl/gfx/logo_uk_l.gif ) no-repeat; } #topnl, #topen { display: block; width: 850px; height: 40px; background: url( http://fotomuseum.allcommunication.nl/gfx/logo.gif ) no-repeat; background-color: #FFFFFF; } #topmenuitems { float: right; margin: 10px 0px 0px 10px; font-size: 1.1em; letter-spacing: 0em; } #topmenuitems a { color: #000; margin: 0px 4px 0px 4px; } #topmenuitems a.printLink { background: url( http://fotomuseum.allcommunication.nl/gfx/printButton.gif ) no-repeat right; padding-top: 2px; padding-right: 24px; color: #000; } #topmenuitems .searchField { margin-left: 4px; font-size: 0.9em;} #topmenuitems .submit { margin: 0px; padding-right: 0px; } input.searchField { height: 18px; width: 80px; } /*---- menu and submenu ----*/ #menuContainer { width: 875px; display: block; height: 25px; padding-left: 25px; background-color: #FFFFFF; } * html #menuContainer { width: 900px; } #menu { display: block; width: 850px; margin:0px; height: 25px; } /*------ submenu settings ---------*/ #menusub { font-size: 1.1em; letter-spacing: 0.08em; } #menuitems { float: left; margin: 5px 0px 0px 10px; } #normal #menusub, #wide #menusub, #reversed.overzicht #menusub { display: block; height: 25px; color: #FFFFFF; border-left: solid 25px #FFFFFF; margin-right: 25px; } #menusub a, p { color: #FFFFFF; margin: 0px 4px;} #menusub a.selected { text-decoration: underline; } .scheme_a #menusub, .scheme_a .columnMenu { background-color: #232544; } .scheme_b #menusub, .scheme_b .columnMenu { background-color: #233233; } .scheme_c #menusub, .scheme_c .columnMenu { background-color: #2a3323; } .scheme_d #menusub, .scheme_d .columnMenu { background-color: #333223; } .scheme_e #menusub, .scheme_e .columnMenu { background-color: #332f23; } .scheme_f #menusub, .scheme_f .columnMenu { background-color: #2d2306; } .scheme_g #menusub, .scheme_g .columnMenu { background-color: #332c23; } .scheme_h #menusub, .scheme_h .columnMenu { background-color: #332923; } .scheme_i #menusub, .scheme_i .columnMenu { background-color: #332423; } .scheme_j #menusub, .scheme_j .columnMenu { background-color: #332331; } .scheme_k #menusub, .scheme_k .columnMenu { background-color: #2c2333; } .scheme_l #menusub, .scheme_l .columnMenu { background-color: #000000; } #reversed.default #menusub { display: block; height: 25px; color: #FFFFFF; margin-left: 25px; border-right: solid 25px white; } #nav { /* all lists */ z-index: 200; text-align: left; padding: 0; margin: 0; list-style: none; line-height: 1; overflow: hidden; } #nav a { display: block; cursor: hand; } #nav li { padding: 0px; float: left; height: 25px; overflow: hidden; } #nav a { margin: 0px; } /* --------------- NL navigatie -----------*/ #nav a.itemnl1 { width: 179px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item1_v1.gif ); } #nav a.itemnl2 { width: 152px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item2_v1.gif ); } #nav a.itemnl3 { width: 133px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item3_v1.gif ); } #nav a.itemnl4 { width: 66px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item4_v1.gif ); } #nav a.itemnl5 { width: 113px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item5_v1.gif ); } #nav a.itemnl6 { width: 90px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item6_v1.gif ); } #nav a.itemnl7 { width: 57px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item7_v1.gif ); } #nav a.itemnl1:hover { width: 179px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item1_v3.gif ); } #nav a.itemnl2:hover { width: 152px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item2_v3.gif ); } #nav a.itemnl3:hover { width: 133px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item3_v3.gif ); } #nav a.itemnl4:hover { width: 66px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item4_v3.gif ); } #nav a.itemnl5:hover { width: 113px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item5_v3.gif ); } #nav a.itemnl6:hover { width: 90px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item6_v3.gif ); } #nav a.itemnl7:hover { width: 57px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item7_v3.gif ); } #nav a.itemnl1selected { width: 179px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item1_v2.gif ); } #nav a.itemnl2selected { width: 152px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item2_v2.gif ); } #nav a.itemnl3selected { width: 133px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item3_v2.gif ); } #nav a.itemnl4selected { width: 66px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item4_v2.gif ); } #nav a.itemnl5selected { width: 113px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item5_v2.gif ); } #nav a.itemnl6selected { width: 90px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item6_v2.gif ); } #nav a.itemnl7selected { width: 57px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item7_v2.gif ); } #nav a.itemnl1 selected { background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item3_v3.gif ); } /* --------------- end NL navigatie -----------*/ /* --------------- EN navigatie -----------*/ #nav a.itemen1 { width: 116px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item1_en_v1.gif ); } #nav a.itemen2 { width: 170px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item2_en_v1.gif ); } #nav a.itemen3 { width: 182px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item3_en_v1.gif ); } #nav a.itemen4 { width: 60px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item4_en_v1.gif ); } #nav a.itemen5 { width: 100px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item5_en_v1.gif ); } #nav a.itemen6 { width: 92px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item6_en_v1.gif ); } #nav a.itemen7 { width: 70px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item7_en_v1.gif ); } #nav a.itemen1:hover { width: 116px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item1_en_v3.gif ); } #nav a.itemen2:hover { width: 170px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item2_en_v3.gif ); } #nav a.itemen3:hover { width: 182px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item3_en_v3.gif ); } #nav a.itemen4:hover { width: 60px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item4_en_v3.gif ); } #nav a.itemen5:hover { width: 100px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item5_en_v3.gif ); } #nav a.itemen6:hover { width: 92px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item6_en_v3.gif ); } #nav a.itemen7:hover { width: 70px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item7_en_v3.gif ); } #nav a.itemen1selected { width: 116px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item1_en_v2.gif ); } #nav a.itemen2selected { width: 170px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item2_en_v2.gif ); } #nav a.itemen3selected { width: 182px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item3_en_v2.gif ); } #nav a.itemen4selected { width: 60px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item4_en_v2.gif ); } #nav a.itemen5selected { width: 100px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item5_en_v2.gif ); } #nav a.itemen6selected { width: 92px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item6_en_v2.gif ); } #nav a.itemen7selected { width: 70px; height: 25px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item7_en_v2.gif ); } #nav a.itemen1 selected { background: url( http://fotomuseum.allcommunication.nl/gfx/nav_item3_en_v3.gif ); } /* --------------- end EN navigatie -----------*/ div.spacer {height: 25px;} .scheme_a div.spacer { background: #494c69; } .scheme_b div.spacer { background: #496669; } .scheme_c div.spacer { background: #586949; } .scheme_d div.spacer { background: #696849; } .scheme_e div.spacer { background: #696249; } .scheme_f div.spacer { background: #7a5e11; } .scheme_g div.spacer { background: #695c49; } .scheme_h div.spacer { background: #695549; } .scheme_i div.spacer { background: #694b49; } .scheme_j div.spacer { background: #694965; } .scheme_k div.spacer { background: #5b4969; } .scheme_l div.spacer { background: #cccccc; } #nav li.separator { width: 10px; padding: 0px; background: url( http://fotomuseum.allcommunication.nl/gfx/nav_separator.gif ); } /*--------------- contentframe -------*/ #contentFrame { display: block; margin: 0px auto; width: 850px; text-align: center; } #contentFrame span { text-align: left; } #contentFrame p{ font-size: 1.2em; } * html #contentFrame { margin-left: 25px; } /*---------------- layout columns -------*/ #columnWide { display: block; border-top: solid 25px #FFF; padding: 0px; width: 850px; } #columnWide h1 { display: block; color: #d1d1d1; height: 40px; font-size: 1.3em;} #columnWide h2 { color: #d1d1d1; font-size: 1.3em;} #columnRight { display: block; width: 425px; float: right; } #columnLeft { display: block; width: 425px; float: left; } #contentFrame #columnWideHigh { display: block; margin: 0px auto; width: 850px; text-align: center; background-color:#6b6c6d; } #reversed #columnRight { float: left; } #reversed #columnLeft { float: right; } /* #reversed.scheme_a #columnRight, #normal.scheme_a #columnLeft, .scheme_a #columnWide { border-top: solid 25px #494c69; } #reversed.scheme_b #columnRight, #normal.scheme_b #columnLeft, .scheme_b #columnWide { border-top: solid 25px #496669; } #reversed.scheme_c #columnRight, #normal.scheme_c #columnLeft, .scheme_c #columnWide { border-top: solid 25px #586949; } #reversed.scheme_d #columnRight, #normal.scheme_d #columnLeft, .scheme_d #columnWide { border-top: solid 25px #696849; } #reversed.scheme_e #columnRight, #normal.scheme_e #columnLeft, .scheme_e #columnWide { border-top: solid 25px #696249; } #reversed.scheme_f #columnRight, #normal.scheme_f #columnLeft, .scheme_f #columnWide { border-top: solid 25px #7a5e11; } #reversed.scheme_g #columnRight, #normal.scheme_g #columnLeft, .scheme_g #columnWide { border-top: solid 25px #695c49; } #reversed.scheme_h #columnRight, #normal.scheme_h #columnLeft, .scheme_h #columnWide { border-top: solid 25px #695549; } #reversed.scheme_i #columnRight, #normal.scheme_i #columnLeft, .scheme_i #columnWide { border-top: solid 25px #694b49; } #reversed.scheme_j #columnRight, #normal.scheme_j #columnLeft, .scheme_j #columnWide { border-top: solid 25px #694965; } #reversed.scheme_k #columnRight, #normal.scheme_k #columnLeft, .scheme_k #columnWide { border-top: solid 25px #5b4969; } #reversed.scheme_l #columnRight, #normal.scheme_l #columnLeft, .scheme_l #columnWide { border-top: solid 25px #cccccc; } */ #columnLeft { border-top-style: solid; border-top-width: 25px; } .scheme_a #columnRight, .scheme_a #columnLeft, .scheme_a #columnWide, .scheme_a .pressForm { border-color: #494c69; } .scheme_b #columnRight, .scheme_b #columnLeft, .scheme_b #columnWide, .scheme_b .pressForm { border-color: #496669; } .scheme_c #columnRight, .scheme_c #columnLeft, .scheme_c #columnWide, .scheme_c .pressForm { border-color: #586949; } .scheme_d #columnRight, .scheme_d #columnLeft, .scheme_d #columnWide, .scheme_d .pressForm { border-color: #696849; } .scheme_e #columnRight, .scheme_e #columnLeft, .scheme_e #columnWide, .scheme_e .pressForm { border-color: #696249; } .scheme_f #columnRight, .scheme_f #columnLeft, .scheme_f #columnWide, .scheme_f .pressForm { border-color: #7a5e11; } .scheme_g #columnRight, .scheme_g #columnLeft, .scheme_g #columnWide, .scheme_g .pressForm { border-color: #695c49; } .scheme_h #columnRight, .scheme_h #columnLeft, .scheme_h #columnWide, .scheme_h .pressForm { border-color: #695549; } .scheme_i #columnRight, .scheme_i #columnLeft, .scheme_i #columnWide, .scheme_i .pressForm { border-color: #694b49; } .scheme_j #columnRight, .scheme_j #columnLeft, .scheme_j #columnWide, .scheme_j .pressForm { border-color: #694965; } .scheme_k #columnRight, .scheme_k #columnLeft, .scheme_k #columnWide, .scheme_k .pressForm { border-color: #5b4969; } .scheme_l #columnRight, .scheme_l #columnLeft, .scheme_l #columnWide, .scheme_l .pressForm { border-color: #cccccc; } /*------------- display rows -----------*/ .scheme_a .itemRow, .scheme_a .columnMenu { border-bottom: solid 2px #494c69; } .scheme_b .itemRow, .scheme_b .columnMenu { border-bottom: solid 2px #496669; } .scheme_c .itemRow, .scheme_c .columnMenu { border-bottom: solid 2px #586949; } .scheme_d .itemRow, .scheme_d .columnMenu { border-bottom: solid 2px #696849; } .scheme_e .itemRow, .scheme_e .columnMenu { border-bottom: solid 2px #696249; } .scheme_f .itemRow, .scheme_f .columnMenu { border-bottom: solid 2px #7a5e11; } .scheme_g .itemRow, .scheme_g .columnMenu { border-bottom: solid 2px #695c49; } .scheme_h .itemRow, .scheme_h .columnMenu { border-bottom: solid 2px #695549; } .scheme_i .itemRow, .scheme_i .columnMenu { border-bottom: solid 2px #694b49; } .scheme_j .itemRow, .scheme_j .columnMenu { border-bottom: solid 2px #694965; } .scheme_k .itemRow, .scheme_k .columnMenu { border-bottom: solid 2px #5b4969; } .scheme_l .itemRow, .scheme_l .columnMenu { border-bottom: solid 2px #cccccc; } .columnMenu { display: block; height: 40px; } .backLink { float: right; display: block; margin: 15px 10px 0px 0px; font-size: 1.2em;} .columnMenuItems a { margin: 0px 4px 0px 4px; color: #999999; } .columnMenuItems a.selected { color: #FFF; } .columnMenuItems { display: block; padding: 15px 0px 0px 20px; float: none; font-size: 1.3em; font-weight: bold; color: #999999; } .columnMenuItems .label { color: #FFF; margin-right: 4px; } .itemRow { display: block; height: 183px; } input, textarea { font: normal normal 1.3em arial; } textarea { width: 400px; margin: 0px; height: 80px; } .shopForm .itemRow, .pressForm .itemRow { height: 40px; border-width: 0px; margin-top: 2px; width: 98%;} .shopForm p, .pressForm p { padding: 0px; margin: 0px 0px 2px 0px; } .shopForm .inputItem, .pressForm .inputItem { float: left; width: 195px; margin-left: 10px; } .shopForm .inputItemSmaller, .pressForm .inputItemSmaller { float: left; width: 137px; margin-left: 0px; } .shopForm .inputItemLarge input, .pressForm .inputItemLarge input, .pressForm .inputItemLarge { float: left; width: 300px; margin-left: 10px;} .shopForm .inputItemSmall input, .pressForm .inputItemSmall input { float: left; width: 90px; margin-left: 10px;} .shopForm .inputItemSmaller input, .pressForm .inputItemSmaller input { float: left; width: 125px; margin-left: 10px;} .shopForm .inputItemLarge p, .pressForm .inputItemLarge p { float: left; width: 300px; margin-left: 10px;} .shopForm .inputItemSmall p, .pressForm .inputItemSmall p { float: left; width: 90px; margin-left: 10px;} .shopForm .inputItemSmaller p, .pressForm .inputItemSmaller p { float: left; width: 125px; margin-left: 10px;} *html .shopForm .inputItemSmaller p { width: 110px; } .shopForm .inputItemFull, .pressForm .inputItemFull { float: left; width: 460px; margin-left: 10px;} .pressForm input.inputCheckBox { width: 20px; margin: 0px; padding: 0px; } .pressForm .checkBoxRow { display: block; height: 20px; } .shopForm input, .pressForm input { width: 100%; } .shopForm input.inputSubmit, .pressForm input.inputSubmit { font-size: 1em; font-weight: bold; height: 22px; display: block; } .inputItemLarge .checkBoxRow input { margin-top: 5px; } * html .inputItemLarge .checkBoxRow input { margin-top: 0px; } .pressForm .inputSubmit { margin-top: 5px; } .checkboxRow a { text-decoration: underline; } .fieldInfo { padding-left: 5px; position: relative; top: 5px; } .checkBox { display: block; } .imageInfo { display: block; } .imageInfo img { float: left; margin-right: 10px; } .imageInfo h3 { text-decoration: underline; margin-bottom: 2px;} .imageInfo p { margin: 0px; } .itemImage, .itemText, .pressForm, .shopForm { display: block; width: 425px; height: 183px; overflow: hidden; margin: 0px; padding: 0px; } .looseItem { display: block; width: 425px; overflow: hidden; margin: 0px; padding: 0px; } .shopForm { height: 183px; background-color: #6b6c6d; } .itemImage a img{ border:0px; } form { padding-top: 6px; } .bottomRow { display: block; height: 23px; padding-left: 20px; padding-right: 20px; padding-top: 4px; vertical-align: bottom; } .bottomRow .readmore, .bottomRow p { margin: 0px; margin-bottom:4px; line-height:1.3em; } .bottomRow .readmore { margin-top: 5px; } .topContent { display: block; height: 145px; overflow: hidden; } .loose { display: block; overflow: hidden; } .pressForm { height: 368px; background-color: #6b6c6d; border-top-style: solid; border-top-width: 25px; border-bottom-style: solid; border-bottom-width: 2px; } * html .pressForm { height: 393px; border-bottom-width: 0px; } #normal .pressForm, #normal .shopForm { float: right; } #reversed .pressForm, #reversed .shopForm { float: left; } #normal .itemImage { text-align: left; float: right; } #reversed .itemImage { text-align: right; float: left; } #normal .itemText { float: left; } #reversed .itemText { float: right; } .itemText p.byline { font-weight: bold; font-size: 1em; margin-top: 5px; } .itemText p.date { margin-top: 2px; font-weight: normal; font-size: 0.8em; color: #d1d1d1; } .itemText .readmore { bottom: 0px; } .itemText p { font-size: 0.8em; } #infoBoxContainer { display: block; margin: 20px 0px 0px 20px; width: 396px; height: 278px; background: url( http://fotomuseum.allcommunication.nl/gfx/infobox_bg.gif ) top left repeat-y; } #infoBox { width: 188px; margin-right: 5px; min-height: 200px; float: left; background-color: #000; } #infoBox h2 { color: #FFFFFF; font-size: 1.4em; margin-bottom: 15px; } #infoBox h3 { color: #FFFFFF; margin-bottom: 0px; font-size: 1.2em; } #infoBox .topContent { height: 200px } p { margin: 10px 20px 0px 20px; color: #d4d4d4; } h2 { margin: 20px 20px 0px 20px; } p.byline { font-size: 0.9em; margin: 2px 20px 10px 20px; color: #FFF; } p.lead { font-weight: bold; margin-top: 30px; } p.date { font-size: 0.9em; margin: 0px 20px 0px 20px; color: #FFF;} p.author, p.published { color: #FFF; margin-top: 0px; } p.info { color: #d1d1d1; margin-top: 2px; } p.price { float: right; font-weight: bold; font-size: 1em; margin-top: 5px;} a.readmore { display: block; margin: 40px 20px 0px 20px; color: #FFF; font-size: 1.1em;} a.bestellen { display: block; color: #FFF; float: left; border-left: solid 10px #FFF; padding-left: 5px; } #infoBox a.readmore { margin-top: 2px; } #infoBox p { letter-spacing: 0em; } #infoBox p.info { font-weight: normal; } h2.light { color: #FFFFFF; } #normal #columnRight, #reversed #columnLeft { color: #d6d6d6; margin-bottom: 20px; } #reversed #columnRight, #normal #columnLeft, #columnWide { color: #FFF; margin-bottom: 20px; } .searchForm {display: inline;} h2 { font-size: 1.4em; font-weight: normal; color: #d1d1d1; } h2.contentHeader { margin-bottom: 40px; } h3 { font-size: 1.2em; font-weight: bold; color: #FFF; margin: 10px 0px 0px 20px; } #columnRight div{ margin-top:10px; }