/*----------------------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:url(img/layout/content_bg.gif) repeat-x; background-color:#7a7a7a; min-height:600px; padding-left:25px; padding-right:25px; padding-bottom:1px; padding-top:60px; overflow:hidden; padding-bottom:25px;} #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; overflow:hidden;} #credits .heineken { position:absolute; top:5px; left:10px; border:none;} #credits .lawlesslotski { position:absolute; bottom:-20px; right:0px; border:none;} #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;} 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;} .item_tweet { position:absolute; top:75px; right:0px; } .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;} #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;} #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_left a.nrml{ float:left; width:75px; } .noborder { border:none;} #clearboth { clear:both;} #floatleft { position:relative; float:left;} #floatright { position:relative; float:right;} /*-----------------HOME--------------------*/ #home_top { position:relative; height:375px; margin-bottom:25px;} #home_top_left { position:relative; float:left; width:675px; height:100%; margin-right:25px;} #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_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_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; margin-left:160px;} #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; padding-bottom:75px; margin-bottom:0px; * margin-bottom:0px; min-height:200px;} #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; * margin-bottom:0px; min-height:200px;} #varcontent_left { position:relative; float:left; width:250px; margin-right:25px;} #varcontent_center { position:relative; float:left; width:375px; min-height:350px; margin-bottom:50px; padding-right:25px; text-align:justify;} #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 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 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 { 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_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_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;} .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_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; 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:0;} .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;} .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_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, .formRegel select, .formRegelKlein input, .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; } .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; width:355px; min-height:50px; background-color:#FFFFFF; border:5px dashed #999999; line-height:50px; 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{ 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 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); } /**/ .backstageVlak, .backstageVlakLeft, .backstageVlakBig, .backstageVlakLeftHolder, .backstageVlakBiggest{ position:relative; width:200px; float:left; margin-left:25px; margin-bottom:5px; } .backstageVlakLeft, .backstageVlakLeftHolder{ margin-left:0px; clear:both; } .backstageVlakBig{ width:425px; } .backstageVlakBiggest{ margin-left:0px; clear:both; width:650px; } .backstageVlak .top, .backstageVlakLeft .top, .backstageVlakBig .top, .backstageVlakBiggest .top{ position:relative; float:left; clear:both; top:0px; left:0px; width:190px; height:20px; background-image:url(img/layout/backstage_vlak_top.png); background-repeat:no-repeat; background-position:0% 0%; padding-left:10px; padding-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; font-weight:bold; text-transform:uppercase; z-index:1; } .backstageVlakBig .top{ width:415px; background-image:url(img/layout/backstage_vlak_top_big.png); } .backstageVlakBiggest .top{ width:640px; background-image:url(img/layout/backstage_vlak_top_biggest.png); } .backstageVlak .top_right, .backstageVlakLeft .top_right, .backstageVlakBig .top_right, .backstageVlakBiggest .top_right{ position:absolute; top:4px; right:4px; z-index:2; } .backstageVlak .top_right a, .backstageVlakLeft .top_right a, .backstageVlakBig .top_right a, .backstageVlakBiggest .top_right a, .backstageVlak .top_right img, .backstageVlakLeft .top_right img, .backstageVlakBig .top_right img, .backstageVlakBiggest .top_right img{ background:none; border:0px; margin:0px; padding:0px; } .backstageVlak .mid, .backstageVlakLeft .mid, .backstageVlakBig .mid, .backstageVlakBiggest .mid, .backstageVlak .mid2, .backstageVlakLeft .mid2, .backstageVlak .mid3, .backstageVlakLeft .mid3, .backstageVlak .midKlein, .backstageVlakLeft .midKlein, .backstageVlak .midKlein2, .backstageVlakLeft .midKlein2{ position:relative; float:left; clear:both; background-color:#000000; width:180px; min-height:330px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; padding-top:10px; padding-left:10px; padding-right:10px; background-image:url(img/layout/backstage_vlak_mid.png); background-repeat:no-repeat; background-position:0% 0%; } .backstageVlakBig .mid{ width:405px; min-height:425px; background-image:url(img/layout/backstage_vlak_mid_big.png); } .backstageVlakBiggest .mid{ width:630px; min-height:80px; background-image:url(img/layout/backstage_vlak_mid_biggest.png); } .backstageVlakBiggest .mid .midExtra{ position:relative; float:left; width:225px; } .backstageVlak .mid2, .backstageVlakLeft .mid2{ padding:0px; width:200px; min-height:464px; } .backstageVlak .mid3, .backstageVlakLeft .mid3{ min-height:420px; } .backstageVlak .midKlein, .backstageVlakLeft .midKlein{ min-height:166px; } .backstageVlak .midKlein2, .backstageVlakLeft .midKlein2{ min-height:78px; } .backstageVlak .mid b, .backstageVlakLeft .mid b, .backstageVlakBiggest .mid b, .backstageVlak .mid2 b, .backstageVlakLeft .mid2 b, .backstageVlak .mid3 b, .backstageVlakLeft .mid3 b, .backstageVlak .midKlein b, .backstageVlakLeft .midKlein b, .backstageVlak .midKlein2 b, .backstageVlakLeft .midKlein2 b{ color:#FF2934; } .backstageVlakLeft .midKlein .foto{ background-repeat:no-repeat; background-position:50% 50%; width:200px; height:75px; margin-left:-10px; margin-top:-10px; margin-bottom:10px; } .backstageVlak .bot, .backstageVlakLeft .bot, .backstageVlakBig .bot, .backstageVlakBiggest .bot, .backstageVlak .bot2, .backstageVlakLeft .bot2{ position:relative; float:left; clear:both; bottom:0px; left:0px; width:190px; height:45px; background-image:url(img/layout/backstage_vlak_bot.png); background-repeat:no-repeat; background-position:0% 0%; padding-left:10px; padding-top:15px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; } .backstageVlakBig .bot{ width:415px; background-image:url(img/layout/backstage_vlak_bot_big.png); } .backstageVlakBiggest .bot{ width:640px; background-image:url(img/layout/backstage_vlak_bot_biggest.png); } .backstageVlakLeft .bot b{ text-transform:uppercase; color:#FF2934; } .backstageVlak .bot2, .backstageVlakLeft .bot2{ width:200px; height:38px; padding:0px; background-image:url(img/layout/backstage_vlak_bot.png); background-position:0px -22px; } .backstageVlak a, .backstageVlakLeft a, .backstageVlakBig a, .backstageVlakBiggest a{ color:#FFFFFF; } .backstageVlak a:hover, .backstageVlakLeft a:hover, .backstageVlakBig a:hover, .backstageVlakBiggest a:hover{ color:#FF2934; } .backstageVlak .midKlein .img, .backstageVlakLeft .midKlein .img, .backstageVlak .midKlein .imgTop, .backstageVlakLeft .midKlein .imgTop, .backstageVlak .midKlein .imgRight, .backstageVlakLeft .midKlein .imgRight, .backstageVlak .midKlein .imgTopRight, .backstageVlakLeft .midKlein .imgTopRight{ position:relative; float:left; width:85px; height:75px; background-position:50% 50%; background-repeat:no-repeat; margin-right:10px; margin-top:10px; background-color:#191919; } .backstageVlak .midKlein .imgTop, .backstageVlakLeft .midKlein .imgTop{ margin-top:0px; } .backstageVlak .midKlein .imgRight, .backstageVlakLeft .midKlein .imgRight{ margin-right:0px; } .backstageVlak .midKlein .imgTopRight, .backstageVlakLeft .midKlein .imgTopRight{ margin-top:0px; margin-right:0px; } .backstageVlakVidsBig{ position:relative; width:405px; height:270px; padding-top:20px; float:left; } .backstageVlakVidsBig div{ position:absolute; top:0px; left:0px; white-space:nowrap; } .backstageVlakVidsKlein, .backstageVlakVidsKleinLinks{ position:relative; width:200px; height:110px; padding-top:20px; float:left; } .backstageVlakVidsKleinLinks{ margin-right:5px; } .backstageVlakVidsKlein div, .backstageVlakVidsKleinLinks div{ position:absolute; top:3px; left:0px; white-space:nowrap; } .backstageVlakOnline{ position:absolute; top:-75px; left:425px; height:35px; width:485px; font-size:20px; padding-top:15px; padding-right:15px; text-align:right; }