/*----------------------author-------------------------*/ /*-----------------LAWLESS & LOTSKI--------------------*/ /*----------------------made for--------------------------*/ /*-----------------HEINEKEN MUSIC HALL--------------------*/ HTML, BODY { background-color:#000000; background-image:url(img/layout/bg.jpg); background-repeat:repeat-x; background-position:top center; font-family:arial; font-size:12px; line-height:16px; color:#ffffff; margin:0px; width:100%;} body { height:100%; overflow-y:scroll;} a.nav { font-family:impact; font-size:18px; font-weight:bold; text-decoration:none; outline:none; text-transform:uppercase; cursor:pointer;} a.nav:link { color:#ffffff;} a.nav:hover { color:#c0c0c0;} a.taggy { font-family:Arial, Helvetica, sans-serif; font-size:12px; outline:none; color:#333333; text-decoration:underline; cursor:pointer;} a.taggy:hover {color:#c0c0c0; text-decoration:underline;} ul{ margin:0px; padding:0px; margin-left:13px; } li{ margin:0px; padding:0px; } /*SCROLL CONTENT*/ div#scrollpanel{ position:relative; } div#text-block{ width:180px; height:140px; overflow:hidden; float:left; margin-bottom:10px; } div#slide{ position:relative; width:11px; height:150px; float:left; margin-left:5px; } div#slide div#slider{ width:11px; height:25px; background-color:#000000; background-image:url(img/layout/bg_scroll.gif); position:absolute; left:0px; top:0px; cursor:pointer; overflow:hidden; } div#slide div#slidebar{ width:5px; height:140px; border-right:1px dotted #000000; } a { text-decoration:none; outline:none; cursor:pointer;} a:link { color:#ffffff;} a:visited { color:#ffffff;} a:hover { color:#000000; text-decoration:none;} #frame_container { position:absolute; width:100%;} #frame_content { position:relative; width:1000px; margin:auto;} #container { position:relative; width:100%; height:500px; background-color:#7a7a7a;} #logo { position:absolute; top:-115px; left:0px; width:398px; height:170px; background:url(img/layout/logo.png) no-repeat; z-index:2;} #top { position:relative; height:115px; background:url(img/layout/top_bg.jpg) no-repeat;} #nav { position:absolute; height:33px; background:url(img/layout/nav_bg.jpg) no-repeat; width:100%; padding-right:18px; padding-top:2px; z-index:1;} #nav #wrapper { position:relative; float:left; width:925px; padding-left:75px; height:25px; padding-top:6px; z-index:2; z-index:3;} #nav h1 { position:relative; float:left; display:inline; height:20px; border:1px solid #cc0000;} #content { position:relative; background-image:url(img/layout/content_bg.gif); background-repeat:repeat-x; background-color:#7a7a7a; min-height:600px; padding-left:25px; padding-right:25px; padding-bottom:0px; padding-top:60px; overflow:hidden;} #footer { position:relative; top:25px; height:225px; background:url(img/layout/footer_bg.png) no-repeat; padding:25px; font-size:11px;} #credits { position:relative; height:100px; margin-top:-25px;} #credits .heineken { position:absolute; top:5px; left:10px; border:none;} #credits .danceforlife { position:absolute; top:-18px; left:280px; border:none;} #credits .lawlesslotski { position:absolute; bottom:0px; right:0px; border:none; height: 72px; overflow: hidden;} #zoeken a { color:#000000;} #zoeken a:hover { color:#ffffff;} .zoeken_form { position:absolute; right:25px; top:6px; z-index:5;} .zoeken_veld { width:125px; height:20px; background:url(img/layout/zoeken_bg.jpg) no-repeat; padding:2px; border:none; color:#666666;} .zoeken_btn { position:absolute; top:0px; right:0px;} #bg_crowd { position:absolute; width:100%; min-width:1000px; height:100%; background:url(img/layout/bg_crowd.png) top center no-repeat;} .breadcrumb { position:relative; * line-height:50px;} #titlebar { position:relative; height:50px; width:950px; background:url(img/layout/titlebar.png) no-repeat; * margin-top:25px;} #titlebar h2 { position:relative; top:7px; left:10px;} #titlebar h1 { position:relative; float:right; right:25px; top:-55px; * margin-top:15px; margin-top:10px; z-index:8; text-align:left;} .titlebarBtnTopRight_300_40, .titlebarBtnTopRight_300_40_selected{ position: absolute; top: -90px; right: 25px; width: 300px; height: 40px; display: block; } .titlebarBtnTopRight_300_40:hover, .titlebarBtnTopRight_300_40_selected{opacity:.40; filter:alpha(opacity=40);} h1 { font-size:14px; font-weight:bold; color:#ffffff; height:32px; padding-left:4px; display:block; line-height:normal;} h2 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:30px; color:#ffffff; display:block; line-height:normal;} h4 { font-family:Arial, Helvetica, sans-serif; font-size:28px; font-weight:bold; color:#ff2934;display:block; line-height:normal;} #profiel_nav { position:absolute; left:694px; top:80px; text-align:right; width:500;} #profiel_nav a:hover {opacity:.40; filter:alpha(opacity=40);} #profiel_nav img { border:none;} #uitloggen a { position:absolute; display:block; width:90px; height:28px; right:20px; top:25px; background:url(img/layout/uitloggen_pas.png) no-repeat; cursor:pointer;} #uitloggen a:hover { background:url(img/layout/uitloggen_act.png) no-repeat;} #shadow_agenda{ position:relative; margin-bottom:0px; margin-top:0px; margin-left:0px; background-image:url(img/layout/shadow_agenda.gif); height:25px; width:950px; z-index:500;} #shadow_small_fotos{ position:relative; margin-bottom:0px; margin-top:25px; margin-left:0px; background-image:url(img/shadow_small.gif); height:25px; width:125px; z-index:500;} #shadow_small_extra{ position:relative; margin-bottom:-25px; margin-top:0px; margin-left:0px; background-image:url(img/shadow_small.gif); height:25px; width:125px; z-index:500;} /*-----------------NIEUWS--------------------*/ #nieuwscontainer { text-align:justify; position:relative; float:left; width:650px; padding-right:25px; line-height:22px; color:#000000; background:url(img/layout/agendaitem_darkdots_ver.png) top right repeat-y;} #nieuwscontainer div { margin-top:0px;} #nieuwscontainer div .tags { margin-bottom:-6px;} #nieuwscontainer_right { position:relative; float:left; width:200px; font-size:11px; padding-left:25px;} #nieuwscontainer_right h3 { margin-bottom:15px; margin-top:0px; color:#FFFFFF; display:block;} #nieuwscontainer_right .agenda_datum { position:relative; float:left; width:70px;} #nieuwscontainer_right .tags { color:#ededed;} a.agenda_overzicht { color:#000000; font-weight:bold; text-decoration:none; font-size:11px; cursor:pointer;} a.agenda_overzicht:hover { color:#000000; font-weight:bold; text-decoration:underline; font-size:11px;} /*-----------------NAVIGATIE EN MEER: NIEUWS & BACKSTAGE--------------------*/ .listitem { position:relative; width:650px; padding:0px; * margin-top:-3px; clear:both; color:#000000; z-index:5; cursor:pointer; padding-bottom:15px; border-bottom:1px dotted #000000;} .listitem a { text-decoration:none; cursor:pointer;} .aantalitems { width:650px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#FFFFFF; font-size:11px; text-align:center;} .top_navigatie{ width:650px; height:50px; line-height:25px; border-bottom:1px dotted #000000; text-align:center;} .top_nav_namen{ width:650px; height:50px; line-height:25px; position:relative; } .top_navigatie_agenda{ width:375px; height:50px; line-height:25px; border-bottom:1px dotted #000000; text-align:center; margin-bottom:25px;} .top_navigatie_mail{ width:675px; height:50px; line-height:25px; border-bottom:1px dotted #000000; text-align:center; margin-bottom:25px;} .top_navigatie_mail_send{ width:675px; height:50px; line-height:25px; border-bottom:1px dotted #000000; text-align:center; margin-top:25px;} .top_navigatie_mail_send_inbox{ width:625px; height:50px; line-height:25px; border-bottom:1px dotted #000000; text-align:center; margin-top:25px; margin-bottom:-25px;} .dotted_lijn{ height:0px; line-height:0px; border-bottom:1px dotted #000000; margin-bottom:20px; margin-top:20px;} .top_navigatie_content{ width:375px; height:50px; line-height:25px; border-bottom:1px dotted #000000; text-align:center; margin-bottom:25px;} .top_navigatie_artiesten{ width:375px; line-height:25px; border-bottom:1px dotted #000000; text-align:left; margin-bottom:25px; padding-bottom:20px;} .top_navigatie_artiesten_bottom{ width:375px; line-height:25px; text-align:left; margin-bottom:25px; padding-bottom:20px;} .top_navigatie_artiesten a{ color:#000000; font-weight:normal;} .top_navigatie_artiesten a:hover{ color:#000000; text-decoration:underline;} .blog_bottom_navigatie{ width:650px; height:50px; padding-top:40px; line-height:25px; text-align:center;} .blog_bottom_navigatie_tags { font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#333333; font-size:12px; position:relative; float:left; height:25px; width:525px; text-align:left; border-bottom:1px dotted #000000;} .nieuws_bottom_navigatie{ width:650px; height:25px; padding-top:25px; padding-bottom:15px; line-height:25px; text-align:center;} .item_titel { display:block; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:25px; padding-bottom:5px; margin-top:20px; line-height:50px; color:#000000; width: 490px;} .item_tweet { position:absolute; top:75px; right:0px; } .item_twitFacebook, .item_nieuws_twitFacebook { position:absolute; top:75px; right:0px; width: 400px; } .item_nieuws_twitFacebook{ right: 25px; } .item_twitFacebook div, .item_nieuws_twitFacebook div{ float: right; margin-left: 10px; } .datum {background-color:#ff2934; color:#ffffff; font-weight:bold; text-decoration:none; margin-right:5px;} a.aBtn { font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#FFFFFF; font-size:12px; position:relative; display:inline-block; height:19px; min-width:50px; padding:3px; padding-left:5px; padding-right:5px; margin-right:25px; background-color:#000000; white-space:nowrap; text-align:center;} a.aBtn:hover { background-color:#ff2934; } #nav_next_active .terug { font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#FFFFFF; font-size:12px; position:relative; float:right; display:inline-block; height:25px; width:150px; background-color:#ff2934;} #nav_next_active a { cursor:pointer; font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#FFFFFF; font-size:12px; position:relative; float:right; display:inline-block; height:25px; width:100px; background-color:#000000;} #nav_next_active a:hover { font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#ffffff; font-size:12px; position:relative; float:right; display:inline-block; height:25px; width:100px; background-color:#ff2934;} #nav_next_passive { font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#7d7d7d; font-size:12px; position:relative; float:right; display:inline-block; height:25px; width:100px; background-color:#6b6b6b;} #nav_prev_active a { cursor:pointer; font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#FFFFFF; font-size:12px; position:relative; float:left; display:inline-block; height:25px; width:100px; background-color:#000000;} #nav_prev_active a:hover { font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#ffffff; font-size:12px; position:relative; float:left; display:inline-block; height:25px; width:100px; background-color:#ff2934;} #nav_prev_passive { font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#7d7d7d; font-size:12px; position:relative; float:left; display:inline-block; height:25px; width:100px; background-color:#6b6b6b;} #nav_leesmeer a { cursor:pointer; font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#FFFFFF; font-size:12px; position:relative; float:right; display:inline-block; height:25px; width:100px; background-color:#000000;} #nav_leesmeer a:hover { font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#FFFFFF; font-size:12px; position:relative; float:right; display:inline-block; height:25px; width:100px; background-color:#ff2934;} /*-----------------BACKSTAGE--------------------*/ #backstage_container { position:relative; margin-bottom:60px; padding:25px; background:url(img/layout/container_bg.gif) top left repeat-x; background-color:#a7a7a7; color:#FFFFFF; font-size:11px;} #backstageitem_bottom {position:absolute; bottom:0px; left:25px; height:23px; width:800px; background:url(img/layout/agendaitem_bottom.png) no-repeat; padding:6px 45px;} #backstageitem_bottom .share {position:absolute; right:-2px; bottom:12px; border:none;} .shareTop {position:absolute; left:-5px; top:12px; border:none;} #backstage_left { position:relative; float:left; width:675px; margin-right:25px; margin-bottom:50px; background:url(img/layout/agendaitem_darkdots_ver.png) top right repeat-y;} #backstage_left .blog { position:relative; width:650px; line-height:22px; color:#000000; border-bottom:1px dotted #333333;} #backstage_left .blog_klik { position:relative; width:650px; line-height:22px; color:#000000; font-size: 12px;} #backstage_left .blog div { margin-top:0px; margin-bottom:3px; color:#666666;} #backstage_left .blog div .tags { margin-bottom:-6px;} #backstage_left .blog .meer { position:relative; float:left; border:none;} #backstage_left .blog .reacties { position:relative; float:right; top:-27px; width:146px; height:31px; background:url(img/blog_reacties.png) no-repeat;} #backstage_left .blog .reacties div { position:relative; top:-25px; width:31px; height:17px; font-weight:bold; color:#000000; padding:0px; text-align:center;} #backstage_right { position:relative; float:left; width:200px; font-size:11px;} #backstage_right h3 {margin-bottom:15px; margin-top:15px; color:#FFFFFF; display:block; font-size:14px;} #backstage_right .agenda_datum { position:relative; float:left; width:70px;} #backstage_right .agenda_overzicht { color:#000000; font-weight:bold;} #backstage_right .tags { color:#ededed;} #footer span { text-transform:uppercase; font-weight:bold; color:#b1b1b1;} #footer_left a { cursor:pointer; position:relative; display:block; color:#b1b1b1;} #footer_left a:hover { color:#ededed;} #footer_left_top { position:relative; float:left; width:225px; height:125px; * height:100px;} #footer_left_bottom { position:relative; float:left; width:225px;} #footer_right { position:absolute; left:705px; top:25px;} #footer_right span { position:relative; margin-bottom:10px; display:block;} #footer_right img { border:none; margin-right:10px;} #footer_right div{ position:absolute; top:0px; left:0px; z-index:2; width:200px; } #footer_right .wwjk{ position:absolute; top:52px; left:148px; z-index:1; } #footer_right .zntdb{ position:absolute; top:125px; left:0px; z-index:2; } #footer_left a.nrml{ float:left; width:75px; } .noborder { border:none;} #clearboth, .clearboth { clear:both;} #floatleft { position:relative; float:left;} #floatright { position:relative; float:right;} /*---------------ZAKELIJK------------------*/ #zakelijk_header { position:relative; float:left; width:650px; height:325px; margin-right:25px; overflow: hidden; background-image: url(img/zakelijk_header_bg.jpg);} #zakelijk_header .prev, #zakelijk_header .next{ position: absolute; top: 140px; width: 45px; height: 45px; background-image: url(img/zakelijk_header_btns.png); z-index: 20; cursor: pointer; } #zakelijk_header .prev{ background-position: 0px 0px; left: 25px; } #zakelijk_header .next{ background-position: -45px 0px; right: 25px; } #zakelijk_header .prev:hover, #zakelijk_header .next:hover{ opacity:0.4; filter:alpha(opacity=40); } #zakelijk_header .item{ position: absolute; top: 10px; left: 10px; width: 630px; height: 305px; display: block; z-index: 5; display: none; } #zakelijk_header .item img{ opacity:0; filter:alpha(opacity=0); } #zakelijk_header .tekst, #zakelijk_header .tekstBg { position: absolute; bottom: 15px; left: 15px; width:580px; color: #ffffff; z-index:11; padding:10px; height:30px; font-family:Arial,Helvetica,sans-serif; font-size: 22px; text-align:left; line-height:30px; } #zakelijk_header .tekst b{ color:#ff2934; font-weight:normal; } #zakelijk_header .tekstBg { background-color: #000000; opacity:0.6; filter:alpha(opacity=60); z-index: 10; } #zakelijk_header .tekstBg div { opacity:0; filter:alpha(opacity=0); } #zakelijk_header_holder { position: absolute; top: 0px; left: 675px; z-index: 0; } #zakelijk_header_holder div, #home_top_left_holder a{ display: block; position: absolute; top: 0px; left: 0px; width: 675px; height: 375px; background-repeat:no-repeat; background-position:50% 25%; } #zakelijk_header_holder a:hover{ opacity:0.6; filter:alpha(opacity=60); } #zakelijk_header_holder div span, #zakelijk_header_holder a span{ display: block; position: absolute; top: 5px; right: 5px; background-color: #000000; padding: 0px 3px 0px 3px; color: #ffffff;} .zakelijk_case_show{ position: relative; display: block; width: 650px; height: 325px; background-repeat: no-repeat;} .zakelijk_case_show img{ opacity:0; filter:alpha(opacity=0); } .zakelijk_case_show .tekst, .zakelijk_case_show .tekstBg { position: absolute; bottom: 25px; left: 25px; width:580px; color: #ffffff; z-index:11; padding:10px; height:30px; font-family:Arial,Helvetica,sans-serif; font-size: 22px; text-align:left; line-height:30px; } .zakelijk_case_show .tekst b{ color:#ff2934; font-weight:normal; } .zakelijk_case_show .tekstBg { background-color: #000000; opacity:0.6; filter:alpha(opacity=60); z-index: 10; } .zakelijk_case_show .tekstBg div { opacity:0; filter:alpha(opacity=0); } .zakelijk_blok{ position: relative; float: left; width: 315px; height: 525px; margin-left: 20px; background-image: url(img/zakelijk_blok_bg.jpg); } .zakelijk_blok:first-child{ margin-left: 0px; } .zakelijk_blok .titel{ position: absolute; top: 20px; left: 25px; width: 275px; height: 35px; font-size: 18px; color: #000000; line-height: 18px; text-align: left; } .zakelijk_blok .img{ position: absolute; top: 69px; left: 7px; width: 301px; height: 175px; background-color: #333333; background-repeat: no-repeat;} .zakelijk_blok .img img{ display:none; opacity:0.0; filter:alpha(opacity=0); } .zakelijk_blok .tekst{ position: absolute; top: 270px; left: 25px; width: 275px; font-size: 13px; color: #000000; line-height: 15px; text-align: left; } .zakelijk_blok .links{ position: absolute; bottom: 22px; left: 25px; width: 275px;} .zakelijk_blok .links a, .zakelijk_blok .links span{ display: block; float: left; width: 137px; height: 22px; font-size: 13px; line-height: 25px; margin: 0px; color: #000000; text-decoration: underline; } .zakelijk_blok .links a:hover{ opacity:0.6; filter:alpha(opacity=60); } .zakelijk_blok .meerinfo { position:absolute; bottom: -5px; right: 20px; display: block; width: 115px; height: 25px; padding-left: 5px; background-color: #ff2934; background-image: url(img/zakelijk_arrow.png); background-repeat: no-repeat; background-position: 105px 50%; font-size: 13px; color: #ffffff; line-height: 25px; text-align: left; } .zakelijk_blok .meerinfo:hover{ background-color: #fb5059; } /*-----------------HOME--------------------*/ #home_top { position:relative; height:375px; margin-bottom:25px;} #home_top_left { position:relative; float:left; width:673px; height:373px; margin-right:25px; overflow: hidden;} #home_top_left_tekst, #home_top_left_tekstBg, #home_top_left_tekstBg_z, #home_top_left_tekstBg_r { position: absolute; bottom: 0px; left: 0px; width:675px; z-index: 2; /*padding: 20px;*/ height: 44px; font-family: Arial,Helvetica,sans-serif; font-weight: bold; font-size: 14px; text-transform: uppercase; text-align: center; display: none; line-height: 44px; } #home_top_left_tekstBg { background-color: #141414; opacity:0.8; filter:alpha(opacity=80); z-index: 1; } #home_top_left_tekstBg_z { background-color: #141414; opacity:0.8; filter:alpha(opacity=80); z-index: 1; } #home_top_left_tekstBg_r { background-color: #ff2934; opacity:0.8; filter:alpha(opacity=80); z-index: 1; } #home_top_left_tekstBg div { opacity:0; filter:alpha(opacity=0); } #home_top_left_holder { position: absolute; top: 0px; left: 675px; z-index: 0; } #home_top_left_holder div, #home_top_left_holder a{ display: block; position: absolute; top: 0px; left: 0px; width: 675px; height: 375px; background-repeat:no-repeat; background-position:50% 25%; } #home_top_left_holder a:hover{ opacity:0.6; filter:alpha(opacity=60); } #home_top_left_holder div span, #home_top_left_holder a span{ display: block; position: absolute; top: 5px; right: 5px; background-color: #000000; padding: 0px 3px 0px 3px; color: #ffffff;} #home_top_left_c_tl, #home_top_left_c_tr, #home_top_left_c_br{ position: absolute; width: 4px; height: 4px; z-index: 20; background-position: 0px 0px; background-repeat: no-repeat;} #home_top_left_c_tl{ top: 0px; left: 0px; background-image: url(img/home_header_corner_tl.png);} #home_top_left_c_tr{ top: 0px; right: 0px; background-image: url(img/home_header_corner_tr.png);} #home_top_left_c_br{ bottom: 0px; right: 0px; background-image: url(img/home_header_corner_br.png);} #home_left { position:relative; float:left; width:125px; margin-right:25px;} #home_left img { border:none;} #home_left_gallery { position:relative; width:125px; height:375px; background-image:url(img/layout/home_gallery.png); margin-top:25px; margin-bottom:-25px; text-align:center;} #home_left_gallery .titel { position:relative; top:5px; margin-left:3px; margin-bottom:0px;} #home_left_gallery a { cursor:pointer; position:relative; display:block; width:75px; height:75px; background-repeat:no-repeat; background-position:50% 50%; margin:25px; margin-bottom:0px;} #home_left_gallery a:hover { opacity:0.4; filter:alpha(opacity=40); } #home_left_gallery .doorlink { position:absolute; display:block; width:125px; height:20px; text-align:left; top:325px; left:-10px; white-space:nowrap; cursor:pointer;} #home_left_gallery .doorlink:hover { color:#666666; } #home_right { position:relative; float:left; width:800px;} #home_top_right { position:relative; float:left; width:250px;} #home_top_right img { border:none; margin-bottom:25px;} #home_top_right .titel { position:relative; float:left; color:#ff2934; font-size:10px; text-transform:uppercase; font-weight:bold;} #home_top_right span { position:relative; float:right; color:#969696; font-size:10px; text-transform:uppercase; font-weight:bold;} #home_agenda_swf { position:relative; width:950px; height:375px; background:url(img/layout/home_agenda_bg.png) no-repeat;} #home_agenda_swf h1 { position:absolute; top:7px; * top:20px; left:21px; * left:20px; } #home_agenda_swf h2 { position:absolute; top:-15px; * top:10px; left:175px; z-index:500; } #home_top_right .vlakInfo{ /*position: absolute; top: 0px; left: 0px;*/ position: relative; width: 210px; height: 148px; background-image: url(img/home_zaklijk_vlak.png); background-repeat: no-repeat; position: 0px 0px; padding: 70px 20px 0px 20px; color: #ffffff; margin-bottom: 12px; } #home_top_right .vlakInfo a{ text-decoration: underline; } #home_top_right .vlakInfo a:hover{ color:#ff382b; } #home_top_right .vlakInfo .titel{ position: absolute; left: 0px; top: 0px; width: 250px; height: 50px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#FFFFFF; font-size: 15px; font-weight: bold; text-align: center; line-height: 50px; text-transform: uppercase; } #home_top_right .vlakInfo .links{ position: absolute; bottom: 13px; left: 20px; } #home_top_right .vlakInfo .links a{ position: relative; display: block; margin-top: 5px; text-decoration: underline; } #home_top_right .vlakInfo .links a:first-child{ margin-top: 0px; } #home_top_right .vlakInfo .links a:hover{ color:#ff382b; } .btn_meer_info{ position: relative; display: block; width: 68px; height: 11px; margin-right: 10px; padding-right: 8px; } .btn_meer_info b{ position: absolute; top: 0px; left: 0px; display: block; width: 68px; height: 11px; background-image: url(img/btn_meer_info.png); background-repeat: no-repeat; background-position: 0px 0px; } .btn_meer_info .arrow{ position: absolute; top: 0px; right: -10px; width: 10px; height: 11px; background-image: url(img/btn_meer_info.png); background-repeat: no-repeat; background-position: -76px 0px; } .btn_meer_info .click{ position: absolute; top: 0px; left: 0px; width: 88px; height: 11px; z-index: 10; } #home_top_right .vlakInfo .btn_meer_info{ position: absolute; top: 190px; left: 150px; color: #000000; } #home_top_right .btnBlackFade{ display: block; position: relative; width: 250px; height: 45px; background-image: url(img/home_btns_topright_bg.png); margin-top: 5px; } #home_top_right .btnBlackFade:first-child{ margin-top: 0px; } #home_top_right .btnBlackFade .click{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10; } #home_top_right .btnBlackFade b{ font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-weight: bold; color:#FFFFFF; font-size: 18px; line-height: 45px; text-transform: uppercase; padding-left: 15px; } #home_top_right .btnBlackFade u{ display: block; width: 150px; height: 24px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#FFFFFF; font-size: 11px; line-height: 12px; text-transform: uppercase; padding: 11px 0px 11px 15px; } #home_top_right .btnBlackFade .arrow{ position: absolute; top: 14px; right: 20px; width: 15px; height: 16px; background-image: url(img/home_btns_topright_arrow.png); background-repeat: no-repeat; background-position: 0px 0px; } #home_top_right .btnBlackFade .onsale{ position: absolute; top: 0px; right: 20px; width: 65px; height: 45px; background-image: url(img/home_btns_topright_onsale.png); } #home_highlight {position:relative; float:left; width:250px; height:400px; background:url(img/layout/home_highlight.png) no-repeat;} #home_highlight .datum {position:relative; margin-top:5px; margin-right:0px; text-align: center;} #home_highlight .datum span { color:#FF1313; } #home_highlight .pic {position:relative; margin-top:-22px; * margin-top:-27px; width:250px; height:175px; background-repeat:no-repeat; background-position:50% 50%;} #home_highlight .picoverlay {position:absolute; top:25px; left:0px; z-index:1; border:none;} #home_highlight .titel {position:relative; margin-top:10px; margin-left:10px; font-size:13px;} #home_highlight .text {position:absolute; padding-right:10px; top:255px; left:12px;} #home_highlight .tags {position:absolute; padding-right:10px; top:345px; left:60px;} #home_highlight a {cursor:pointer; color:#ffffff; } #home_highlight a:hover {text-decoration:none;} /*-----------------ARTIESTEN--------------------*/ #home_topartiesten { position:relative; width:800px; height:300px; background:url(img/layout/home_topartiesten.png) no-repeat; font-size:11px; top:-24px; * top:0px;} #home_topartiesten h2 { position:relative; top:10px; left:21px;} #home_topartiesten h1 { position:relative; margin-top:18px; * margin-top:10px; margin-bottom:12px; * margin-bottom:-10px; margin-left:0rpx;} #home_topartiesten .az { position:relative; margin-top:-5px; * margin-top:14px; border:none;} #home_topartiesten_left { position:relative; float:left; width:250px; margin:8px 25px; * margin:20px 25px;} #home_topartiesten_left a { cursor:pointer; color:#000000;} #home_topartiesten_left a:hover { color:#000000; text-decoration:underline;} #home_topartiesten_left span { position:relative;} #home_topartiesten span { position:relative; top:11px; margin-bottom:11px; * margin-bottom:9px; color:#ff2934; display:block;} .home_topartiesten_veld { position:relative; float:left; height:26px; width:131px; margin-right:10px; padding:14px; padding-bottom:0px; background:url(img/layout/zoeken_veld.jpg); border:none;} .home_topartiesten_btn { position:relative; float:left; height:41px; width:80px; background-color:#ff2934; border:none; color:#ffffff; font-size:14px; text-transform:uppercase; font-weight:bold;} #home_topartiesten_right { position:relative; float:right; text-align:center; padding-top:30px;} #home_topartiesten_right #item { position:relative; float:left; width:75px; margin-right:25px;} #home_topartiesten_right #item:hover { opacity:0.4; filter:alpha(opacity=40); } #home_topartiesten_right img { border:none; margin-bottom:-1px; * margin-bottom:2px;} #varcontent_container { position:relative; width:900px; padding:25px; background:url(img/layout/container_bg.gif) top left repeat-x #a7a7a7; color:#000000; margin-bottom:0px; min-height:300px;} #varcontent_container.blackStyle{ background-image:none; background-color:#161616; color: #ffffff; font-size: 13px; line-height: 22px; min-height:650px; } #varcontent_container.blackStyle a{ color:#ee3a43; } #varcontent_container.blackStyle a:hover{ text-decoration: underline; } #varcontent_container.blackStyle .zakelijk_blok .links a{ color:#000000; } #varcontent_container.blackStyle .zakelijk_blok .meerinfo{ color:#ffffff; } #varcontent_right.blackStyle a:hover{ text-decoration: none; } .blackStyle #nav_next_active a { color:#ffffff; background-color:#ff2934; text-decoration: none;} .blackStyle #nav_next_active a:hover { color:#ffffff; background-color:#ff2934; text-decoration: none; opacity:.50; filter:alpha(opacity=50);} .blackStyle #nav_next_passive { color:#ffffff; background-color:#ff2934; text-decoration: none; opacity:.20; filter:alpha(opacity=20);} .blackStyle #nav_prev_active a { color:#ffffff; background-color:#ff2934; text-decoration: none;} .blackStyle #nav_prev_active a:hover { color:#ffffff; background-color:#ff2934; text-decoration: none; opacity:.50; filter:alpha(opacity=50);} .blackStyle #nav_prev_passive { color:#ffffff; background-color:#ff2934; text-decoration: none; opacity:.20; filter:alpha(opacity=20);} #varcontent_container_profiel { position:relative; width:900px; padding:25px; background:url(img/layout/container_bg.gif) top left repeat-x #a7a7a7; color:#000000; padding-bottom:75px; margin-bottom:-25px; min-height:200px; * margin-bottom:0px;} #varcontent_left { position:relative; float:left; width:250px; margin-right:25px;} #varcontent_center { position:relative; float:left; width:375px; min-height:350px; margin-bottom:0px; padding-right:25px; text-align:justify;} #varcontent_center h1 {margin: 0 0 -15px 0; padding-left: 0px;} #varcontent_right { position:relative; float:right; width:200px; padding-left:25px; line-height:20px; background:url(img/layout/agendaitem_darkdots_ver.png) top left repeat-y;} #varcontent_right.blackStyle{ background: none; border-left: 1px #2d2d2d solid; width:199px;} #varcontent_right h3 { margin-bottom:15px; margin-top:0px; color:#FFFFFF; display:block; font-size:14px;} #varcontent_right .linkje { position:relative; display:block; margin:0px 0px; color:#ffffff; cursor:pointer;} #varcontent_right .linkje:hover { position:relative; display:block; margin:0px 0px; color:#000000; cursor:pointer;} #varcontent_right.blackStyle a{ color:#ffffff; } #varcontent_right.blackStyle a:hover{ color:#ff2934; } #varcontent_right.blackStyle .linkje { color:#ffffff; } #varcontent_right.blackStyle .linkje:hover { color:#ff2934;} .breadcrumbs a{ color:#ffffff; } .breadcrumbs a:hover{ color:#ff2934; } #varcontent_right img { position:relative; margin:5px 0px;} #backstage_right2 { position:relative; line-height:20px; font-size:12px;} #backstage_right2 h3 { margin-bottom:15px; margin-top:15px; color:#FFFFFF; display:block;} #backstage_right2 .linkje { position:relative; display:block; margin:0px 0px; color:#ffffff; cursor:pointer;} #backstage_right2 .linkje:hover { position:relative; display:block; margin:0px 0px; color:#000000; cursor:pointer;} #backstage_right2 img { position:relative; margin:5px 0px;} #gallery_container { position:relative; padding:25px 25px 0px 0px; background:url(img/layout/container_bg.gif) top left repeat-x #a7a7a7; color:#000000; min-height:450px; padding-bottom:75px; } #agenda_container { position:relative; padding:25px; background:url(img/layout/container_bg.gif) top left repeat-x #a7a7a7; color:#000000; padding-bottom:75px; margin-bottom:-25px; * margin-bottom:0px;} #agenda_container img { border:none;} #agenda_container ul { list-style-type:none; margin:0px; padding:0px;} #agenda_container ul a { cursor:pointer; color:#000000;} #agenda_container ul .pijlen { opacity:.70; filter:alpha(opacity=70);} #agenda_container ul .pijlen:hover { opacity:1; filter:alpha(opacity=100);} #agenda_container .dropdown {position:absolute; top:-20px; left:-840px; cursor:pointer; width:825px; height:25px; text-align:center; color:#ffffff; background-color:#000000; padding-top:10px; font-size:10px; } #agenda_container .dropdown img { position:absolute; bottom:-12px; margin-left:-10px;} #agenda_container .dropdown a { cursor:pointer; position:relative; margin-bottom:10px; color:#ffffff; font-size:11px;} #agenda_container .dropdown a:hover { position:relative; margin-bottom:10px; color:#ff2934; font-size:11px;} .dropdown_genre{position:absolute; top:-20px; left:-15px; cursor:pointer; width:95px; height:25px; text-align:center; color:#ffffff; background-color:#333333; padding-top:10px; font-size:12px;} .dropdown_genre:hover{position:absolute; cursor:pointer; color:#ffffff; background-color:#ff2934;} .dropdown_genre_aan{position:absolute; top:-20px; left:-15px; cursor:pointer; width:95px; height:25px; text-align:center; color:#ffffff; background-color:#333333; padding-top:10px; font-size:12px;} .dropdown_genre_aan:hover{color:#ffffff; background-color:#ff2934; padding-top:10px; font-size:12px;} .agenda_listitem, .agenda_listitemNoneHover { position:relative; display:block; width:875px; height:17px; border-bottom:1px dotted #333333; padding:10px; * margin-top:-3px; clear:both; color:#000000; z-index:5; cursor:pointer;} .agenda_listitemNoneHover { cursor: default;} .agenda_listitem:hover { background-color:#ff2934; color:#ffffff; text-decoration:none; z-index:0;} .agenda_listitem a { text-decoration:none;} .agenda_listitem_jaar{ position:relative; display:block; width:875px; height:17px; border-bottom:1px dotted #333333; padding:10px; * margin-top:-3px; clear:both; color:#000000; z-index:5; font-size:20px; font-weight:bold; } #agenda_day { position:relative; float:left; font-size:15px; font-weight:bold; color:#ffffff; width:25px; text-align:right; margin-right:10px;} #agenda_dag { position:relative; float:left; display:block; font-size:15px; color:#ffffff; font-weight:bold; width:25px;} .agenda_listitemNoneHover #agenda_dag { color: #000000; font-size: 20px; } #agenda_maand { position:relative; float:left; font-size:15px; font-weight:bold; color:#ffffff; width:60px;} #agenda_titel { position:relative; float:left; font-size:15px; font-weight:bold; width:450px;} #agenda_titel .verkoopstatus { margin:0px; pdding:0px; color:#ff2934; font-size:12px;} #agenda_genre { position:absolute; font-size:15px; font-size:11px; right:110px; color:#ffffff; text-align:right; z-index:99;} #agenda_meer { position:absolute; font-size:15px; font-size:11px; right:10px; width:80px; text-align:right;} #agenda_left_img { overflow:hidden; position:relative; width:250px; height:175px; background-repeat:no-repeat; background-position:50% 50%; background-color:#000000; } #agenda_left_img img{ opacity:.0; filter:alpha(opacity=0); } .artiesten_listitem { position:relative; float:left; display:block; width:350px; height:17px; border-bottom:1px dotted #333333; padding:10px; * margin-top:-3px; color:#000000; z-index:5; cursor:pointer;} .artiesten_listitem:hover { background-color:#ff2934; color:#ffffff; text-decoration:none; z-index:0;} .artiesten_listitem a { text-decoration:none;} #artiesten_left_img { position:relative; width:250px; height:175px;} #artiesten_left_img img{ opacity:.0; filter:alpha(opacity=0); } #artiesten_naam { position:relative; float:left; display:block; font-size:15px; color:#ffffff; font-weight:bold;} #artiesten_genre { position:relative; float:right; display:block; font-size:15px; color:#ffffff; font-weight:bold;} #printlink{ display:block; height:25px; margin-top:25px; line-height:25px; border-bottom:1px dotted #000000; border-top:1px dotted #000000; text-align:right; background-image:url(img/printer.png); background-repeat:no-repeat; background-position:right;} #printlink a{ cursor:pointer;display:block;height:20px;cursor:pointer; margin-right:25px;} #home_foto{border:0px; background-color:#000000;} #home_foto img{border:0px; background-color:#000000;} #home_foto:hover{border:0px;opacity:.70; filter:alpha(opacity=70);} /*-----------------AGENDA--------------------*/ #agendaitem_container {position:relative; padding:25px; background:url(img/layout/container_bg.gif) top left repeat-x #a7a7a7; color:#000000; padding-bottom:75px; margin-bottom:-25px; * margin-bottom:0px;} #agendaitem_left {position:relative; float:left; width:250px; margin-right:25px;} #agendaitem_left h1 { font-size:14px; font-weight:bold; color:#ffffff; height:15px; margin-left:-5px;} #agendaitem_left .picsubs {margin-top:-25px; margin-bottom:10px; * margin-bottom:0px;} #agendaitem_left a { cursor:pointer;position:relative; display:block; line-height:50px; text-align:right; font-weight:bold; padding-right:50px; * margin-bottom:-8px; color:#000000;} #agendaitem_left a:hover {position:relative; display:block; line-height:50px; text-align:right; font-weight:bold; padding-right:50px; * margin-bottom:-8px; color:#ffffff;} #agendaitem_left a.extra {position:relative; display:block; line-height:50px; text-align:left; font-weight:normal; padding-right:50px; * margin-bottom:-8px; color:#000000;} #agendaitem_left a.extra:hover {position:relative; display:block; line-height:50px; text-align:left; font-weight:normal; padding-right:50px; * margin-bottom:-8px; color:#ffffff;} #agendaitem_left a.nrml {position:relative; display:block; line-height:20px; text-align:left; font-weight:normal; padding-right:50px; * margin-bottom:-8px; color:#000000;} #agendaitem_left a.nrml:hover {position:relative; display:block; line-height:20px; text-align:left; font-weight:normal; padding-right:50px; * margin-bottom:-8px; color:#ffffff;} #agendaitem_left a img { position:absolute; top:11px; right:5px; * top:-6px; border:none;} #agendaitem_left_extra { position:absolute; left:25px; top:325px;} #agendaitem_center { position:relative; float:left; width:375px; padding-right:25px; text-align:justify;} #word_vrienden_normal{ position:relative; width:120px; overflow:hidden; } #word_vrienden_normal a { cursor:pointer;position:relative; display:block; text-align:left; font-weight:bold; * margin-bottom:-8px; color:#000000;} #word_vrienden_normal a:hover {position:relative; display:block; text-align:left; font-weight:bold; * margin-bottom:-8px; color:#ffffff;} #word_vrienden_normal a img { position:absolute; top:-6px; right:-5px; * top:-6px; border:none;} #contentitem_center {position:relative; float:left; width:375px; padding-right:25px; border-bottom:1px dotted #000000; } #agendaitem_right {position:relative; float:left; width:200px; padding-left:25px; font-size:12px; * margin-top:10px; top:-15px;} #agendaitem_right .titel {color:#ffffff; margin-right:5px;} #agendaitem_right .bestel {position:relative; display:block; line-height:50px; text-align:right; padding-right:20px; font-weight:bold; * margin-bottom:-8px; color:#000000; text-decoration:underline;} #agendaitem_right .bestel img {position:absolute; top:11px; left:5px; * top:-8px; border:none;} #agendaitem_right h3 { margin-bottom:15px; margin-top:15px; * margin-top:25px; color:#FFFFFF; display:block;} #agendaitem_right .agenda_datum {position:relative; float:left; width:70px;} #agendaitem_right .agenda_link {position:relative; float:left; width:130px;} #agendaitem_right .agenda_overzicht { color:#000000; font-weight:bold;} #agendaitem_bottom {position:absolute; bottom:0px; left:25px; height:23px; width:800px; background:url(img/layout/agendaitem_bottom.png) no-repeat; padding:6px 45px;} #agendaitem_bottom .share {position:absolute; right:-2px; bottom:12px; border:none;} #doorlink{position:absolute; right:5px; margin-top:-20px; font-size:10px; background-color:#ff2934; color:#FFFFFF; width:100px; padding-left:5px; text-align:center;} .artiest_listitem { float:left; display:block; position: relative; width:790px; height:17px;border-bottom:1px dotted #333333; padding:10px; * margin-top:-3px; color:#000000; z-index:5; cursor:pointer;} .artiest_listitem:hover { background-color:#ff2934; color:#ffffff; text-decoration:none; z-index:6;} .artiest_listitem:hover .img{ top: -39px; height: 113px; background-position: 0px 0px; border: 1px #ff2934 solid;} .artiest_listitem .img{ position: absolute; top: 0px; right: 30px; width: 113px; height: 37px; background-repeat: no-repeat; background-position: 0px -38px; border-left: 1px #000000 dotted; border-right: 1px #000000 dotted; } .artiest_listitem a { cursor:pointer; text-decoration:none;} .artiest_listitem2 { position:relative; float:left; display:block; width:790px; height:17px; border-bottom:1px dotted #333333; padding:10px; * margin-top:-3px; color:#ffffff; z-index:5; cursor:pointer; background-color:#ff2934;} .artiest_listitem2:hover { color:#000000; text-decoration:none; z-index:0;} .artiest_listitem2 a { cursor:pointer; text-decoration:none;} .artiest_listitem_del { position:relative; float:left; display:block; width:75px; height:17px; border-bottom:1px dotted #333333; padding:10px; padding-left:0px; padding-right:0px; text-align:center; * margin-top:-3px; color:#000000; z-index:5; cursor:pointer;} .artiest_listitem_del:hover { background-color:#ff2934; color:#ffffff; text-decoration:none; z-index:0;} .artiest_listitem_del a { cursor:pointer; text-decoration:none;} #artiest_listitem_titel { position:relative; float:left; font-size:14px; font-weight:bold; width:450px; line-height:normal; * margin-top:0px;} #artiest_listitem_titel_archief { position:relative; float:left; font-size:12px; font-weight:normal; width:450px;} .artiest_listitem_naam { position:relative; float:left; display:block; width:300px; height:17px;border-bottom:1px dotted #333333; padding:10px; * margin-top:-3px; color:#000000; z-index:5; cursor:pointer;} .artiest_listitem_naam:hover { background-color:#ff2934; color:#ffffff; text-decoration:none; z-index:0;} #artiest_listitem_titel_naam { position:relative; float:left; font-size:12px; font-weight:normal; width:450px; margin-left:-5px;} #artiest_listitem_titel .verkoopstatus { margin:0px; padding:0px; color:#ff2934; font-size:12px;} #artiest_listitem_meer { position:absolute; font-size:15px; font-size:11px; right:10px; width:80px; text-align:right; margin-top:-5px;} #reageer_container { background:url(img/layout/reageer_bg.jpg) top left repeat-x #d8d8d8; color:#000000; min-height:450px; padding-top:5px; padding-bottom:1px;} #reageer_container .rood { color:#ff2934; font-weight:bold; display:block; margin-top:15px;} #reageer_container .geenmember { position:absolute; width:230px; top:33px; * top:60px; left:410px; color:#ff2934; margin-top:25px;} #reageer_container .geenmember a { color:#ff2934;} #reageer_container img { position:relative; margin-bottom:-3px;} #reageer_frame { position:relative; width:400px; margin:auto;} #reageer_frame a { cursor:pointer; color:#000000; text-decoration:underline;} #reageer_frame form { position:relative; margin-top:10px;} #reageer_frame form img { position:relative; float:left; margin-top:4px; margin-right:3px;} .reageer_inlog_veld { position:relative; display:block; display:block; width:250px; margin-bottom:5px;} .reageer_inlog_btn { position:relative; float:right; margin-right:9px; * margin-right:10px; height:49px; background-color:#ff2934; border:none; color:#ffffff; font-size:14px; text-transform:uppercase; font-weight:bold; margin-top:-54px; * margin-top:-27px; margin-left:5px; padding:0px 15px; * padding:0px;} #reactie_container { position:relative; width:375px; background-color:#ffffff; min-height:38px; margin-left:17px; margin-bottom:25px;} #reactie_container .top { position:absolute; left:-15px; top:-3px;} #reactie_container .bottom { position:absolute; left:0px; bottom:-1px;} #reactie_container .left { position:absolute; top:12px; width:250px; left:-275px; text-align:right; color:#c0c0c0; font-style:italic;} #reactie_container .left a, #reactie_container .left font { cursor:pointer; color:#ff2934; display:block; font-style:normal;} #reactie_container .right a, #reactie_container .right font { position:absolute; bottom:0px; width:250px; right:-270px; color:#999999; text-decoration:none;} #reactie_container .right a.bewerk, #reactie_container .right a.verwijder{ position:absolute; bottom:30px; width:250px; right:-270px; color:#999999; text-decoration:none; } #reactie_container .right a.verwijder{ right:-290px; } .reactie_content { position:relative; padding:8px 10px; word-wrap: break-word;} .letter_select_on{ float:left; font-size:18px; font-weight:bold; color:#000000; width:24px; cursor:pointer; text-align:center;} .letter_select{ float:left; font-size:18px; font-weight:bold; color:#FFFFFF; width:24px; cursor:pointer; text-align:center;} .letter_select:hover{ color:#999999;} #artiesten h2 { * margin:0px;} #artiesten h2 img { margin-bottom:-4px; * margin-bottom:-3px;} #artiesten h2 a { cursor:pointer; font-size:16px; color:#ffffff; text-decoration:none;} #artiesten div div { position:relative; margin:25px 0px 23px 0px; padding:0px 5px 0px 23px; border-bottom:1px dotted #844345;} #artiesten div div span { margin-top:-18px; color:#835c5c;} #artiesten div div span a { cursor:pointer; color:#835c5c; text-decoration:none;} /*-----------------NAVIGATIE--------------------*/ #ingelogd_als {position:absolute; top:60px; right:20px; height:25px; z-index:500;} .navitem { position:relative; float:left; margin:0px 5px;} #nav_home a { cursor:pointer; display:inline-block; height:20px; width:55px; background:url(img/layout/nav_a.png) 0 0 no-repeat;} #nav_home a:hover { display:inline-block; height:20px; width:55px; background:url(img/layout/nav_a.png) 0 0 no-repeat;opacity:.40; filter:alpha(opacity=40);} #nav_home_active a { display:inline-block; height:20px; width:55px; background:url(img/layout/nav_b.png) 0 0 no-repeat;} #nav_agenda a { cursor:pointer; display:inline-block; height:20px; width:71px; background:url(img/layout/nav_a.png) 0 -20px no-repeat;} #nav_agenda a:hover { display:inline-block; height:20px; width:71px; background:url(img/layout/nav_a.png) 0 -20px no-repeat;opacity:.40; filter:alpha(opacity=40);} #nav_agenda_active a { display:inline-block; height:20px; width:71px; background:url(img/layout/nav_b.png) 0 -20px no-repeat;} #nav_nieuws a { display:inline-block; height:20px; width:69px; background:url(img/layout/nav_a.png) 0 -160px no-repeat;} #nav_nieuws a:hover { display:inline-block; height:20px; width:69px; background:url(img/layout/nav_a.png) 0 -160px no-repeat;opacity:.40; filter:alpha(opacity=40);} #nav_nieuws_active a { display:inline-block; height:20px; width:69px; background:url(img/layout/nav_b.png) 0 -160px no-repeat;} #nav_gallery a { cursor:pointer; display:inline-block; height:20px; width:75px; background:url(img/layout/nav_a.png) 0 -40px no-repeat;} #nav_gallery a:hover { display:inline-block; height:20px; width:75px; background:url(img/layout/nav_a.png) 0 -40 no-repeat;opacity:.40; filter:alpha(opacity=40);} #nav_gallery_active a { display:inline-block; height:20px; width:75px; background:url(img/layout/nav_b.png) 0 -40px no-repeat;} #nav_algemeen a { cursor:pointer; display:inline-block; height:20px; width:88px; background:url(img/layout/nav_a.png) 0 -60px no-repeat;} #nav_algemeen a:hover { display:inline-block; height:20px; width:88px; background:url(img/layout/nav_a.png) 0 -60px no-repeat;opacity:.40; filter:alpha(opacity=40);} #nav_algemeen_active a { display:inline-block; height:20px; width:88px; background:url(img/layout/nav_b.png) 0 -60px no-repeat;} #nav_backstage a { cursor:pointer; display:inline-block; height:20px; width:95px; background:url(img/layout/nav_a.png) 0 -80px no-repeat;} #nav_backstage a:hover { display:inline-block; height:20px; width:95px; background:url(img/layout/nav_a.png) 0 -80px no-repeat;opacity:.40; filter:alpha(opacity=40);} #nav_backstage_active a { display:inline-block; height:20px; width:95px; background:url(img/layout/nav_b.png) 0 -80px no-repeat;} #nav_business a { cursor:pointer; display:inline-block; height:20px; width:83px; background:url(img/layout/nav_a.png) 0 -100px no-repeat;} #nav_business a:hover { display:inline-block; height:20px; width:83px; background:url(img/layout/nav_a.png) 0 -100px no-repeat;opacity:.40; filter:alpha(opacity=40);} #nav_business_active a { display:inline-block; height:20px; width:83px; background:url(img/layout/nav_b.png) 0 -100px no-repeat;} #nav_zakelijk a { cursor:pointer; display:inline-block; height:20px; width:73px; background:url(img/layout/nav_a.png) 0 -100px no-repeat;} #nav_zakelijk a:hover { display:inline-block; height:20px; width:73px; background:url(img/layout/nav_a.png) 0 -100px no-repeat;opacity:.40; filter:alpha(opacity=40);} #nav_zakelijk_active a { display:inline-block; height:20px; width:73px; background:url(img/layout/nav_b.png) 0 -100px no-repeat;} #nav_contact a { cursor:pointer; display:inline-block; height:20px; width:76px; background:url(img/layout/nav_a.png) 0 -120px no-repeat;} #nav_contact a:hover { display:inline-block; height:20px; width:76px; background:url(img/layout/nav_a.png) 0 -120px no-repeat;opacity:.40; filter:alpha(opacity=40);} #nav_contact_active a { display:inline-block; height:20px; width:76px; background:url(img/layout/nav_b.png) 0 -120px no-repeat;} #nav_login a { cursor:pointer; display:inline-block; height:20px; width:56px; background:url(img/layout/nav_a.png) 0 -140px no-repeat; margin-right:155px;} #nav_login a:hover { display:inline-block; height:20px; width:56px; background:url(img/layout/nav_a.png) 0 140px no-repeat;opacity:.40; filter:alpha(opacity=40);} #nav_login_active a { display:inline-block; height:20px; width:56px; background:url(img/layout/nav_b.png) 0 -140px no-repeat; margin-right:155px;} /*FORM*/ #textRegel_eerste{font-family:Arial, Helvetica, sans-serif; font-size:12px; height:20px; width:365px; margin-bottom:0px; margin-top:-30px; font-weight:bold; text-align:left;} #textRegel{font-family:Arial, Helvetica, sans-serif; font-size:12px; height:20px; width:365px; margin-bottom:0px; margin-top:10px; font-weight:bold; text-align:left;} #letop{ position:absolute; top:-50px; right:-230px; font-family:Arial, Helvetica, sans-serif; font-size:11px; height:35px; padding:5px; line-height:18px; width:210px; font-weight:normal; background-color:#333333; color:#FFFFFF; z-index:500;} .what{width:25px; height:25px; float:right; margin-right:-35px; background-color:#333333; line-height:25px; color:#FFFFFF; font-size:20px; text-align:center; cursor:pointer;} .what:hover{background-color:#ff2934;cursor:pointer;} .what_klein{position:relative; width:20px; height:20px; float:right; background-color:#333333; line-height:20px; color:#FFFFFF; font-size:18px; text-align:center; cursor:pointer;} .what_klein:hover{background-color:#ff2934;cursor:pointer;} .what_klein div{ position:absolute; top:25px; right:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:5px; line-height:18px; font-weight:normal; background-color:#333333; color:#FFFFFF; z-index:500;} .formBtn{ border:0px; background-color:#ff2934; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; padding:0px; margin-top:25px; cursor:pointer; outline:none; width:250px; height:25px;} .formRegel, .formRegelDd{ position:relative; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; min-height:27px; width:375px; padding-bottom:5px; border-bottom:1px dotted #000000;} .formRegel_notificaties{ position:relative; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; min-height:27px; width:625px; padding-bottom:5px; border-bottom:1px dotted #000000;} .formRegel_mail_terug{ position:relative; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; height:25px; width:675px; line-height:25px; border-bottom:1px dotted #000000;} .formRegel_mail_onderwerp{ position:relative; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; height:50px; width:675px; margin-top:-25px; line-height:50px; border-bottom:1px dotted #000000;} .formRegel_mail_functie{ position:relative; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; height:50px; width:675px; line-height:50px; border-bottom:1px dotted #000000;} .formRegel_mail_van{ position:relative; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; width:660px; height:25px; line-height:20px; margin-top:5px;} .formRegel_mail_tekst{ position:relative; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; width:623px; line-height:18px; border:1px dotted #000000; padding:25px;} .formRegel_light{ position:relative; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#888888; height:5px; width:600px; padding-bottom:5px; border-bottom:1px dotted #000000;} #formRegel_sub{ position:relative; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; height:5px; width:480px; padding-bottom:5px; border-bottom:1px dotted #000000;} .formRegelKlein, .formRegelDdKlein{ position:relative; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; /*min-height:27px;*/ width:375px; padding-bottom:5px; border-bottom:1px dotted #000000;} .formRegel_inst, .formRegelDd_inst{ position:relative; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; min-height:27px; width:365px; padding-bottom:5px; border-bottom:1px dotted #000000;} .formRegel input[type="text"], .formRegel select, .formRegelKlein input[type="text"], .formRegelKlein select{ border:0px; background:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background-color:#ffffff; width:360px; height:20px; padding-top:5px; padding-left:0px;} .formRegel select, .formRegelKlein select{ padding-top:0px; } .blackStyle .formRegelKlein, .formRegelDdKlein{ color:#333333; border-bottom:1px dotted #ffffff;} .blackStyle .formRegel_inst, .formRegelDd_inst{ color:#333333; border-bottom:1px dotted #ffffff;} .formRegelKlein .textOptions{ color:#ffffff; } textarea { resize:none; } .formRegel_inst textarea, .formRegelKlein textarea{ border:0px; background:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background-color:#ffffff; width:350px; height:100px; padding-top:5px; padding-left:15px;} .formRegel_inst_aan{ position:relative; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; min-height:27px; padding-bottom:5px; } .formRegel_inst input{ border:0px; background:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background-color:#ffffff; width:350px; height:20px; padding-top:5px; padding-left:15px;} .formRegel span{ position:absolute; top:0px; right:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; width:200px; white-space:nowrap;} .formRegel span input{ position:relative; width:auto;} .formRegelDd select{ position:relative; float:right; margin-left:3px; border:1px #333333 solid; background-color:#FFFFFF;} .formRegelDd div{ float:right; display:block; font-family:Arial, Helvetica, sans-serif; font-size:9px; text-transform:lowercase; margin-left:2px;} .formCheckBox{ position:relative; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; padding-left:25px; padding-top:17px; * padding-top:3px;} .formCheckBox img{ position:absolute; top:17px; left:0px;} .formError{ position:relative; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#ff2934; margin-top:5px; margin-bottom:25px; padding:5px 0px 5px 0px; width:355px; min-height:24px; background-color:#FFFFFF; border:5px dashed #999999; line-height:24px; text-align:center; margin-top:15px;} /**/ .topFormVakje{ position:relative; background:none; border-bottom:1px dotted #000000; height:55px; margin-bottom:5px;} .topForm{ position:absolute; top:25px; right:25px;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-align:right; } .topFormError{ position:relative;} .topFormRegel{ position:relative; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; color:#FFFFFF; width:240px;} .topFormRegel input{ position:absolute; height:20px; top:0px; right:0px;border:0px #333333 solid; background-color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; width:150px; padding-left:5px;} .topFormRegel input.topFormEmail{ position:absolute; width:235px; height:15px; top:0px; right:0px; border:0px; padding-top:5px; margin:0px; background-color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff;text-align:left;} .topFormRegel input.topFormWachtwoord{ position:absolute; width:165px; height:15px; top:25px; right:70px; border:0px; padding-top:5px; margin:0px; background-color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; text-align:left;} .topFormRegel input.topFormBtn{ position:absolute; width:65px; height:21px; top:25px; right:0px; border:0px; padding-top:0px; margin:0px; background-color:#ff2934; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; text-align:center;} .topFormRegel input.reageerFormBtn, .reageerFormBtn{position:absolute; width:150px;top:155px; right:0px; height:25px; border:0px; padding-top:0px; margin:0px; background-color:#ff2934; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; text-align:center;} .formCheckBox_tick{position:absolute;width:120px; top:18px; right:200px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; padding-top:10px; text-align:center;} #rememberme{ position:absolute; top:60px; right:172px; width:70px; height:15px; color:#000000; font-weight:bold; } #rememberme_aan{ position:absolute; top:60px; right:172px; width:70px; height:15px; color:#ffffff; font-weight:bold; text-decoration:underline; cursor:pointer;} #watisonthouden{ position:absolute; top:0px; right:0px; width:236px; * width:237px; height:17px; color:#ffffff; font-weight:normal; background-color:#ff2934; z-index:2000; padding:2px; text-align:center;} .topForm a { cursor:pointer;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none;} .topForm a:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; text-decoration:none;} .editFormVeld, .delFormVeld{ position:absolute; top:50%; left:50%; margin-top:-135px; margin-left:-375px; width:700px; height:235px; padding:25px; background-repeat:repeat-x; background-position:0% 0%; background-image:url(img/layout/reageer_bg.jpg); } .delFormVeld{ width:400px; margin-left:-200px; height:80px; margin-top:-40px; } .editFormVeld .close, .delFormVeld .close{ position:absolute; top:3px; right:3px; } .editFormVeld h4, .delFormVeld h4{ margin:0px; } /**/ a, input, img{ outline:none; } #gallery_pic{ cursor:pointer;position:absolute;left:50%;top:50%;Arial, Helvetica, sans-serif;font-size:11px;color:#333333;background-color:#000000;} #gallery_pic:hover{position:absolute;left:50%;top:50%;Arial, Helvetica, sans-serif;font-size:11px;color:#333333;background-color:#000000;} .gallery_bg{ position:absolute; bottom:-30px; right:-20px; width:100%; background-color:#000000; height:40px; margin-right:20px;} #gallery_pic_vorige{position:absolute;bottom:5px;left:10px;font-family:Impact; font-size:25px; color:#FFFFFF; font-weight:normal; letter-spacing:1px;} #gallery_pic_vorige:hover{ color:#666666;opacity:.20; filter:alpha(opacity=20);} #gallery_pic_volgende{position:absolute;bottom:5px;right:10px;font-family:Impact; font-size:25px; color:#FFFFFF; font-weight:normal; letter-spacing:1px;} #gallery_pic_volgende:hover{ color:#666666;opacity:.20; filter:alpha(opacity=20);} #gallery_pic_naam, #gallery_pic_naam_link{ position:absolute; top:-25px; right:-20px; width:100%; background-color:#000000; height:30px; text-align:left; margin-right:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight:normal; letter-spacing:1px; white-space:nowrap; overflow:hidden;} #gallery_pic_naam_link{ cursor: pointer; } #gallery_pic_naam_link:hover{ color: #ff0000; } #gallery_pic_naam div, #gallery_pic_naam_link div{ position:relative; margin:10px;} #ferdy{position:absolute;bottom:20px;right:20px;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#FFFFFF;font-weight:normal; z-index:600;opacity:.50; filter:alpha(opacity=50);} #sluit{ cursor:pointer;position:absolute;top:5px;right:50px;background-color:#000000; width:82px; height:25px; margin:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; text-align:left; font-weight:normal; line-height:25px;} #rolly{} #rolly:hover{opacity:.20; filter:alpha(opacity=20);} /*-------------------------------PROFIEL*/ #inbox_preview{position:relative;width:615px;min-height:50px; padding:5px; border-bottom:1px dotted #333333; font-family:Arial, Helvetica, sans-serif; color:#000000; cursor:pointer; margin-top:25px; line-height:12px;} #inbox_preview:hover{border-bottom:1px dotted #ffffff;} .inboxaufnen{ position:absolute; /*top:30%; right:40%;*/ bottom:0px; right:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; height:25px; padding:5px; line-height:25px; width:150px; text-align:center; background-color:#333333; color:#FFFFFF; z-index:500; } #inbox_preview .leesmeer a { cursor:pointer; font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#FFFFFF; font-size:12px; position:absolute; bottom:0px; right:0px; display:inline-block; height:20px; padding-top:5px; text-align:center; width:100px; background-color:#000000;} #inbox_preview .leesmeer a:hover { color:#FFFFFF; background-color:#ff2934;} .profielImgHolder{ position:relative; width:248px; min-height:10px; border:0px;} .inboxBoxTop{ position:relative; height:25px;} .inboxBoxTopTitel{font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; color:#FFFFFF;position:absolute; width:200px; top:0px; left:0px;} .inboxBoxTopAantal{ position:absolute; top:40px; left:0px; width:200px;} .inboxBoxTopPp{ position:absolute; top:65px; left:0px;width:200px;} .inboxBoxTopVerOnt{ position:absolute; top:90px; left:0px; width:200px;} .inboxBoxTopSelAll{ display:block; position:absolute; top:65px; left:235px; width:100px; padding-left:25px; text-align:right; cursor:pointer;} .inboxBoxTopVink{ position:absolute; top:64px; left:365px;} .inboxBoxTopDelAll{ display:block; position:absolute; top:90px; left:260px; text-align:right; width:125px;} inboxBoxNav{ width:675px;} /*.inboxBoxTop div, .inboxBoxTop a{ display:block; float:left; margin-right:16px; font-weight:bold; font-size:16px; color:#FFFFFF; text-transform:uppercase; }*/ #profiel-regel{ position:relative; border-bottom:1px dotted #000000;height:30px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:20px; margin-bottom:5px; line-height:normal;} #profiel-regel_zwart{ position:relative; border-bottom:1px dotted #000000;height:25px; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:20px; margin-bottom:15px;} #profiel-intro{ position:relative; border-bottom:1px dotted #000000; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; margin-bottom:15px; padding-bottom:25px;} #wijzig_profielfoto{height:25px; width:240px; float:left; margin:0px 0px 0px 0px; padding:0px 5px 0px 5px; line-height:25px; background-color:#ff2934; color:#FFFFFF; text-align:center; font-size:12px;} #blokje{height:25px; width:25px; float:left; margin:5px; padding:5px; line-height:25px; background-color:#ff2934; color:#FFFFFF; text-align:center; font-size:20px;} #blokje_x{height:25px; width:25px; float:left; margin:5px; padding:5px; line-height:25px; background-color:#000000; color:#FFFFFF; text-align:center; font-size:20px;} #blokje_large_left{height:25px; width:100px; float:left; margin:5px; padding:5px; line-height:25px; background-color:#ff2934; color:#FFFFFF; text-align:center; font-size:20px;} #blokje_large_left_x{height:25px; width:100px; float:left; margin:5px; padding:5px; line-height:25px; background-color:#000000; color:#FFFFFF; text-align:center; font-size:20px;} #blokje_large_right{height:25px; width:100px; float:left; margin:5px; padding:5px; line-height:25px; background-color:#ff2934; color:#FFFFFF; text-align:center; font-size:20px;} #blokje_large_right_x{height:25px; width:100px; float:left; margin:5px; padding:5px; line-height:25px; background-color:#000000; color:#FFFFFF; text-align:center; font-size:20px;} #blokje_large_uit{height:25px; width:100px; float:left; margin:5px; padding:5px; line-height:25px; background-color:#333333; color:#FFFFFF; text-align:center; font-size:20px;opacity:.20; filter:alpha(opacity=20);} .divVideoEdit{ position:relative; float:left; margin-right:20px; margin-bottom:20px; } .divVideoEdit a{ position:absolute; top:0px; right:0px; } #totalFadeOver{ position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:1000; } #totalFade{ position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:999; background-color:#000000; opacity:0.9; filter:alpha(opacity=90); } .home_img_link{ display:block; position: relative; width:125px; height:275px; background-image:url(img/layout/home_bezoek.png); background-repeat:no-repeat; background-position:50% 50%; overflow:hidden; } .home_img_link h1{ background:none; position:absolute; top:4px; left:0px; display:block; width:125px; height:25px; margin:0px; padding:0px; line-height:normal; text-align:center; } .home_img_link div{ position:absolute; top:26px; left:0px; width:125px; height:249px; background-repeat:no-repeat; background-position:50% 50%; } .home_img_link_klein{ display:block; position: relative; width:125px; height:130px; background-image:url(img/layout/home_bezoek.png); background-repeat:no-repeat; overflow:hidden; } .home_img_link_klein h1{ background:none; position:absolute; top:4px; left:0px; display:block; width:125px; height:25px; margin:0px; padding:0px; line-height:normal; text-align:center; } .home_img_link_klein div{ position:absolute; top:26px; left:0px; width:125px; height:249px; background-repeat:no-repeat; background-position:50% 0%; } /* .profielenZoekDiv{ position:absolute; top:0px; left:0px; white-space:nowrap; } .profielenZoekDiv div{ float:left; width:auto; height:25px; white-space:nowrap; margin-right:5px; } .profielenZoekDiv div #pfZoekKeuze, .profielenZoekDiv div #pfZoekGender{ width:100px; height:20px; padding:0px; margin:0px; background-color:#FFFFFF; border:0px; } .profielenZoekDiv div #pfZoekWoord{ width:100px; height:20px; padding:0px; margin:0px; background-color:#FFFFFF; border:0px; } .profielenZoekDiv div .btn{ width:100px; height:20px; }*/ .profielenZoekDiv, .profielenZoekDivSimpel{ position:relative; width:300px; height:200px; margin-top:5px; } .profielenZoekDivSimpel{ height:80px; } .profielenZoekDiv div, .profielenZoekDivSimpel div{ position:relative; float:left; width:300px; min-height:25px; margin-bottom:5px; } .profielenZoekDiv div div, .profielenZoekDivSimpel div div{ position:absolute; width:200px; top:0px; right:0px; } .profielenZoekDiv div div .txt, .profielenZoekDivSimpel div div .txt{ width:200px; height:23px; background-color:#FFFFFF; border:0px; outline:none; } .profielenZoekDiv div div .cb, .profielenZoekDivSimpel div div .cb{ background:none; outline:none; } .profielenZoekDiv div div .dd, .profielenZoekDivSimpel div div .dd{ width:200px; height:25px; background-color:#FFFFFF; border:0px; outline:none; } .profielenZoekDiv div div .btn a, .profielenZoekDivSimpel div div .btn a{ cursor:pointer; font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#FFFFFF; font-size:12px; position:relative; float:right; display:inline-block; height:20px; padding-top:5px; width:200px; background-color:#000000; text-align:center;} .profielenZoekDiv div div .btn a:hover, .profielenZoekDivSimpel div div .btn a:hover{ background-color:#ff2934; } .profielenZoekDiv .zoekToggle, .profielenZoekDivSimpel .zoekToggle{ position:absolute; top:0px; left:320px; } .profielenZoekDiv .zoekToggle a, .profielenZoekDivSimpel .zoekToggle a{ cursor:pointer; font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#FFFFFF; font-size:12px; display:inline-block; height:20px; margin:0px; padding:0px; padding-top:5px; width:130px; background-color:#000000; text-align:center;} .profielenZoekDiv .zoekToggle a:hover, .profielenZoekDivSimpel .zoekToggle a:hover{ background-color:#ff2934; } /**/ .nav_normal { cursor:pointer; font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#FFFFFF; font-size:12px; position:relative; display:inline-block; height:18px; width:auto; padding-left:5px; padding-right:5px; padding-top:2px; background-color:#000000;} .nav_normal:hover { background-color:#ff2934; color:#FFFFFF;} /**/ .reageer_preview, .reageer_preview_edit{ position:absolute; top:185px; left:155px; width:445px; height:170px; line-height:normal; color:#000000; z-index:100; } .reageer_preview_edit{ top:250px; left:333px; } .reageer_menu, .reageer_menu_edit{ position:absolute; top:1px; left:425px; width:245px; height:170px; line-height:normal; text-align:left; } .reageer_menu_edit{ top:60px; left:475px; } .reageer_menu .regel, .reageer_menu_edit .regel{ float:left; clear:both; margin-bottom:5px; position:relative; width:245px; } .reageer_menu .regel .img, .reageer_menu_edit .regel .img{ float:left; margin-right:5px; } .reageer_menu .regel .titel, .reageer_menu_edit .regel .titel{ float:left; width:100px; height:11px; padding-top:5px; color:#000000; } .reageer_menu .regel .add, .reageer_menu_edit .regel .add{ position:absolute; top:0px; right:0px; } .reageer_menu .regel input, .reageer_menu_edit .regel input{ clear:both; float:none; position:relative; background-color:#FFFFFF; color:#000000; margin:0px; padding:0px; width:218px; height:17px; padding-top:3px; border:0px; } .reageer_menu .regel .voorbeel_btn, .reageer_menu_edit .regel .voorbeel_btn{ float:left; width:100px; height:11px; padding-top:5px; color:#000000; cursor:pointer; white-space:nowrap; } .reageer_text{ width:400px; height:150px; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:10px; border:0px; } /**/ .home_column{ position:relative; width:250px; height:175px; background-image:url(img/home_jd.png); } .home_column .naam{ position:absolute; top:0px; left:0px; width:250px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; color:#FFFFFF; text-transform:uppercase; white-space:nowrap; cursor:pointer; } .home_column .naam:hover{ opacity:.40; filter:alpha(opacity=40); } .home_column img{ display:block; position:absolute; top:20px; left:13px; cursor:pointer; border:1px solid #999999; } .home_column img:hover{ border:1px solid #000000; } .home_column .tekst{ position:absolute; top:100px; left:13px; width:200px; height:75px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; line-height:15px; cursor:pointer; margin-top:5px; } .home_column .tekst:hover{ opacity:.40; filter:alpha(opacity=40); } /**/ .loginTitel{ display:block; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:25px; padding-top:15px; padding-bottom:15px; padding-right: 25px; margin-bottom: 5px; /*margin-top:40px;*/ margin-top:0px; color:#000000; border-bottom: 1px dotted #000000; border-top: 1px dotted #000000; width: 650px; } .loginTekst{ position: relative; font-size: 15px; line-height: 18px; font-weight: bold; color: #000000; margin-top: 10px; padding-right: 25px; width: 650px; } .loginTekst span{ color: #000000; } #tienJaarPopup{ position: absolute; top:50%; left:50%; width: 640px; height: 480px; padding-top: 50px; margin-left: -320px; margin-top: -290px; z-index: 99999; } #tienJaarPopup.w690{ width: 690px; margin-left: -345px; } #tienJaarPopup.w902{ width: 902px; margin-left: -451px; } .tienJaarPopupTitle_640, .tienJaarPopupTitle_690, .tienJaarPopupTitle_902{ position:absolute; top: 0px; left: 0px; height:45px; width:630px; padding-left: 10px; padding-top: 5px; background-image:url(img/layout/titlebar_640.png); background-repeat: no-repeat; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:30px; color:#ffffff; display:block; line-height:normal; } .tienJaarPopupTitle_690{ width: 680px; background-image:url(img/layout/titlebar_690.png); } .tienJaarPopupTitle_902{ width: 892px; background-image:url(img/layout/titlebar_902.png); } .tienJaarPopupTitle_640 a, .tienJaarPopupTitle_690 a, .tienJaarPopupTitle_902 a{ position: absolute; top: 5px; right: 10px; display: block; } .tienJaarPopupContent_640, .tienJaarPopupContent_690, .tienJaarPopupContent_902{ position:relative; width:590px; padding:25px; background-image:url(img/layout/content_bg_540.gif); background-position: top left; background-repeat: repeat-x; background-image: #a7a7a7; color:#000000; } .tienJaarPopupContent_690{ width:640px; } .tienJaarPopupContent_902{ width:852px; } #nav_home, #nav_home_active{margin-left: 11px; margin-right: 30px;} /*#logo { background:url(img/layout/logo_10jaar.png) no-repeat;}*/ .caseHolder, .caseHolderSmall{ position: relative; display: block; width: 650px; height: 286px; background-image: url(img/case_bg.jpg); background-repeat: no-repeat; text-align: left; } .caseType_1{ background-image: url(img/case_bg_1.jpg); } .caseHolderSmall{ height: 160px; /*background-image: url(img/case_bg_small.jpg);*/ background-image: url(img/case_bg_small2.jpg); } .caseHolder .over, .caseHolderSmall .over{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; background-color: #ffffff; opacity:0.20; filter:alpha(opacity=20); display: none; } .caseHolder:hover .over, .caseHolderSmall:hover .over{ display: block; } .caseHolder .showcace, .caseHolderSmall .showcace{ position: absolute; top: 20px; left: 20px; font-family: arial; font-size: 18px; color:#ffffff; z-index: 2; } .caseHolder .naam, .caseHolderSmall .naam{ position: absolute; /*top: 40px;*/ top: 25px; left: 20px; font-family: arial; font-size: 18px; color:#000000; font-weight: bold; z-index: 2; } .caseHolderSmall .naam{ top: 20px; /*left: 111px;*/ left: 20px; color: #ffffff; } .caseHolder .bedrijf, .caseHolderSmall .bedrijf{ position: absolute; top: 70px; left: 325px; font-family: arial; font-size: 13px; color:#000000; font-weight: bold; z-index: 2; } .caseType_1 .bedrijf{ left: 20px; } .caseHolderSmall .bedrijf{ top: 40px; left: 20px; } .caseHolderSmall .persoon{ position: absolute; top: 70px; left: 325px; font-family: arial; font-size: 13px; color:#000000; font-weight: bold; z-index: 2; } .caseHolderSmall .persoon{ top: 40px; left: auto; /*right: 125px;*/ right: 20px; width: 240px; text-align: left; } .caseHolder .bedrijf b, .caseHolderSmall .bedrijf b{ color:#ee3a43; } .caseHolderSmall .bedrijf b{ color:#000000; } .caseHolder .bedrijf u, .caseHolderSmall .persoon u{ font-weight: normal; text-decoration: none; } .caseHolder .tekst, .caseHolderSmall .tekst{ position: absolute; top: 120px; left: 325px; /*font-family: Georgia; font-size: 15px;*/ font-style: italic; color:#000000; width: 200px; z-index: 2; line-height: 18px; } .caseType_1 .tekst{ left: 120px; top: 129px; } .caseHolderSmall .tekst{ left: auto; /* top: 60px; right: 125px; width: 220px; text-align: right;*/ top: 80px; right: 20px; width: 240px; text-align: left; height: 80px; font-size: 13px; overflow: hidden; line-height: 16px; } .caseHolderSmall .tekst2{ position: absolute; top: 60px; left: 20px; font-size: 13px; color:#000000; /*width: 260px;*/ width: 240px; height: 80px; overflow: hidden; line-height: 16px; z-index: 2; } .caseHolder .imgSfeer{ position: absolute; top: 70px; left: 0px; width: 300px; height: 175px; background-repeat: no-repeat; background-position: 100% 100%; /*background-color: #333333;*/ z-index: 2; } .caseType_1 .imgSfeer{ left: 350px; } .caseHolder .imgSfeer div{ position: absolute; top: 0px; left: 0px; width: 300px; height: 175px; background-repeat: no-repeat; background-position: 50% 50%; } .caseHolder .imgPersoon, .caseHolderSmall .imgPersoon{ position: absolute; top: 125px; right: 18px; width: 85px; height: 120px; background-repeat: no-repeat; background-position: 100% 100%; /*background-color: #333333;*/ z-index: 2; } .caseType_1 .imgPersoon{ left: 20px; } .caseHolderSmall .imgPersoon{ /*top: 20px; right: 20px;*/ right: 283px; top: 40px; } .caseHolder .imgPersoon a, .caseHolderSmall .imgPersoon a{ position: absolute; display: block; bottom: 5px; left: 5px; } .hover_opacity:hover, .hover_opacity_active{ opacity:.40; filter:alpha(opacity=40); } .caseCarrouselHolder{ position: relative; width: 650px; height: 286px; } .caseCarrouselHolder a{ position: absolute; top: 0px; left: 0px; display: none; } /**/ #zaklijkFormulierAanvraag{ position: relative; width:650px; height:380px; background-image: url(img/zakelijk_formulier_aanvraag_bg.jpg); background-repeat: no-repeat; background-position: 0px 25px; line-height: 16px; } #zaklijkFormulierAanvraag .errorMelding{ position: absolute; bottom: 0px; left: 0px; width: 650px; height: 25px; line-height: 25px; text-align: center; color: #ff0000; display: none; } #zaklijkFormulierAanvraag .goodMelding{ position: absolute; top: 25px; left: 0px; width: 600px; height: 305px; padding: 25px; line-height: 25px; text-align: center; display: none; color: #000000; } #zaklijkFormulierAanvraag .select{ position: absolute; top: 0px; left: 0px; width: 650px; height: 25px; } #zaklijkFormulierAanvraag .select div.step{ position: relative; width: 75px; height: 25px; line-height: 25px; text-align: center; float: left; margin-left: 1px; background-color: #d1d1d1; color: #000000; font-size: 13px; cursor: pointer; font-weight: bold; } #zaklijkFormulierAanvraag .select div.step.error{ color:#ff0000; } #zaklijkFormulierAanvraag .select div.step:first-child{ margin-left: 0px; } #zaklijkFormulierAanvraag .select div.step_off{ color: #979797; cursor: default; } #zaklijkFormulierAanvraag .select div.step_selected{ color: #000000; background-color: #bdbdbd; } #zaklijkFormulierAanvraag .stappen{ position: absolute; top: 25px; left: 0px; width: 650px; height:355px; } #zaklijkFormulierAanvraag .stappen div.step{ display: none; position: relative; width: 600px; height:305px; padding: 25px; } #zaklijkFormulierAanvraag .stappen div.step .stepBack, #zaklijkFormulierAanvraag .stappen div.step .stepNext{ position: absolute; bottom: 25px; left: 25px; min-width: 40px; height: 25px; background-image: url(img/zakelijk_formulier_aanvraag_arrow_red_prev.png); background-repeat: no-repeat; background-position: 0% 50%; background-color: #ffffff; color: #000000; line-height: 25px; font-size: 13px; font-weight: bold; padding-left: 25px; padding-right: 10px; text-align: center; cursor: pointer; white-space: nowrap; } #zaklijkFormulierAanvraag .stappen div.step .stepNext{ left: auto; right: 25px; background-image: url(img/zakelijk_formulier_aanvraag_arrow_red_next.png); background-position: 100% 50%; padding-left: 10px; padding-right: 25px; } #zaklijkFormulierAanvraag .stappen div.step .stepBack:hover, #zaklijkFormulierAanvraag .stappen div.step .stepNext:hover{ background-color: #f9f9f9; color:#333333; } #zaklijkFormulierAanvraag .stappen div.step .stepBack b, #zaklijkFormulierAanvraag .stappen div.step .stepNext b{ display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #ffffff; color:#ee3a43; white-space: nowrap; } #zaklijkFormulierAanvraag .stappen div.step .stepBack b:hover, #zaklijkFormulierAanvraag .stappen div.step .stepNext b:hover{ background-color: #f9f9f9; color:#f18085; } #zaklijkFormulierAanvraag .stepField, #zaklijkFormulierAanvraag .stepField_100, #zaklijkFormulierAanvraag .stepFieldDubbel{ position: relative; width: 325px; height: 25px; line-height: 25px; font-size: 13px; color: #000000; margin-top: 5px; } #zaklijkFormulierAanvraag .stepField.error, #zaklijkFormulierAanvraag .stepField_100.error, #zaklijkFormulierAanvraag .stepFieldDubbel.error{ color: #ff0000; } #zaklijkFormulierAanvraag .stepField_100{ width: 275px; } #zaklijkFormulierAanvraag .stepFieldDubbel{ width: 650px; } #zaklijkFormulierAanvraag .stepFieldDubbel .stepField{ position: absolute; top: 0px; left: 350px; margin: 0px; width: 300px; } #zaklijkFormulierAanvraag .stepField:first-child{ margin-top: 0px; } #zaklijkFormulierAanvraag .stepField input[type="text"], #zaklijkFormulierAanvraag .stepField_100 input[type="text"], #zaklijkFormulierAanvraag .stepFieldDubbel input[type="text"], #zaklijkFormulierAanvraag .stepFieldDubbel .stepField input[type="text"]{ position: absolute; display: block; top: 0px; right: 0px; width:204px; height:25px; margin: 0px; padding: 0px 3px 0px 3px; background-color: #ffffff; color:#000000; border: 0px; z-index:0; } #zaklijkFormulierAanvraag .stepField_100 input[type="text"]{ width: 94px; } #zaklijkFormulierAanvraag .stepFieldDubbel input[type="text"]{ right: 325px; } #zaklijkFormulierAanvraag .stepFieldDubbel .stepField input[type="text"]{ width: 169px; right: 50px; z-index:0; } #zaklijkFormulierAanvraag .stepField .rightText, #zaklijkFormulierAanvraag .stepField_100 .rightText, #zaklijkFormulierAanvraag .stepFieldDubbel .rightText{ position:absolute; top:0px; left:325px; height: 25px; line-height: 25px; font-size: 13px; color: #000000; padding-left:10px; white-space:nowrap; } #zaklijkFormulierAanvraag .stepField_100 .rightText{ left: 275px; } #zaklijkFormulierAanvraag .stepLineWhite{ position: relative; width: 595px; height: 25px; margin: 0px 0px 25px 0px; border-bottom: 1px #ffffff solid; } #zaklijkFormulierAanvraag .tekstLeft{ position: relative; float: left; width: 299px; height: 260px; border-right: 1px #ffffff solid; color: #000000; text-align: left; overflow-x: hidden; overflow-y: auto; padding-right: 5px; } #zaklijkFormulierAanvraag .tekstLeft .error, #zaklijkFormulierAanvraag .tekstRight .error{ color: #ff0000; } #zaklijkFormulierAanvraag .tekstRight{ position: relative; float: right; width: 275px; height: 250px; color: #000000; text-align: left; } /*AGENDA*/ .stepAgenda1{ position: absolute; top: 25px; left: 85px; } .stepAgenda2{ position: absolute; top: 25px; right: 85px; } /*DROPDOWNS*/ #zaklijkFormulierAanvraag .inputDropdown{ position: absolute; top: 0px; right: 0px; width:210px; height:25px; background-color: #ffffff; color:#000000; text-align: left; z-index: 100; } #zaklijkFormulierAanvraag .inputDropdownArrowUp, #zaklijkFormulierAanvraag .inputDropdownArrowDown{ position: absolute; top: 0px; right: 0px; width: 25px; height: 25px; background-image: url(img/inputDropdownArrowUp.png); background-repeat: no-repeat; background-position: 50% 50%; cursor: pointer; z-index: 101; } #zaklijkFormulierAanvraag .inputDropdownArrowDown{ background-image: url(img/inputDropdownArrowDown.png); } #zaklijkFormulierAanvraag .inputDropdownCur{ position: absolute; top: 0px; left: 0px; width: 170px; height: 25px; line-height: 25px; font-size: 13px; cursor: pointer; padding: 0px 0px 0px 5px; z-index: 101; white-space: nowrap; overflow: hidden; text-transform: capitalize; } #zaklijkFormulierAanvraag .inputDropdownOptions{ position: absolute; top: 26px; left: 0px; width: 200px; min-height: 10px; max-height: 140px; overflow-x: hidden; overflow-y: auto; line-height: 20px; font-size: 13px; padding: 5px; background-color: #ffffff; z-index: 102; } #zaklijkFormulierAanvraag .inputDropdownOption{ width: 190px; line-height: 15px; cursor: pointer; margin-top: 10px; text-transform: capitalize; } #zaklijkFormulierAanvraag .inputDropdownOption:first-child{ margin-top: 0px; } #zaklijkFormulierAanvraag .inputDropdownOption:hover{ color: #999999; } #zaklijkFormulierAanvraag .inputDropdownOptionSelected{ font-weight: bold; } /**/ #zaklijkFormulierAanvraag .stepField_100 .inputDropdown{ width: 100px; } #zaklijkFormulierAanvraag .stepField_100 .inputDropdownCur{ width: 70px; } #zaklijkFormulierAanvraag .stepField_100 .inputDropdownOptions{ width: 90px; } #zaklijkFormulierAanvraag .stepFieldDubbel .inputDropdown{ right: 325px; } /*RADIO*/ #zaklijkFormulierAanvraag .inputRadio{ position: relative; } #zaklijkFormulierAanvraag .inputRadioOption{ position: relative; display: block; height: 20px; line-height: 20px; font-size: 13px; float: left; cursor: pointer; margin-left: 30px; padding-right: 30px; } #zaklijkFormulierAanvraag .inputRadioOption div{ position: absolute; top: 0px; right: 0px; width: 20px; height: 20px; background-image: url(img/radio_off.png); background-repeat: no-repeat; background-position: 0px 0px; } #zaklijkFormulierAanvraag .inputRadioOption:first-child{ margin-left: 0px; } #zaklijkFormulierAanvraag .inputRadioOptionSelected div{ background-image: url(img/radio_on.png); } /*DATE SELECT*/ .llDateSelect{ -moz-user-select:none; -webkit-user-select:none; user-select:none; width: 210px; } .llDateSelect .text{ position: relative; width: 250px; min-height: 20px; text-align: center; color: #090909; font-weight: bold; margin-left: -20px; margin-bottom: 20px; } .llDateSelect .text b{ color: #ff4f43; } .llDateSelect .contentHolder{ position: relative; background-image: url(img/kalender_bg.png); background-repeat: no-repeat; background-position: 0px 0px; width: 210px; height: 230px; } .llDateSelect .topYear{ position: relative; width: 210px; height: 20px; line-height: 20px; text-align: center; margin: 0px 0px 0px 0px; } .llDateSelect .topMonths{ position: relative; width: 210px; height: 20px; } .llDateSelect .topMonths div.month{ position: absolute; top: 0px; left:20px; width: 170px; height: 24px; text-align: center; line-height: 24px; font-size: 14px; color: #090909; } .llDateSelect .topMonths div.prev{ position: absolute; width: 20px; height: 20px; top: 8px; left: 5px; cursor: pointer; line-height: 20px; text-align: center; } .llDateSelect .topMonths div.next{ position: absolute; width: 20px; height: 20px; top: 8px; right: 4px; cursor: pointer; line-height: 20px; text-align: center; } .llDateSelect .topMonths div.prev b, .llDateSelect .topMonths div.next b{ display: block; position: absolute; width: 10px; height: 10px; top: 5px; left: 5px; background-color: #ffffff; opacity:0.0; filter:alpha(opacity=0); } .llDateSelect .topMonths div.prev b:hover, .llDateSelect .topMonths div.next b:hover{ opacity:0.40; filter:alpha(opacity=40); } .llDateSelect .topDays{ position: absolute; top: 37px; left: 4px; width: 210px; } .llDateSelect .topDays div{ float:left; width:28px; height:16px; margin:3px 0px 3px 1px; text-align: center; line-height: 16px; font-weight: normal; font-size: 10px; color: #858585; } .llDateSelect .days{ position: absolute; top: 60px; left: 4px; width: 210px; } .llDateSelect .days div{ float:left; width:28px; height:16px; margin:3px 0px 3px 1px; text-align: center; line-height: 16px; font-weight: normal; font-size: 10px; } .llDateSelect .days div.clear{ margin:3px 0px 3px 0px; clear:both; } .llDateSelect .on{ color:#858585; cursor: pointer; } .llDateSelect .off{ } .llDateSelect .cur{ background-color: #ff4f43; color: #ffffff; cursor: pointer; }