/*RESET*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0; border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}a,a:active{outline:none}
/*CLEARFIX*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
div.clear{clear:both;width:100%;height:1px;overflow:hidden}
/*PLUGINS*/
.ui-helper-hidden-accessible{position:absolute!important;clip:rect(1px,1px,1px,1px)}.ui-helper-reset{border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none;margin:0;padding:0}.ui-helper-clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui-helper-clearfix{display:block}* html .ui-helper-clearfix{height:1%}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;width:16px;height:16px;background-image:url(../images/ui/ui-icons_469bdd_256x240.png)}.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#aaa;opacity:.80;filter:Alpha(Opacity=80)}.ui-widget{font-family:Arial, sans-serif;font-size:12px}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial, sans-serif;font-size:11px}.ui-widget-content{border:1px solid #62719a;background:#fff url(../images/ui/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #62719a;background:#62719a url(../images/ui/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;color:#fff;letter-spacing:-.03em;text-transform:uppercase;font:20px/20px din-condensed-web-1,din-condensed-web-2, Arial, sans-serif}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #ccced4;background:#ccced4 url(../images/ui/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;font-weight:700;color:#62719a}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#2e6e9e;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #62719a;background:#d0e5f5 url(../images/ui/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;font-weight:700;color:#243a70}.ui-state-hover a,.ui-state-hover a:hover{color:#1d5987;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #62719a;background:#fff url(../images/ui/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x;font-weight:700;color:#243a70}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#e17009;text-decoration:none}.ui-widget :active{outline:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fad42e;background:#fbec88 url(../images/ui/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(../images/ui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-widget-content .ui-icon{background-image:url(../images/ui/ui-icons_469bdd_256x240.png)}.ui-widget-header .ui-icon{background-image:url(../images/ui/ui-icons_d8e7f3_256x240.png)}.ui-state-default .ui-icon{background-image:url(../images/ui/ui-icons_6da8d5_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(../images/ui/ui-icons_217bc0_256x240.png)}.ui-state-active .ui-icon{background-image:url(../images/ui/ui-icons_f9bd01_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(../images/ui/ui-icons_2e83ff_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(../images/ui/ui-icons_cd0a0a_256x240.png)}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-off{background-position:-96px -144px}.ui-icon-radio-on{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-tl{-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px}.ui-corner-tr{-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px}.ui-corner-bl{-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px}.ui-corner-br{-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px}.ui-corner-top{-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px}.ui-corner-bottom{-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px}.ui-corner-right{-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px}.ui-corner-left{-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px}.ui-corner-all{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.ui-widget-shadow{background:#aaa;opacity:.80;filter:Alpha(Opacity=80);-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;margin:-8px 0 0 -8px;padding:8px}.ui-dialog{position:absolute;width:300px;overflow:hidden;padding:3px}.ui-dialog .ui-dialog-titlebar{position:relative;padding:3px 10px}.ui-dialog .ui-dialog-title{float:left;margin:.1em 15px .1em 0}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:19px;height:18px;margin:-10px 0 0;padding:1px}.ui-dialog .ui-dialog-titlebar-close span{display:block;margin:1px}.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus{padding:0}.ui-dialog .ui-dialog-content{position:relative;border:0;background:none;overflow:auto;zoom:1;padding:5px 8px}.ui-dialog .ui-dialog-buttonpane{text-align:left;background-image:none;border-width:1px 0 0;margin:.5em 0 0;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane button{cursor:pointer;margin:.5em .4em .5em 0}.ui-dialog .ui-resizable-se{width:14px;height:14px;right:3px;bottom:3px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-dialog-buttonset button{background:#253a71 url(../images/ctaBg.png) 50% repeat-x;font:15px/25px din-condensed-web-1,din-condensed-web-2, Arial, sans-serif;white-space:nowrap;text-decoration:none;text-transform:uppercase;color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px;border-width:0;padding:0 10px}.ui-dialog-buttonset button:hover{background-color:#0168af;box-shadow:0 0 8px rgba(0,0,0,0.3)}.ui-datepicker{width:17em;display:none;padding:.2em .2em 0}.ui-datepicker .ui-datepicker-header{position:relative;padding:0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:20px;height:20px}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{line-height:24px;text-align:center;margin:0 25px}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month-year{width:100%}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{text-align:center;font-weight:700;border:0;padding:2px}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;text-align:right;text-decoration:none;padding:0 3px}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;border-left:0;border-right:0;border-bottom:0;margin:.7em 0 0;padding:0 .2em}.ui-datepicker .ui-datepicker-buttonpane button{float:right;cursor:pointer;width:auto;overflow:visible;margin:.5em .2em .4em;padding:.2em .6em .3em}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-cover{display:block;position:absolute;z-index:-1;filter:mask();top:-4px;left:-4px;width:200px;height:200px}.ui-tabs{position:relative;zoom:1;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:5px 5px 0 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:1px;border-bottom:0!important;white-space:nowrap;margin:0 .2em 1px 0;padding:0}.ui-tabs .ui-tabs-nav li a{float:left;text-decoration:none;padding:1px 5px; font-size: 13px; line-height: 15px;}.ui-tabs .ui-tabs-nav li.ui-tabs-selected{margin-bottom:0;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-state-processing a{cursor:text}.ui-tabs .ui-tabs-nav li a,.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;background:none;border-width:0}.ui-tabs .ui-tabs-hide{display:none!important}.ui-tabs-nav li.ui-tabs-selected{background:none!important}.ui-tabs.ui-widget-content{border:0;background:none}.ui-tabs .ui-widget-header{background:none;border:0;font-size:14px;font-weight:400}.ui-tabs a,.ui-tabs a:link,.ui-tabs a:active,.ui-tabs a:visited{color:#0168AF;font-weight:400}div.opstellingTab ul{margin:0 0 10px!important}div.opstellingTab .ui-tabs-nav li a{background:none 5px 1px no-repeat;padding:2px 10px 2px 30px}#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:HelveticaNeue-Light,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff}#sb-container{position:absolute;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;margin:0;padding:0;}#sb-overlay{position:fixed;width:100%;height:100%;}#sb-wrapper{position:fixed;visibility:hidden;width:100px}#sb-wrapper-inner{position:relative;overflow:hidden;height:100px}#sb-body-inner{background: #000 ;position:absolute;height:100%;width:100%}#sb-player.html{height:100%;overflow:auto}#sb-body img{border:none}#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center}#sb-loading-inner span{background:url(../images/shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block}#sb-body,#sb-loading{position:relative;height:100%}#sb-title,#sb-info{position:relative;overflow:hidden;margin:0;padding:0}#sb-title,#sb-title-inner{height:26px;line-height:26px}#sb-title-inner{font-size:16px}#sb-info,#sb-info-inner{height:20px;line-height:20px}#sb-info-inner{font-size:12px}#sb-nav{float:right;height:16px;width:45%;padding:2px 0}#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat}#sb-nav-close{background-image:url(../images/shadowbox/close.png)}#sb-nav-next{background-image:url(../images/shadowbox/next.png)}#sb-nav-previous{background-image:url(../images/shadowbox/previous.png)}#sb-nav-play{background-image:url(../images/shadowbox/play.png)}#sb-nav-pause{background-image:url(../images/shadowbox/pause.png)}#sb-counter{float:left;width:45%}#sb-counter a{text-decoration:none;cursor:pointer;color:#fff;padding:0 4px 0 0}#sb-counter a.sb-counter-current{text-decoration:underline}div.sb-message{font-size:12px;text-align:center;padding:10px}div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline}.ui-helper-hidden,div#dialog-modal{display:none}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary,div.opstellingTab .ui-widget-header{font-weight:700}.ui-icon-seek-start,.ui-icon-seek-first{background-position:-80px -160px}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset,.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-multi .ui-datepicker-group,.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}
.ui-dialog-titlebar-close {display: none;}
/*VERBERGEN IVM HORIZONTALE SCROLLBAR*/
iframe#apiproxy{display: none;}
iframe{position: relative; left: 0;}
iframe[name="twttrHubFrame"] { display: none;}
html.ie7 .ui-dialog-content { min-width: 300px; clear: both; }
html.ie7 .ui-dialog-title { height: 26px; }
html.ie7 .ui-dialog-titlebar { height: 26px; }
/*
// TYPEKIT FALLBACK
html.wf-inactive ul.dropdown li a, html.wf-loading ul.dropdown li a{ font-size: 14px;}
html.wf-inactive ul.dropdown ul li a, html.wf-loading ul.dropdown ul li a{ font-size: 12px;}
*/
/*LAYOUT
**************************************************/
html{height: 100%;}
body{
background: #19336e;
height: 100%; min-height: 100%; min-width: 970px;}
/*HEADER*/
header{
position: relative; z-index: 99;
height: 132px; margin: 0 0 5px;
text-align: center;
background: url("../images/headerBackground.png") -2px 73px no-repeat;
}
/*LOGO*/
div#logo{
position: absolute; z-index: 5; left: 10px; top: 0;
height: 141px; width: 133px;
}
div#logo a{
float: left; display: inline;
height: 141px; width: 133px; overflow: hidden;
text-decoration: none;
}
div#logo a:active{
position: relative; top: 2px;
}
.header__welcome {
left: 150px;
}
@media screen and (max-width: 600px) {
#eredivisie60 {
position: absolute;
left: 60px;
top: 15px;
width: 150px;
height: 50px;
}
}
@media screen and (min-width: 601px) {
#eredivisie60 {
position: absolute;
left: 105px; top: 10px;
width: 179px; height: 50px;
}
}
@media screen and (max-width: 600px) {
.hoofdsponsor {
position: absolute;
right: 15px;
top: 15px;
width: 179px;
height: 50px;
}
}
@media screen and (min-width: 601px) {
.hoofdsponsor {
position: absolute;
right: 5px; top: 10px;
width: 179px; height: 50px;
}
}
/*NAVIGATIE*/
nav{position: absolute; z-index: 3; left: 130px; top: 75px;}
nav.standaard{position: absolute; z-index: 3; left: 130px; top: 75px;}
nav.mobiel{display: none;}
#mijn-heerenveen {
width: 130px;
height: 19px;
background: url(../images/mijn-heerenveen.png);
position: absolute; top: 114px; right: 49px;
}
/* ENGELS/SPAANS */
a#flag, a#vlag, a#flag-spain{
float: left; display: inline; overflow: hidden;
position: absolute; right: 10px; top: 114px;
width: 28px; height: 18px; text-indent: -999px;
background: url("../images/flag.jpg");
}
a#vlag{
background: url("../images/vlag.jpg");
/*right: 15px; top: 80px;*/
}
a#flag-spain{
background: url("../images/flag-spain.png");
right: 45px;
}
a#friesevlag {
display: none;
}
/*a#friesevlag {
background: url("../images/fries.png");
right: 45px;
}*/
a#flag:hover, a#vlag:hover, a#flag-spain:hover{
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity = 80);
}
/*MENU*/
ul.dropdown{
position: relative;
}
ul.dropdown li{
font-weight: bold;
float: left; zoom: 1;
height: 29px;
background: url("../images/menuBg.jpg") left top no-repeat;
}
ul.dropdown li:first-child{
background-image: none;
}
ul.dropdown li.hover, ul.dropdown li:hover,
ul.dropdown li.selected:hover, ul.dropdown li.selected.hover{
background: url("../images/menuBg.jpg") left -50px;
color: #243a70; position: relative;
}
ul.dropdown li a{
display: block;
font: 19px/27px "din-condensed-web-1","din-condensed-web-2", Arial, sans-serif;
height: 29px; padding: 0 7px; /*padding: 0 12px; Tijdelijk 8px door ruimtegebrek*/
border-right: 1px solid #334a90;
color: #e4e4e4; text-decoration: none;
}
ul.dropdown li.selected{background: #1c294b;}
ul.dropdown li.selected a{color: #fff; }
ul.dropdown li a:hover, ul.dropdown li a:active,
ul.dropdown li.hover a{
color: #243a70;
}
ul.dropdown li.hover a, ul.dropdown li:hover a{
color: #243a70;
}
ul.dropdown li.golden a {
color: #d8a65f;
}
ul.dropdown li.golden:hover a {
color: #d8a65f !important;
}
ul.dropdown li.golden.selected a {
color: #d8a65f !important;
}
/*SUBMENU*/
ul.dropdown ul{
width: 200px; visibility: hidden;
position: absolute; top: 100%; left: 0;
background: #fff url("../images/bgSubmenu.jpg") repeat-x;
box-shadow: 3px 3px 7px rgba(0,0,0,0.4);
}
html.ie7 ul.dropdown ul,
html.ie8 ul.dropdown ul{
left: -1px;
border: 1px solid #999;
border-top: 0;
}
ul.dropdown li.right ul{left: auto; right: 1px;}
html.ie7 ul.dropdown li.right ul,
html.ie8 ul.dropdown li.right ul{
right: 0; left: auto;
}
ul.dropdown ul li{
float: none; text-align: left;
background: transparent;
color: #fff; height: auto;
border-top: 1px solid #d8d8d8;
}
ul.dropdown ul li:first-child{border-top: 0;}
ul.dropdown ul li:last-child,
ul.dropdown ul,
ul.dropdown li:hover li:last-child:hover a{
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-o-border-radius-bottom-right: 5px;
-o-border-radius-bottom-left-radius: 5px;
-ms-border-radius-bottom-right: 5px;
-ms-border-radius-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
ul.dropdown ul li a{
min-height: 18px; height: auto; font: bold 12px/22px Arial, sans-serif;
color: #999 !important;
padding: 5px 12px; width: 176px !important;
}
ul.dropdown li.hover li.hover a,
ul.dropdown li:hover li:hover a,
ul.dropdown li.hover li.selected.hover a,
ul.dropdown li.hover li.selected:hover a,
ul.dropdown li.hover li.selected a:hover{
background-image: none; background: #fff;
color: #666 !important;
}
ul.dropdown li.hover li.selected a{
background: #fff; background-image: none;
color: #1c294b !important;
}
/*NO SUBS*/
ul.dropdown li.noSub ul{
display: none !important;
}
/*VERTICAL*/
ul.dropdown li.vertical ul{
background: #fff url("../images/bgSubmenu.jpg") left 28px repeat-x;
border: 0 !important;
}
html.ie7 ul.dropdown li.vertical ul,
html.ie8 ul.dropdown li.vertical ul{
border: 1px solid #999 !important;
border-top: 0 !important;
}
html.ie7 ul.dropdown li.vertical ul ul,
html.ie8 ul.dropdown li.vertical ul ul {
border: 0 !important;
}
ul.dropdown li.vertical ul.menu-1{width: 200px;}
ul.dropdown li.vertical ul.menu-2{width: 401px;}
ul.dropdown li.vertical ul.menu-3{width: 602px; left: -201px;}
ul.dropdown li.vertical ul.menu-4{width: 903px; left: -402px;}
html.ie8 ul.dropdown li.vertical ul.menu-1, html.ie7 ul.dropdown li.vertical ul.menu-1{width: 200px;}
html.ie8 ul.dropdown li.vertical ul.menu-2, html.ie7 ul.dropdown li.vertical ul.menu-2{width: 402px;}
html.ie8 ul.dropdown li.vertical ul.menu-3, html.ie7 ul.dropdown li.vertical ul.menu-3{width: 603px;}
html.ie8 ul.dropdown li.vertical ul.menu-4, html.ie7 ul.dropdown li.vertical ul.menu-4{width: 904px;}
ul.dropdown li.vertical ul li{
float: left; display: block; border: 0;
width: 200px; border-right: 1px solid #d8d8d8;
background: red !important;
}
ul.dropdown li.vertical ul li:last-child{
border: 0;
}
ul.dropdown li.vertical ul li a,
ul.dropdown li.vertical ul li.hover a,
ul.dropdown li.vertical ul li:hover a,
ul.dropdown li.vertical ul li.selected a{
color: #243a70 !important;
float: left; display: inline; width: 200px;
background-image: none !important;
border-bottom: 1px solid #d8d8d8;
}
ul.dropdown li.vertical ul li.selected:hover a{
color: #243a70 !important;
}
ul.dropdown li.vertical ul li:first-child a{
float: left; display: inline;
width: 200px;
}
ul.dropdown li.vertical.hover ul ul {
position: static;
display: inline; visibility: visible !important;
}
ul.dropdown li.vertical.hover ul ul li {
float: none; margin: 0;
}
ul.dropdown li.vertical.hover ul li:first-child ul li:last-child a{border: 0;}
ul.dropdown li.vertical.hover ul ul li a{
font: bold 12px/16px Arial, sans-serif;
color: #999 !important;
padding: 4px 12px 3px; width: 176px !important;
border-bottom: 1px solid #d8d8d8;
}
ul.dropdown li.vertical ul li.selected:hover li a{
color: #999 !important;
}
ul.dropdown li.vertical.hover ul ul li a:hover,
ul.dropdown li.vertical ul li.selected:hover li a:hover{
background: transparent !important;
color: #666 !important;
}
ul.dropdown li.vertical.hover ul ul li.selected a{
color: #0168af !important;
}
ul.dropdown li.vertical ul li,
ul.dropdown li.vertical ul li a,
ul.dropdown li.vertical:hover li:hover a{
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
background-color: transparent !important;
background-image: none !important;
}
ul.dropdown li.vertical.hover ul li:first-child,
ul.dropdown li.vertical.hover ul li:first-child ul li:last-child a{
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-o-border-radius-bottom-left-radius: 5px;
-ms-border-radius-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
}
ul.dropdown li.vertical.hover ul li:last-child,
ul.dropdown li.vertical.hover ul li:last-child ul li:last-child a{
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-o-border-radius-bottom-right-radius: 5px;
-ms-border-radius-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
}
/* THIRD LEVEL */
ul.dropdown ul ul { left: 100%; top: -1px; border: 1px solid #d8d8d8; border-bottom: 0;}
html.ie7 ul.dropdown ul ul,
html.ie8 ul.dropdown ul ul{
left: 100%; top: -1px;
border: 1px solid #999;
}
ul.dropdown li.right ul ul{left: auto; right: 100%; box-shadow: -3px 3px 7px rgba(0,0,0,0.4);}
html.ie7 ul.dropdown li.right ul ul,
html.ie8 ul.dropdown li.right ul ul{
right: 100%; left: auto;
}
ul.dropdown li:hover > ul { visibility: visible; }
ul.dropdown ul ul li { border: 0; border-bottom: 1px solid #d8d8d8;}
ul.dropdown ul ul li a { font: bold 11px/16px Arial, sans-serif;
background-color: #fff !important;}
ul.dropdown ul ul li a:hover { background-color: #fff !important;}
/*ul.dropdown ul ul { display: none;}*/
ul.dropdown li.hover li.hover li a,
ul.dropdown li:hover li:hover li a,
ul.dropdown li.hover li.selected.hover li a,
ul.dropdown li.hover li.selected:hover li a{
color: #999 !important;
}
ul.dropdown li.hover li.hover li a:hover,
ul.dropdown li:hover li:hover li a:hover,
ul.dropdown li.hover li.selected.hover li a:hover,
ul.dropdown li.hover li.selected:hover li a:hover{
color: #666 !important;
}
ul.dropdown li.hover li.hover li.selected a,
ul.dropdown li:hover li:hover li.selected a{
color: #1c294b !important;
}
ul.dropdown ul ul,
ul.dropdown ul ul li,
ul.dropdown ul ul li:last-child,
ul.dropdown li:hover li li:last-child:hover a{
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
/*IE*/
ul.dropdown ul li a{border-right: none; width: 100%; display: inline-block;} /*IE6&7*/
/*body.ie ul.dropdown ul li{display: inline; width: 100%;}*/
html.ie7 ul.dropdown li.vertical.hover ul ul li{float: left; display: inline;}
/*BREADCRUMB*/
div#breadcrumb{
position: absolute; z-index: 2; left: 130px; bottom: 4px;
font: 11px/18px Arial, sans-serif;
color: #b0b0b0;
}
div#breadcrumb a, a#uitloggen{
color: #b0b0b0; text-decoration: none;
}
div#breadcrumb a:hover,
div#breadcrumb a:active,
a#uitloggen:hover,
a#uitloggen:active{
color: #b0b0b0; text-decoration: underline;
}
div#breadcrumb span{
margin: 0 2px;
}
div#breadcrumb span.home { margin: 0; }
a#uitloggen{
position: absolute; z-index: 2; right: 0; bottom: 4px;
font: 11px/18px Arial, sans-serif;
}
/*HOOFDSPONSOR*/
div#hoofdsponsor{
position: absolute; right: 0; top: 8px;
}
/*SCHADUW*/
div#schaduw{
display: none;
position: absolute; z-index: 0; right: -10px; top: 75px;
height: 39px; width: 10px;
background: url("../images/headerBgShadow.png");
}
/*SITE*/
div#site{
position: relative;
float: left; display: block;
width: 100%; min-height: 100%;
}
div#container{
width:950px; margin:0 auto 0;
}
div#wrapper{
float:left; display: inline;
width:100%;
}
#template3 div#wrapper {
float: none;
}
/*HOMEPAGE*/
body#home div#content{
position: relative;
}
body#home div.content{
float: left; display: inline;
width: 468px;
}
body#home article{
float: left; display: inline;
width: 448px; margin: 0 0 10px;
}
body#home div#slideshow{
float:left; display: inline; overflow: hidden;
width: 820px; border: 0 !important; padding: 0 !important;
background: #fff;
}
body#home div#slideshow img{
float: left; display: block; margin: 0;
}
body#home .slideshow--feanatic {
float: left;
display: inline;
overflow: hidden;
width: 820px;
border: 0 !important;
padding: 0 !important;
background: #fff;
margin: 0 0 10px;
}
body#home aside#sidebar1{
float: left; display: inline;
width: 340px; margin: 0 0 0 10px;
}
body#home aside#sidebar2{
position: absolute; right: 0; top: 0;
float:right; display: inline;
width:120px;
}
body#home div#content div#bottom{
clear: left; float: left; width: 468px;}
/*TEMPLATE1*/
body#template1 div#content{
margin-right: 480px;
}
body#template1 div#sidebarBox{
float:right; display: inline;
width:470px; margin: 0 auto 0 -470px;
overflow: hidden;
}
body#template1 aside#sidebar{float:right; display: inline; width:470px; margin: 0;}
body#template1 aside#sidebar1{float:left; display: inline; width:260px; min-height: 10px; margin: 0 10px 0 0;}
body#template1 aside#sidebar2{float:left; display: inline; width:200px; margin: 0;}
body#template1 aside#sidebar3{clear: both; float:left; display: inline; width:470px; margin: 0;}
/*TEMPLATE2*/
body#template2 div#content{
margin: 0 210px;
}
body#template2.scc div#content { width: 735px; }
body#template2 aside#sidebar1{
float:left; display: inline;
width:200px; margin-left: -950px;
}
body#template2 aside#sidebar2{
float:left; display: inline;
width:200px; margin-left: -200px;
}
/*ELC*/
body#elc div#container{width: 960px;}
body#elc div#content{
margin-right: 128px;
}
body#elc div#contentRight{
margin-left: 128px;
}
body#elc div#content iframe,
body#elc div#contentRight iframe{
position: relative; left: -10px;}
body#elc aside#sidebar1{
float:right; display: inline;
width:120px; margin-left:-120px;
}
body#elc aside#sidebar2{
float:left; display: inline;
width:120px; margin-left:-960px;
}
/*FOOTER*/
div#footerContainer{
position: relative; bottom: 0; left: 0;
width: 100%; height: 260px;}
footer{
position: relative; clear:both; overflow: hidden;
width:100%; height: 260px;
}
div#businessPartners, div#suppliers, div#connectedpartner, div#internetpartner, div#maatschappelijkpartners, div#travelpartner, div#cateringpartner, div#itpartner {
position: absolute; left: 50%; top: 10px; z-index: 2;
width: 830px; height: 70px; margin-left: -475px;
padding: 5px 0 0 10px;
background: #fff; background: rgba(255,255,255,0.8);
font: 16px/14px "din-condensed-web-1","din-condensed-web-2", Arial, sans-serif;
color: #0168af;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
}
div#maatschappelijkpartners{
top: 15px; z-index: 2;
width: 930px; height: 65px; margin-left: -475px;
padding: 5px 10px 0;
}
div#suppliers{
top: 100px; z-index: 2;
width: 435px; height: 65px; margin-left: -475px;
padding: 5px 10px 0;
}
div#internetpartner{
z-index: 2;
padding: 5px 0 0 10px;
width: 95px; margin-left: 370px;
}
div#connectedpartner{
top: 100px; z-index: 2;
padding: 5px 0 0 10px;
width: 108px; height: 65px; margin-left: 127px;
}
div#kika {
top: 100px; right: 0;
width: 110px; height: 65px;
padding: 5px 0 0 10px;
background: #808080;
border-radius: 10px;
}
div#travelpartner {
top: 100px;
width: 127px;
height: 64px;
margin-left: -15px;
}
div#cateringpartner {
margin-left: 250px;
width: 105px;
height: 65px;
top: 100px;
}
div#itpartner {
margin-left: 370px;
width: 95px;
height: 65px;
top: 100px;
}
div#kika:hover {background: #ed7400;}
html.ie div#businessPartners,
html.ie div#suppliers,
html.ie div#internetpartner,
html.ie div#connectedpartner,
html.ie div#kika {
background: transparent url("../images/footerBusinessPartners.png");
}
div#bpBlok1{
float: left; display: inline; overflow: hidden;
width: 820px; margin: 4px 10px 0;
}
div#bpBlok2{
float: right; display: inline;
width: 90px; margin: 4px 10px 0;
}
div#businessPartners ul,
div#suppliers ul,
div#maatschappelijkpartners ul,
div#internetpartner ul,
div#connectedpartner ul,
div#kika ul,
div#travelpartner ul,
div#cateringpartner ul,
div#itpartner ul{
margin: 6px 0 0;
}
div#kika ul { margin: 0; }
div#businessPartners ul li, div#suppliers ul li, div#connectedpartner ul li, div#internetpartner ul li, div#maatschappelijkpartners ul li,div#kika ul li, div#travelpartner ul li, div#cateringpartner ul li, div#itpartner ul li {
float: left; display: inline;
list-style: none;
height: 36px; margin: 0 10px 0 0;
}
div#businessPartners ul li a,
div#suppliers ul li a,
div#internetpartner ul li a,
div#connectedpartner ul li a,
div#kika ul li a,
div#travelpartner ul li a,
div#cateringpartner ul li a,
div#itpartner ul li a{
float: left; display: inline;
list-style: none;
height: 40px;
background: url("../images/businesspartners2019.png") no-repeat;
}
div#businessPartners ul li.acconavm a{ width: 99px; background-position: left top;}
div#businessPartners ul li.amstel a{ width: 108px; background-position: -1064px top;}
div#businessPartners ul li.bavaria a{ width: 78px; background-position: -107px top;}
div#businessPartners ul li.c1000 a{ width: 116px; background-position: -939px top;}
div#businessPartners ul li.frieslandbank a{ width: 94px; background-position: -238px top;}
div#businessPartners ul li.jako a{ width: 102px; background-position: -342px top;}
div#businessPartners ul li.kras a{ width: 110px; background-position: -452px top;}
div#businessPartners ul li.mth a{ width: 94px; background-position: -1184px top;}
div#businessPartners ul li.rabobank a{ width: 115px; background-position: -575px top;}
div#businessPartners ul li.ruitenheer a{ width: 98px; background-position: -1449px top;}
div#businessPartners ul li.koopmans a{ width: 53px; background-position: -1842px top;}
div#businessPartners ul li.vanwijnen a{ width: 121px; background-position: -696px top;}
div#businessPartners ul li.unive a{ height: 39px; width: 110px; background-position: -825px top;}
div#businessPartners ul li.kroonleverworst a{ height: 39px; width: 160px; background-position: -1287px 2px;}
div#businessPartners ul li.thltravel a{ height: 39px; width: 160px; background-position: -1287px 2px;}
div#businessPartners ul li.acconavm a:hover{ width: 99px; background-position: left -40px;}
div#businessPartners ul li.amstel a:hover{ width: 108px; background-position: -1064px -40px;}
div#businessPartners ul li.bavaria a:hover{ width: 78px; background-position: -107px -40px;}
div#businessPartners ul li.c1000 a:hover{ width: 116px; background-position: -939px -40px;}
div#businessPartners ul li.frieslandbank a:hover{ width: 94px; background-position: -238px -40px;}
div#businessPartners ul li.jako a:hover{ width: 102px; background-position: -342px -40px;}
div#businessPartners ul li.kras a:hover{ width: 110px; background-position: -452px -40px;}
div#businessPartners ul li.mth a:hover{ width: 94px; background-position: -1184px -40px;}
div#businessPartners ul li.rabobank a:hover{ width: 115px; background-position: -575px -40px;}
div#businessPartners ul li.ruitenheer a:hover{ width: 98px; background-position: -1449px -40px;}
div#businessPartners ul li.koopmans a:hover{ width: 53px; background-position: -1842px -39px;}
div#businessPartners ul li.vanwijnen a:hover{ width: 121px; background-position: -696px -40px;}
div#businessPartners ul li.unive a:hover{ height: 39px; width: 110px; background-position: -825px -40px;}
div#businessPartners ul li.kroonleverworst a:hover{ height: 39px; width: 160px; background-position: -1287px -39px;}
div#businessPartners ul li.thltravel a:hover{ height: 39px; width: 160px; background-position: -1287px -39px;}
div#businessPartners ul li.groenleven a { background: url("../images/groenleven-bp-zw.png") no-repeat; width: 125px; margin: 0 4px; height: 35px; background-size: 100%;}
div#businessPartners ul li.groenleven a:hover { background: url("../images/groenleven-bp.png") no-repeat; width: 125px; margin: 0 4px; height: 35px; background-size: 100%;}
/* div#businessPartners ul li.groenleven a:hover { background: url("../images/groenleven-bp.png") no-repeat; width: 143px; margin: 0 4px; height: 40px; background-size: 100%; } */
div#suppliers ul li { margin: 0 6px 0 0; position: relative; top: -3px;}
div#suppliers ul li.vepa { margin: 0;}
div#suppliers ul li a { border: 0; height: 34px; background: url("../images/partners-2019-2020.png") no-repeat;}
div#suppliers ul li.bos a { width: 32px; background-position: -750px top;}
div#suppliers ul li.boso a{ width: 63px; background-position: left top;}
div#suppliers ul li.caparis a{ width: 71px; background-position: -62px top;}
div#suppliers ul li.cocacola a{ width: 68px; background-position: -141px top;}
div#suppliers ul li.frieslandlease a{ width: 65px; background-position: -218px top;}
div#suppliers ul li.vandenbrug a{ width: 78px; background-position: -299px top;}
div#suppliers ul li.leeuwardercourant a{ width: 108px; background-position: -383px top;}
div#suppliers ul li.promotex a{ width: 76px; background-position: -495px top;}
div#suppliers ul li.simpel a{ width: 27px; background-position: -719px top;}
div#suppliers ul li.vepa a{ width: 65px; background-position: -576px top;}
div#suppliers ul li.hvr a{ width: 75px; background-position: -787px -2px;}
div#suppliers ul li.mascot a{ width: 75px; background-position: -872px -3px;}
div#suppliers ul li.bos a:hover{ width: 32px; background-position: -752px -38px;}
div#suppliers ul li.boso a:hover{ width: 63px; background-position: left -42px;}
div#suppliers ul li.caparis a:hover{ width: 71px; background-position: -62px -42px;}
div#suppliers ul li.cocacola a:hover{ width: 68px; background-position: -141px -42px;}
div#suppliers ul li.frieslandlease a:hover{ width: 65px; background-position: -218px -42px;}
div#suppliers ul li.vandenbrug a:hover{ width: 78px; background-position: -299px -42px;}
div#suppliers ul li.leeuwardercourant a:hover{ width: 108px; background-position: -383px -42px;}
div#suppliers ul li.simpel a:hover{ width: 27px; background-position: -719px -42px;}
div#suppliers ul li.promotex a:hover{ width: 76px; background-position: -495px -42px;}
div#suppliers ul li.vepa a:hover{ width: 65px; background-position: -576px -42px;}
div#suppliers ul li.hvr a:hover{ width: 75px; background-position: -787px -42px;}
div#suppliers ul li.mascot a:hover{ width: 75px; background-position: -872px -42px;}
div#suppliers ul li.vandeynen a { background: url("../images/van-deynen-bw.png") no-repeat; width: 95px; margin: 0 3px; height: 35px; background-size: 100%;}
div#suppliers ul li.vandeynen a:hover { background: url("../images/van-deynen-kl.png") no-repeat; width: 95px; margin: 0 3px; height: 35px; background-size: 100%;}
div#suppliers.kids ul li { margin-right: 20px; top: 0; }
div#suppliers.kids ul li a { background-image: url("../images/kidsPartners.png") }
div#suppliers.kids ul li.rabobank a { width: 116px; background-position: 0 0; }
div#suppliers.kids ul li.rabobank a:hover { background-position: 0 -40px; }
div#suppliers.kids ul li.unive a { width: 110px; background-position: -116px 0; }
div#suppliers.kids ul li.unive a:hover { background-position: -116px -40px; }
div#suppliers.kids ul li.c1000 a { width: 120px; background-position: -228px 0; }
div#suppliers.kids ul li.c1000 a:hover { background-position: -228px -40px; }
div#suppliers.kids ul li.promotex a { width: 80px; background-position: -360px 0; }
div#suppliers.kids ul li.promotex a:hover { background-position: -360px -42px; }
div#suppliers.kids ul li.kika a { width: 55px; background-position: -455px 0; }
div#suppliers.kids ul li.kika a:hover { background-position: -455px -40px; }
div#suppliers.kids ul li.bios a { width: 55px; background-position: -512px 0; }
div#suppliers.kids ul li.bios a:hover { background-position: -512px -40px; }
div#suppliers.kids ul li.arriva a { width: 93px; background-position: -569px 0; }
div#suppliers.kids ul li.arriva a:hover { background-position: -569px -41px; }
div#internetpartner ul li.tres a{ border: 0; height: 34px; margin-left: 5px; width: 80px; background: url("../images/tres.png") no-repeat 0 -31px;}
div#internetpartner ul li.tres a:hover{ width: 80px; background: url("../images/tres.png") no-repeat 0 1px;}
div#connectedpartner ul li.stadiumconnected a{ background: url("../images/businesspartners2019.png") no-repeat; width: 65px; background-position: -1633px 1px; margin: 0 20px;}
div#connectedpartner ul li.stadiumconnected a:hover{ width: 65px; background-position: -1633px -38px;}
div#travelpartner ul li.thltravel a { background: url("../images/businesspartners2019.png") no-repeat; width: 120px; background-position: -1706px 1px;}
div#travelpartner ul li.thltravel a:hover { background-position: -1706px -39px; }
div#cateringpartner ul li.beijk a { background: url("../images/beijk-zw.png") no-repeat; width: 58px; margin: 0 18px; height: 55px; background-size: 100%;}
div#cateringpartner ul li.beijk a:hover { background: url("../images/beijk.png") no-repeat; width: 58px; margin: 0 18px; height: 55px; background-size: 100%; }
div#itpartner ul li.viadata a { background: url("../images/viadata-zwart.png") no-repeat; width: 80px; margin: 0 3px; height: 35px; background-size: 100%;}
div#itpartner ul li.viadata a:hover { background: url("../images/viadata-kleur.png") no-repeat; width: 80px; margin: 0 3px; height: 35px; background-size: 100%; }
div#kika ul li.kika a{ border: 0; height: 61px; margin-left: 4px; width: 90px; background: url("../images/kika_logo.png") 0 -63px no-repeat;}
div#kika:hover ul li.kika a{ background: url("../images/kika_logo.png") no-repeat 0 0;}
div#maatschappelijkpartners ul li a{
float: left; display: inline;
list-style: none;
height: 40px;
background: url("../images/maatschappelijk_2016.png") no-repeat;
}
div#maatschappelijkpartners ul li.caparis a{ width: 56px; background-position: left top;}
div#maatschappelijkpartners ul li.foppefonds a{ width: 90px; background-position: -74px top;}
div#maatschappelijkpartners ul li.gemeenteheerenveen a{ width: 95px; background-position: -180px top;}
div#maatschappelijkpartners ul li.kika a{ width: 47px; background-position: -290px top;}
div#maatschappelijkpartners ul li.sportfryslan a{ width: 57px; background-position: -351px top;}
div#maatschappelijkpartners ul li.sportstad a{ width: 70px; background-position: -424px top;}
div#maatschappelijkpartners ul li.tjongerschans a{ width: 115px; background-position: -511px top;}
div#maatschappelijkpartners ul li.rocfriesepoort a { width: 90px; background-position: -637px top;}
div#maatschappelijkpartners ul li.frieslandcollege a { width: 77px; background-position: -746px top;}
div#maatschappelijkpartners ul li.mindup a { width: 78px; background-position: -875px top;}
div#maatschappelijkpartners ul li.wil a { width: 34px; background-position: -837px top;}
div#maatschappelijkpartners ul li.caparis a:hover{ width: 56px; background-position: left -43px;}
div#maatschappelijkpartners ul li.foppefonds a:hover{ width: 90px; background-position: -74px -43px;}
div#maatschappelijkpartners ul li.gemeenteheerenveen a:hover{ width: 95px; background-position: -180px -43px;}
div#maatschappelijkpartners ul li.kika a:hover{ width: 47px; background-position: -290px -43px;}
div#maatschappelijkpartners ul li.sportfryslan a:hover{ width: 57px; background-position: -351px -43px;}
div#maatschappelijkpartners ul li.sportstad a:hover{ width: 70px; background-position: -424px -43px;}
div#maatschappelijkpartners ul li.tjongerschans a:hover{ width: 115px; background-position: -511px -43px;}
div#maatschappelijkpartners ul li.rocfriesepoort a:hover { width: 90px; background-position: -637px -43px;}
div#maatschappelijkpartners ul li.frieslandcollege a:hover { width: 77px; background-position: -746px -49px;}
div#maatschappelijkpartners ul li.mindup a:hover { width: 78px; background-position: -875px -51px;}
div#maatschappelijkpartners ul li.wil a:hover { width: 34px; background-position: -837px -45px;}
div#footerSocial{
position: absolute; left: 50%; bottom: 30px; z-index: 2;
width: 160px; height: 35px; margin-left: -65px;
}
div#footerSocial ul{
float: left; display: inline;
width: 160px; height: 32px;
}
div#footerSocial ul li{
float: left; display: inline;
width: 31px; height: 32px;
}
div#footerSocial ul li.youtube{
width: 35px;
}
div#footerSocial ul li a{
display: block; overflow: hidden;
height: 32px;
text-indent: -999px;
/*background: url("../images/footerSocial.png")*/
}
div#footerSocial ul li.twitter a{ background: url("../images/social/twitter.png") no-repeat;}
div#footerSocial ul li.facebook a{ background: url("../images/social/facebook.png") no-repeat;}
div#footerSocial ul li.instagram a{ background: url("../images/social/instagram.png") no-repeat;}
div#footerSocial ul li.youtube a{ background: url("../images/social/youtube.png") no-repeat;}
div#footerSocial ul li.rss a{ background: url("../images/social/rss.png") no-repeat;}
/*
div#footerSocial ul li.youtube a{ background-position: left top;}
div#footerSocial ul li.instagram a{ background-position: -35px top;}
div#footerSocial ul li.twitter a{ background-position: -66px top;}
div#footerSocial ul li.rss a{ background-position: -97px top;}
div#footerSocial ul li.facebook a{ background-position: -129px top;}
div#footerSocial ul li.youtube a:hover{ background-position: left -35px;}
div#footerSocial ul li.instagram a:hover{ background-position: -35px -35px;}
div#footerSocial ul li.twitter a:hover{ background-position: -66px -35px;}
div#footerSocial ul li.rss a:hover{ background-position: -97px -35px;}
div#footerSocial ul li.facebook a:hover{ background-position: -129px -35px;}
*/
div#footerMenu{
position: absolute; left: 50%; bottom: 5px; z-index: 2;
width: 950px; height: 18px; margin-left: -475px;
font: normal 11px/18px Arial, sans-serif; color: #dfdfdf;
text-align: center;
}
div#footerMenu a { color: #dfdfdf; text-decoration: none;}
div#footerMenu a:hover { color: #dfdfdf; text-decoration: underline;}
/*HEADERdiv#footerGras{
position: absolute; left: 0; bottom: 0; z-index: 1;
width:100%; height: 210px;
background: url("../images/footerBg.png") 50% bottom repeat-x;
}*/
div#footerBal{
position: absolute; left: 50%; bottom: 0; z-index: 0;
margin-left: 320px; width:187px; height: 190px;
background: url("../images/footerBall.png") 50% no-repeat;
display: none;
}
/*CONTENT
**************************************************/
section, article, div#slideshow, #kikaMeter {
background: #fff; overflow: hidden;
background: rgba(255,255,255,0.9);
border: 1px solid #ccced4;
margin: 0 0 10px; padding: 10px 10px 0;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
-webkit-background-clip: padding-box;
}
div#slideshow{padding: 0;}
html.ie7 section, html.ie7 article{padding-bottom: 10px;}
section.banner{
text-align: center;
/*
background: transparent;
border: 0; padding: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
*/
}
section.banner * {
max-width: 100%;
}
section.banner img.banner,
section img.banner {
margin-bottom: 10px;
}
section.banner div[id^="div-gpt-ad-"] {
margin-bottom: 10px;
}
/*TYPOGRAFIE & AFBEELDINGEN
**************************************************/
body{
font: normal 12px/18px Arial, sans-serif;
color: #222;
}
strong { color: #000; font-weight: bold}
em { font-style: italic;}
small { font-size: 80%}
/*TITELS*/
h1, h2, h3, h4, h5, h6{
color: #0168af; letter-spacing: -0.05em;
font: 24px/24px "din-condensed-web-1","din-condensed-web-2", Arial, sans-serif;
margin: 0 0 10px;
}
h2{ font-size: 22px; line-height: 22px; margin: 0 0 5px}
h3{ font-size: 20px; line-height: 20px;}
h4{ font-size: 18px; line-height: 18px;}
h5{ font-size: 16px; line-height: 16px;}
div#speler{width: 100%; text-align: center;}
div#speler h1{position: relative; top: -3px; margin: 0; font-size: 48px; line-height: 48px;}
/*LINKS*/
a{color: #0168af;}
a:hover, a:active{text-decoration: none;}
a.cta, a.ctaSmall{
float: left; display: inline;
color: white !important;
background: #253a71 url("../images/ctaBg.png") 50% repeat-x;
font: 18px/31px "din-condensed-web-1","din-condensed-web-2", Arial, sans-serif;
white-space: nowrap; text-decoration: none; /*text-transform: uppercase;*/
padding: 0 10px; margin: 0 0 2px; color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
text-align: left;
}
a.cta.right, a.ctaSmall.right{
float: right;
color: white !important;
}
body#home aside#sidebar2 a.cta, body#template2 aside a.cta{
position: relative; top: 5px;
width: 100px; text-align: left;
/*font: 15px/25px "din-condensed-web-1","din-condensed-web-2", Arial, sans-serif;*/
/*text-transform: none;*/
padding: 0 0 0 10px;
}
body#template2 aside a.cta{
width: 168px;}
a.ctaSmall{
float: none; display: inline-block;
font: 15px/25px "din-condensed-web-1","din-condensed-web-2", Arial, sans-serif;
text-transform: none;
}
a.ctaSmall.fullWidth {display: block;}
a.cta:hover,
a.ctaSmall:hover{
background-color: #0168af;
box-shadow: 0 0 8px rgba(0,0,0,0.3);
}
/*PARAGRAAF*/
p{ margin: 0 0 15px;}
strong{font-weight: bold;}
span.title {
color: #0168AF;
}
.title.title--center {
text-align: center;
}
p.right {
text-align: right;
}
/*TWEETS*/
ul.tweet_list{
margin: 0;
list-style: none;}
ul.tweet_list li{
float: left; display: block; clear: left;
margin: 0 0 15px; padding: 0 0 0 22px;
background: url("../images/twitterBird.png") -4px 1px no-repeat !important}
html.ie7 ul.tweet_list li{width: 90%;}
ul.tweet_list li a.tweet_user{ text-decoration: none; font-weight: bold;}
ul.tweet_list li a.tweet_user:hover{ text-decoration: underline;}
ul.tweet_list li span.tweet_text a{font-weight: normal; color: #999; word-wrap: break-word}
ul.tweet_list li span.tweet_time{}
ul.tweet_list li span.tweet_time a{ font-size: 10px; font-weight: normal; text-decoration: none; color: #a8a8a8;}
body#elc ul.tweet_list {background: url("../images/twitterBirdBig.png") -4px 1px no-repeat; padding:80px 0 0;}
html.ie7 body#elc ul.tweet_list {background: none !important; padding:0;}
body#elc ul.tweet_list li{
float: left; display: inline;
text-align: left; width: 110px;
background: #fff !important; overflow: hidden;
background: rgba(255,255,255,0.9) !important;
border: 1px solid #ccced4;
margin: 0 0 5px; padding: 5px 4px !important;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
-webkit-background-clip: padding-box;
}
/*OPSOMMINGEN*/
article ul, section ul{
margin: 0 0 15px 0; padding: 0 0 0 5px;
list-style: none;
}
section ul{
padding: 0;
}
article ul li, section ul li{
padding: 0 0 10px 20px;
background: url("../images/bullet.gif") 5px 8px no-repeat;
}
section ul li{
padding: 0 0 0 12px;
background-position: left 8px;
}
article ul.nobullet li, section ul.nobullet li {
background: none; padding: 0;
}
article ol, section ol{
margin: 0 0 15px 10px; padding: 0 0 0 15px;
}
/*NIEUWS*/
ul.news { margin: 0 0 10px;}
ul.news.default { font: 12px/15px Arial, sans-serif;}
ul.news.default li{ margin: 0 0 5px; background: url("../images/bullet.gif") 0 5px no-repeat; }
ul.news.default a { text-decoration: none;}
ul.news.default a:hover { color: #000;}
article .pubDate { position: relative; top: -8px; color: #a9a9a9; font-style: italic; }
/*TABEL*/
table{
margin: 0 0 10px;
}
th, td{
text-align: left;
}
td.titel{
color: #0168af; text-transform: uppercase;
font: 18px/18px "din-condensed-web-1","din-condensed-web-2", Arial, sans-serif;
}
/*SELECTIE*/
table.selectie{
width: 100%;
border-top: 1px solid #ccced4;
color: #0168af;
}
table.selectie tr:hover td {background-color: #eee;}
section table.selectie tr:hover td{background-color: transparent}
section table.selectie tr td a{text-decoration: underline;}
section table.selectie tr td a:hover{text-decoration: none;}
table.selectie tr.head th,
table.selectie tr.head:hover th{
background-color: #0168af;
}
table.selectie th,
table.selectie td{
padding: 3px 5px;
border-bottom: 1px solid #ccced4;
}
article table.selectie td:hover {
cursor: pointer;
}
table.selectie th{
color: #fff; text-transform: uppercase; letter-spacing: -0.05em;
font: 16px/16px "din-condensed-web-1","din-condensed-web-2", Arial, sans-serif;
}
section table.selectie td span{
font-style: italic; font-size: 12px; color: #999;
}
/*SPELER*/
table#speler{
display: block;
}
table#speler td{
padding-right: 10px;
}
/*PROGRAMMA & NEWS*/
table.programma,
table.news{
width: 100%;
border-top: 1px solid #ccced4;
}
table.programma.clickable tr:hover td,
table.news tr:hover td, table.programma tr.clickable:hover td {background-color: #e5f0f7 !important; cursor: pointer; }
table.programma.clickable tr:hover td a,
table.news tr:hover td a, table.programma tr.clickable:hover td a {color: #0168AF !important; text-decoration: none;}
table.programma td.uitslag a { text-decoration: underline; }
table.programma td{white-space: nowrap}
table.programma td,
table.news td{
padding: 5px 5px;
border-bottom: 1px solid #ccced4;
vertical-align: middle;
line-height: 16px;
}
table.programma td.logo{
padding: 3px 0;
width: 20px;
}
table.programma td.logo a {
}
table.programma td img{
position: relative; top: -1px;
float: left; display: inline; margin: 0 5px 0 0;
max-width: 20px;
}
table.programma td.tijd{
width: 50px;
text-align: right;
}
table.programma td.datum { width: 100px;}
#home table.programma td a{
font-size: 11px;
}
#home table.programma td.datum a,
#home table.programma td.tijd a{
font-size: 12px;
}
table.news td.datum { vertical-align: top; width: 30px; white-space: nowrap}
.banner table.news td.datum {padding: 5px 2px 5px 0;}
.banner table.news td.link {padding: 5px 2px 5px 0; width: 70px;}
table.programma td.datum span{
float: left; display: block;
width: 20px;
}
table.programma td.datum div.datumNormaal{}
table.programma td.datum div.datumMobiel{display: none;}
/*HOME*/
body#home table.programma td{ padding: 5px 3px;}
body#home table.programma td.datum{ width: auto}
body#home table.programma td.logo{ padding: 3px 0px;}
table.news span.datum{display: block; font-size: 11px;}
table.programma tr.odd td,
table.news tr.odd td{
background-color: #eee;
}
table.programma a{
color: #222222;
text-decoration: none;
}
table.programma a:hover{
color: #0168AF;
}
html.ie8 table.programma td.datum span{ display: none; }
table.news a{
color: #0168AF;
text-decoration: none;
}
table.news a:hover{
color: #0168AF;
}
table.news td.tv{ vertical-align: top; padding: 5px 0; text-align: center;}
table.news td.tv{ font: bold 11px Verdana, Arial, sans-serif; color: #E52029 }
table.news td.tv span{color: #004A95 }
table.news.agenda .tijd, table.news.agenda .location {
color: #959595;
vertical-align: top;
}
table.nolink tr:hover td {
cursor: default !important;
}
table.historie {
width: 100% !important;
}
table.historie td{
padding: 3px 3px !important;
}
table.historie td.uitslag {
text-align: center;
width: 30px;
}
table.historie td.logo {
width: auto !important;
padding: 1px 0 0 !important;
text-align: center;
}
table.historie td.logo img{
float: none !important;
top: 0 !important;
}
table.wedstrijdLogo {
width: 100%;
margin: 0 0 20px 0;
}
table.wedstrijdLogo td {
padding: 0 20px;
}
table.wedstrijdLogo td.thuis {
text-align: right;
}
table.wedstrijdLogo td.uit {
text-align: left;
}
table.wedstrijdLogo td.uitslag {
text-align: center; vertical-align: middle;
color: #0168af; text-transform: uppercase; letter-spacing: -0.05em;
font: 24px/24px "din-condensed-web-1","din-condensed-web-2", Arial, sans-serif;
}
table.wedstrijdLogo .penalties {
text-align: center;
}
table.wedstrijdLogo .penalties h5 {
font-size: 14px;
}
table.wedstrijdMeta {
margin: 0 0 20px 0;
}
table.wedstrijdMeta td {
padding: 0 20px 0 0;
font-size: 11px;
}
table.wedstrijdMeta td.value {
padding-right: 50px;
}
table.wedstrijdMeta.jeugd {
margin: 0 auto 20px;
}
table.wedstrijdMeta.jeugd td.value {
padding-right: 0;
}
/*WEDSTRIJD TABBLADEN*/
#wedstrijdTabs {
margin: 0 0 10px 0;
}
#wedstrijdTabs div.ui-tabs-panel {
padding: 10px 0 0;
}
/*WEDSTRIJDVERLOOP*/
table.wedstrijdverloop {
width: 235px;
}
table.wedstrijdverloop td {
font-size: 11px;
padding: 0 5px 5px 0;
vertical-align: top;
}
table.wedstrijdverloop tr.wv_wissel_in td {
padding-bottom: 0;
}
table.wedstrijdverloop h5 {
margin: 5px 0;
}
table.wedstrijdverloop td.wv_type { width: 15px; }
table.wedstrijdverloop td.wv_score { padding-right: 0; }
table.wedstrijdverloop td.wv_omschrijving { width: 130px; }
table.wedstrijdverloop td.wv_omschrijving a { text-decoration: none; color: #222; }
table.wedstrijdverloop td.wv_omschrijving a:hover { color: #0168AF; }
table.wedstrijdverloop tr.goal td.wv_type { background: url("../images/wedstrijdverloop/wv_doelpunt.gif") no-repeat left 2px; }
table.wedstrijdverloop tr.wv_gelekaart td.wv_type { background: url("../images/wedstrijdverloop/wv_gelekaart.gif") no-repeat left 2px; }
table.wedstrijdverloop tr.wv_rodekaart td.wv_type { background: url("../images/wedstrijdverloop/wv_rodekaart.gif") no-repeat left 2px; }
table.wedstrijdverloop tr.wv_gelerodekaart td.wv_type { background: url("../images/wedstrijdverloop/wv_gelerodekaart.gif") no-repeat left 2px; }
table.wedstrijdverloop tr.wv_wissel_in td.wv_type { background: url("../images/wedstrijdverloop/wv_wisselIn.gif") no-repeat 4px 6px; }
table.wedstrijdverloop tr.wv_wissel_uit td.wv_type { background: url("../images/wedstrijdverloop/wv_wisselUit.gif") no-repeat 4px 2px; }
table.wedstrijdverloop tr.wv_penalty td.wv_type { background: url("../images/wedstrijdverloop/wv_penalty.gif") no-repeat 4px 2px; }
table.wedstrijdverloop tr.wv_penaltygemist td.wv_type { background: url("../images/wedstrijdverloop/wv_penaltygemist.gif") no-repeat 4px 2px; }
/*OPSTELLING*/
table.opstelling {
width: 235px;
}
table.opstelling td {
padding: 0 20px 0 5px;
font-size: 11px;
}
table.opstelling tr.hover td {
font-weight: bold;
color: #0168AF;
cursor: default;
}
div.opstellingWrapper.schThuis table.opstelling.thuis tr.hover td, div.opstellingWrapper.schUit table.opstelling.uit tr.hover td {
color: #0168AF;
}
div.opstellingWrapper.schThuis table.opstelling.uit tr.hover td, div.opstellingWrapper.schUit table.opstelling.thuis tr.hover td {
color: #d02222;
}
div.opstellingWrapper.schThuis table.opstelling.uit tr.hover td a, div.opstellingWrapper.schUit table.opstelling.thuis tr.hover td a {
cursor: default;
}
table.opstelling tr.hover a {
font-weight: bold;
}
table.opstelling td.rugnummer {
padding-right: 2px;
width: 20px;
}
table.opstelling td.wissel {
padding-right: 2px;
width: 14px;
}
table.opstelling td.minuut {
padding-right: 2px;
font-weight: normal !important;
color: black !important;
width: 20px;
}
table.opstelling tr.div td {
padding-bottom: 2px;
border-bottom: 1px solid #cecece;
}
div.opstellingWrapper {
}
div.opstelling {
width: 238px; height: 148px;
background: url("../images/veld.png") left top no-repeat;
position: relative;
margin: 0 0 10px 0;
}
div.opstelling div.speler {
width: 26px; height: 26px;
font-weight: bold; font-size: 10px;
line-height: 26px;
text-align: center;
color: white;
position: absolute;
cursor: default;
background: url("../images/opstelling.png") left top no-repeat;
}
div.opstellingWrapper a {
text-decoration: none;
}
div.opstellingWrapper div.speler a {
color: white;
}
div.opstellingWrapper.schThuis div.opstelling.thuis div.speler { background-position: left top; cursor: pointer; }
div.opstellingWrapper.schUit div.opstelling.thuis div.speler { background-position: left bottom; }
div.opstellingWrapper.schUit div.opstelling.thuis div.speler a { cursor: default; }
div.opstellingWrapper.schThuis div.opstelling.uit div.speler { background-position: left bottom; }
div.opstellingWrapper.schThuis div.opstelling.uit div.speler a { cursor: default; }
div.opstellingWrapper.schUit div.opstelling.uit div.speler { background-position: left top; cursor: pointer; }
div.opstellingWrapper.schThuis div.opstelling.thuis div.speler.hover { background-position: right top; }
div.opstellingWrapper.schUit div.opstelling.thuis div.speler.hover { background-position: right bottom; }
div.opstellingWrapper.schThuis div.opstelling.uit div.speler.hover { background-position: right bottom; }
div.opstellingWrapper.schUit div.opstelling.uit div.speler.hover { background-position: right top; }
div.opstelling.thuis div.keeper { left: 2px; }
div.opstelling.thuis div.verdediger { left: 50px; }
div.opstelling.thuis div.middenvelder { left: 117px; }
div.opstelling.thuis div.aanvaller { left: 180px; }
div.opstelling.thuis div.linie_1.speler_1 { top: 61px; }
div.opstelling.thuis div.linie_2.speler_2 { top: 44px; }
div.opstelling.thuis div.linie_2.speler_1 { top: 76px; }
div.opstelling.thuis div.linie_3.speler_3 { top: 29px; }
div.opstelling.thuis div.linie_3.speler_2 { top: 61px; }
div.opstelling.thuis div.linie_3.speler_1 { top: 93px; }
div.opstelling.thuis div.linie_4.speler_4 { top: 12px; }
div.opstelling.thuis div.linie_4.speler_3 { top: 44px; }
div.opstelling.thuis div.linie_4.speler_2 { top: 76px; }
div.opstelling.thuis div.linie_4.speler_1 { top: 108px; }
div.opstelling.thuis div.linie_5.speler_5 { top: 5px; }
div.opstelling.thuis div.linie_5.speler_4 { top: 33px; }
div.opstelling.thuis div.linie_5.speler_3 { top: 61px; }
div.opstelling.thuis div.linie_5.speler_2 { top: 88px; }
div.opstelling.thuis div.linie_5.speler_1 { top: 116px; }
div.opstelling.uit div.keeper { right: 2px; }
div.opstelling.uit div.verdediger { right: 50px; }
div.opstelling.uit div.middenvelder { right: 117px; }
div.opstelling.uit div.aanvaller { right: 180px; }
div.opstelling.uit div.linie_1.speler_1 { top: 61px; }
div.opstelling.uit div.linie_2.speler_1 { top: 44px; }
div.opstelling.uit div.linie_2.speler_2 { top: 76px; }
div.opstelling.uit div.linie_3.speler_1 { top: 29px; }
div.opstelling.uit div.linie_3.speler_2 { top: 61px; }
div.opstelling.uit div.linie_3.speler_3 { top: 93px; }
div.opstelling.uit div.linie_4.speler_1 { top: 12px; }
div.opstelling.uit div.linie_4.speler_2 { top: 44px; }
div.opstelling.uit div.linie_4.speler_3 { top: 76px; }
div.opstelling.uit div.linie_4.speler_4 { top: 108px; }
div.opstelling.uit div.linie_5.speler_1 { top: 5px; }
div.opstelling.uit div.linie_5.speler_2 { top: 33px; }
div.opstelling.uit div.linie_5.speler_3 { top: 61px; }
div.opstelling.uit div.linie_5.speler_4 { top: 88px; }
div.opstelling.uit div.linie_5.speler_5 { top: 116px; }
div.opstelling div.logo {
position: absolute;
width: 238px; height: 148px;
left: 0; bottom: 0;
background-position: center; background-repeat: no-repeat;
opacity: 0.15;
}
/*WEDSTRIJD IN BEELD*/
ul.wedstrijdBeeld {
list-style: none;
}
ul.wedstrijdBeeld li {
padding: 0;
background: none;
}
ul.wedstrijdBeeld figure {
position: relative;
overflow: hidden;
}
ul.wedstrijdBeeld div.footer {
background: url("../images/scHTV.png") 70px top no-repeat;
padding: 13px 0 0 0;
position: absolute;
left: 0; bottom: 0;
}
ul.wedstrijdBeeld div.footer span {
background: black;
width: 158px; padding: 2px 10px;
background: url("../images/bgTekst.png"); color: #ccc;
font-size: 11px; font-style: normal;
display: block;
}
ul.wedstrijdBeeld a:hover div.footer span{color: #fff !important;}
ul.wedstrijdBeeld a{text-decoration: none !important; color: #ccc !important;}
/*AFBEELDINGEN*/
figure {
margin: 0 0 10px 0;
/*text-align: center;*/
}
figure img{margin: 0 auto;}
figcaption{
display: block;
font: italic 11px/14px Arial, sans-serif;
color: #666;
margin: 2px 0 0;
}
figure.right {
float: right; display: inline;
margin: 0 0 10px 10px;
}
figure.left {
float: left; display: inline;
margin: 0 10px 10px 0;
}
figure.noMargin{margin-right: 0; margin-left: 0;}
figure img{display: block;}
body#home aside#sidebar2 section figure img{max-width: 98px;}
body#elc aside#sidebar1 section figure img{max-width: 98px;}
body#elc aside#sidebar2 section figure img{max-width: 98px;}
body#template2 aside#sidebar2 section figure img{max-width: 178px;}
/*POTRETFOTO*/
figure#potretfoto{
display: block; width: 100%; margin: 0 0 10px;
text-align: center;}
/*SPELERFOTO'S*/
div#spelerfotos{
width: 453px; margin: 0 0 10px 1px}
div#spelerfotos img{
float: left; display: inline;
margin: 0 5px 0 0;
}
div#spelerfotos a:hover img{
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity = 80);
}
/*BANNERS*/
img.banner{
display: block;
margin: 0 auto;
}
article img.banner{ margin-bottom: 10px;}
/*PERS SELECTIEMENU & PERS CLUBINFO SUBMENU*/
ul#subMenu{
margin: 0 0 10px; padding: 0;
list-style: none;
border-top: 1px solid #ccced4;
}
ul#subMenu li{
background: none; padding: 0;
border-bottom: 1px solid #ccced4;
}
ul#subMenu li a{
display: block;
padding: 3px 5px;
text-decoration: none;
}
ul#subMenu li a:hover{
display: block;
padding: 3px 5px;
background: #eee;
}
ul#subMenu li.selected a,
ul#subMenu li.selected a:hover{
background: #0168af;
font-weight: bold; color: #fff;
cursor: default;
}
/*RUGNUMMERS*/
div#rugnummer{
color: #666; text-transform: uppercase; letter-spacing: -8px; text-align: center;
font: 128px/120px "din-condensed-web-1","din-condensed-web-2", Arial, sans-serif;
min-height: 120px;
}
/*NIET BESCHIKBAAR*/
p.notAvailable {
font-size: 11px; font-style: italic;
opacity: 0.8;
}
/*ERROR*/
/*p.error {
font-size: 11px;
opacity: 0.8;
background: #dc0000;
padding: 10px; color: white; border: 2px solid #951616;
}*/
/*DISQUS*/
div#disqus_thread{padding-top: 0 !important; position: relative !important; z-index: 2; min-height: 50px;}
#dsq-content #dsq-footer{margin-bottom: 0 !important;}
div#disqus_thread li{background-image: none;}
#dsq-account-dropdown a{display: none;}
#dsq-account-dropdown{position: relative; z-index: 1;}
#dsq-content-stub{margin: 0 !important;}
div#disqus_thread dsq-content{margin-top: 0 !important;}
div#disqus_thread #dsq-global-toolbar{position: relative !important; z-index: 2; top: 43px;}
#dsq-sort-by select { border: 1px solid #cecece; }
/*ADDTHIS*/
div#addthis{
float: left; display: block;
height: 1px; width: 100%;
}
div.addthis_toolbox{
position: relative; z-index: 3; float: left; display: inline;
height: 24px !important; width: 100%;
background: #e8e8e8; border: 1px solid #ccced4;
padding: 6px 0; margin: 3px 0 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
}
div.addthis_left{position: absolute; left: 7px; top: 7px;}
div.addthis_right{position: absolute; right: 7px; top: 10px;}
.addthis_button_tweet iframe{width: 102px !important;}
.addthis_button_facebook_like iframe { width: 130px !important; }
/*FLOGS*/
a.flogs-wi{display: block; margin: 0 0 10px; }
/*FORMULIER*/
div.formulier { margin: 0 0 10px 0;}
div.formulier div.label { clear: both; font-weight: bold;}
div.formulier div.label span { font-weight: normal; color: #999; }
div.formulier div.value { margin: 0 0 5px 0;}
div.formulier.left div.label { float: left; padding: 3px 0 0 0; width: 200px; }
/*INPUT / TEXTAREA / SELECT*/
div.formulier input,
div.formulier textarea,
div.formulier select {
width: 436px; padding: 4px 5px; margin: 0;
border: 1px solid #ccced4;
color: #666;
font: 12px Arial, sans-serif;
}
.black div.formulier input,
.black div.formulier textarea,
.black div.formulier select {
color: #000;
}
div.formulier input:focus,
div.formulier textarea:focus {
outline: none;
}
div.formulier textarea { height: 125px; overflow: auto; resize: vertical;}
div.formulier select { width: 448px; height: 23px; padding: 2px; cursor: pointer; outline: none;}
/*FILE*/
div.formulier input[type="file"]{width: auto; background: #fff;}
html.ie div.formulier input[type="file"]{width: 100%;}
/* INVALID */
div.formulier input.invalid,
div.formulier textarea.invalid,
div.formulier select.invalid {
border: 1px solid #e2001a;
}
div.formulier div.value.checkbox.invalid label {
color: #e2001a;
}
/* RADIO */
div.formulier div.value.radio div{
float: left; display: block; clear: left;
}
div.formulier div.value.radio input {
position: relative; top: 2px;
width: auto;
cursor: pointer;
float: left; clear: both;
border: 0;
}
html.ie div.formulier div.value.radio input {top: 0;}
html.ie div.formulier div.value.checkbox input {position: relative; top: -2px;}
div.formulier div.value.radio label {
width: auto; margin: 0 0 0 5px;
}
/* CHECKBOX */
div.formulier div.value.checkbox {
clear: both;
margin: 10px 0 12px;
}
div.formulier div.value.checkbox input {
position: relative; top: 2px;
width: auto; cursor: pointer;
float: left; clear: both;
border: 0;
}
div.formulier div.value.checkbox label {
padding-left: 5px;
}
/*SUBMIT*/
div.formulier div.value.submit {
text-align: right;
padding: 0;
}
div.formulier div.value.submit.left {
padding-top: 10px;
text-align: left; }
div.formulier div.value.submit input, .inputButton, div.formulier div.value.submit button {
width: auto !important; padding: 4px 20px 6px !important;
background: #0168af; color: #fff;
font: normal 20px/20px "din-condensed-web-1","din-condensed-web-2", Arial, sans-serif;
/*text-transform: uppercase;*/
border: 0; cursor: pointer;
background: #253a71 url("../images/ctaBg.png") 50% repeat-x;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
}
section div.formulier div.value.submit input {
padding: 4px 10px 6px !important;
font: 16px/16px "din-condensed-web-1","din-condensed-web-2", Arial, sans-serif;
}
div.formulier div.value.submit input:hover, .inputButton:hover {
/*background: #243a70;
color: #ccced4;*/
background-color: #0168af;
box-shadow: 0 0 8px rgba(0,0,0,0.3);
}
.formulier .form__status.form__status--error, .formulier .form__status.form__status--error-again{
display: block!important;
}
.formulier .form__status {
display: none;
color: red;
}
/*TEXTLINE*/
form div.formulier div.value.textline b{
color: #0168af; letter-spacing: -0.06em;
font: normal 18px/18px "din-condensed-web-1","din-condensed-web-2", Arial, sans-serif;
margin: 0 0 5px;
}
/*TEMPLATE 2*/
body#template2 div.formulier input,
body#template2 div.formulier textarea { width: 498px;}
body#template2 div.formulier select { width: 510px;}
body#template2 div.formulier div.value.radio input,
body#template2 div.formulier div.value.checkbox input { width: auto;}
body#template2 section div.formulier input,
body#template2 section div.formulier textarea { width: 167px;}
body#template2 section div.formulier select { width: 175px;}
body#template2 section div.formulier div.value.radio input,
body#template2 section div.formulier div.value.checkbox input { width: auto;}
body#template1 aside#sidebar1 section div.formulier input,
body#template1 aside#sidebar1 section div.formulier textarea { width: 227px;}
body#template1 aside#sidebar1 section div.formulier select { width: 239px;}
body#template1 aside#sidebar1 section div.formulier div.value.radio input,
body#template1 aside#sidebar1 section div.formulier div.value.checkbox input { width: auto;}
body#template1 aside#sidebar2 section div.formulier input,
body#template1 aside#sidebar2 section div.formulier textarea { width: 167px;}
body#template1 aside#sidebar2 section div.formulier select { width: 175px;}
body#template1 aside#sidebar2 section div.formulier div.value.radio input,
body#template1 aside#sidebar2 section div.formulier div.value.checkbox input { width: auto;}
body#home aside#sidebar1 section div.formulier input,
body#home aside#sidebar1 section div.formulier textarea { width: 307px;}
body#home aside#sidebar1 section div.formulier select { width: 319px;}
body#home aside#sidebar1 section div.formulier div.value.radio input,
body#home aside#sidebar1 section div.formulier div.value.checkbox input { width: auto;}
body#home aside#sidebar1 section div.formulier input,
body#home aside#sidebar1 section div.formulier textarea { width: 307px;}
body#home aside#sidebar1 section div.formulier select { width: 319px;}
body#home aside#sidebar1 section div.formulier div.value.radio input,
body#home aside#sidebar1 section div.formulier div.value.checkbox input { width: auto;}
body#home aside#sidebar2 section div.formulier input,
body#home aside#sidebar2 section div.formulier textarea { width: 87px;}
body#home aside#sidebar2 section div.formulier select { width: 98px;}
body#home aside#sidebar2 section div.formulier div.value.radio input,
body#home aside#sidebar2 section div.formulier div.value.checkbox input { width: auto;}
/*UITGELICHT*/
div.uitgelicht{
float: left; display: inline;
width: 798px; margin: 10px 11px 0;
}
div.item{
float: right; display: inline; clear: right;
margin: 0 0 20px; width: 330px;
}
div.item.first,
div.item.firstB{
position: relative;
float: left; display: inline;
height: 298px; width: 448px;
margin: 0 0 10px;
}
div.item.firstB{border: 1px solid #ccc; background: #fff url("../images/bgFirst.jpg") bottom repeat-x;}
div.item figure { float: left; display: block; width: 150px; height: 100px; margin: 0 10px 0 0; background: #eee; text-align: center !important; border: 1px solid #ccc;}
div.item figure img { margin: 0 auto !important; float: none !important;}
div.item.first img { height: 298px; width: 448px; margin: 0 !important;}
div.item.firstB img { height: 298px; width: 225px; margin: 0 !important;}
div.item div.tekst{
float: left; display: inline;
width: 170px; margin: 0 0 10px 10px;
font: 12px/18px Arial, sans-serif;
}
div.item.first div.tekst{
font: 12px/17px Arial, sans-serif;
position: absolute; left: 0; bottom: 0; z-index: 1;
width: 428px; margin: 0; padding: 10px;
background: url("../images/bgTekst.png"); color: #fff;
}
div.item.firstB div.tekst{
font: 12px/17px Arial, sans-serif;
padding: 10px;
}
div.item h2{ font: 20px/20px "din-condensed-web-1","din-condensed-web-2", Arial, sans-serif;}
div.item.first h2, div.item.firstB h2{font: 24px/24px "din-condensed-web-1","din-condensed-web-2", Arial, sans-serif;}
div.item.first strong, div.item.firstB strong{color: white;}
div.item h2 a{text-decoration: none;}
div.item.first a{color: #fff !important;}
div.item h2 a:hover{color: #000;}
div.item div.mobiel { display: none;}
div.item div.standaard{ display: inline;}
/*SPELERSFOTO*/
html.ie7 div.selectie{margin: 0 0 20px; width: 540px;}
div.selectie{width: 500px; margin: 0 0 10px;}
.speler {
position: relative;
float: left;
width: 142px; padding: 0; margin: 0 10px 20px 0;
font: 14px/18px "din-condensed-web-1","din-condensed-web-2", Arial, sans-serif;
border-radius: 8px;
background: #0168AF; color: #fff;
background-position: 50% top;
background-repeat: no-repeat;
text-decoration: none;
}
div.selectie .speler:hover {
color: #ccc;
box-shadow: 0 0 10px rgba(0,0,0,0.4);
}
.speler div.nummer{
position: absolute; right: 0px; top: 142px;
float: left;
width: 36px; height: 40px; margin: 0 5px 0 0; padding: 0 2px 0 0;
color: #0168AF; background: url("../images/bgNummer.png") no-repeat;
font: 28px/40px "din-condensed-web-1","din-condensed-web-2", Arial, sans-serif; letter-spacing: -1px;
text-align: center;
}
.speler div.naam {
float: left; display: block;
width: 142px; margin: 192px 0 0 0; padding: 0 0 5px;
text-align: center;
font: 14px/18px "din-condensed-web-1","din-condensed-web-2", Arial, sans-serif;
cursor: pointer;
}
.speler div.functie {
position: relative; top: -5px;
width: 142px; display: block; margin: 0;
text-align: center;
font: 14px/18px "din-condensed-web-1","din-condensed-web-2", Arial, sans-serif;
color: #ccc;
cursor: pointer;
}
div.spelersportret .speler,
div.spelersportret .speler div.naam,
div.spelersportret .speler div.functie { cursor: default;}
div.spelersportret .speler { margin-right: 20px;}
body#template2 div.selectie{width: 540px;}
body#template2 .speler {width: 120px; margin: 0 9px 9px 0}
body#template2 .speler div.nummer{ top: 122px;}
body#template2 .speler div.naam{width: 120px; margin: 192px 0 0; /*margin: 168px 0 0;*/ padding: 0 0 3px; }
body#template2 .speler div.functie{width: 120px;}
/*OVERIGE SPELERS*/
table.spelers td { padding: 0 10px 0 0;}
table.spelers a { text-decoration: none; }
table.spelers a:hover { text-decoration: underline; }
h4.spelerslinie { margin-bottom: 0; font-size: 18px; line-height: 20px; }
div.spelersportret {
}
div.spelersportret div.spelerMeta {
float: left; display: block;
margin: 0 0 20px 0;
}
div.spelersportret div.spelerMeta h4 {
margin-bottom: 2px;
}
div.spelersportret div.spelerMeta table {
margin: 0 0 20px;
}
div.spelersportret div.spelerMeta td {
/*font-size: 11px;*/ line-height: 18px;
padding: 0 20px 0 0;
}
div.spelersportret div.spelerMeta td.label {
width: 100px;
}
a.player-social-facebook, a.player-social-twitter {
padding: 0 0 0 20px;
text-decoration: none;
}
a.player-social-facebook:hover, a.player-social-twitter:hover {
text-decoration: underline;
}
a.player-social-twitter {
background: url("../images/player-social-twitter.png") left top no-repeat;
}
a.player-social-facebook {
background: url("../images/player-social-facebook.png") left top no-repeat;
}
/*SCH.TV*/
div.TVdatum{position: relative; top: -10px;}
div.scH_TV { width: 458px; margin: 0 0 10px;}
div.scH_TV div.tvFirst { float: left; display: block; width: 448px;}
div.scH_TV div.tvSmall { float: left; display: inline; width: 220px; margin: 0 9px 10px 0;}
div.scH_TV div.tvFirst h2 { margin: 0;}
div.scH_TV div.tvSmall { line-height: 15px !important;}
div.scH_TV div.tvFirst div.datum,
div.scH_TV div.tvSmall div.datum { font: 11px/14px Arial, sans-serif; margin: 3px 0 0;}
div.scH_TV div.tvFirst div.datum { margin: 0 0 5px;}
div.scH_TV table { width: 448px; margin: 20px 0;}
div.scH_TV div.tvFirst a.screen,
div.scH_TV div.tvSmall a.screen{
position: relative; display: block;
width: 448px; height: 252px; margin: 0 0 8px;
}
div.scH_TV div.tvFirst a.screen img,
div.scH_TV div.tvSmall a.screen img{
position: absolute; z-index: 1;
width: 448px; height: 252px;
}
div.scH_TV a.screen:hover img{
box-shadow: 0 0 10px rgba(0,0,0,0.4);
}
div.scH_TV div.tvFirst a.screen div.play,
div.scH_TV div.tvSmall a.screen div.play{
position: absolute; left: 50%; top: 50%; z-index: 2; cursor: pointer;
width: 76px; height: 76px; margin-left: -38px; margin-top: -38px;
background: url("../images/playBig.png") no-repeat;
}
div.scH_TV div.tvSmall a.screen div.play{
width: 40px; height: 40px; margin-left: -20px; margin-top: -20px;
background: url("../images/playSmall.png") no-repeat;
}
div.scH_TV div.tvSmall a.screen,
div.scH_TV div.tvSmall a.screen img{width: 220px; height: 124px;}
body#template2 div.scH_TV { width: 518px;}
body#template2 div.scH_TV div.tvFirst { width: 508px;}
body#template2 div.scH_TV div.tvSmall { width: 250px;}
body#template2 div.scH_TV table { width: 508px;}
body#template2 div.scH_TV div.tvFirst a.screen,
body#template2 div.scH_TV div.tvFirst a.screen img { width: 508px; height: 286px;}
body#template2 div.scH_TV div.tvSmall a.screen,
body#template2 div.scH_TV div.tvSmall a.screen img { width: 250px; height: 140px;}
/*SCHEERENVEENTV - MEEST BEKEKEN*/
a.scHTV_meestbekeken { display: block; margin: 0 0 10px;
font: bold 12px/15px arial, sans-serif; color: #000; text-decoration: none;}
a.scHTV_meestbekeken img { display: block; width: 178px; height: 100px; margin: 0 0 3px;}
a.scHTV_meestbekeken:hover { color: #0168AF;}
a.scHTV_meestbekeken:hover img { box-shadow: 0 0 10px rgba(0,0,0,0.4);}
.scHTV_titel { vertical-align: top; padding: 0 0 20px 10px; }
/*SCHEERENVEENTV - UITGELICHT*/
h2.scHTV, h3.scHTV { margin: 0 0 10px;}
h2.scHTV span, h3.scHTV span { color: red;}
div.scHTV_uitgelicht a.first{
position: relative; float: left; display: inline;
width: 318px; height: 179px; margin: 0 0 10px;
color: #fff !important; text-decoration: none;
font: 18px/18px "din-condensed-web-1","din-condensed-web-2", Arial, sans-serif;
}
div.scHTV_uitgelicht a.first div.play{
position: absolute; left: 50%; top: 50%; z-index: 2; cursor: pointer;
width: 40px; height: 40px; margin-left: -20px; margin-top: -20px;
background: url("../images/playSmall.png");
}
div.scHTV_uitgelicht a.first img { width: 318px; height: 179px; }
div.scHTV_uitgelicht a.first div.tekst{
position: absolute; left: 0; bottom: 0; z-index: 1;
width: 298px; margin: 0; padding: 10px;
background: url("../images/bgTekst.png");
}
div.scHTV_uitgelicht div.thumbs{ float: left; display: block; width: 328px;}
div.scHTV_uitgelicht a.thumb{
float: left; display: inline; overflow: hidden;
height: 70px; width: 100px;
margin: 0 9px 10px 0;
}
div.scHTV_uitgelicht a{
display: block
}
div.scHTV_uitgelicht a:hover{
box-shadow: 0 0 10px rgba(0,0,0,0.4);
color: #ccc !important;
}
div.scHTV_home a.first, div.scHTV_home a.first img{width: 338px; height: 188px;}
div.scHTV_home a.first div.tekst{width: 318px;}
div.scHTV_home div.thumbs{float: right; width: 100px;}
div.scHTV_home a.thumb{ height: 56px; width: 100px;}
/*PAGING*/
.pagination {
float: right; display: inline;
height: 30px; margin: 0;
}
.pagination ul {
float: left;
background: #fff;
border: 1px solid #d8d8d8;
margin: 0 8px 0 0px; padding: 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.pagination ul li {
float: left; display: inline;
background-image: none;
margin: 0; padding: 0;
}
.pagination ul li.disabled{
background-color: none;
color: #bfbfbf; cursor: default;
padding: 0 10px;
line-height: 28px;
}
.pagination span{font-size: 13px; line-height: 12px;}
.pagination ul li a {
float: left; padding: 0 10px; line-height: 28px;
border-right: 1px solid;
border-right-color: #d8d8d8;
*border-right-color: #d8d8d8;
border-bottom: 0;
text-decoration: none;
}
.pagination ul li a:hover{
background-color: #e8e8e8;
}
.pagination ul li.active a {
background-color: #0168af;
color: #fff;
}
.pagination ul li.next a {
border: 0;
}
/*SPLASH
**************************************************/
body#splash header{
background: transparent;
height: 150px;
}
/* SPLASH */
body#splash div#contentBox{
background: transparent; overflow: hidden;
margin-bottom: 10px;
}
body#splash div#splash {
position: relative; z-index: 1;
float: left; display: inline; overflow: hidden;
width: 950px; height: 410px; margin: 0 0 5px;
border-radius: 10px;
}
body#splash div#splash div.cycle,
body#splash div#splash div.slides{
position: relative;
float: left; display: inline;
width: 950px; height: 410px;
}
body#splash div#splash div.slide{
width: 950px; height: 410px;
}
body#splash div#splash div#nav{
position: absolute; z-index: 5; right: 5px; bottom: 5px;
}
body#splash div#splash div#nav a{
float: left; display: inline; overflow: hidden;
height: 15px; width: 15px; margin: 0 2px 0 0;
text-decoration: none; text-indent: -999px;
background: transparent url("../images/nav.png") left top no-repeat;
}
body#splash div#splash div#nav a:hover { background-position: -15px top;}
body#splash div#splash div#nav a.activeSlide { background-position: -30px top;}
body#splash div#contentBox,
body#splash div#splash{
border: 0; padding: 0;
}
body#splash div.splashThumb,
body#splash div#naarWebsite{
position: relative; z-index: 1;
float: left; display: inline; overflow: hidden;
width: 186px; height: 160px;
margin: 0 5px 0 0;
border-radius: 10px;
}
body#splash div.splashThumb a,
body#splash div#naarWebsite a{
text-decoration: none !important;
}
body#splash div.splashThumb a img{
-webkit-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
body#splash div.splashThumb a:hover img{
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity = 80);
}
body#splash div.splashThumb div.onderschrift{
font: 15px/17px "din-condensed-web-1","din-condensed-web-2", Arial, sans-serif;
position: absolute; left: 0; bottom: 0; z-index: 1;
width: 228px; margin: 0; padding: 5px;
background: url("../images/bgTekst.png"); color: #fff;
}
body#splash div#naarWebsite a{
float: left; display: block; overflow: hidden;
background: rgb(0, 73, 147) url(../images/naarWebsite.png) 50% no-repeat;
border: 0; text-decoration: none; text-indent: -99999px;
width: 100%; height: 160px; zoom: 1;
-webkit-transition: background-color 0.2s ease;
-moz-transition: background-color 0.2s ease;
-o-transition: background-color 0.2s ease;
transition: background-color 0.2s ease;
}
html.ie body#splash div#naarWebsite a {
background-image: url("../images/naarWebsite.png");
}
body#splash div#naarWebsite a:hover{
background-color: rgb(0, 57, 114);
}
/*SPLASH - OP HOMEPAGE
**************************************************/
#home-splash-mobile {
position: relative;
display: none;
}
#home-splash {
position: relative; z-index: 1;
display: block; overflow: hidden;
width: 950px; height: 410px; margin: 0 0 10px;
border-radius: 10px;
}
#close-splash, #close-splash-mobile {
position: absolute;
right: 10px; top: 10px;
z-index: 15;
background: black;
background: rgba(0, 0, 0, 0.5);
color: white;
cursor: pointer;
font-size: 20px;
padding: 5px 8px;
}
#close-splash:hover {
background: rgba(0, 0, 0, 0.8);
}
#home-splash .rotator-mobile {
display: none;
}
#home-splash div.cycle,
#home-splash div.slides{
position: relative;
float: left; display: inline;
width: 950px; height: 410px;
}
#home-splash div.slide{
width: 950px; height: 410px;
}
#home-splash div#nav{
position: absolute; z-index: 5; right: 5px; bottom: 5px;
}
#home-splash div#nav a{
float: left; display: inline; overflow: hidden;
height: 15px; width: 15px; margin: 0 2px 0 0;
text-decoration: none; text-indent: -999px;
background: transparent url("../images/nav.png") left top no-repeat;
}
#home-splash div#nav a:hover { background-position: -15px top;}
#home-splash div#nav a.activeSlide { background-position: -30px top;}
#home-splash {
border: 0; padding: 0;
}
@media only screen and (max-width: 768px) {
#home-splash {
display: none;
}
#home-splash-mobile {
display: block;
}
#home-splash-mobile img {
max-width: 100%;
}
}
/* VEELGESTELDE VRAGEN
******************************/
div.collapse {
display: block;
float: left;
width: 100%;
}
span.trigger{
float: left; display: block;
margin: 0; padding: 0;
width: 448px; border-top: 1px solid #d8d8d8;
}
span.trigger a,
span.trigger a:link,
span.trigger a:visited{
color: #0168af; font-weight: bold;
text-decoration: none;
display: block;
padding: 4px 0;
line-height: 16px;
}
span.trigger a:hover{color: #243a70;}
span.active a, span.active a:link, span.active a:visited{color: red;}
div.toggle_container{
margin: 0; padding: 10px 10px 0 10px; width: 428px;
float: left; display: block; clear: both;
border-top: 1px solid #d8d8d8;
}
div.toggle_container .block{margin-bottom: 20px;}
div.toggle_container .block p{padding: 0; margin: 0;}
body#template1 span.trigger{width: 448px;}
body#template1 div.toggle_container{width: 428px;}
body#template2 span.trigger{width: 508px;}
body#template2 div.toggle_container{width: 488px;}
/*MOBIEL
**************************************************/
@media
only screen and (min-device-width:1024px) and (max-width:600px),
only screen and (max-device-width:768px) and (max-device-height: 960px){
body{ min-width: 500px;}
body {-webkit-text-size-adjust: 100%;}
#backstretch { display: none; }
/*SPLASH*/
body#splash{min-width: 970px;}
body#splash div#container { width:950px; margin:0 auto 260px;}
body#splash div#logo{ left: 10px; top: 0; height: 141px; width: 133px;}
body#splash div#logo img, body#splash div#logo a{ float: left; display: inline; height: 141px; width: 133px;}
body#splash div#footerContainer { height: 260px;}
body#splash footer { position: relative; clear:both; overflow: hidden; width:100%; height: 260px;}
body#splash div#businessPartners { position: absolute; width: 940px; height: 70px; margin-left: -475px; text-align: left;}
body#splash div#suppliers { display: block; top: 100px; z-index: 2; width: 644px; height: 65px; margin-left: -475px; padding: 5px 10px 0;}
body#splash div#internetpartner { display: block; top: 100px; z-index: 2; width: 138px; height: 65px; margin-left: 200px; padding: 5px 0 0 10px;}
body#splash div#connectedpartner { display: block; top: 100px; z-index: 2; width: 138px; height: 65px; margin-left: 200px; padding: 5px 0 0 10px;}
body#splash div#cateringpartner { display: block; top: 100px; z-index: 2; width: 138px; height: 65px; margin-left: 200px; padding: 5px 0 0 10px;}
body#splash div#itpartner { display: block; top: 100px; z-index: 2; width: 138px; height: 65px; margin-left: 200px; padding: 5px 0 0 10px;}
body#splash div#travelpartner { display: block; top: 100px; z-index: 2; width: 138px; height: 65px; margin-left: 200px; padding: 5px 0 0 10px;}
body#splash html.ie div#businessPartners,
body#splash html.ie div#suppliers,
body#splash html.ie div#internetpartner{background: transparent url("../images/footerBusinessPartners.png");}
body#splash div#footerMenu { width: 950px; margin-left: -475px;}
body#splash div#footerGras { height: 210px;}
body#splash div#footerBal { bottom: 0; margin-left: 320px;}
body#splash div#bpBlok1{ float: left; display: inline; overflow: hidden; width: 820px; margin: 4px 10px 0;}
body#splash div#bpBlok2{ float: right; display: inline; width: 90px; margin: 4px 10px 0;}
body#splash div#businessPartners ul,
body#splash div#suppliers ul,
body#splash div#internetpartner ul{margin: 6px 0 0;}
body#splash div#businessPartners ul li, body#splash div#suppliers ul li, body#splash div#internetpartner ul li, body#splash div#connectedpartner ul li{ float: left; display: inline; list-style: none; height: 36px; margin: 0 7px 0 0;}
body#splash div#businessPartners ul li, body#splash div#suppliers ul li, body#splash div#internetpartner ul li, body#splash div#cateringpartner ul li{ float: left; display: inline; list-style: none; height: 36px; margin: 0 7px 0 0;}
body#splash div#businessPartners ul li, body#splash div#suppliers ul li, body#splash div#internetpartner ul li, body#splash div#travelpartner ul li{ float: left; display: inline; list-style: none; height: 36px; margin: 0 7px 0 0;}
body#splash div#businessPartners ul li, body#splash div#suppliers ul li, body#splash div#internetpartner ul li, body#splash div#itpartner ul li{ float: left; display: inline; list-style: none; height: 36px; margin: 0 7px 0 0;}
body#splash div#businessPartners ul li.acconavm a{ width: 99px; background-position: left top;}
body#splash div#businessPartners ul li.bavaria a{ width: 78px; background-position: -107px top;}
body#splash div#businessPartners ul li.c1000 a{ width: 37px; background-position: -192px top;}
body#splash div#businessPartners ul li.frieslandbank a{ width: 94px; background-position: -238px top;}
body#splash div#businessPartners ul li.jako a{ width: 102px; background-position: -342px top;}
body#splash div#businessPartners ul li.kras a{ width: 110px; background-position: -452px top;}
body#splash div#businessPartners ul li.rabobank a{ width: 115px; background-position: -575px top;}
body#splash div#businessPartners ul li.vanwijnen a{ width: 121px; background-position: -696px top;}
body#splash div#businessPartners ul li.unive a{ height: 39px; width: 103px; background-position: -825px top;}
body#splash div#businessPartners ul li.ruitenheer a{ height: 39px; width: 98px; background-position: -1449px top;}
body#splash div#businessPartners ul li.koopmans a{ height: 39px; width: 70px; background-position: -1553px top;}
body#splash div#businessPartners ul li.acconavm a:hover{ width: 99px; background-position: left -40px;}
body#splash div#businessPartners ul li.bavaria a:hover{ width: 78px; background-position: -107px -40px;}
body#splash div#businessPartners ul li.c1000 a:hover{ width: 37px; background-position: -192px -40px;}
body#splash div#businessPartners ul li.frieslandbank a:hover{ width: 94px; background-position: -238px -40px;}
body#splash div#businessPartners ul li.jako a:hover{ width: 102px; background-position: -342px -40px;}
body#splash div#businessPartners ul li.kras a:hover{ width: 110px; background-position: -452px -40px;}
body#splash div#businessPartners ul li.rabobank a:hover{ width: 115px; background-position: -575px -40px;}
body#splash div#businessPartners ul li.vanwijnen a:hover{ width: 121px; background-position: -696px -40px;}
body#splash div#businessPartners ul li.unive a:hover{ height: 39px; width: 103px; background-position: -825px -40px;}
body#splash div#businessPartners ul li.ruitenheer a:hover{ height: 39px; width: 98px; background-position: -1449px -40px;}
body#splash div#businessPartners ul li.koopmans a:hover{ height: 39px; width: 70px; background-position: -1553px -40px;}
body#splash div#suppliers ul li { margin: 0 6px 0 0; position: relative; top: -3px;}
body#splash div#suppliers ul li.vepa { margin: 0;}
body#splash div#suppliers ul li a { border: 0; height: 34px; background: url("../images/suppliers-2019.png") no-repeat;}
body#splash div#suppliers ul li.boso a{ width: 63px; background-position: left top;}
body#splash div#suppliers ul li.caparis a{ width: 65px; background-position: -68px top;}
body#splash div#suppliers ul li.cocacola a{ width: 68px; background-position: -141px top;}
body#splash div#suppliers ul li.frieslandlease a{ width: 74px; background-position: -218px top;}
body#splash div#suppliers ul li.vandenbrug a{ width: 78px; background-position: -299px top;}
body#splash div#suppliers ul li.leeuwardercourant a{ width: 108px; background-position: -383px top;}
body#splash div#suppliers ul li.promotex a{ width: 76px; background-position: -495px top;}
body#splash div#suppliers ul li.vepa a{ width: 65px; background-position: -576px top;}
body#splash div#suppliers ul li.boso a:hover{ width: 63px; background-position: left -42px;}
body#splash div#suppliers ul li.caparis a:hover{ width: 65px; background-position: -68px -42px;}
body#splash div#suppliers ul li.cocacola a:hover{ width: 68px; background-position: -141px -42px;}
body#splash div#suppliers ul li.frieslandlease a:hover{ width: 74px; background-position: -218px -42px;}
body#splash div#suppliers ul li.vandenbrug a:hover{ width: 78px; background-position: -299px -42px;}
body#splash div#suppliers ul li.leeuwardercourant a:hover{ width: 108px; background-position: -383px -42px;}
body#splash div#suppliers ul li.promotex a:hover{ width: 76px; background-position: -495px -42px;}
body#splash div#suppliers ul li.vepa a:hover{ width: 65px; background-position: -576px -42px;}
body#splash div#internetpartner ul li.tres a{ border: 0; height: 34px; margin-left: 4px; width: 80px; background: url("../images/tres.png") no-repeat 0 bottom;}
body#splash div#internetpartner ul li.tres a:hover{ width: 80px; background: url("../images/tres.png") no-repeat 0 top;}
body#splash div#businessPartners ul li.stadiumconnected a{ height: 39px; width: 65px; background-position: -1633px 1px;}
body#splash div#businessPartners ul li.stadiumconnected a:hover{ height: 39px; width: 65px; background-position: -1633px -38px;}
body#splash div#businessPartners ul li.stadiumconnected a{ height: 39px; width: 65px; background-position: -1633px 1px;}
body#splash div#businessPartners ul li.stadiumconnected a:hover{ height: 39px; width: 65px; background-position: -1633px -38px;}
/*MENU*/
ul.dropdown ul{ left: auto; right: 0;}
/*HEADER*/
header{height: 138px;background: url("../images/headerBg.png") left 95px repeat-x;}
div#schaduw{top: 95px;}
div#logo{ left: 0; top: 10px; height: 80px; width: 75px;}
div#logo img, div#logo a{ float: left; display: inline; height: 80px; width: 75px;}
div#hoofdsponsor{ top: 20px;}
nav{left: 0; top: 95px;}
nav.standaard { display: none;}
nav.mobiel { position: absolute; display: block; z-index: 8; left: 0; top: 95px; padding-left: 0px !important;}
div#breadcrumb { display: none;}
a#flag, a#vlag, a#flag-spain { display: none;}
a#mijn-heerenveen {display:none;}
a#uitloggen{bottom: -5px;}
#fryskbloed{left:80px;top:15px;}
.header__welcome {left: 80px;}
/*LAYOUT*/
div#container { width:470px; margin:0 auto 80px;}
section, article, div#slideshow, #kikaMeter {
background: rgba(255,255,255,1);
}
.schTV { overflow: hidden; width: 444px; }
.schTV iframe { left: -28px; position: relative; }
/*HOMEPAGE*/
body#home div#content { margin: 0;}
body#home div#slideshow { width: 470px;}
body#home div#slideshow img { margin-left: -175px;}
body#home aside#sidebar1 { clear: left; margin: 0; width: 340px;}
body#home aside#sidebar2 { position: static; margin: 0; float:right;}
/*TEMPLATE1*/
body#template1 div#content { margin: 0;}
body#template1 div#sidebarBox { clear: left;}
body#template1 aside#sidebar1 { margin: 0;}
body#template1 aside#sidebar2 { margin: 0; float:right;}
body#template1 aside#sidebar3 { margin: 0;}
/*TEMPLATE2*/
body#template2 div#content { margin: 0; }
body#template2 aside#sidebar1 { margin: 0;}
body#template2 aside#sidebar2 { float: right; width: 260px; margin: 0;}
body#template2 aside#sidebar2 section figure img{max-width: 238px;}
/*EREDIVISIE LIVE CORNER*/
body#elc{ min-width: 970px}
body#elc div#container{ width:950px;}
body#elc article{ overflow: hidden;}
body#elc aside#sidebar section figure img{max-width: 238px;}
/*FOOTER*/
div#footerContainer { height: 280px;}
footer { position: relative; clear:both; width:100%; height: auto;}
div#businessPartners { position: relative; width: 458px; height: 160px; margin-left: -235px; text-align: center; top: 0; }
div#maatschappelijkpartners { position: relative; width: 458px; height: 160px; margin-left: -235px; text-align: center; top: 0; }
/*div#suppliers { display: none;}*/
div#suppliers {
top: 0;
position: relative;
width: 458px; margin-left: -235px; height: 100px;
text-align: center;
padding: 5px 5px 0;
margin-top: 10px;
}
div#suppliers ul li {
float: none; display: inline-block;
}
div#internetpartner { display: block; /*width: 458px;*/ width: 180px; margin: 10px auto 0; top: 0; left: 0; clear: both; position: relative; text-align: center; }
div#internetpartner ul{ margin-left: 20px;}
div#connectedpartner { display: block; /*width: 458px;*/ width: 180px; margin: 10px auto 0; top: 0; left: 0; clear: both; position: relative; text-align: center; }
div#connectedpartner ul{ margin-left: 20px;}
div#cateringpartner { display: block; /*width: 458px;*/ width: 180px; margin: 10px auto 0; top: 0; left: 0; clear: both; position: relative; text-align: center; }
div#cateringpartner ul{ margin-left: 20px;}
div#cateringpartner ul li.beijk a, div#cateringpartner ul li.beijk a:hover {margin: 0 38px;}
div#itpartner { display: block; /*width: 458px;*/ width: 180px; margin: 10px auto 0; top: 0; left: 0; clear: both; position: relative; text-align: center; }
div#itpartner ul{ margin-left: 20px;}
div#itpartner ul li.viadata a, div#itpartner ul li.viadata a:hover {margin: 0 20px;}
div#travelpartner { display: block; /*width: 458px;*/ width: 180px; margin: 10px auto 0; top: 0; left: 0; clear: both; position: relative; text-align: center; }
div#travelpartner ul{ margin-left: 20px;}
div#footerSocial { margin-left: -75px; position: relative; bottom: 0; margin-top: 10px; }
div#footerMenu { width: 470px; margin-left: -235px; position: relative; bottom: 0; margin-bottom: 10px; }
div#footerMenu span { display: none}
div#footerGras { height: 280px; display: none;}
div#footerBal { bottom: 0; margin-left: 80px;}
div#businessPartners ul{margin-top: 12px; margin-left: 30px;}
div#businessPartners ul li{margin: 0 15px;}
div#businessPartners ul li.acconavm { margin-left: 25px;}
div#businessPartners ul li.jako,
div#businessPartners ul li.kras,
div#businessPartners ul li.rabobank{ margin: 5px 15px}
div#businessPartners ul li.jako { margin: 5px 0 5px 35px;}
div#businessPartners ul li.vanwijnen { margin: 5px 0 0 90px;}
div#businessPartners ul li.unive { margin-top: 5px;}
div#businessPartners ul li.ruitenheer { margin-top: 5px;}
div#businessPartners ul li.koopmans {margin-top: 5px;}
/*TYPOGRAFIE & AFBEELDINGEN*/
article figure img { max-width: 448px; }
/*FORMULIEREN*/
body#template2 div.formulier input,
body#template2 div.formulier textarea { width: 436px;}
body#template2 div.formulier select { width: 448px;}
body#template2 div.formulier div.value.radio input,
body#template2 div.formulier div.value.checkbox input { width: auto;}
body#template2 aside#sidebar2 div.formulier input,
body#template2 aside#sidebar2 div.formulier textarea { width: 228px;}
body#template2 aside#sidebar2 div.formulier select { width: 240px;}
body#template2 aside#sidebar2 div.formulier div.value.radio input,
body#template2 aside#sidebar2 div.formulier div.value.checkbox input { width: auto;}
/*SOCIAL*/
div.addthis_right{display: none;}
/*UITGELICHT*/
div.uitgelicht { width: 448px;}
div.item { width: 448px; margin: 0 0 10px;}
div.item img { margin: 0 10px 0 0 !important;}
div.item.first img { margin: 0 !important;}
div.item.firstB img { margin: 0 !important;}
div.item div.tekst { width: 288px; font: 12px/18px Arial, sans-serif;}
div.item.first div.tekst { width: 428px;}
div.item.firstB div.tekst { width: 193px; padding: 10px 15px; margin: 0 !important;}
div.item div.standaard { display: none;}
div.item div.mobiel { display: inline;}
/*SPELERFOTO'S*/
body#template2 div.selectie{width: 500px;}
body#template2 a.speler {width: 142px; margin: 0 9px 9px 0}
body#template2 a.speler div.nummer{ top: 122px;}
body#template2 a.speler div.naam{width: 142px; margin: 168px 0 0; padding: 25px 0 3px; }
body#template2 a.speler div.functie{width: 142px;}
/*SCHEERENVEEN.TV*/
body#template2 div.scH_TV { width: 458px;}
body#template2 div.scH_TV div.tvFirst { width: 448px;}
body#template2 div.scH_TV div.tvSmall { width: 220px;}
body#template2 div.scH_TV table { width: 448px;}
body#template2 div.scH_TV div.tvFirst a.screen,
body#template2 div.scH_TV div.tvFirst a.screen img { width: 448px; height: 252px;}
body#template2 div.scH_TV div.tvSmall a.screen,
body#template2 div.scH_TV div.tvSmall a.screen img { width: 220px; height: 124px;}
object, embed{width: 448px; height: 252px;}
body#template2 aside#sidebar2 a.scHTV_meestbekeken img { width: 238px; height: 132px ;}
body#template2 aside#sidebar2 a.scHTV_meestbekeken { text-align: center;}
/*VEELGESTELDE VRAGEN*/
body#template2 span.trigger{width: 448px;}
body#template2 div.toggle_container{width: 428px;}
} /* EINDE MEDIA-QUERY */
/* TYPOGRAFIE OP IPHONE
**************************************************/
@media
(max-device-width:480px){
p, strong, div.tekst{ font: 14px/20px Arial, sans-serif !important;}
strong{ font-weight: bold !important;}
figcaption{ font: italic 11px/16px Arial, sans-serif;}
table.programma td{white-space: normal}
table.programma td.tijd, td.datum{white-space: nowrap !important;}
h1 { font-size: 28px !important; line-height: 28px !important;}
h2, div.item h2 { font-size: 26px !important; line-height: 26px !important;}
h3 { font-size: 24px !important; line-height: 24px !important;}
h4 { font-size: 22px !important; line-height: 22px !important;}
h4.spelerslinie { font-size: 16px !important; line-height: 16px !important; margin: 0 0 3px;}
h5 { font-size: 20px !important; line-height: 20px !important;}
/*PERS*/
ul#subMenu, table.selectie td, table.programma td, , table.news td{font-size: 14px;}
ul#subMenu li a{font-size: 14px; line-height: 16px; padding-top: 5px; padding-bottom: 5px;}
a#uitloggen{font-size: 17px;}
table.programma td.datum {width: 30px;}
table.programma td.datum div.datumNormaal{display: none;}
table.programma td.datum div.datumMobiel{display: block;}
/*SHADOWBOX*/
/*#sb-overlay{opacity: 0 !important;}
*/
} /* EINDE MEDIA-QUERY */
/* IPAD
**************************************************/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait){
div#site{min-height: 1200px !important;}
}/* EINDE MEDIA-QUERY */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape){
div#site{min-height: 660px;}
}/* EINDE MEDIA-QUERY */
/* IPHONE4
**************************************************/
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
} /* EINDE MEDIA-QUERY */
/* PRINT STYLESHEET
**************************************************/
@media print{
form div.formulier div.value.textline b{letter-spacing: 0;}
section, article{ border: 0 !important;}
header nav, div#breadcrumb, div#hoofdsponsor, div#schaduw, aside, div#backstretch, div#footerContainer{display: none !important;}
div#logo{left: 50%; margin-left: -66px;}
} /* EINDE MEDIA-QUERY */
/* HACK MAX BREEDTE */
#template1 #content object {
max-width: 443px;
}
/*SPELERS STATISTIEKEN*/
table.speler-statistieken{
width: 238px;
}
table.speler-statistieken td {
padding: 0 5px 4px 0;
font-size: 11px; line-height: 12px;
}
table.speler-statistieken td.seizoen{
font: 16px/14px "din-condensed-web-1","din-condensed-web-2", Arial, sans-serif;
color: #0168AF; height: 14px; width: 120px;
}
table.speler-statistieken td.hd_gs{height: 14px; min-width: 16px; background: transparent url('../images/hd_gs.png') 11px top no-repeat;}
table.speler-statistieken td.hd_dp{height: 14px; min-width: 16px; background: url("../images/wedstrijdverloop/wv_doelpunt.gif") no-repeat 8px top;}
table.speler-statistieken td.hd_gk{height: 14px; min-width: 16px; background: url("../images/wedstrijdverloop/wv_gelekaart.gif") no-repeat 9px top;}
table.speler-statistieken td.hd_rk{height: 14px; min-width: 16px; background: url("../images/wedstrijdverloop/wv_rodekaart.gif") no-repeat 9px top;}
td.seizoentotaal{
font: normal 14px/18px Arial, sans-serif; height:18px; width: 120px;
}
table.speler-statistieken td.gs{text-align: right; min-width: 16px; padding-right: 8px;}
table.speler-statistieken td.dp{text-align: right; min-width: 16px; padding-right: 8px;}
table.speler-statistieken td.gk{text-align: right; min-width: 16px; padding-right: 8px;}
table.speler-statistieken td.rk{text-align: right; min-width: 16px; padding-right: 8px;}
/*NIEUWSARCHIEF*/
div#selectieMaand a.selected,
div#selectieJaar a.selected { color: #000; font-weight: bold; text-decoration: none;}
div#selectieMaand { margin: 0 0 20px;}
/*STAND*/
table.stand{
width: 100%;
color: #0168af;
border-bottom: 1px solid #ccc;
}
table.stand th{
text-align: right;
background: #0168AF; color: #fff;
padding: 3px;
}
table.stand td{
border-top: 1px solid #ccc;
color: #000; padding: 1px 3px;
vertical-align: middle; text-align: right;
width: 22px;
white-space: nowrap;
}
table.stand td.team{
white-space: normal;
}
table.stand td.logo,
table.stand td.positie,
table.stand td.team,
table.stand th.positie,
table.stand th.team { text-align: left; width: auto;}
table.stand td.positie,
table.stand th.positie { width: 30px;}
table.stand td.punten { font-weight: bold;}
table.stand tr.odd td { background-color: #eee;}
table.stand tr.sch td { background-color: #e5f0f7; color: #0168af; font-weight: bold;}
p.stand{
font: 10px/12px Arial, sans-serif; color: #999;
text-align: right;
}
/*VOLGENDE WEDSTRIJD*/
div.nextmatch { margin: 0 0 10px; position: relative;}
div.nextmatch h3 { margin: 0 0 5px;}
body#home div.nextmatch h3 { font-size: 22px; line-height: 22px; }
div.nextmatch div.datum { font-weight: bold}
div.nextmatch div.competitie { font: 11px/12px Arial, sans-serif; color: #999; margin: 0 0 20px; }
div.nextmatch table { width: 100%;}
div.nextmatch table td { vertical-align: middle; text-align: center !important;}
div.nextmatch table td.uitslag h3 { white-space: nowrap;}
div.nextmatch table td.clublogo { width: 50%; }
div.nextmatch p { text-align: center; }
div.nextmatch a.cta { float: none; display: inline-block; }
div.nextmatch a.cta--buycards {background: #E52029 url("../images/ctaBg.png") 50% repeat-x}
div.nextmatch a.cta--buycards:hover {background: #f50a0a url("../images/ctaBg.png") 50% repeat-x}
div.nextmatch a.cta--matchinfo {position: absolute; right: 0; top: 30px;}
#sidebar2 div.nextmatch a.cta--matchinfo {position: relative; margin: 10px auto; top: 0;}
body#template2 aside div.nextmatch table td h3.club { display: none; }
body#template2 aside div.nextmatch table tr.clubs td { display: none; }
/*SELECTIE*/
table.doelpunten { width: 100%; color: #000; border-top: 1px solid #ccced4;}
table.doelpunten td { padding: 3px 5px; border-bottom: 1px solid #ccced4;}
table.doelpunten td.goals { padding: 3px 10px 3px 5px; font-weight: bold; color: #0168af; text-align: right; }
/*WEDSTRIJDFOTO'S*/
a.wedstrijdfoto{
text-decoration: none;
float: left; display: inline;
margin: 0 10px 5px 0;
}
.cycle { position: relative;}
.slideshow { position: relative; z-index: 2; overflow: hidden;
float: left; display: inline; width: 416px; height: 63px; margin: 0 16px 10px;}
.slide { width: 416px; height: 63px;}
.slideImg { position: relative; float: left; display: inline; width: 104px; height: 63px;}
.slideImg img { display: block; margin: 0 5px;}
.slideImg a:hover img { opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity = 80);}
html.ie7 .slideshow { margin-bottom: 0; }
.cycleNav{
position: absolute; z-index: 1; left: -4px; top: 0;
width: 456px; height: 63px; margin: 0 auto;
text-align: center;
}
.cycleNav a{
float: left; display: inline; overflow: hidden;
width: 20px; height: 63px; margin: 0;text-indent: -999px;
background: url("../images/wedstrijdfotosNav.png");
}
.cycleNav a.prev { float: left; display: inline; background-position: left top;}
.cycleNav a.prev:hover { background-position: -20px top}
.cycleNav a.next { float: right; display: inline; background-position: left -63px;}
.cycleNav a.next:hover { background-position: -20px -63px;}
/* TICKETING + SCC
**************************************************/
div.secTick {
margin: 0 0 10px 0;
}
div.secTick .pagination {
float: right;
}
div.secTick .legend {
margin: 0 0 10px 0;
}
div.filterSelect {
float: right;
}
div.filterSelect select {
width: 250px;
border: 1px solid #cecece;
}
p.error, p.status {
margin-bottom: 10px;
padding: 20px;
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
border: 1px solid rgba(0, 0, 0, 0.3);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
p.error a, p.status a {
color: white;
text-decoration: underline;
}
p.error a:hover, p.status a:hover {
text-decoration: none;
}
p.error {
background-color: #d83a2e;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#e4776f), to(#d83a2e));
background-image: -moz-linear-gradient(#e4776f, #d83a2e);
background-image: -ms-linear-gradient(#e4776f, #d83a2e);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4776f), color-stop(100%, #d83a2e));
background-image: -webkit-linear-gradient(#e4776f, #d83a2e);
background-image: -o-linear-gradient(#e4776f, #d83a2e);
background-image: linear-gradient(#e4776f, #d83a2e);
border-color: #b32b21;
}
p.status {
background-color: #62bc62;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#97d397), to(#62bc62));
background-image: -moz-linear-gradient(#97d397, #62bc62);
background-image: -ms-linear-gradient(#97d397, #62bc62);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97d397), color-stop(100%, #62bc62));
background-image: -webkit-linear-gradient(#97d397, #62bc62);
background-image: -o-linear-gradient(#97d397, #62bc62);
background-image: linear-gradient(#97d397, #62bc62);
border-color: #46a546;
}
div.errorDescription {
color: #d83a2e;
font-style: italic;
margin-bottom: 5px;
}
div.scc.contact { float: left; width: 50%; margin: 0 0 20px 0; }
div.formulier.scc .textline input {
width: 200px !important; margin: 0 20px 0 0;
}
div.scc .relNaam { margin: 0 0 0 20px; color: #999; }
.ctaSmall.light { background-color: #a6c0e9; }
table.ticketing{
width: 100%;
}
table.ticketing thead {
background: #a0adcf;
color: white;
}
table.ticketing thead tr th {
background: #a0adcf;
color: white;
}
table.ticketing thead th {
padding: 5px 5px;
}
table.ticketing thead a {
color: white;
}
table.ticketing tr:hover td { background-color: #e5f0f7 !important; cursor: pointer; }
table.ticketing td{
padding: 5px 5px;
border-bottom: 1px solid #ccced4;
vertical-align: top;
line-height: 16px;
}
table.ticketing.nolink tr:hover td, table.ticketing.nolink tr.odd:hover td { background-color: transparent !important; }
table.ticketing tr.odd td{
background-color: #eee;
}
table.ticketing a{
color: black;
text-decoration: none;
}
table.ticketing a:hover{
color: black !important;
}
table.ticketing .vak,
table.ticketing .rij,
table.ticketing .stoel {
text-align: center;
}
table.ticketing td.status {
font-style: italic; font-size: 10px;
color: #aaa;
}
table.ticketing tr.isGray td {
color: #aaa;
}
table.ticketing tr.isGray td a {
color: #aaa;
}
.ticketing a.delete {
color: #000000;
float: right;
font-size: 15px;
font-weight: bold;
opacity: 0.3;
text-shadow: 0 1px 0 #FFFFFF;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.ticketing a.delete:hover {
opacity: 0.6;
color: #000000 !important;
}
table.ticketing .checkboxTable {
border: 0; margin: 0;
}
table.ticketing .checkboxTable td {
border: 0;
padding: 0 5px 0;
}
.usrCheckbox{position:relative;width:13px;height:13px;overflow:hidden;}
.usrCheckbox .image{position:absolute;width:26px;height:39px;background-image:url('../images/checkboxes.jpg');}
.usrCheckbox .over{top:-13px;}
.usrCheckbox .selected{left:-13px;}
.usrCheckbox .disabled{top:-26px;}
/* OSSH TOTO */
table.toto{
width: 100%;
}
table.toto thead {
background: #a0adcf;
color: white;
}
table.toto thead th {
padding: 5px 5px;
}
table.toto thead a {
color: white;
}
table.toto tr:hover td { background-color: #e5f0f7 !important; }
table.toto td{
padding: 5px 5px;
border-bottom: 1px solid #ccced4;
vertical-align: middle;
line-height: 16px;
}
table.toto tr.odd td{
background-color: #eee;
}
table.toto a{
color: black;
text-decoration: none;
}
table.toto a:hover{
color: black !important;
}
div.totoForm {
}
div.totoForm div.label {
clear: both;
float: left;
width: 400px;
}
div.totoForm div.value input {
width: 30px !important;
text-align: center;
}
/* OSSH TOTO */
div.ossh {
}
div.ossh div.bedrijf {
margin: 0 0 20px 0;
clear: both;
}
div.ossh div.bedrijf h4 {
margin: 0 0 5px;
}
div.ossh div.bedrijf div.logo, div.osshDetail figure.logo {
float: right; display: inline;
width: 200px; height: 110px; margin: 0 0 20px 20px;
background: #f8f8f8;
-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15);
}
div.ossh div.bedrijf div.logo table, div.osshDetail figure.logo table {width: 200px; height: 110px; margin: 0; padding: 0;}
div.ossh div.bedrijf div.logo table td, div.osshDetail figure.logo td {width: 220px; height: 110px; margin: 0; padding: 0; text-align: center; vertical-align: middle; border: 0;}
div.ossh div.bedrijf div.logo img, div.osshDetail figure.logo img { position: relative; top: 2px; display: inline; }
div.ossh div.bedrijf div.branche {
color: #666666;
margin: 0 0 5px 0;
font-style: italic;
}
div.lidVanDeWeek, figure.partners {
}
div.lidVanDeWeek figure.logo, figure.partners .logo {
width: 160px; height: 110px; padding: 0 10px;
background: #f8f8f8;
-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.15);
}
figure.partners .logo {
width: auto; height: auto;
padding: 10px;
}
div.lidVanDeWeek figure.logo table, figure.partners .logo table {width: 160px; height: 110px; margin: 0 auto; padding: 0;}
div.lidVanDeWeek figure.logo td, figure.partners .logo td {width: 160px; height: 110px; margin: 0; padding: 0; text-align: center; vertical-align: middle; border: 0;}
div.lidVanDeWeek figure.logo img, figure.partners .logo img { position: relative; top: 2px; display: inline; }
div.osshDetail {
}
div.osshDetail div.omschrijving {
margin: 0 0 20px 0;
}
div.osshDetail div.contact {
clear: both;
float: left;
width: 50%;
}
div.osshDetail div.contact .contactpersoon {
float: left;
margin: 0 20px 20px 0;
}
div.osshDetail div.diensten {
clear: both;
float: left;
width: 50%; margin: 0 0 20px;
}
div.osshDetail div.adres {
float: left;
width: 50%; margin: 0 0 20px;
}
div.osshDetail div.foto {
float: left;
width: 50%;
}
/*WINKELWAGEN*/
div#FSwinkelwagen{
position: absolute; right: 140px; top: 18px;
width: 240px; height: 40px; padding: 0 0 0 50px;
text-align: left; color: #DFDFDF;
}
div#FSwinkelwagen a{
float: left; display: block; white-space: nowrap;
width: 190px; height: 35px; padding: 5px 0 0 50px;
text-align: left; color: #DFDFDF; text-decoration: none !important;
background: url("../images/feansjop/iconWinkelwagen.png") left 50% no-repeat;}
div#FSwinkelwagen h3 { margin: 0; color: #DFDFDF;}
div#FSwinkelwagen a:hover, div#FSwinkelwagen a:hover h3 { color: #DFDFDF;}
div#FSwinkelwagen a.empty { cursor: default;}
div#FSwinkelwagen a.empty:hover, div#FSwinkelwagen a.empty:hover h3 { color: #DFDFDF;}
/* KIKAMETER
******************************/
div#kikaMeter{
height: 200px;
background-image: url("../images/kika/bgKikameter.png"); background-repeat: no-repeat; background-position: 8px 5px;
}
div#kikaMeter a{text-decoration: none; border: 0;}
div#kikaMeter div.bedrag {
position: absolute; right: 5px;
height: 20px;
color: #000;
font-size: 10px; font-weight: bold;
}
div#kikaMeter .kikaContainer { position: relative; left: 3px; }
div#kikaMeter div,
div#kikaMeter div.overlay { float: left; display: inline; height: 200px; width: 90px;}
div#kikaMeter div { position: relative;}
div#kikaMeter div.overlay { position: absolute; z-index: 2; background: url("../images/kika/bgOverlay.png") -5px -4px no-repeat;}
div#kikaMeter div.bar,
div#kikaMeter div.bar div { float: left; display: inline; width: 21px; height: 142px; }
div#kikaMeter div.bar { position: absolute; bottom: 66px; left: 44px; z-index: 1; }
div#kikaMeter div.bar div { position: relative; }
div#kikaMeter div.bar div div.progress{
position: absolute; bottom: -5px; left: 0; z-index: 1;
float: left; display: inline; width: 21px;
background: url("../images/kika/kikaBar.png") no-repeat;
}
/*ALLE LEDEN*/
ul.index{
display: block;
margin: 0 0 20px; padding: 0;
height: 20px;
border-left: 1px solid #d8d8d8;
}
ul.index li{
float: left; display: inline;
background-image: none; margin: 0; padding: 0;
border: 1px solid #d8d8d8; border-left: 0;
height: 20px; line-height: 20px;
}
ul.index li a{
display: block;
padding: 0 5px;
text-decoration: none;
}
ul.index li a:hover{
background: #eee;
color: #0168af;
}
/* SOCIAL ITEM */
ul.socialButtons{
float: left; display: inline;
list-style: none;
}
ul.socialButtons li{
float: left; display: inline;
height: 35px; padding: 0; margin: 0 4px 0 0;
background: none;
}
ul.socialButtons li a{
display: block;
height: 28px; padding: 7px 0 0 28px;
background-repeat: no-repeat;
text-decoration: none; text-indent: -999px;
}
#home aside .socialButtons li a {
margin: 0 5px 0 0; padding-left: 30px;
text-indent: 0;
font: 14px/14px "din-condensed-web-1","din-condensed-web-2",Arial,sans-serif;
}
#template2 aside .socialButtons li a {
margin-right: 12px;
}
/* ul.socialButtons li.hyves a{ background-image: url("../images/socialHyves.png"); background-position: -3px top;}
ul.socialButtons li.twitter a{ background-image: url("../images/socialTwitter.png"); background-position: -2px top;}
ul.socialButtons li.facebook a{ background-image: url("../images/socialFacebook.png"); background-position: 0 top;}
ul.socialButtons li.instagram a{ background-image: url("../images/socialinstagram.png"); background-position: -1px top;}
ul.socialButtons li.youtube a{ background-image: url("../images/socialYoutube.png"); background-position: 0 top;}
ul.socialButtons li.hyves a:hover{ background-position: -3px -35px;}
ul.socialButtons li.twitter a:hover{ background-position: -2px -35px;}
ul.socialButtons li.facebook a:hover{background-position: 0 -35px;}
ul.socialButtons li.youtube a:hover{background-position: 0 -35px;}
ul.socialButtons li.instagram a:hover{ background-position: -1px -35px;}
*/
ul.socialButtons li.twitter a{ background-image: url("../images/social/twitter.png");}
ul.socialButtons li.facebook a{ background-image: url("../images/social/facebook.png");}
ul.socialButtons li.instagram a{ background-image: url("../images/social/instagram.png");}
ul.socialButtons li.youtube a{ background-image: url("../images/social/youtube.png");}
/*MEDEWERKERS*/
div.medewerker{
position: relative; padding: 0 0 0 140px; margin: 0 0 20px;
min-height: 150px;
}
div.medewerker img { position: absolute; left: 0; top: 0; }
div.medewerker h3 { margin: 0; padding: 0; font-size: 24px; line-height: 24px;}
div.medewerker h3 a { text-decoration: none; }
div.medewerker span { font: 18px/18px "din-condensed-web-1","din-condensed-web-2", Arial, sans-serif; color: #0168af; display: block; margin: 1px 0 5px; }
div.medewerker.right{padding: 0 140px 0 0;}
div.medewerker.right img{right: 0;left:auto}
/*AGENDA*/
.agendaDetail { }
.agendaDetail .agenda_tijd, .agendaDetail .agenda_locatie { color: #B0B0B0; font-style: italic; }
.agendaDetail p.description { margin-top: 24px; }
div.prijzen a { cursor: pointer; }
/* LOADER */
#fsLoad { width: 220px; height: 20px; position: absolute; display: none; left: 50%; margin-left: -110px; top: 370px; background: url("../images/ajax-loader.gif") left top no-repeat; z-index: 10; }
/* RANDOM IMAGE */
.randomImage {
padding: 5px 5px 0;
}
.randomImage figure { display: none; }
.randomImage figure img { width: 108px; }
.randomImage .feanatic--header img {width: auto;}
.randomImage .feanatic--header {margin: 0;}
.slideshow--feanatic section {padding: 0; margin: 0; border: none;}
/* FORMULIER
************************************************/
form div.formulier_enquete{
margin-bottom: 16px;
}
form div.formulier_enquete .paging {
margin-bottom: 10px;
background: rgba(255, 255, 255, 1);
padding: 10px;
text-align: right;
border-radius: 3px;
}
form div.formulier_enquete .required {
color: #ff0000;
}
form div.formulier_enquete .description {
background: rgba(0, 0, 0, .2);
padding: 10px;
text-align: center;
border-radius: 3px;
}
form div.formulier_enquete .clearfix {
margin-bottom: 16px;
}
form div.formulier_enquete label,
form div.formulier_enquete input,
form div.formulier_enquete select,
form div.formulier_enquete textarea {
font-family: myriad-pro, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: normal;
}
form div.formulier_enquete label {
display: block;
padding-top: 6px;
font: 12px/18px myriad-pro, sans-serif;
}
form div.formulier_enquete label span.required{
float: right; display: block; width: 12px; height: 18px; color: #999;
}
form div.formulier_enquete div.input {
/*margin-left: 190px;*/
margin: 5px 0;
}
form div.formulier_enquete input[type=checkbox],
form div.formulier_enquete input[type=radio] {
cursor: pointer; vertical-align: baseline;
}
form div.formulier_enquete input[type=text],
form div.formulier_enquete input[type=password],
form div.formulier_enquete textarea,
form div.formulier_enquete select{
display: inline-block;
width: 270px; height: 18px; margin: 0; padding: 4px;
font-size: 14px; line-height: 18px;
color: #777;
border: 1px solid #ccc;
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
form div.formulier_enquete input[type=text]:focus,
form div.formulier_enquete input[type=password]:focus,
form div.formulier_enquete textarea:focus {
outline: none;
border-color: rgba(82, 168, 236, 0.8);
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
form div.formulier_enquete input[readonly]:focus,
form div.formulier_enquete textarea[readonly]:focus,
form div.formulier_enquete input.disabled {
background: #f5f5f5;
border-color: #ddd;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
form div.formulier_enquete select,
form div.formulier_enquete input[type=file]{
height: 27px;
line-height: 27px;
}
form div.formulier_enquete select{
width: 210px;
}
form div.formulier_enquete textarea {
height: auto; min-height: 80px; max-height: 500px;
overflow-y: scroll; resize: vertical; width: 448px;
}
form div.formulier_enquete :-moz-placeholder { color: #bfbfbf; }
form div.formulier_enquete ::-webkit-input-placeholder { color: #bfbfbf; }
/*ERROR*/
form div.formulier_enquete div.error {
background: #fde5f3;
padding: 10px 0;
margin: -10px 0 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
form div.formulier_enquete div.error > label,
form div.formulier_enquete div.error span.help-inline{
color: #e8008c;
}
form div.formulier_enquete div.error input[type=text],
form div.formulier_enquete div.error input[type=password],
form div.formulier_enquete div.error textarea {
border-color: #f37fc5;
-webkit-box-shadow: 0 0 3px rgba(232, 0, 140, 0.25);
-moz-box-shadow: 0 0 3px rgba(232, 0, 140, 0.25);
box-shadow: 0 0 3px rgba(232, 0, 140, 0.25);
}
form div.formulier_enquete div.error input[type=text]:focus,
form div.formulier_enquete div.error input[type=password]:focus,
form div.formulier_enquete div.error textarea:focus {
border-color: #e8008c;
-webkit-box-shadow: 0 0 6px rgba(232, 0, 140, 0.5);
-moz-box-shadow: 0 0 6px rgba(232, 0, 140, 0.5);
box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
}
.help-inline{
font-size: 12px;
line-height: 18px;
color: #bfbfbf;
padding-left: 5px;
*position: relative; /* IE6-7 */
*top: -5px; /* IE6-7 */
}
/*INPUTS-LIST*/
div.formulier_enquete .inputs-list {
margin: 0 0 5px;
width: 100%;
}
div.formulier_enquete .inputs-list li {
display: block;
padding: 5px 0 0 28px;
width: 430px;
position: relative;
}
div.formulier_enquete .inputs-list li label {
display: block;
float: none;
width: auto;
padding: 0;
line-height: 18px;
text-align: left;
white-space: normal;
}
div.formulier_enquete .inputs-list input[type=radio],
div.formulier_enquete .inputs-list input[type=checkbox] {
position: absolute; left: 0; top: 3px;
margin-bottom: 0;
}
div.formulier_enquete table.matrix {
}
div.formulier_enquete table.matrix thead tr th {
text-align: center;
}
div.formulier_enquete table.matrix thead tr th,
div.formulier_enquete table.matrix tr td {
height: 25px;
vertical-align: middle;
}
div.formulier_enquete table.matrix td.subvraagKolom {
width: 190px;
}
div.formulier_enquete table.matrix td.dataKolom {
min-width: 50px;
text-align: center;
}
form div.formulier_enquete div.question.meerkeuze div.input div.input {
margin-left: 0;
}
form div.formulier_enquete div.question.meerkeuze div.input div.input textarea {
margin-top: 5px;
min-height: 50px;
}
/*SUBMIT*/
div.formulier_enquete .actions {
/* background: #e9f3f9; */
margin: 18px 0;
padding: 0 20px 0 190px;
}
div.formulier_enquete .actions button {
width: auto !important; padding: 4px 20px 6px !important;
background: #0168af; color: #fff;
font: normal 20px/20px "din-condensed-web-1","din-condensed-web-2", Arial, sans-serif;
/*text-transform: uppercase;*/
border: 0; cursor: pointer;
background: #253a71 url("../images/ctaBg.png") 50% repeat-x;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
}
div.formulier_enquete .actions button:hover {
/*background: #243a70;
color: #ccced4;*/
background-color: #0168af;
box-shadow: 0 0 8px rgba(0,0,0,0.3);
}
form div.formulier.wide .label { float: left; width: 250px; }
form div.formulier.wide .clearfix { margin: 0 0 5px; }
form div.formulier_enquete div.question.meerkeuze label{ position: relative; padding-left: 20px;}
form div.formulier_enquete div.question.meerkeuze input[type=checkbox]{position: absolute; left: 0; top: 5px;}
form div.formulier_enquete div.question.meerkeuze label input[type=text], form div.formulier_enquete div.question.meerkeuze label textarea{position: relative; left: -20px; margin-top: 2px;}
form div.formulier_enquete div.question.enkelekeuze label{ position: relative; padding-left: 20px;}
form div.formulier_enquete div.question.enkelekeuze input[type=radio]{position: absolute; left: 0; top: 5px;}
form div.formulier_enquete div.question.enkelekeuze label input[type=text], form div.formulier_enquete div.question.enkelekeuze label textarea{position: relative; left: -20px; margin-top: 2px;}
form div.formulier_enquete label span.required{display: inline; color: red !important; text-align: left; float: none; margin: 0 0 0 5px;}
html.ie8 table.programma td.datum{width: 200px !important;}
/* MOTM */
#motmaccordion h3{
font-size: 18px;
border-bottom: 1px solid #ccc;
}
#motmaccordion h3:hover {
cursor: pointer;
}
#motmaccordion h3 .date {
float: right;
}
#motmaccordion .motmwedstrijd h3 {
font-size: 16px;
}
#motmaccordion .motmwedstrijd {
margin-left: 20px;
}
#motmaccordion div {
margin-bottom: 10px;
}
#tres_125 {
position: relative;
top: -26px;
left: -29px;
width: 178px;
height: 101px;
}
/* COOKIEBAR
******************************/
#cookie-bar {
background: black;
background: rgba(0,0,0,0.8);
color: white;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding: 10px 0;
z-index: 100;
display: none;
}
#cookie-bar-text {
width: 960px;
margin: 0 auto;
text-align: center;
font-size: 12px;
}
#cookie-bar-text p {
display: inline;
}
#cookie-bar-text a {
color: #fff;
text-decoration: underline;
}
#cookie-bar-text #cookie-bar-close {
background: #fff;
padding: 5px 20px;
margin: 0 0 0 20px;
color: #000;
text-decoration: none;
border-radius: 2px;
display: inline;
}
#cookie-bar-text #cookie-bar-close:hover {
background: #dfdfdf;
}
@media
only screen and (min-device-width:1024px) and (max-width:600px),
only screen and (max-device-width:768px) and (max-device-height: 960px){
#cookie-bar-text {
width: 360px;
margin: 0 auto;
text-align: center;
font-size: 14px;
}
#cookie-bar-text p {
display: block;
margin: 0 0 10px;
}
}
/* KAARTVERKOOP-BANNER
******************************/
#ticket-banner {
position: relative;
left: 0; top: 0;
min-height: 70px; width: 100%; min-width: 960px;
z-index: 10;
display: none;
background: #be0808;
color: white;
font: 16px/22px "din-condensed-web-1","din-condensed-web-2", Arial, sans-serif;
}
#ticket-banner-match {
position: absolute;
height: 50px; min-width: 200px; padding: 10px 0; left: 20px; top: 0;
}
#ticket-banner-match table {
float: left;
}
#ticket-banner-match td {
vertical-align: middle;
padding: 0 5px;
}
#ticket-banner-match .match {
float: left;
margin-left: 20px;
}
#ticket-banner-match .match .date {
text-transform: uppercase;
}
#ticket-banner-tickets {
position: absolute;
height: 50px; width: 200px; padding: 10px 0; top: 0; right: 60px;
}
#ticket-banner-tickets a.cta {
text-transform: uppercase; padding: 0 20px;
}
#ticket-banner-tickets .fb {
font: 12px/18px "din-condensed-web-1","din-condensed-web-2", Arial, sans-serif;
padding: 4px 0 0 5px;
display: block;
}
#ticket-banner-tickets .fb a {
color: white;
text-transform: uppercase;
text-decoration: none;
}
#ticket-banner-tickets .fb a:hover {
color: black;
}
#ticket-banner-text {
font: 24px/24px "din-condensed-web-1","din-condensed-web-2", Arial, sans-serif;
text-align: center;
padding: 20px 0 20px 60px;
}
#ticket-banner-close {
position: absolute;
right: 10px; top: 10px;
z-index: 15;
background: black;
background: rgba(0, 0, 0, 0.5);
color: white;
cursor: pointer;
font-size: 20px;
padding: 5px 8px;
}
#ticket-banner-close:hover {
background: rgba(0, 0, 0, 0.8);
}
@media only screen and (max-width: 600px) {
#ticket-banner {
min-width: 0;
}
#ticket-banner-match {
position: relative;
}
#ticket-banner-tickets {
clear: both;
position: relative;
float: right;
right: 0;
}
#ticket-banner-text {
clear: left;
text-align: left;
font-size: 19px;
padding: 14px 0 0 20px;
}
}
table.standaard.bordered {
border-top: 1px solid #0168af;
border-left: 1px solid #0168af;
}
table.standaard.bordered tr.titel {
display: none;
}
table.standaard.bordered tr td {
border-right: 1px solid #0168af;
border-bottom: 1px solid #0168af;
padding: 3px 5px;
}
section.banner.google {
display: none;
padding: 0;
border: 0;
}
section.banner.google div[id^=div-gpt-ad-] {
height: auto !important;
padding: 10px 10px 0 10px;
}
/*FOTOALBUM*/
ul.fotoalbum{
clear: both;
width: 100%; margin: 0 0 8px;
}
ul.fotoalbum li{
float: left; display: inline;
margin: 0 2px 2px 0;
background: none;
padding: 0;
}
ul.fotoalbum li a{
height: 86px; width: 86px;
display: block; overflow: hidden;
}
ul.fotoalbum li a img{
width: 86px; height: 86px; display: block;
}
/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}
/*
User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#111;}
#colorbox{}
#cboxContent{margin:32px 0; overflow:visible;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#000; padding:1px;}
#cboxLoadingGraphic{background:url("../images/loading.gif") no-repeat center center;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#fff;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; background:url("../images/controls2.png") no-repeat 0 0;}
#cboxSlideshow, #cboxClose {top:-20px;}
#cboxPrevious, #cboxNext {bottom:-20px;}
#cboxPrevious {right: 51%;}
#cboxNext {right: 49%;}
#cboxPrevious{background-position:0px 0px; }
/*#cboxPrevious:hover{background-position:0px -25px;}*/
#cboxNext{background-position:-25px 0px;}
/*#cboxNext:hover{background-position:-25px -25px;}*/
#cboxClose{background-position:-50px 0px; right:0;}
/*#cboxClose:hover{background-position:-50px -25px;}*/
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
/*.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}*/
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
/*.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}*/
@media screen and (max-width: 660px) {
#cboxPrevious {right: 52%;}
#cboxNext {right: 48%;}
}/* EINDE MEDIA-QUERY */
/* Topmenu */
.topmenu {
left: 140px;
position: absolute;
top: 25px;
}
.topmenu li {
float: left;
list-style: none;
margin: 0 5px;
}
.topmenu li a{
color: #e4e4e4;
text-decoration: none;
font: 15px/20px "din-condensed-web-1","din-condensed-web-2", Arial, sans-serif;
}
.partners {
display: flex;
justify-content: space-around;
text-align: center;
}
.partners__partner {
align-items: center;
/* background-color: white;*/
border-radius: 4px;
box-sizing: border-box;
display: flex;
flex: 1 1 22.5%;
margin: 0 auto 0;
max-width: 23%;
/* padding: 10px; */
}
.partners .partners__partner:nth-child(4n) {
margin-right: 0;
}
.partners figure {
width: 100%;
}
.partner--business__row2 figure {
width: 28%;
}
.partner--suppliers figure {
width: 16%;
}
.partners figure img {
margin: 0 auto;
max-width: 100%;
}
.partners__form {
align-items: center;
margin-bottom: 20px;
}
.partners__form .flexform {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
.partners__form .flexform > * {
flex: 1 1 22%;
margin-right: 2%;
max-width: 22%;
}
.partners__form .flexform > *:nth-child(3) {
margin-right: 0;
}
.partners__form input {
padding: 7px 5px;
border: 1px solid #ccced4;
color: #666;
font: 12px Arial, sans-serif;
}
.partners__form input::-webkit-input-placeholder,
.partners__form input::-moz-placeholder,
.partners__form input:-ms-input-placeholder,
.partners__form input:-moz-placeholder {
font-style: italic;
}
.partners__form .button {
width: auto !important;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
background: #0168af;
background: #253a71 url("../images/ctaBg.png") 50% repeat-x;
border-radius: 5px;
border: 0;
color: #fff;
cursor: pointer;
font: normal 20px/20px "din-condensed-web-1","din-condensed-web-2", Arial, sans-serif;
padding: 4px 20px 6px !important;
}
.partners__filters {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
margin-top: 20px;
width: 100%;
}
.partners__filters button {
padding: 3px 4px;
background-color: transparent;
border: 0;
color: #0168af;
cursor: pointer;
}
.partners__filters button:hover,
.partners__filters button.active {
background-color: #0168af;
color: white;
}
.partners__results {
margin-bottom: 20px;
width: 100%;
}
.partners__results thead {
border-bottom: 1px solid #2a3c6c;
color: #0168af;
font: 24px/24px "din-condensed-web-1","din-condensed-web-2", Arial, sans-serif;
font-size: 22px;
letter-spacing: -0.05em;
line-height: 22px;
margin: 0 0 5px;
}
.partners__results th {
font-weight: normal;
padding-bottom: 10px;
}
.partners__results th,
.partners__results td {
padding: 4px 10px;
}
.partners__results tbody tr:first-child td {
padding-top: 10px;
}
.partners__results tbody tr:nth-child(2n) {
background-color: #d8dce2;
}
.partners__results a {
text-decoration: none;
}
html {
-webkit-font-smoothing: antialiased;
}
.form__item--error .form__input {border: 1px solid red}
div.formulier .form__item--error input, div.formulier .form__item--error textarea, div.formulier .form__item--error select {width: 434px;}
#feansjop article figure img {max-width: 100%;}