/* /* (CC) 2014 Wevolve /* /* Feel free to be inspired by this CSS, /* see the Creative Commons License (http://creativecommons.org/) /* /* If you re-use parts or whole of this CSS, /* you must include this copyright notice at the start of the file. /* /* Please contact us for commercial use and to find out /* how we can help you with various web-based solutions:/* /* web:http://www.wevolve.nl /* e-mail:info@wevolve.nl /* tel.:+31-(0)74 255 2140 /* /* -------------------- boilerplate / resets -------------------- */ html, button, input, select, textarea{color:#222;} html{font-size:1em;font-family:'Open Sans Condensed',sans-serif;line-height:1.4;} /* Remove text-shadow in selection highlight:h5bp.com/i These selection rule sets have to be separate. Customize the background color to match your design. */ ::selection{color:#fff;background:#872175;text-shadow:none;} ::-moz-selection{color:#fff;background:#872175;text-shadow:none;}/* webkit - moz */ /* A better looking default horizontal rule */ hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;} /* Remove the gap between images,videos,audio and canvas and the bottom of their containers:h5bp.com/i/440 */ audio, canvas, img, video{vertical-align:middle;} /* Remove default fieldset styles. */ fieldset{border:0;margin:0;padding:0;} /* Allow only vertical resizing of textareas. */ textarea{resize:vertical;} /* Browse Happy prompt */ .browsehappy{margin:0.2em 0;background:#9f0;color:#fff;padding:0.2em 0;} /* Image replacement */ .ir{background-color:transparent;border:0;overflow:hidden;/* IE 6/7 fallback */ *text-indent:-999em;} .ir:before{content:"";display:block;width:0;height:150%;} /* Hide from both screenreaders and browsers:h5bp.com/u */ .nocss, .hidden{display:none !important;visibility:hidden;} /* Hide only visually,but have it available for screenreaders:h5bp.com/v */ .visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;} /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard:h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;} ul,li,ol,dl,dt,dd{padding:0;margin:0;} /* remove outline on links */ a:active,a:active,a:focus,a:focus{outline:none;} /* Hide visually and from screenreaders,but maintain layout */ .invisible{visibility:hidden;} /* Clearfix:contain floats */ .clearfix:before, .clearfix:after{content:" ";display:table;} .clearfix:after{clear:both;} .preview ul, .preview ol, .wwrap ul, .wwrap ol{list-style-position:inside;margin:0 0 20px 0;padding:0 0 0 1em;text-indent:-1em;} .wrap.annonce ul{padding:0;text-indent:0;} #mmemberlogin .error{color:#c00;margin:0 0 20px 0;} /* -------------------- body -------------------- */ body{background:#e7e7e7;margin:0;padding:0;} /* -------------------- wrappers -------------------- */ .container{position:relative;width:98%;max-width:1160px;margin:0 auto;} /* -------------------- header -------------------- */ header{font-weight:bold;} /* ---------- tools ---------- */ #tools{padding:.5em 0 0;} #tools > ul, #tools li{display:inline;padding:0;margin:0;} #tools li{margin:0 .5em 0 0;} #tools a{padding:0 0 .75em;color:#00246c;font-size:.9em;line-height:2em;text-decoration:none;} #tools a:hover{color:#005daa;} /* ---------- login ---------- */ #login{float:left;} #loginlink{position:relative;padding:0 0 1em;} #loginlink .logged{padding:0 1.5em .75em 0;background:url("../img/sprite-750.png") 100% -98px no-repeat;} #tools ul ul{position:absolute;visibility:hidden;opacity:0;top:1.5em;left:2em;padding:1em 2em;transition:all .25s ease;box-shadow:0 3px 3px #000;background:#fff;z-index:10000;} #tools #memberlinks{width:10em;} #tools ul ul li{margin:0;} #tools ul ul a{display:block;color:#000;margin:0 0 .25em;font-size:.8em;font-weight:normal;line-height:1em;} #tools ul ul a:hover{text-decoration:underline;} #loginlink:hover > #memberlinks{visibility:visible;opacity:1;} #loginmobile{visibility:hidden;float:right;display:inline;margin:0;width:1px;height:1px;background:url("../img/sprite-750.png") -188px 0 no-repeat;} /* ---------- language ---------- */ #tools #language > ul{position:absolute;top:1.5em;left:0;padding:1em 2em;visibility:hidden;opacity:0;transition:all .25s ease;box-shadow:0 3px 3px #000;background:#fff;z-index:10000;} #tools #language:hover > ul{visibility:visible;opacity:1;} #tools #language{margin:0 0.5em;position:relative;} #tools #language li{clear:both;margin:0;} #tools #language li a{display:block;margin:0;font-weight:normal;text-transform:capitalize;} #tools #language li a:hover{text-decoration:underline;} /* ---------- search ---------- */ #search{position:relative;float:right;} #search li{float:left;} #search fieldset{padding:0;} #search .searchtext{width:9.5em;min-width:9em;padding:.15em 1.5em .1em .5em;font-size:1em;border:0 none;border-radius:.15em;background:#fff;} #search .searchsubmit{position:absolute;top:6px;right:4px;width:8px;min-width:8px;height:8px;text-indent:-999em;cursor:pointer;border:0 none;background:url("../img/sprite.png") 100% 0 no-repeat;} #searchnav{position:relative;float:right;} #searchnav li{float:left;margin:0 0.5em;} #searchnav fieldset{padding:0;} #searchnav .searchtext{width:9.5em;min-width:9em;padding:.15em 1.5em .1em .5em;font-size:1em;border:0 none;border-radius:.15em;background:#fff;} #searchnav .searchsubmit{position:absolute;top:6px;right:4px;width:8px;min-width:8px;height:8px;text-indent:-999em;cursor:pointer;border:0 none;background:url("../img/sprite.png") 100% 0 no-repeat;} #searchmobile{visibility:hidden;float:right;display:inline;margin:0;width:1px;height:1px;background:url("../img/sprite-750.png") -230px 0 no-repeat;} #searchpage form{clear:both;padding:.5em 1em;margin:0;line-height:1.4em;border:1px solid #e5e5e5;background-color:#eee;} * html #searchpage form{height:1%;} #wsc_extendedform div, #wsc_simpleform div{margin:.2em;} .searchoption{float:left;padding:0;margin:0;width:32%;} #searchpage label{display:block;padding:0;margin:0;font-size:92%;font-weight:bold;} #searchpage select, #searchpage input{font-size:92%;} .wsc_highlight{font-weight:bold;} .wsc_result{padding-top:1em;} .wsc_result dt{font-size:115%;} .wsc_result dd{padding:0;margin:0;} #contents .wsc_result dd p a, #contents .wsc_result dd p a:visited{padding:0;margin:0;color:#008000;} #contents .wsc_result dd p{padding:0;margin:0;color:#999;} #wsc_summary{margin:1em 0;} #wsc_sortby dt, #wsc_sortby dd{display:inline;padding:0;margin:0;list-style-type:none;} #wsc_pagenav{list-style-type:none;text-align:center;} #wsc_pagenav li{display:inline;margin:0 .2em;list-style-type:none;} #searchpage small{display:block;clear:both;} #searchpage #q, #searchpage #wsc_query{clear:both;margin:2px 0;width:40em;} #searchpage input.button{clear:both;margin:2px 0;width:21em;} #searchpage #wsc_notfound{margin:1em 0;} #searchpage #wsc_notfound h3{margin-top:1em;} #searchpage #wsc_notfound ul{margin-left:1em;} /* -------------------- navigation -------------------- */ #navigation{position:relative;background:#fff;z-index:1;} #branding a{float:left;display:inline;margin:1em 0;width:171px;height:62px;text-indent:-999em;background:url("../img/sprite.png") 0 -325px no-repeat;} #mainnav{float:left;display:inline;margin:1em 0 0 3em;} #mainnav .level0, #mainnav .level0 li{float:left;display:inline;padding:0;margin:0;} #mainnav .level0 > .hassub:hover{background:url("../img/mainnav_arrow.png") 50% 100% no-repeat;} #mainnav .level0 > li > a, #mainnav .level0 > li > span{overflow:hidden;display:block;padding:.75em;max-width:6.5em;min-height:4em;max-height:4em;font-size:.9em;color:#585858;text-transform:capitalize;text-decoration:none;} #mainnav .level0 > li > a:hover{color:#00246c;} #mainnav .level0 > .current > a, #mainnav .level0 > .current > span{color:#872175;} #mainnav .level0 li.show:hover > .level1{visibility:visible;opacity:1;} #mainnav .level1{position:absolute;visibility:hidden;opacity:0;top:5.85em;left:0;right:0;float:left;padding:2em;margin:0;transition:all .5s ease;box-shadow:0 3px 3px #000;background:#00246c;z-index:1000000;} #mainnav .level1 li{overflow:hidden;float:left;display:inline;padding:0;margin:0 2em 1em 0;} #mainnav .level1 a, #mainnav .level1 span{padding:0;margin:0;width:18em;color:#febd11;text-transform:uppercase;text-decoration:none;} #mainnav .level1 a:hover, #mainnav .level1 > .current > a, #mainnav .level1 > .current > span{color:#01b4e7;} #mainnav .level2, #mainnav .level2 li{float:none;display:block;padding:0;margin:0;} #mainnav .level2 a, #mainnav .level2 span{padding:0;margin:0;color:#fff;text-transform:none;} #mainnav .level2 a:hover, #mainnav .level2 > .current > a, #mainnav .level2 > .current > span{text-decoration:underline;} #mainnav .level3{padding:0;margin:0 0 0 1em;} #mainnav .level3 a, #mainnav .level3 span{padding:0;margin:0;color:#bdbdbd;} #mainnav .level3 a:hover, #mainnav .level3 > .current > a, #mainnav .level3 > .current > span{text-decoration:underline;} #menu-icon{display:none;margin:0 0 0 10px;width:28px;height:28px;background:url("../img/sprite-750.png") 100% 0 no-repeat;} /* temporary navigation test */ #mainnav .level1 li:nth-child(7){clear:both;} #siteshortcuts {float:right;margin:30px 0;} #siteshortcuts ul, #siteshortcuts li{display:inline;float:right;margin:0 0 0 4px;} #siteshortcuts li a{text-indent:-999em;display:block;width:35px;height:35px;} #siteshortcuts li.country a{background:url("../img/button_yellow_country_a.png") no-repeat 0 0;} #siteshortcuts li.country a:hover{background:url("../img/button_yellow_country_b.png") no-repeat 0 0;} #siteshortcuts li.district a{background:url("../img/button_yellow_district_a.png") no-repeat 0 0;} #siteshortcuts li.district a:hover{background:url("../img/button_yellow_district_b.png") no-repeat 0 0;} #siteshortcuts li.club a{background:url("../img/button_yellow_club_a.png") no-repeat 0 0;} #siteshortcuts li.club a:hover{background:url("../img/button_yellow_club_b.png") no-repeat 0 0;} #siteshortcuts li.start a{background:url("../img/button_yellow_start_a.png") no-repeat 0 0;} #siteshortcuts li.start a:hover{background:url("../img/button_yellow_start_b.png") no-repeat 0 0;} #supportedby{display:inline-block;float:right;margin:30px 0;color:#00246c;font-size:.9em;text-align:right;} /* -------------------- visual -------------------- */ .slides, .flex-control-nav, .flex-direction-nav{margin:0;padding:0;list-style:none;} .homepageslider{position:relative;margin:0;background:#fff;z-index:0;} .homepageslider li{position:relative;} .homepageslider .slide_message{position:absolute;top:60%;left:3em;} .homepageslider .slide_message span{display:block;color:#fff;font-size:2em;line-height:1em;font-weight:bold;text-transform:uppercase;text-shadow:1px 1px 5px #000,-1px -1px 5px #000;} .homepageslider .slide_message a{clear:both;margin:1em 0;} .homepageslider .slides{zoom:1;} .homepageslider .slides > li{display:none;-webkit-backface-visibility:hidden;} .homepageslider .slides > li:first{display: block; -webkit-backface-visibility: visible;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .homepageslider .slides img{width:100%;display:block;} .flex-pauseplay span{text-transform:capitalize;} /* Clearfix for the .slides element */ .slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} html[xmlns] .slides{display:block;} * html .slides{height:1%;} /* No JavaScript Fallback. If you are not using another script,such as Modernizr,make sure you include js that eliminates this class on page load */ .no-js .slides > li:first-child{display:block;} /* FlexSlider Default Theme */ .flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;} .loading .flex-viewport{max-height:300px;} .carousel li{margin-right:5px} /* Direction Nav */ .flex-direction-nav{position:absolute;top:14em;left:0;right:0;z-index:100;} .flex-direction-nav a{position:absolute;top:0;display:block;width:28px;height:28px;margin:-20px 0 0;cursor:pointer;text-indent:-9999px;background:url("../img/slider_arrows.png") no-repeat 0 0;} .flex-direction-nav .flex-next{right:2em;background-position:100% 0;} .flex-direction-nav .flex-prev{left:2em;} .flex-direction-nav .flex-next:hover{background-position:100% 100%;} .flex-direction-nav .flex-prev:hover{background-position:0 100%;} .flex-direction-nav .disabled{opacity:.3!important;filter:alpha(opacity=30);cursor:default;} /* Control Nav */ .flex-control-nav{width:100%;position:absolute;bottom:20px;text-align:center;} .flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline;} .flex-control-paging li a{width:11px;height:11px;display:block;background:#fff;cursor:pointer;text-indent:-9999px;border-radius:20px;box-shadow:inset 0 0 3px rgba(0,0,0,0.3);} .flex-control-paging li a:hover, .flex-control-paging li a.flex-active{background:#febd11;cursor:default;} /* visual */ #visual{position:relative;font-family:'Open Sans Condensed',sans-serif;} #visual .ri-wheel{position:absolute;bottom:-2em;right:2em;width:300px;height:300px;background:url("../img/ri-wheel.png") 0 0 no-repeat;z-index:0;} #visual .slidermessage{overflow:hidden;clear:both;display:block;padding:1em 0;margin:0;font-size:1.2em;font-weight:bold;text-align:center;color:#01b4e7;background:#00246c;} /* -------------------- main -------------------- */ main{position:relative;overflow:hidden;margin:0 0 2em;font-family:Arial Narrow,Arial,sans-serif;font-size:.9em;} main article{padding:2em;} /* --------- main text and links --------- */ main h1,main .columns h1,main .wh-heading1, main h2,main .columns h2,main .wh-heading2, main h2,main .columns h2,main h2.wh-heading2, main h3,main .columns h3,main .wh-heading3, h1.heading1, h2.heading2, h3.heading3, h4.heading4, main h4,main .columns h4,main .wh-heading4{margin-top:0;color:#000;font-family:'Open Sans Condensed',sans-serif;text-transform:uppercase;line-height:1em;} h1.heading1, main h1,main .columns h1,main .wh-heading1{font-size:2.4em;margin-bottom:1em;} h2.heading2, main h2,main .columns h2,main .wh-heading2{font-size:1.8em;margin-bottom:.8em;} h2.heading2, main h2,main .columns h2,main h2.wh-heading2{color:#00246c;font-size:1.8em;margin-bottom:.6em;padding:0;} h3.heading3, main h3,main .columns h3,main .wh-heading3{color:#005daa;font-size:1.6em;margin-bottom:.4em;} h4.heading4, main h4,main .columns h4,main .wh-heading4{color:#005daa;font-size:1.4em;margin-bottom:.2em;} h1.heading1, main h1,main .columns h1,main .wh-heading1{color:#00246c;} p.normal, main p,main .columns p,main p.wh-normal{margin-top:0;margin-bottom:.2em;font-family:Arial Narrow,Arial,sans-serif;color:#000;font-weight:normal;font-size:1em;} p.normal a, main a,main .columns a,main p.wh-normal a{color:#005daa;text-decoration:none;} main a:hover,main .columns a:hover,main .wh-heading a:hover{color:#00246c;text-decoration:underline;} main p.wh-signature, main .wh-signature{padding: 0 0 .8em 0;color:#58585a;text-align:right;font-style:italic;text-shadow:none;} main p.wh-caption, main .wh-caption{padding: 0 0 .8em 0;color:#58585a;font-style:italic;} main article .wh-heading1, main article .wh-heading2, main article .wh-heading3, main article .wh-heading4{font-family:'Open Sans Condensed',sans-serif;} main article h2, main article .wh-heading2{color:#00246C;font-size:1.8em;margin:0 0 .6em 0;} main article h3{color:#005DAA;font-size:1.6em;margin:0 0 .4em 0;} main article h4{color:#005DAA;font-size:1.4em;margin:0 0 .2em 0;} main article p.wh-normal, main article p.normal{color:#000;margin:0 0 10px 0;} main article p.signature{margin:0 0 .8em 0;color:#963;text-align:right;font-style:italic;} main article p.caption{margin:0 0 .8em 0;color:#58585a;font-style:italic;} main article .wh-video{margin:0 0 10px 0;} main article iframe{margin:0 0 10px 0;} .preview .heading1, .wrap .heading1{margin:0 0 .5em 0;} .preview h2.heading2, .wrap h2.heading2{margin:1em 0 .35em 0;} .preview h3.heading3, .wrap h3.heading3{margin:1em 0 .35em 0;} .preview h4.heading4, .wrap h4.heading4{margin:.7em 0 .5em 0;} .preview p.normal, .wrap p.normal{margin:0 0 .7em 0;} .preview p.signature, .wrap p.signature{padding: 0 0 .8em 0;color:#963;text-align:right;font-style:italic;text-shadow:none;} .preview p.caption, .wrap p.caption{padding: 0 0 .8em 0;color:#000;font-style:italic;} .standardform .formfield.radio.labelafter .inputgroup{width:100%;max-width:unset;} .standardform .formfield.radio.labelafter .inputgroup ul{text-indent:0;} .standardform .formfield.radio.labelafter .inputgroup li{overflow:auto;float:left;margin:0;width:100%;} .standardform .formfield.radio.labelafter .inputgroup input[type="radio"]{width:15px;float:left;margin:10px 10px 0 0;} .standardform .formfield.radio.labelafter .inputgroup label{display:inline-block;text-indent:0;wwidth:100%;max-width:unset;margin:0 0 0 0;} #confirmaccess fieldset{padding:0;} .standardform .formfield input.time{width:20px;} /* ---------- crumbtrail ---------- */ #crumbtrail{overflow:hidden;padding:1em 0;margin:0;font-size:.85em;font-weight:bold;} #crumbtrail ul{display:inline;padding:0;margin:0;list-style-type:none;} #crumbtrail li{display:inline;padding:0;margin:0;list-style-type:none;} #crumbtrail li li{border-left:2px solid #585858;} #crumbtrail a, #crumbtrail span{padding:0 .5em;margin:0;color:#585858;text-decoration:none;} #crumbtrail a:hover{color:#00246c;} /* -------------------- homepage -------------------- */ #homepage .columns{padding:2em 0 0;background:#fff;} #homepage .column{overflow:hidden;float:left;display:inline;padding:0;margin:0;width:33%;mmax-height:766px;} #homepage .visual{position:relative;display:block;margin:0 0 1em;width:320px;height:180px;border:1px solid #dbdbdb;} .visual.video span{position:absolute;top:0;left:0;right:0;bottom:0;height:180px;display:block;text-indent:-999em;background:url("../img/video_overlay.png") 50% 50% no-repeat;} /* -------------------- textvisual -------------------- */ #textvisual{padding:2em 0 1em;font-size:1.2em;text-align:center;font-family:'Open Sans Condensed',sans-serif;color:#fff;background:#872175 url("../img/footer_main_arrow.png") 50% 0 no-repeat;} #textvisual h3{padding:0;margin:0;text-transform:uppercase;color:#fff;} #textvisual p{font-family:'Open Sans Condensed',sans-serif;color:#fff;} #textvisual a{color:#febd11;} /* -------------------- subhomepage -------------------- */ #subhomepage .table{display:table;margin:0 0 2em;border:1px solid #dbdbdb;border-spacing:0;background:#fff;} #subhomepage .table-cell{overflow:hidden;display:table-cell;width:66%;background:#fff;border-spacing:0;} #subhomepage .table-cell h1{margin-top:0;} #subhomepage .table-cell.small{width:34%;border-left:1px solid #dbdbdb;background:#f7f7f7;} #subhomepage .column{float:left;display:inline;margin:0 0 2em 0;width:31.5%;border:1px solid #dbdbdb;} #subhomepage #columns > :first-child{margin:0 2.45% 2em 0;} #subhomepage #columns > :last-child{float:right;margin:0 0 2em 0;} /* -------------------- newspage -------------------- */ #newspage .column img{margin:0 0 1em 0;} /* -------------------- foot -------------------- */ .foot{clear:both;margin:1.5em 0 0;height:.3em;background:#f2f2f2;} .foot span{display:block;width:4em;height:.3em;text-indent:-999em;background:#005daa;} /* -------------------- subpage -------------------- */ #subpage .wrap{float:left;display:inline;width:66%;border:1px solid #dbdbdb;} /* fixme:jannes */ #subpage.c2x .wrap{width:100%;} #subpage.c2x{overflow:visible;} #subpage.c2x aside{position:absolute;top:20px;float:right;right:20px;border:none;width:30px;height:0;} #subpage.c2x aside #popupsubnav span.title{color:#005DAA;font-weight:bold;} #subpage.c2x aside:hover{top:-2px;right:-2px;width:33.5%;} #subpage.c2x aside:hover #popupsubnav span.title{display:none;} #subpage.c2x aside #popupsubnav nav{display:none;} #ssubpage.c2x aside #popupsubnav:hover{background-color:#f0f0f0;box-shadow:0 0 5px #666666;} #ssubpage.c2x aside #popupsubnav:hover .foot{background-color:#fff;} #subpage.c2x aside:hover #popupsubnav{background-color:#f0f0f0;box-shadow:0 0 5px #666666;padding:10px;} #subpage.c2x aside:hover .foot{background-color:#fff;} #subpage.c2x aside #apopupsubnav{display:inline-block;} #subpage.c2x aside #popupsubnav span.title{margin:0;} #subpage.c2x aside #apopupsubnav{float:right;} #ssubpage.c2x aside #popupsubnav:hover nav{display:block;} #subpage.c2x aside:hover #popupsubnav nav{display:block;} #subpage.c2x aside #popupsubnav span.title{height: 28px;width: 28px;text-indent:-999em;background: url("../img/sprite-750.png") no-repeat scroll 100% -28px rgba(0, 0, 0, 0);} @media screen and (max-width:1160px){ } @media screen and (max-width:1160px){ #ssubpage.c2x aside #popupsubnav span.title{display:none;} } #subpage #subpageheader{background: url("../img/bg-qna-1160.jpg") no-repeat 50% 50%;} #subpage #subpageheader #qnasearch{margin:90px 10px;text-align:center;} #subpage #subpageheader #qnasearch h2{color:#fff;} #subpage #subpageheader #qnasearch form{display:inline-block;width:70%;overflow:unset;} #subpage #subpageheader #qnasearch .k-autocomplete{height:40px;width:100%;} #subpage #subpageheader #qnasearch input{height:40px;width:100%;font-size:1.4em;padding:0 10px;} #searchwords_listbox .k-item{border-bottom:1px dashed #333;padding:.5em;} #topimage{overflow:hidden;margin:0 0 1em;} #topimage img{width:706px;height:318px;border:1px solid #bdbdbd;background:#fff;} #topimage p{padding:1.5em;margin:0;font-size:1.1em;color:#fff;background:#555;} /* -------------------- newspage -------------------- */ #newspage .wrap{float:left;display:inline;width:66%;} #newspage .column{float:left;display:inline;padding:0;margin:0;width:33%;} #newspage .container{border:1px solid #dbdbdb;background:#fff;} #newspage aside{border:none;} /* -------------------- map_canvas -------------------- */ #map_canvas{height:30em;border:1px solid #999;} #map_canvas .gm-style h3{padding:0;margin:0;} #map_canvas .gm-style div{line-height:.9em;} #map_canvas .gm-style p{min-width:250px;} /* -------------------- article -------------------- */ article{overflow:hidden;background:#fff;} /* -------------------- onthispage -------------------- */ #onthispage{overflow:hidden;padding:.5em 0;margin:.5em 0;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;} #onthispage ol{float:left;display:inline;padding:0;margin:0;} #onthispage li{float:left;display:inline;padding:0;margin:.25em 1em .25em 0;border-right:1px solid #999;} #onthispage li:last-child{border:none;} #onthispage a{display:block;margin:0 1em 0 0;font-size:.8em;} /* -------------------- newslist -------------------- */ #newslist{overflow:hidden;margin:0;} #newslist ul{overflow:hidden;list-style-type:none;max-height:595px;} #newslist li{overflow:hidden;margin:0 0 2em;} #newslist .img{float:left;display:inline;margin:0 10px 1em 0;width:106px;border:1px solid #dbdbdb;} #newslist .content{float:left;display:inline-block;width:205px} #newslist .title{float:left;display:inline;margin:0 0 1em;width:200px;font-family:'Open Sans Condensed',sans-serif;text-transform:uppercase;font-weight:bold;} #newslist .foot{clear:both;margin:1em 0 0;} #newslist .content .title{float:none;} /* -------------------- newslisting -------------------- */ #newslisting h3{margin-top:0;} #newslisting .eventdate{display:block;padding:0;margin:0 0 .5em;color:#666;font-weight:normal;font-size:.8em;} #newslisting .image{clear:both;float:left;display:inline;width:220px;margin:0 1em 1em 0;border:1px solid #dbdbdb;} #newslisting .description{margin:0 0 1em 0;display:block;float:left;width:65%;} /* ------------------- clublist -------------------- */ #clublist{margin:0 0 2em;} #clublist .club{overflow:hidden;} #clublist h3{padding:0;margin:0 0 .5em;} #clublist dl{float:left;display:inline;margin:0 0 2em;font-size:.9em;width:90%;} #clublist dt{float:left;display:inline;font-weight:normal;width:34%;} #clublist dd{float:left;display:inline;width:66%;} #clublist .vaantje{float:right;display:inline;width:50px;height:50px;} /* ------------------- clubmembers -------------------- */ #clubmembers{font-weight:normal;} #clubmembers ul{clear:both;overflow:hidden;} #clubmembers h2{text-transform:uppercase;} #clubmembers h3{padding:.5em .5em .25em;color:#fff;font-size:.85em;background:#005daa;} #clubmembers > ul > li {clear:both;float:left;display:inline;margin:0 0 1.5em 0;width:48%;border:1px solid #ccc;} #clubmembers .president{margin:0 25% 1.5em;width:48%;background:#c9dee9;} #clubboardmembers > :nth-child(odd), #committeemembers > :nth-child(even){clear:right;float:right;} #clubmembers .memberinfo{overflow:hidden;padding:1em;} #clubmembers .memberthumb, #clubmembers .fullname, #clubmembers .member.social{float:left;display:inline;} #clubmembers .fullname{padding:0;margin:0 0 1em 0;width:12em;} #clubmembers .memberthumb{float:right;margin:0 1em 1em 0;border:1px solid #ccc;} #clubmembers .member.social{clear:none;margin:0;width:12em;} /* -------------------- clubsonday / clubsperday -------------------- */ #clubsonname, #clubsperday{overflow:hidden;} #clubsonname ol, #clubsperday ol{overflow:hidden;padding:0;margin:0 0 1em;} #clubsonname ol li, #clubsperday ol li{float:left;display:inline;padding:0;margin:0 .25em .25em 0;} #clubsonname ul li, #clubsperday ul li{float:left;display:inline;width:50%;} #clubsonname > li:nth-child(odd), #clubsperday > li:nth-child(odd){background:#e7e7e8;} #clubsonname ol a, #clubsperday ol a{display:block;padding:.25em .5em 0;margin:0;font-family:'Open Sans Condensed',sans-serif;font-size:.85em;border:1px solid #dbdbdb;} #clubsonname ol a:hover, #clubsperday ol a:hover, #clubsonname ol a.onpath, #clubsperday ol a.onpath{color:#000;background:#c9dee9;} /* ------------------- wp-tables -------------------- */ .wh-table{width:100%;margin:0 0 3em;font-weight:normal;} .wh-table th{padding:.25em;font-family:'Open Sans Condensed',sans-serif;color:#fff;background:#005daa;} .wh-table tr:nth-child(odd){background:#e7e7e8;} .wh-table td{padding:.5em;font-family:Arial Narrow,Arial,sans-serif;font-size:.85em;border:1px solid #fff;} .wh-table .number{text-align:right;} #attendance select{min-width:5em;} #ledenlijst .number{width:20%;} /* ------------------- additional_links -------------------- */ #additional_links{margin:2em 0 0;} #additional_links h3{font-size:.9em;} #additional_links ul{padding:0;margin:0;font-size:.8em;} /* ---------- rs-slideshow ---------- */ #main-slide{padding:1em 0 0;margin:0 0 2em 0;} #main-slide .rs-slideshow{overflow:hidden;position:relative;height:242px;width:100%;} #main-slide .rs-slideshow img{position:absolute;height:100%;left:0;} #main-slide .rs-slideshow .slide-container{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;} #main-slide .rs-slideshow .slide-container img{position:absolute;} #main-slide .rs-slideshow .slide-container .slide-caption{display:block;height:220px;left:0;top:0;padding:0 1em;width:100%;position:absolute;text-align:left;z-index:12;} #main-slide .slide-caption p{font-size:.95em;line-height:1.4em;margin-top:0} #main-slide .slide-caption a{font-weight:bold;} #main-slide .slide-caption h2{font-size:1.3em;margin-top:.25em;padding-bottom:0;} #main-slide .rs-slideshow .slides{display:none;} #main-slide .rss-container{margin-top:6px;} #main-slide .rs-controls{clear:both;margin:.5em 0 0;font-family:'Open Sans Condensed',sans-serif;font-size:.8em;z-index:10;} #main-slide .rs-prev, #main-slide .rs-next{float:right;} #main-slide .rs-play-pause{float:left;font-weight:normal;width:5em;} #main-slide .rs-controls .rs-play-pause{font-weight:normal;} #main-slide .rs-controls ul{float:left;list-style:none outside none;padding:0;} #main-slide .rs-index-list li{float:left;} #main-slide .rs-controls a{display:inline-block;padding:.25em .5em 0;margin:0 .25em 0 0;color:#999;text-align:center;text-decoration:none;border:1px solid #dbdbdb;} #main-slide .rs-controls a:hover, #main-slide .rs-controls .rs-active{color:#000;background:#c9dee9;} .no-js #main-slide .rs-slideshow{height:auto;} .no-js #main-slide .rs-slideshow .slide-container, .no-js #main-slide .rs-slideshow .slide-container img{position:relative;} .no-js #main-slide .rs-slideshow .slides{display:block;margin:2em 3.5em;} .no-js #main-slide .rs-slideshow .slides li{margin:0;} /* -------------------- loginhelp -------------------- */ #loginhelp dt{font-weight:bold;} #loginhelp dd{margin:0 0 1.5em;} /* -------------------- smoelenboek -------------------- */ #smoelenboek{overflow:hidden;margin:0 -2em 0 0;} #smoelenboek .smoelenboekmember{float:left;display:inline;padding:.5em;margin:0 2em 2em 0;border:1px solid #efefef;} #smoelenboek .smoelenboekmember:nth-child(2n+3){clear:left;} #smoelenboek .smoelenboekmember.phf{background:#efefef;} #smoelenboek .membername{display:block;margin:0 0 .5em;font-weight:bold;} #smoelenboek .memberthumb{overflow:hidden;float:left;display:inline;margin:0 .25em .5em 0;width:115px;height:150px;} #smoelenboek dl{float:left;display:inline;margin:0 0 0 .5em;} #smoelenboek dt, #smoelenboek dd{overflow:hidden;float:left;display:inline;padding:0;margin:0;font-size:.8em;} #smoelenboek dt{clear:both;margin:0 .5em 0 0;width:5em;} #smoelenboek dd{float:right;word-wrap:break-word;width:9em;} #smoelenboek dd ul{padding:1.5em 0 0;} /* -------------------- memberprofile -------------------- */ #memberprofile{overflow:hidden;} #memberprofile .membername{display:block;margin:0 0 .5em;font-weight:bold;} #memberprofile .memberthumb, #memberprofile dl{overflow:hidden;float:left;display:inline;min-height:10em;padding:.5em;margin:0 0 2em;width:45%;border:1px solid #efefef;} #memberprofile dl:nth-child(2n+1){float:right;} #memberprofile dl:nth-child(2n){clear:both;} #memberprofile dt, #memberprofile dd{float:left;display:inline;padding:0;margin:0;font-size:.9em;} #memberprofile dt{clear:both;margin:0 .5em 0 0;width:35%;} #memberprofile dd{float:right;word-wrap:break-word;width:60%;} #memberprofile dd ul{padding:0;} /* -------------------- helpdesk -------------------- */ #helpdesk h2{margin:1em 0 .5em 0;} /* -------------------- helpdesknav -------------------- */ #helpdesknav{clear:both;overflow:hidden;margin:0 0 1em;font-family:'Open Sans Condensed',sans-serif;} #helpdesknav ul, #helpdesknav li{float:left;display:inline;padding:0;margin:0 1% .5em 0;} #helpdesknav a{display:block;padding:1em 0;color:#fff;text-align:center;} #helpdesknav a:hover{text-decoration:none;background:#6b7e8f;} #helpdesknav .first{width:32%;background:#2774c0;} #helpdesknav .second{width:32%;background:#fdae48;} #helpdesknav .third{width:32%;background:#20aae2;} #helpdesknav .fourth{width:23%;background:#2774c0;} #helpdesknav .fifth{width:24%;background:#20aae2;} #helpdesknav .sixth{width:24%;background:#3357a3;} #helpdesknav .seventh{width:24%;background:#fdae48;} /* -------------------- .faqgroups -------------------- */ #helpdesk .faqgroups{float:left;width:49%;overflow:hidden;margin:0 0 2em 0;box-sizing:border-box;padding:5px;border:1px solid #c9dee9;border-radius:5px;min-height:190px;position:relative;} #helpdesk .faqgroups.even{float:right;} #helpdesk .faqgroups .count{font-size:.8em;font-weight:normal;text-decoration:none;} #helpdesk .faqgroups li{padding:0;margin:0;} #helpdesk .faqgroups p.more{display:block;text-align:right;clear:both;padding:5px;margin:.5em 0 0 0;position:absolute;bottom:0;right:0;} #helpdesk .faqquestions{float:left;display:inline;padding:0;margin:0;} #helpdesk .faqquestions li{clear:both;float:left;display:inline;padding:0;margin:0;} #helpdesk .faqquestions a{display:block;padding:0 0 0 1.5em;background:url("../img/page_white.png") 0 3px no-repeat;} #helpdesk .backlink a{color:#000;clear:both;display:inline;} #helpdesk .backlink a:hover{color:#000;text-decoration:underline;background:none;} #helpdesk #helpdesknav{overflow:hidden;} #helpdesk .overview{overflow:hidden;clear:both;padding:0,margin:0;} #helpdesk .overview p.intro{margin:0 0 .5em 0;} #helpdesk p.action{text-align:right;margin:0 0 2em 0;} #helpdesk p.action a.defaultbutton{display:inline-block;padding:.375em 1.5em;margin:0;text-align:center;text-decoration:none;text-transform:none;color:#fff;font-size:1.1em;font-family:'Open Sans Condensed',sans-serif;text-transform:uppercase;border-radius:.25em;border:none; background:#005daa; background:-moz-linear-gradient(top,#005daa 0%,#00346b 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#005daa),color-stop(100%,#00346b)); background:-webkit-linear-gradient(top,#005daa 0%,#00346b 100%); background:-o-linear-gradient(top,#005daa 0%,#00346b 100%); background:-ms-linear-gradient(top,#005daa 0%,#00346b 100%); background:linear-gradient(to bottom,#005daa 0%,#00346b 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#005daa',endColorstr='#00346b',GradientType=0);} #helpdesk .faqcategory p.intro{margin:0 0 .5em 0;} #helpdesk .faqcategory .faqcategorylist{border:1px solid #c9dee9;padding:2px;} #helpdesk .question_content, #helpdesk .answer_content{overflow:hidden;clear:both;padding:.5em;margin:0 0 .5em 0;border:1px solid #c9dee9;} #helpdesk .question_content{background:#c9dee9;} #helpdesk .question_content .status, #helpdesk .answer_content .status{float:right;padding:.25em 1.5em;margin:0 0 1em 1em;color:#fff;font-size:.4em;border-radius:.25em;background:#fdae48;} #helpdesk .question_content .status.answered, #helpdesk .answer_content .status.answered{background:#2774c0;} #helpdesk .question_content .member_img, #helpdesk .answer_content .member_img{float:left;display:inline;padding:0;margin:0 1em 1em 0;} #helpdesk .question_content .name, #helpdesk .answer_content .name{padding:0;margin:0 0 0 4em;font-weight:bold;} #helpdesk .question_content .date, #helpdesk .answer_content .date{padding:0;margin:0 0 0 4.5em;color:#666;font-size:.8em;} #helpdesk .question_content .question, #helpdesk .answer_content .answer{padding:0;margin:0 0 0 3.65em;border-top:1px solid #999;} #helpdesk .notice{padding:.25em;color:#fff;border-radius:.25em;background:#090;} #helpdesk #formfeedback.error{color:#c00;} #supportframe{width:100%;min-height:661px;border:none;} /* -------------------- pagenav -------------------- */ .pagenav{overflow:hidden;clear:both;padding:.5em 0;margin:0;text-align:left;color:#215db1;white-space:nowrap;} .pagenav ul{float:right;padding:0;margin:0;overflow:hidden;} .pagenav li{float:left;display:inline;padding:0;margin:0;} .pagenav li a{float:left;padding:0 .5em;color:#215db1;text-decoration:none;} .pagenav li a:hover{text-decoration:underline;color:#00346b;background:none;} .pagenav li.onpath{padding:0 .5em;line-height:1.3em;color:#00346b;font-weight:bold;border:1px solid #000;} /* -------------------- whwp-forum -------------------- */ .whwp-forum .whwp-entry{padding:1em;margin:0 0 1em;border:1px solid #dbdbdb;} .whwp-header{display:block;padding:0 0 .5em;margin:0 0 1em;font-size:.8em;color:#666;border-bottom:1px solid #dbdbdb;} .whwp-header a{display:block;font-size:1.2em;font-weight:bold;} .whwp-forum .whwp-entry blockquote{padding:.5em;border:1px dashed #dbdbdb;} /* -------------------- form -------------------- */ form{overflow:hidden;clear:both;padding:0;margin:0;} form fieldset{padding:0 0 3em;margin:0;border:0;} form legend{display:block;padding:0;margin:0 0 1em;width:100%;font-family:'Open Sans Condensed',sans-serif;text-transform:uppercase;font-weight:bold;} .formrow{overflow:hidden;clear:both;} .formfield, .formfooter{clear:both;overflow:hidden;position:relative;margin:0 0 1em;} .formfield.lastinline{margin:0 0 1em;} form label{float:left;display:inline;padding:.5em 0 .25em;margin:0 2em 0 0;width:90%;max-width:22em;} form input, form textarea, form select{float:left;display:inline;padding:.5em;margin:0;width:90%;width:22em;font-family:Arial Narrow,Arial,sans-serif;color:#00246c;font-size:1em;border-radius:.25em;border:.15em solid #bcbcbc;background:#fff;} form select{width:94%;max-width:23.25em} .inputgroup{float:left;display:inline;width:94%;max-width:23em;} .inputgroup input{float:none;margin:0 0 .25em;} .inputgroup .small{position:relative;float:left;display:inline;margin:0 2.5% 0 0;width:31.5%;} .inputgroup .small:last-child{margin:0;} .inputgroup .small input{margin:0 1em 0 0;width:75%;} .inputgroup .small .overlabel{width:80%;} .inputgroup ul, .inputgroup li{display:inline;overflow:hidden;clear:both;list-style-type:none;} .inputgroup ul input{float:left;display:inline;margin:.25em .5em 0 0;wwidth:1em;} .inputgroup ul input[type="checkbox"], .inputgroup ul input[type="radio"]{width:1em;} .inputgroup ul label{float:left;display:inline;padding:0;margin:0;} form .inputgroup span.error{margin: 0 0 0 1.25em;} form textarea{min-width:22em;max-width:22em;} form input[type="checkbox"]{min-width:1em;} form input:focus, form textarea:focus, form select:focus{border:.15em solid #005daa;} .form-disabled input, .form-disabled textarea, .form-disabled select{opacity:.5;} .js .overlabel{position:absolute;top:0;left:.5em;color:#999;width:20em;} form span.error{clear:both;display:block;padding:.15em 0 0;margin:0 0 0 31.25em;color:#cf402f;font-size:.8em;} form input.error, form select.error, form textarea.error{border:.15em solid #cf402f;} form .message{overflow:hidden;clear:both;float:none;display:block;} #formfeedback.error p strong{color:#cf402f;} #formfeedback.error{margin:0 0 1em 0;} form .inputgroup.radio{padding:.5em 0 0 0;} form.standardform .message .asterisk span.requiredindicator, form.standardform .formfield span.requiredindicator{margin:0 0 0 5px;} /* new forms */ form.default * {box-sizing:border-box;} form.default{margin:0 0 30px 0;} form.default fieldset{margin:0 0 20px 0;padding:0;} form.default div.formfield{overflow:auto;margin:0 0 15px 0;} form.default div.formfooter .part1, form.default div.formfield .part1{float:left;width:330px;margin:0 20px 0 0;} form.default div.formfooter .part2, form.default div.formfield .part2{float:left;width:calc(100% - 360px);} form.default div.formfield small{display:block;} form.default div.error, form.default div.formfield .part2 small.error{clear:both;color:#cf402f;} form.default div.formfield select, form.default div.formfield textarea, form.default div.formfield input{color:#00246c;ffloat:left;bbox-shadow: inset 1px 1px 1px 0px #999;padding:7px 15px;margin: 0 0 0 0;font-size:1em;border:1px solid #d7d7d7;border-radius:5px;box-shadow:2px 2px 2px #fff;bbackground:linear-gradient(to top, #f2edea, #e5e1dd) repeat scroll 0 0 rgba(0, 0, 0, 0)} form.default div.formfooter .part2 .button, form.default div.formfield select, form.default div.formfield input[type='text'], form.default div.formfield input[type='password'], form.default div.formfield input.file, form.default div.formfield textarea { width: 100%; } form.default div.formfooter .part2 .button{width:100% !important;max-width:unset !important;margin:0 !important;} form.default input:focus, formdefault textarea:focus { border-color: #00246c !important; } form.default div.formfield input.error, form.default div.formfield textarea.error, form.default div.formfield select.error, form.default div.formfield .filesarea.error{border:1px solid #cf402f;} form.default div.error{margin:0 0 20px 0;} form.default div.error p{color:#cf402f;} .wrap.annonce * {box-sizing:border-box;} .wrap.annonce .standardform{margin:0 0 30px 0;} .wrap.annonce .standardform div.formfield{overflow:auto;margin:0 0 15px 0;} .wrap.annonce .standardform fieldset{margin: 0 0 15px 0;padding:10px 10px 0 10px;border-radius:5px;} .wrap.annonce .standardform div.formfooter .part1, .wrap.annonce .standardform div.formfield .part1{float:left;width:200px;margin:0 20px 0 0;} .wrap.annonce .sstandardform div.formfield .part1.fullwidth{width:100%;} .wrap.annonce .standardform div.formfield.labelafter .part1{width:15px;margin:0 5px 0 0;} .wrap.annonce .standardform div.formfooter .part2, .wrap.annonce .standardform div.formfield .part2{float:left;width:calc(100% - 220px);} .wrap.annonce .standardform div.formfield .part2 small.error{clear:both;} .wrap.annonce .sstandardform div.formfield label{float:left;width:300px;margin:0 20px 0 0;} .wrap.annonce .standardform div.formfield small{display:block;} .wrap.annonce .standardform div.formfield select, .wrap.annonce .standardform div.formfield textarea, .wrap.annonce .standardform div.formfield input{ffloat:left;bbox-shadow: inset 1px 1px 1px 0px #999;padding:7px 15px;margin: 0 0 0 0;font-size:1em;border:1px solid #d7d7d7;border-radius:5px;box-shadow:2px 2px 2px #fff;bbackground:linear-gradient(to top, #f2edea, #e5e1dd) repeat scroll 0 0 rgba(0, 0, 0, 0)} .wrap.annonce .standardform div.formfield select, .wrap.annonce .standardform div.formfield input[type='text'], .wrap.annonce .standardform div.formfield input[type='password'], .wrap.annonce .standardform div.formfield input.file, .wrap.annonce .standardform div.formfield textarea { width: 100%; } .wrap.annonce .standardform input:focus, form textarea:focus { border-color: #00246c !important; } .wrap.annonce .standardform div.formfield textarea {max-width:unset;min-height:130px;} #subpage .wrap.annonce .standardform .formfooter .button{width:unset;margin:20px 0 10px 0;} .wrap.annonce .standardform div.formfield ul.inputgroup{width:100%;} .wrap.annonce .standardform div.formfield input.error, .wrap.annonce .standardform div.formfield textarea.error, .wrap.annonce .standardform div.formfield select.error, .wrap.annonce .standardform div.formfield .filesarea.error{border:1px solid #cf402f;} .wrap.annonce .standardform span.required{margin:0 0 0 5px;} .wrap.annonce .standardform div.formfield.labelabove .part1{width:100%;} .wrap.annonce .standardform div.formfield.labelabove .part2{width:100%;} .wrap.annonce form.standardform.labelsabove div.formfield label{display:block;font-size:.9em;margin:0 0 2px 5px;} .wrap.annonce form.standardform.labelsabove div.formfield input{display:block;position:relative;left:0;width:100%;} .wrap.annonce form.standardform.labelsabove div.formfield .inputgroup{overflow:auto;} .wrap.annonce form.standardform.labelsabove div.formfield .inputgroup input[type='checkbox']{float:left;width:15px;} .wrap.annonce fform.standardform.labelsabove div.formfield .inputgroup a, .wrap.annonce fform.standardform.labelsabove div.formfield .inputgroup label{float:left;} .wrap.annonce form.standardform.labelsabove div.formfield .inputgroup input[type='checkbox']{margin:4px 0 0 0;} .wrap.annonce fform.standardform div.formfield input[type='checkbox']{left:350px;} .wrap.annonce fform.standardform div.formfield.labelafter input{position:relative;left:0;} .wrap.annonce fform.standardform div.formfield.labelafter input[type='checkbox']{width:15px;margin:0 5px 0 0;} .wrap.annonce .standardform div.formfield .part2 ul.inputgroup li{clear:both;overflow:auto;margin:10px 0;} .wrap.annonce .standardform div.formfield .part2 .inputgroup input[type='radio'], .wrap.annonce .standardform div.formfield .part2 .inputgroup input[type='checkbox']{float:left;width:15px;margin:10px 5px 0 0;} .wrap.annonce .standardform div.formfield .part2 .inputgroup label{float:left;width:calc(100% - 60px);} .wrap.annonce .standardform div.formfield.money .part2 input{width:8em;} .wrap.annonce .standardform div.formfield.date .fieldhint{font-weight:bold;} .wrap.annonce #formfeedback{font-size:.9em;} .wrap.annonce .standardform p.error, .wrap.annonce #formfeedback.error{color:#f00;} .wrap.annonce .standardform div.formfield small.error{color:#f00;} .wrap.annonce .sstandardform fieldset{border:none;} .wrap.annonce .standardform fieldset legend{color:#fa0;font-weight:bold;} .wrap.annonce .standardform .formfooter .button, .wrap.annonce .standardform .formfield input.button{clear:both;font-size:.9em;margin-top:20px; padding: 10px 40px;} .wrap.annonce .standardform .formfield.addressjson textarea{font-size:1.2em;height:8em;} .wrap.annonce .standardform .formfield textarea{resize:vertical;} .wrap.annonce .standardform .formfield .part2 ul, .wrap.annonce .standardform .formfield .part2 label{max-width:unset;} .wwrap.annonce .standardform .formfield .part2 ul li{float:left;} .wrap.annonce .info{float:right;width:33.5%;padding:20px 2em;} .wrap.annonce .main{float:left;width:66.4%;} .wrap.annonce .standardform div.formfield .part2 .image img{width:100%;max-width:400px;height:auto;} .wrap.annonce .standardform div.formfield .part1 label{font-weight:bold;} .userdata dt{font-size:.8em;} .userdata dd{margin:0 0 5px 20px;} .userdata{margin:0 0 20px 0;} .wrap.annonce .amount{margin:0 0 20px 0;} .wrap.annonce .standardform .formfooter{padding:10px;} form.standardform.labelsabove div.formfield label{display:block;font-size:.9em;margin:0 0 2px 5px;} form.standardform.labelsabove div.formfield input[type='text']{display:block;position:relative;left:0;width:100%;} form.standardform.labelsabove div.formfield textarea{display:block;position:relative;left:0;width:100%;} form.standardform.labelsabove div.formfield textarea.error{border-color:} fform.standardform.labelsabove div.formfield .inputgroup{overflow:auto;} fform.standardform.labelsabove div.formfield .inputgroup input[type='checkbox']{float:left;width:15px;} fform.standardform.labelsabove div.formfield .inputgroup a, fform.standardform.labelsabove div.formfield .inputgroup label{float:left;} fform.standardform.labelsabove div.formfield .inputgroup input[type='checkbox']{margin:4px 0 0 0;} div.formfield.files .filesarea{background-color:#f0f0f0;border-radius:5px;} div.formfield.files .filesarea .filelist{padding:10px;border-radius:5px;border:1px solid #ccc;} div.formfield.files .filesarea .filelist table{width:100%;} div.formfield.files .filesarea .filelist tr.fileitem{border-bottom:2px solid #d7d7d7;} div.formfield.files .filesarea .filelist tr.fileitem:last-child{border-bottom:none;} div.formfield.files .filesarea .filelist tr.fileitem td.preview{width:64px;height:64px;} div.formfield.files .filesarea .filelist tr.fileitem td.file, div.formfield.files .filesarea .filelist tr.fileitem td.filename{width:100%;} div.formfield.files .filesarea .filelist tr.fileitem td.action a{cursor:pointer;} div.formfield.files .dropzone{overflow:auto;background-color:#f0f0f0;padding:40px;text-align:center;border-radius:5px;border:3px dashed #d7d7d7;} div.formfield.files .dropzone img{display:block;margin:0 auto;width:64px;height:64px;} .wrap.annonce .standardform div.formfield.files .part2 label{float:unset;display:inline-block;cursor:pointer;clear;both;} div.formfield.files input[type='file']{width:0.1px;height:0.1px;opacity:0;z-index:-1;clear:both;margin:0;padding:0;} form.standardform .dropzone.is-dragover{background-color:#ccc;} form.standardform div.formfield .intro{margin:20px 0;} form.standardform div.formfield .intro ol{padding:0 0 0 20px;} .wrap.annonce form.standardform.labelsabove div.formfield:not(.labelafter) .part1{width:100%;} .wrap.annonce form.standardform.labelsabove div.formfooter .part1.empty, .wrap.annonce form.standardform.labelsabove div.formfield:not(.labelafter) .part1.empty{display:none;} .wrap.annonce form.standardform.labelsabove div.formfooter .part2, .wrap.annonce form.standardform.labelsabove div.formfield:not(.labelafter) .part2{width:100%;} .wrap.annonce form.standardform.labelsabove div.formfield .part2 .image img{width:100%;height:auto;} .wrap.annonce form.standardform.labelsabove fieldset{padding:0;} .wrap.annonce .standardform div.formfield.files .fileitem .error{color:#cf402f;} div.formfield.files .filelist .fileitem td.status span{font-size:.001px;display:block;border-radius:8px;background-color:#fb1;width:16px;height:16px;} div.formfield.files .filelist .fileitem td.status span.error{background-color:#d22;} div.formfield.files .filelist .fileitem td.status span.ok{background-color:#3c6;} #confirmaccess .part2{float:left;} #confirmaccess .part2 label{max-width:unset;} #confirmaccess .formfield input[type='checkbox']{width:20px;margin:10px 10px 0 0;} #confirmaccess .formfield small.error{display:block;clear:both;color:#cf402f;font-weight:bold;} #confirmaccess .formfooter input.button{margin:1em 0 0 0 !important;} .standardform2 *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .standardform2 fieldset{padding:0;margin:0 0 30px 0;background-color:#f2f6f9;border-radius:10px;} .standardform2 legend{padding:10px;margin:0;background-color:#00a9e4;color:#fff;} .standardform2 fieldset .content{padding:10px;} .standardform2 div.formfield .part2{clear:both;} .standardform2 div.formfield.labelafter .part1{float:left;width:15px;margin:0 10px 0 0;padding:4px 0 0 0;} .standardform2 div.formfield.labelafter .part2{float:left;clear:unset;} .standardform2 div.formfield.labelafter .part2 label{margin:0;padding:0;width:100%;} .standardform2 div.formfield.labelafter input[type="checkbox"]{width:15px;} .standardform2 div.formfield.image .part2{float:left;clear:both;} .standardform2 div.formfield.image .part2 label span.button{margin-left:0;width:unset !important;} .standardform2 div.formfield.image .part2 img{width:200px;} .standardform2 div.formfield input[type="text"]{width:100%;} .standardform2 div.formfield.dateofbirth input[type="text"]{max-width:110px;} .standardform2 div.formfield.address textarea{height:100px;} .standardform2 div.formfield.address .part2 input.button{clear:both;margin-left:0;width:unset !important;} div.memberdatablocks *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} form.standard *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} form.standard.labelsabove .part2{clear:both;} form.standard fieldset{padding:0;margin:0 0 30px 0;background-color:#f2f6f9;border-radius:10px;border:1px solid #ddd;min-height:380px;} form.standard legend{padding:10px;margin:0;background-color:#00a9e4;color:#fff;border-radius:10px;} form.standard legend span.rotarywheel{display:inline-block;float:left;width:26px;height:26px;margin:0 7px 0 0;background:url("../img/sprite.png") 0 -296px no-repeat;} form.standard legend span.title{line-height:26px;verticle-align:middle;} form.standard legend span.memberprivacy{display:inline-block;float:right;width:20px;height:19px;ccursor:pointer;background:url("../img/sprite.png") -94px -175px no-repeat;margin-top:3px;} form.standard legend span.memberprivacy.locked{background:url("../img/sprite.png") -94px -200px no-repeat;} form.standard fieldset .content{padding:10px;} form.standard select, form.standard input[type="text"]{width:100% !important;} form.standard input[type="text"]:disabled{background-color:#eee;} form.standard .formfield.dateofbirth input{width:50% !important;} form.standard input.button{margin:0;} form.standard div.formfield{margin:0 0 5px 0;} form.standard div.formfield.labelafter .part1{float:left;width:15px;margin:0 10px 0 0;padding:4px 0 0 0;} form.standard div.formfield.labelafter .part2{float:left;clear:unset;width:calc(100% - 25px);} form.standard div.formfield.labelafter input[type="checkbox"]{width:15px;} form.standard div.formfield.labelafter .part2 label{margin:0;padding:0;width:100%;} #subpage form.standard div.formfield.image .part2 label{width:unset;max-width:unset;margin:0 10px 0 0;} #subpage form.standard div.formfield.image .button.small{margin:1em 0 0 0;width:unset;max-width:unset;font-size:1em;border-radius:10px;} div.memberdatablocks{margin:0 0 0 -20px;} div.memberdatablocksrow{overflow:auto;clear:both;} div.memberdata.block{width:calc(33% - 20px);float:left;margin:0 0 20px 20px;} div.memberdata.block div.view{margin:0 0 20px 0;} div.memberdata.block div.view dt{font-weight:bold;color:#00246c;} div.memberdata.block div.view dd{margin:0 0 10px 0;} div.memberdata.block div.view .buttons{overflow:auto;margin:20px 0;} div.memberdata.block div.view img.preview{width:50%;} div.memberdata.block div.view input.button.edit{margin:0 10px 0 0;padding:5px 15px;font-size:1em;width:unset !important;border-radius:10px;} div.memberdata.block div.edit{display:none;} div.memberdata.block div.edit input.button.save{margin:0 10px 0 0;padding:5px 15px;font-size:1em;;width:unset !important;border-radius:10px;} div.memberdata.block div.edit small.error{color:#cf402f;display:block;clear:both;} ddiv.memberdata.block div.edit img{width:calc(100% - 20px);} div.memberdata.block div.edit .image .imgcontainer{width:50%;background-color:#e7e7e7;} div.memberdata.block div.edit img{width:100%;} div.memberdata.block div.edit .formfeedback.error{margin:0 0 20px 0;} div.memberdata.block div.edit .formfeedback.error p{color:#cf402f;} div.memberdata.block .formfeedback.message p{background-color:#3c3;padding:10px;border-radius:10px;} div.memberdata.block div.edit .formfield div.intro{margin:10px 0 -5px 0;} # new form form.wh-form *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} form .wh-form__grouptitle{font-family:'Open Sans Condensed',sans-serif;font-weight:bold;} form .wh-form__fieldgroup{margin:0 0 15px 0;} form .wh-form__fieldgroup--textedit{} form .wh-form__fieldgroup--textarea{} form .wh-form__fieldline .wh-form__textarea, form .wh-form__fieldline input{width:100%;max-width:unset;} form .wh-form__fieldline input.wh-form__checkbox, form .wh-form__fieldline input.wh-form__radio{width:unset;} form .wh-form__fieldline .wh-form__optiondata{margin:0 0 0 5px;} form .wh-form__fieldline label{width:unset;max-width:unset;margin:0;padding:0;} form .wh-form__fieldline .wh-form__pulldown{width:100%;max-width:unset;} form .wh-form__fieldline .wh-form__subfield{width:100%;margin:5px 0 0 0;} form .wh-form__error{color:#cf402f;} form .wh-form__fields .wh-form__fieldline{margin:0 0 5px 0;} form .wh-form__fields .wh-form__uploadfield button{width:unset;margin:5px 0 0 0;} form .wh-form__fieldgroup.wh-form__fieldgroup--upload{align-items:unset;-webkit-align-items:unset;-ms-flex-align:unset;} form .wh-form__buttongroup.wh-form__navbuttons{margin:40px 0 0 0;} form .wh-form__buttongroup.wh-form__navbuttons button{width:unset;margin:0;} form .wh-form__buttongroup.wh-form__navbuttons button.wh-form__button--previous{float:left;} form .wh-form__buttongroup.wh-form__navbuttons button.wh-form__button--next, form .wh-form__buttongroup.wh-form__navbuttons button.wh-form__button--submit{float:right;} #fullscreenlayer{z-index:99999;display:block;position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(51,51,51,0.6);} #ffullscreenlayer.hidden{display:block !important;visibility:unset !important;} #fullscreenlayer .loader{background:url(/resources/img/ri-wheel-150x150.png) 50% 50%;z-index:999999;bborder: 5px solid transparent;bborder-left-color:#4c95f0;bborder-radius:50%;width:150px;height:150px;position:absolute;left:50%;top:50%;margin:-75px 0 0 -75px;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite;} @-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} @keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} article div.helpt{overflow:auto;} article div.helpt .alignleft{float:left;margin:0 15px 10px 0;} article div.helpt .alignright{float:right;margin:0 0 10px 15px;} article div.helpt img.alignleft{display:inline;margin:0 15px 10px 0;} article div.helpt .wp-caption{background-color:#F5F5F5;padding:5px;text-align:center;} article div.helpt h2{font-size:28px;margin:25px 0 10px 0;} article div.helpt p{margin:0 0 25px 0;} #subpage article div.helpt .button{clear:both;width:unset;margin:40px 0 20px 0;padding:20px 40px;} article div.helpt .button span.top{display:block;} article div.helpt img{max-width:100%;height:auto;} div.helpt .social.share{clear:both;float:right;margin:20px 0;width:330px;} div.helpt .social.share ul{margin:0 0 1em;} div.helpt .social span{display:block;margin:0 0 1em;color:#000;font-family:'Open Sans Condensed',sans-serif;text-transform:uppercase;font-weight:bold;} #helptindex * {box-sizing:border-box;} #helptindex{background-color:#e7e7e7;} #helptindex #projectsintromap{overflow:auto;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;} #helptindex .header{padding:20px 0 0 0;bbackground-color:#f0f0f0;} #helptindex .intro{padding:20px;overflow:auto;background-color:#fff;width:33.5%;float:right;min-height:420px;} #helptindex .intro .text{padding:0 0 0 0;} #helptindex .intro .text h1.title{font-size:2em;} #helptindex .intro .text h2{font-size:1.2em;} #helptindex .intro .text p{margin:0 0 20px 0;} #helptindex .intro .buttons{clear:both;width:100%;text-align:center;margin:1em 0 0 0;} #helptindex .intro a.button{display:inline-block;width:230px;margin:0 1em 1em 0;padding:.7em 1.2em;} #helptindex div.title{padding:2em;} #helptindex div.title h2{margin:.5em 0 0 0;} #helptindex #projectstitle{padding:2em 0 1em;font-size:1.2em;text-align:center;font-family:'Open Sans Condensed',sans-serif;color:#fff;background:#fcbd15 url("../img/footer_main_arrow.png") 50% 0 no-repeat;} #helptindex #projectstitle h2{margin:0 0 10px 0;color:#26b;} #projectstitle h3{padding:0;margin:0;text-transform:uppercase;color:#fff;} #projectstitle p{font-family:'Open Sans Condensed',sans-serif;color:#fff;} #projectstitle a{color:#febd11;} #helptindex .container.projects{background-color:#fff;} #projectsfilter{padding:2em;} ul.filterhelptcategories{ttext-align:center;ppadding:20px;bbackground-color:#fff;} ul.filterhelptcategories li{display:inline-block;font-size:.9em;padding:5px 10px;margin:5px;background-color:#efefef;border-radius:5px;} ul.filterhelptcategories li.active{background-color:#fcbd15;} ul.filterhelptcategories li:hover{cursor:pointer;} #projectsfilter p.expandfilter{margin:10px;} #projectsfilter p.expandfilter a.text{text-decoration:underline;} #projects{width:100%;padding:2em;margin-left:-20px;ooverflow:auto;position:relative;hheight:auto;} #projects .item{margin:0;mmargin:0 0 20px 20px;ppadding:0 10px 0 0;ffloat:left;wwidth:calc(33.2% - 20px);overflow:hidden;mmin-height:200px;background-color:#f0f0f0;border:1px solid #dbdbdb;transition:all 0.3s linear;} #projects .item img{width:100%;height:auto;} #projects .item img.lazyloaded{width:100% !important;height:auto !important;} #projects .item .text{padding:20px 10px 10px 10px;} #projects .item .text p.alignright{margin:10px 0 0 0;text-align:right;} #projects .item .text a{color:#000;} #projects .item .text a.readmore{color:#05a;} #projects .item .text a.readmore:hover{text-decoration:underline;} #projects .item .text a:hover{text-decoration:none;ccolor:#0055aa;} main #projects .item h3{font-size:1.2em;} #helptindex .item .control{padding:0 10px 10px 10px;} #helptindex .footer{padding:2em;} #helptindex .social.share{clear:both;float:right;margin:20px 0;width:330px;} main.helpt .social.share{margin:20px 0;} #helptindex #projectsmap > .leaflet-pane{z-index:unset;} #redivideprojects{display:inline-block;padding:5px;margin-left:-5px;width:26px;height:26px;background:url("../img/maximize-icon.png") no-repeat 50% 50%;border:1px solid #dbdbdb;text-indent:-999em;border-radius:5px;} #redivideprojects.x2{background:url("../img/minimize-icon.png") no-repeat 50% 50%;} .notransition {-webkit-transition: none !important;-moz-transition: none !important;-o-transition: none !important;transition: none !important;} #subpage.myrotary * {box-sizing:border-box;} #subpage.myrotary aside{padding:2em;} #subpage.myrotary aside .widget {margin:0 0 10px 0;background-color:#f2f6f9;padding:0;border:1px solid #ddd;border-radius:10px;} #subpage.myrotary aside .widget .title{background-color:#00a9e4;padding:10px;border-radius:10px;cursor:pointer;} #subpage.myrotary aside .widget span.rotarywheel{display:inline-block;float:left;width:20px;height:20px;margin:0 7px 0 0;background:url("../img/sprite.png") 0 -270px no-repeat;} #subpage.myrotary aside .widget span.link, #subpage.myrotary aside .widget span.open, #subpage.myrotary aside .widget span.close{display:inline-block;color:#fff;font-size:1.5em;font-weight:bold;float:right;width:18px;height:18px;} #subpage.myrotary aside .widget span.link{margin-top:-0.25em;} #subpage.myrotary aside .widget span.open{margin-top:-0.25em;} #subpage.myrotary aside .widget span.close{margin-top:-0.35em;} #subpage.myrotary aside .widget .title h2{display:inline-block;margin:0;padding:0;font-size:1em;color:#fff;} #subpage.myrotary aside .widget .content{padding:10px;overflow:auto;} #subpage.myrotary aside .widget .content a{text-decoration:underline;} #subpage.myrotary aside .widget .content.close{display:none;} #subpage.myrotary aside .widget .content a.button{text-decoration:none;} #subpage.myrotary aside .widget .content .button.small{font-size:1em;margin:10px 0;width:unset;border-radius:10px;} #subpage.myrotary aside .widget .content .button.small.right{float:right;} #subpage.myrotary aside .widget .content .intro{overflow:auto;} #subpage.myrotary aside .widget .content .intro img{float:left;margin:0 10px 10px 0;border-radius:5px;} #subpage.myrotary aside .widget .content .intro .data{float:left;} #subpage.myrotary .stream{text-indent:unset;list-style:none;padding:0;} #subpage.myrotary .stream .streamitem{border: 1px solid #ccc;padding:10px;} #subpage.myrotary .stream .streamitem img.sourceimg{float:left;width:50px;margin:0 20px 20px 0;} #subpage.myrotary .stream .streamitem .item{width:calc(100% - 70px);float:left;} #subpage.myrotary .stream .streamitem .source{margin: -5px 0 5px 0;} #subpage.myrotary .stream .streamitem .sourcetype{float:right;margin:0 0 0 40px;} #subpage.myrotary .stream .streamitem .item h2{font-size:1.6em;} #subpage.myrotary .stream .streamitem2{overflow:auto;border: 1px solid #ccc;border-radius:10px;padding:10px;margin:0 0 20px 0;} #subpage.myrotary .stream .streamitem2:hover{background-color:#fafafa;ccursor:pointer;} #subpage.myrotary .stream .streamitem2 img.sourceimg{float:left;width:50px;margin:0 10px 0 0;} #subpage.myrotary .stream .streamitem2 .source{overflow:auto;margin:0 0 10px 0;} #subpage.myrotary .stream .streamitem2 .source p{margin:0;} #subpage.myrotary .stream .streamitem2 .data{width:calc(100% - 70px);float:left;} #subpage.myrotary .stream .streamitem2 .readmore.button.small{font-size:1em;margin:10px 0 0 0;width:unset;border-radius:10px;} #subpage.myrotary .stream .streamitem2 .readmore.button.small.right{float:right;} #subpage.myrotary aside .widget.attendance .content ul{list-style:none;} #subpage.myrotary aside .widget.attendance .content ul li{padding:5px 5px 5px 10px;border-bottom:1px solid #ddd;position:relative;border-radius:10px;margin:0 0 5px 0;} #subpage.myrotary aside .widget.attendance .content ul li:hover{cursor:pointer;} #subpage.myrotary aside .widget.attendance .content ul li.present{background-color:#b4ecb4;} #subpage.myrotary aside .widget.attendance .content ul li.notpresent{background-color:#ffb2ae;} #subpage.myrotary aside .widget.attendance .content ul li.present:hover{background-color:#8be28b;} #subpage.myrotary aside .widget.attendance .content ul li.notpresent:hover{background-color:#ff817b;} #subpage.myrotary aside .widget.attendance .content ul li .link{position:absolute;top:calc(50% - 9px);right:10px;color:#666;} #subpage.myrotary aside .widget.attendance .content .clubmeeting dl{margin:0 0 10px 0;} #subpage.myrotary aside .widget.attendance .content .clubmeeting dt{font-weight:bold;} #subpage.myrotary aside .widget.attendance .content .clubmeeting dd{margin:0 0 0 20px;} #subpage.myrotary aside .widget.attendance .content .clubmeeting textarea{width:100%;min-width:unset;} #subpage.myrotary aside .widget.attendance .content .formfeedback.error p{color:#cf402f;font-weight:bold;} #subpage.myrotary aside .widget.attendance .content .formfooter{margin:20px 0 10px 0;} #subpage.myrotary aside .widget.attendance .content .formfooter .button{float:unset;margin:0 20px 0 0;} #subpage .clubcontactform.widget {margin:0 0 3em 0;background-color:#f2f6f9;padding:0;border:1px solid #ddd;border-radius:10px;} #subpage .clubcontactform.widget .title{background-color:#00a9e4;padding:10px;border-radius:10px;cursor:pointer;} #subpage .clubcontactform.widget span.rotarywheel{display:inline-block;float:left;width:20px;height:20px;margin:0 7px 0 0;background:url("../img/sprite.png") 0 -270px no-repeat;} #subpage .clubcontactform.widget span.link, #subpage .clubcontactform.widget span.open, #subpage .clubcontactform.widget span.close{display:inline-block;color:#fff;font-size:1.5em;font-weight:bold;float:right;width:18px;height:18px;} #subpage .clubcontactform.widget span.link{margin-top:-0.25em;} #subpage .clubcontactform.widget span.open{margin-top:-0.25em;} #subpage .clubcontactform.widget span.close{margin-top:-0.35em;} #subpage .clubcontactform.widget .title h2{display:inline-block;margin:0;padding:0;font-size:1em;color:#fff;} #subpage .clubcontactform.widget .content{padding:10px;overflow:auto;} #subpage .clubcontactform.widget .content .content{padding:0;} #subpage .clubcontactform.widget .content.close{display:none;} #subpage .clubcontactform.widget .content fieldset{margin:0 0 20px 0;border:unset;} #subpage .clubcontactform.widget .content .part2{overflow:auto;} #subpage .clubcontactform.widget .content textarea{width:100%;max-width:unset;min-height:8em;} #subpage .clubcontactform.widget .content .formfooter .button.small{font-size:1em;margin:10px 0 0 0;width:unset;border-radius:10px;} #subpage .clubcontactform.widget .content p.error, #subpage .clubcontactform.widget .content .formfield small.error{color:#cf402f;} #helptindex * {box-sizing:border-box;} #helptindex .widget {margin:0 0 20px 0;background-color:#f2f6f9;padding:0;border:1px solid #ddd;border-radius:10px;} #helptindex .widget.link{margin:0 0 10px 0;} #helptindex .widget.link:last-child{margin:0;} #helptindex .widget .title{background-color:#00a9e4;padding:10px;border-radius:10px;cursor:pointer;} #helptindex .widget span.rotarywheel{display:inline-block;float:left;width:20px;height:20px;margin:0 7px 0 0;background:url("../img/sprite.png") 0 -270px no-repeat;} #helptindex .widget span.link, #helptindex .widget span.open, #helptindex .widget span.close{display:inline-block;color:#fff;font-size:1.5em;font-weight:bold;float:right;width:18px;height:18px;} #helptindex .widget span.link{margin-top:-0.25em;} #helptindex .widget span.open{margin-top:-0.25em;} #helptindex .widget span.close{margin-top:-0.35em;} #helptindex .widget .title h2{display:inline-block;margin:0;padding:0;font-size:1em;color:#fff;} #helptindex .widget .content{padding:10px;overflow:auto;} #helptindex .widget .content .text p{margin:0 0 10px 0;} #helptindex .widget .content .text p:last-child{margin:0 0 0 0;} .switch { position: relative; display: inline-block; width: 60px; height: 34px; vertical-align:middle; margin:0 10px; } /* Hide default HTML checkbox */ .switch input {display:none;} /* The slider */ .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 30px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } input + .slider { background-color: red; } input:checked + .slider { background-color: green; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(-26px); -ms-transform: translateX(-26px); transform: translateX(-26px); } /* Rounded sliders */ .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } #subpage.myrotary .searchbar{background-color:#f2f6f9;margin:0 0 20px 0;padding:0;border:1px solid #ddd;border-radius:10px;} #subpage.myrotary .searchbar .nroffilters{display:inline-block;text-align:center;width:25px;height:25px;background-color:#ffbb00;padding:2px;border-radius:10px;} #subpage.myrotary .searchbar .removefilters a{text-decoration:underline;} #subpage.myrotary .searchbar .activefilter{display:inline-block;background-color:#99ccff;padding:10px;border-radius:10px;} #subpage.myrotary .searchbar div.row.first{margin:0 0 10px 0;} #subpage.myrotary .searchbar .header{overflow:auto;padding:10px;background-color:#00a9e4;color:#fff;border-radius:10px;} #subpage.myrotary .searchbar .header h2{display:inline-block;color:#fff;font-size:1em;margin:2px 0 0 0;} #subpage.myrotary .searchbar .header .rotarywheel{display:inline-block;float:left;width:20px;height:20px;margin:0 7px 0 0;background:url("../img/sprite.png") 0 -270px no-repeat;} #subpage.myrotary .searchbar .header span.open, #subpage.myrotary .searchbar .header span.close{display:inline-block;color:#fff;font-size:1.5em;font-weight:bold;float:right;width:18px;height:18px;} #subpage.myrotary .searchbar .header span.open{margin-top:-0.25em;} #subpage.myrotary .searchbar .header span.close{margin-top:-0.35em;} #subpage.myrotary .searchbar .content{padding:10px;} /* ---------- buttons ---------- */ main .button.small, main a.button, main input.button, main button{float:left;display:inline-block;padding:.375em 1.5em;margin:1em 0 0 22em;width:45%;text-align:center;text-decoration:none;text-transform:none;color:#fff;font-size:1.1em;font-family:'Open Sans Condensed',sans-serif;text-transform:uppercase;border-radius:.25em;border:none; background:#005daa; background:-moz-linear-gradient(top,#005daa 0%,#00346b 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#005daa),color-stop(100%,#00346b)); background:-webkit-linear-gradient(top,#005daa 0%,#00346b 100%); background:-o-linear-gradient(top,#005daa 0%,#00346b 100%); background:-ms-linear-gradient(top,#005daa 0%,#00346b 100%); background:linear-gradient(to bottom,#005daa 0%,#00346b 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#005daa',endColorstr='#00346b',GradientType=0);} form .button.inline{float:right;margin:0 0 1em;width:20.75em;} main button:hover{cursor:pointer;text-decoration:none;background:#005daa;} main a.button:hover, main input.button:hover, main button:hover{cursor:pointer;text-decoration:none;background:#005daa;} main a.button.yellow, main input.button.yellow, main button.yellow{ color:#00346b; background:#febd11; background:-moz-linear-gradient(top,#febd11 0%,#fea600 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#febd11),color-stop(100%,#fea600)); background:-webkit-linear-gradient(top,#febd11 0%,#fea600 100%); background:-o-linear-gradient(top,#febd11 0%,#fea600 100%); background:-ms-linear-gradient(top,#febd11 0%,#fea600 100%); background:linear-gradient(to bottom,#febd11 0%,#fea600 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#febd11',endColorstr='#fea600',GradientType=0);} main a.button.yellow:hover, main input.button.yellow:hover, main button.yellow:hover{background:#febd11;} /* --------- formsearchclub specific --------- */ #subpage .button{width:96%;max-width:21em;} .homepageslider .button{padding:.5em 3em;} main .column .button{float:none;margin:1em 0 0;width:auto;text-align:center;} aside input{width:21.75em;} aside #formsearchclub .button{float:left;margin:0 0 1em;width:20.75em;} #subpage .wrap.annonce .standardform .formfield .part2 .button.small{width:auto;padding:5px 10px;height:25px;margin:0 10px 0 0;font-size:.8em;cursor:pointer;} .wrap.annonce .standardform .formfield .part2 .divinputfile label{margin:0;display:inline-block;float:left;width:auto;} /* -------------------- standardlist -------------------- */ .standardlist{overflow:hidden;padding:0 0 .5em 0;} .standardlist dt{clear:both;float:left;display:inline;padding:0;margin:0;width:20em;line-height:2em;} .standardlist dd{float:left;display:inline;padding:0;margin:0;line-height:2em;} /* -------------------- contentlisting -------------------- */ #subpage .contentlisting dl{margin:0 0 1em 0;} #subpage #newfiles dd{margin:0 0 1em 0;} /* -------------------- thumbnails -------------------- */ #thumbnailpage .pagenav{clear:both;overflow:hidden;margin:1em 0;} #thumbnailpage .pagenav p{padding:0;} #thumbnailpage .pagenav ul, #thumbnailpage .pagenav li{float:left;display:inline;padding:0;margin:0;width:8em;font-size:.9em;} #thumbnailpage .pagenav ul{width:100%;} #thumbnailpage .pagenav .next{float:right;width:auto;} #thumbnailpage .pagenav .pageindex{margin:0 0 0 30%;} /* ---------- thumbnails ---------- */ #thumbnails{clear:both;margin:0 -2em 0 0;} #thumbnails ul{float:left;display:inline;} #thumbnails li{float:left;display:inline;margin:0 2.5em 2.5em 0;} #thumbnails a{position:relative;display:block;padding:0;width:200px;height:200px;line-height:200px;text-align:center;margin:auto;border:1px solid #efefef;} #thumbnails .imgtitle{position:absolute;display:block;top:0;left:0;padding:20px;width:160px;height:160px;line-height:1em;color:#fff;opacity:0;filter:alpha(opacity=0);-webkit-transition:all 450ms ease-out 0s;-moz-transition:all 450ms ease-out 0s;-o-transition:all 450ms ease-out 0s;transition:all 450ms ease-out 0s;-webkit-transform:rotateY(180deg) scale(0.5,0.5);-moz-transform:rotateY(180deg) scale(0.5,0.5);-ms-transform:rotateY(180deg) scale(0.5,0.5);-o-transform:rotateY(180deg) scale(0.5,0.5);transform:rotateY(180deg) scale(0.5,0.5);background:#febd11;} #thumbnails a:hover > .imgtitle{opacity:.85;filter:alpha(opacity=85);-webkit-transform:rotateY(0deg) scale(1,1);-moz-transform:rotateY(0deg) scale(1,1);-ms-transform:rotateY(0deg) scale(1,1);-o-transform:rotateY(0deg) scale(1,1);transform:rotateY(0deg) scale(1,1);} /* -------------------- Colorbox Core Style -------------------- */ #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;} #cboxWrapper{max-width:none;} #cboxOverlay{position:fixed;width:100%;height:100%;} #cboxMiddleLeft,#cboxBottomLeft{clear:left;} #cboxContent{position:relative;background:#fff;} #cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch;} #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;-ms-interpolation-mode:bicubic;} .cboxIframe{width:100%;height:100%;display:block;border:0;} #colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;} /* ----------- User Style ---------- */ #cboxOverlay{background:#fff;} #colorbox{outline:0;} #cboxTopLeft{width:25px;height:25px;background:url("../img/border1.png") no-repeat 0 0;} #cboxTopCenter{height:25px;background:url("../img/border1.png") repeat-x 0 -50px;} #cboxTopRight{width:25px;height:25px;background:url("../img/border1.png") no-repeat -25px 0;} #cboxBottomLeft{width:25px;height:25px;background:url("../img/border1.png") no-repeat 0 -25px;} #cboxBottomCenter{height:25px;background:url("../img/border1.png") repeat-x 0 -75px;} #cboxBottomRight{width:25px;height:25px;background:url("../img/border1.png") no-repeat -25px -25px;} #cboxMiddleLeft{width:25px;background:url("../img/border2.png") repeat-y 0 0;} #cboxMiddleRight{width:25px;background:url("../img/border2.png") repeat-y -25px 0;} #cboxContent button{overflow:hidden;color:#00246c;font-size:.9em;font-weight:normal;font-family:'Open Sans Condensed',sans-serif;background:#fff;} #cboxContent button:hover{color:#005daa;text-decoration:underline;} .cboxIframe{background:#fff;} #cboxError{padding:50px;border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:30px;} #cboxTitle{position:absolute;bottom:0;left:0;text-align:center;width:100%;color:#999;} #cboxCurrent{position:absolute;bottom:0;left:70px;} #cboxLoadingOverlay{background:#fff url("../img/loading.gif") no-repeat 5px 5px;} /* these elements are buttons,and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:none;} /* avoid outlines on :active (mouseclick),but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0;} #cboxSlideshow{position:absolute;bottom:0px;right:42px;} #cboxPrevious{position:absolute;bottom:0px;left:0;} #cboxNext{position:absolute;bottom:0px;left:160px;} #cboxClose{position:absolute;bottom:0;right:0;display:block;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See:http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);} /* ------------------- aside -------------------- */ aside{float:left;display:inline;width:33.5%;border:1px solid #dbdbdb;border-left:none;background:#fff;} aside p{font-family:Arial Narrow,Arial,sans-serif;font-size:.9em;} aside .box{clear:both;margin:2em;} /* --------- localnav --------- */ #subnav{margin:2em;line-height:1em;} #subnav > span{font-weight:bold;font-size:1.4em;text-transform:uppercase;} #subnav ul{margin:1.5em 0;} #subnav ul ul{margin:0 0 0 1em;font-weight:normal;} #subnav li{margin:.75em 0;} #subnav a, #subnav span{color:#005daa;text-decoration:none;} #subnav .current > a, #subnav .current > span{color:#872175;} #subnav a:hover{color:#00246c;} /* --------- tweets --------- */ #tweets{clear:both;} #tweets ul, #tweets li{padding:0;margin:0;list-style-type:none;} #tweets li{margin:0 0 1em;} #tweets a{text-decoration:none;} #tweets img{float:left;display:inline;margin:0 1em 0 0;} #tweets .title{font-family:'Open Sans Condensed',sans-serif;text-decoration:none;} #tweets .desc{display:block;font-size:.8em;} #tweets a:hover{text-decoration:underline;} /* --------- tweets --------- */ .poll > .title{margin:0 0 1em;color:#000;font-family:'Open Sans Condensed',sans-serif;text-transform:uppercase;font-weight:bold;} .poll label{padding:0;margin:0;width:15em;} .poll .formfield input{margin:.25em 0 0;width:1em;} .poll .button{width:8em;} /* -------------------- order_members_book -------------------- */ #order_members_book .nocss{display:none;} #order_members_book span.nocss{display:inline;} #order_members_book .ideal{display:inline-block;width:32px;height:32px;text-indent:-999em;background:url("../img/ideal.png");} /* -------------------- footer -------------------- */ footer{font-size:.9em;font-weight:bold;line-height:1.6em;} /* ---------- sitemap ---------- */ #sitemap{display:none;overflow:hidden;padding:0 0 2em;font-weight:bold;} #sitemap ul{overflow:hidden;padding:0;margin:0;line-height:1.2em;} #sitemap li{float:left;display:inline;width:11em;margin:0 2em 2em 0;text-transform:uppercase;} #sitemap li li{float:none;display:block;margin:.5em 0;text-transform:capitalize;} #sitemap > ul.hasrootsite > li.first{border-right:1px solid #ccc;} #sitemap > ul > li:nth-child(7){clear:both;} #sitemap ul a{color:#00246c;text-decoration:none;} #sitemap ul ul a{color:#585858;} #sitemap ul a:hover{color:#005daa;} /* ---------- social ---------- */ .social{overflow:hidden;float:left;display:inline;} .social.share{margin:0 2em;} .social.follow{margin:0 2em 0 0;text-transform:uppercase;color:#585858;} aside .social.share{margin:2em;width:330px;} aside .social.share ul{margin:0 0 1em;} aside .social span{display:block;margin:0 0 1em;color:#000;font-family:'Open Sans Condensed',sans-serif;text-transform:uppercase;font-weight:bold;} .social.follow ul{float:right;margin:0 0 0 1em;} .social ul, .social li{float:left;display:inline;padding:0;margin:0 .5em 0 0;color:#585858;font-weight:bold;text-transform:uppercase;} .social li{margin:0 .5em .5em 0;} .social a{display:block;opacity:1;text-indent:-999em;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;background:url("../img/sprite.png") 0 100% no-repeat;} .social a:hover{opacity:.5;} .social.share a{width:32px;height:32px;} .social.follow a{width:26px;height:25px;} .social.member a{width:16px;height:16px;} .social.share .facebook a{background-position:0 -100px;} .social.share .twitter a{background-position:-42px -100px;} .social.share .linkedin a{background-position:-84px -100px;} .social.share .sharethis a{background-position:-126px -100px;} .social.share .email a{background-position:-168px -100px;} .social.share .print a{background-position:-210px -100px;} .social.follow .linkedin a{background-position:-66px -68px;} .social.follow .pintrest a{background-position:-130px -68px;} .social.follow .youtube a{background-position:-131px -68px;} .social.follow .facebook a{background-position:0 -68px;} .social.follow .twitter a{background-position:-33px -68px;} .social.follow .vimeo a{background-position:-66px -68px;} .social.follow .instagram a{background-position:-164px -68px;} .social.follow .googleplus a{background-position:-196px -68px;} .social.member .linkedin a{background-position:-44px -134px;} .social.member .facebook a{background-position:0px -134px;} .social.member .twitter a{background-position:-22px -134px;} /* ---------- shortcuts ---------- */ #shortcuts{overflow:hidden;float:right;display:inline;padding:0 0 2em;width:50%;text-transform:uppercase;} #shortcuts ul{float:right;display:inline;padding:0;margin:0;} #shortcuts li{float:left;display:inline;padding:0;margin:0 0 0 1em;} #shortcuts a{color:#00246c;text-decoration:none;} #shortcuts a:hover{color:#005daa;} /* ---------- footernav ---------- */ #footernav{clear:both;overflow:hidden;color:#585858;background:#fff;} #footernav .container{padding:1.5em 0 2.5em;} #footernav span, #footernav ul{float:left;display:inline;padding:0;margin:0;width:100%;} #footernav li{float:left;display:inline;padding:0;margin:0 1.5em 0 0;} #footernav a{color:#00246c;text-decoration:none;} #footernav a:hover{color:#005daa;} #footernav #realisation{float:right;margin:0 0 1em;} #realisation a{display:block;width:17px;height:17px;background:url("../img/realisation.png") 100% 0 no-repeat;} #realisation a:hover{width:64px;background-position:100% -17px;} /* ---------- zonevisuals ---------- */ .zonevisuals a{display:block;margin:0 0 10px 0;} .zonevisuals a:last-child{margin:0;} ul.pagelinks{display:block;overflow:auto;text-align:right;} ul.pagelinks li{display:inline-block;padding:0 10px;} /* ------------------- Responsive Design -------------------- */ @media all and (max-width:1160px){ #homepage .column{float:none;display:block;width:100%;} #search{display:none;visibility:hidden;} #searchnav{display:none;visibility:hidden;} #searchmobile, #loginmobile{visibility:visible;margin:1em 1em 0 0;width:28px;height:28px;} #branding a{margin:.5em 0;width:128px;height:46px;background:url("../img/sprite-750.png") 0 -94px no-repeat;} #siteshortcuts{margin:.7em 1em 0 0;} #mainnav{overflow:hidden;position:absolute;float:none;display:block;right:0;top:3.75em;margin:0;background:#00246c;z-index:100000;} #mainnav .level0{display:none;} #mainnav .level0 li{clear:both;width:18em;height:auto;max-width:18em;border-top:1px solid #00357f;} #mainnav .level0 li:hover{background:none;} #mainnav .level0 > li > a, #mainnav .level0 > li > span{float:none;display:block;padding:.5em 1.5em;margin:0;width:18em;max-width:18em;min-height:0;white-space:nowrap;font-size:.85em;color:#febd11;text-transform:uppercase;} #mainnav .level0 > .hassub > a, #mainnav .level0 > .hassub > span{background:url("../img/sprite-750.png") 150% -94px no-repeat;} #mainnav .level0 > li > a:hover{color:#febd11;} #mainnav .level0 li:hover > .level1{display:block;} #mainnav .level1{display:none;padding:0;margin:0;opacity:0;position:relative;top:0;box-shadow:none;} #mainnav .level1 li{padding:0;margin:0;} #mainnav .level1 a, #mainnav .level1 span{display:block;padding:.5em 1.5em;width:18em;font-size:.85em;color:#fff;text-transform:capitalize;} #mainnav .level1 a:hover{color:#fff;} #mainnav .level2{display:none;} #menu-icon{float:right;display:inline-block;margin:1em 1em 0 0;} #visual .homepageslider li p{font-size:1em;} #visual .flex-direction-nav, #visual .flex-control-nav, #visual .ri-wheel{display:none;} #subhomepage .table-cell{display:block;width:100%;background:#fff;} #subhomepage .table-cell.small{padding:1em 0;width:100%;border:none;border-top:1px solid #dbdbdb;} #subhomepage .column, #newspage .column{float:none;display:block;width:100%;} #subpage .wrap, #newspage .wrap{float:none;display:block;width:100%;} form .button.inline{clear:both;float:left;display:block;margin:1em 0 0;} aside{width:100%;border:1px solid #dbdbdb;border-top:none;background:#f7f7f7;} #sitemap ul, .social ul, #shortcuts{float:none;} #thumbnailpage .pagenav li{float:none;display:block;} #thumbnailpage .pagenav .pageindex{margin:0;} #thumbnailpage .pagenav .next{float:none;} #memberprofile .memberthumb, #memberprofile dl{float:none;display:block;width:97.5%;margin:0 0 1em;} #memberprofile dl:nth-child(3), #memberprofile dl:nth-child(5){float:none;} form span.error{display:block;} #topimage img{width:100% !important;height:auto !important;} #subpage .wh-normal img{max-width:706px;} .zonevisuals img{max-width:100%;height:auto;} #textvisual img{max-width:100%;height:auto;} .column img{max-width:100%;height:auto;} } @media all and (max-width:1000px){ .wrap.annonce .info{width:100%;float:unset;padding:0;} .wrap.annonce .main{width:100%;float:unset;} div.memberdata.block{width:calc(50% - 20px);} } @media all and (max-width:780px){ main a.button, main input.button, main button{margin:1em 0 0;} #helpdesk .faqgroups{width:100%;} #helpdesk .faqgroups.even{float:left;} .wrap.annonce .standardform div.formfield:not(.labelafter) .part1{width:100%;} .wrap.annonce .standardform div.formfooter .part1.empty, .wrap.annonce .standardform div.formfield:not(.labelafter) .part1.empty{display:none;} .wrap.annonce .standardform div.formfooter .part2, .wrap.annonce .standardform div.formfield:not(.labelafter) .part2{width:100%;} .wrap.annonce .standardform div.formfield .part2 .image img{width:100%;height:auto;} .wrap.annonce .standardform fieldset{padding:0;} form .wh-form__fieldgroup{display:unset !important;} #helptindex .intro{width:100%;float:unset;min-height:unset;} } @media screen and (max-width:660px){ #visual .homepageslider .slide_message span{display:none;} #visual .homepageslider .button{font-size:.8em;} #homepage .visual, #homepage .visual img{max-width:100%;height:auto;} #clublist dt, #clublist dd{float:none;display:block;width:100%;} #clubmembers > ul > li {float:none;display:block;width:100%;} #newspage article .image{max-width:100%;height:auto;} #helpdesknav .first, #helpdesknav .second, #helpdesknav .third, #helpdesknav .fourth, #helpdesknav .fifth, #helpdesknav .sixth, #helpdesknav .seventh{width:100%;} #main-slide{display:none;} #memberprofile dt, #memberprofile dd{width:100%;} #sitemap{text-align:center;} #sitemap ul, #sitemap li{margin:0 0 2em 0;width:100%;} nav.social.follow{overflow:hidden;clear:both;} .social.follow span, .social.follow ul{float:left;} #shortcuts{clear:both;float:left;margin:1em auto;width:100%;} #shortcuts ul{width:100%;} #subpage .wh-normal img{max-width:100%;height:auto;} .inputgroup li{clear:both;margin:0;} input, textarea, select{width:90%;max-width:22em;} .inputgroup{width:96%;max-width:22em;} textarea{min-width:0;width:90%;max-width:22em;} form span.error{margin:0;} .social.follow{margin:0 2em 0 1em;} #footernav .container{margin:1em .5em 2em;} #footernav #realisation{margin:0 .5em 1em;} main article{padding:2em 5px;} div.memberdata.block fieldset{margin:0;min-height:unset;} div.memberdata.block{width:calc(100% - 20px);} ul.pagelinks.top{margin:0 0 20px 0;} ul.pagelinks.bottom{margin:20px 0 0 0;} } /* ---------- Same pagewidth below IE9 browsers ---------- */ .lt-ie9 .container .wrap{float:left;display:inline;width:66%;} .lt-ie9 article{padding:2em 2em 3em;} .lt-ie9 aside{width:33%;} /* --------- Print styles. Inlined to avoid required HTTP connection:h5bp.com/r ---------- */ @media print, (-o-min-device-pixel-ratio:5/4), (-webkit-min-device-pixel-ratio:1.25), (min-resolution:120dpi){/* Style adjustments for high resolution devices */} @media print{ *{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;} a, a:visited{text-decoration:underline;} a[href]:after{content:" (" attr(href) ")";} abbr[title]:after{content:" (" attr(title) ")";} /* Don't show links for images,or javascript/internal links */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after{content:"";} pre, blockquote{border:1px solid #999;page-break-inside:avoid;} thead{display:table-header-group;/* h5bp.com/t */} tr, img{page-break-inside:avoid;} img{max-width:100% !important;} @page{margin:0.5cm;} p, h2, h3{orphans:3;widows:3;} h2, h3{page-break-after:avoid;} header, footer, aside{display:none;} } table#attendance tr{background-color:#fff;} table#attendance tr.odd{background-color:#e7e7e8;} table#attendance td{border:none;} table#attendance td.icon span{display:block;width:13px;height:13px;background:url("../img/sprite.png") -75px -230px no-repeat;} table#attendance tr.open td.icon span{background:url("../img/sprite.png") -75px -250px no-repeat;} form table#attendance textarea{width:97%;max-width:none;margin-bottom:10px;} p.feedback{padding:10px;margin:0 0 20px 0;} p.feedback.error{background-color:#fbb;border:1px solid #a33;} p.feedback.success{background-color:#bfb;border:1px solid #3a3;} /* added 2018 */ #search .formfooter{margin:10px 0;} #search .searchresults{margin:20px 0;} #search .searchresults .results{margin:0 0 30px 0;} #search .searchresults ul{list-style:none;padding:0;} #search .searchresults ul li.resultitem{margin:0 0 20px 0;} #search .searchresults ul li a{text-decoration:none;} #search .searchresults ul li a .url{color:#0b9;font-size:.9em;} #search .searchresults ul li a:visited .url{color:#999;} #search .searchresults ul li a:visited:hover .url, #search .searchresults ul li a:hover .url{color:#0be;} #search .searchresults ul li a .match{font-weight:bold;color:#0be;} #search .pagination{display:block;overflow:auto;margin:10px 0 30px 0;} #search .pagination li{float:left;margin:0 4px;} #search .pagination li.current{font-weight:bold;} #search .pagination li.prev{margin:0 20px 0 0;} #search .pagination li.next{margin:0 0 0 20px;} /* added 2018 fixme: jannes */ article #search{float:unset;} #search .formfooter{margin:10px 0;} #search .formfooter .button{margin:10px 0;width:unset;} #search .searchresults{margin:20px 0;} #search .searchresults .results{margin:0 0 10px 0;display:inline-block;} #search .searchresults ul{list-style:none;padding:0;} #search .searchresults ul li.resultitem{margin:0 0 20px 0;} #search .searchresults ul li a{text-decoration:none;} #search .searchresults ul li a .url{color:#0b9;font-size:.9em;} #search .searchresults ul li a:visited .url{color:#999;} #search .searchresults ul li a:visited:hover .url, #search .searchresults ul li a:hover .url{color:#0be;} #search .searchresults ul li a .match{font-weight:bold;color:#0be;} #search .pagination{display:block;overflow:auto;margin:10px 0 30px 0;} #search .pagination li{float:left;margin:0 4px;} #search .pagination li.current{font-weight:bold;} #search .pagination li.prev{margin:0 20px 0 0;} #search .pagination li.next{margin:0 0 0 20px;}