/** * Nacht van de vluchteling * V 1.0c */ @font-face { font-family: 'CanCandeBoisRegular'; src: url('/fonts/can_cb__-webfont.eot'); src: local('?'), url('/fonts/can_cb__-webfont.woff') format('woff'), url('/fonts/can_cb__-webfont.ttf') format('truetype'), url('/fonts/can_cb__-webfont.svg#webfontBKbUWBMg') format('svg'); font-weight: normal; font-style: normal;} html { background-image: url(/img/bg.jpg); background-repeat: repeat-y; background-position:center top; overflow-y:scroll; } #container { width: 960px; margin-left: auto; margin-right: auto; } #sponsorfooter {font-family: Arial, Verdana; font-size: 11px; color: #FFFFFF; padding-top: 5px;} /** * Header Big */ #header-big { height: 316px; width: 100%; } #header-big-slogan { float:left; width: 525px; height: 256px; background: url(/img/header-big/slogan.png) no-repeat; } #header-big-slogan p { padding:15px 0px 0px 12px; font-family: "Courier New", Courier, monospace; font-size: 18px; color: #ffffff; font-weight: bold; text-transform: uppercase; } #header-big-logo { float:left; width: 295px; height: 316px; } #header-big-giro999 { float:left; width: 140px; text-align:right; } /** * Header Small */ #header-small { height: 168px; width: 100%; font-weight: bold; } #header-small-slogan { float:left; width: 666px; height: 74px; background: url(/img/header-small/slogan.png) no-repeat; } #header-small-slogan p { padding:12px 0px 0px 12px; font-family: "Courier New", Courier, monospace; font-size: 17px; color: #ffffff; text-transform: uppercase; } #header-small-slogan-black { position: absolute; margin: -21px 0px 0px 245px; padding: 0px 0px 0px 0px; font-size: 17px; color: #070707; text-transform: uppercase; font-family: "Courier New", Courier, monospace; } #header-small-logo { float:left; width: 154px; height: 172px; } #header-small-giro999 { float:left; text-align:right; } #header-small-indicator { height:94px; font-family: "Courier New", Courier, monospace; color:#f1e4d1; } #header-small-indicator-current { height:59px; font-size: 15px; vertical-align:bottom; } #header-small-indicator-bar { font-size: 17px; color: #ffffff; } #header-small-indicator-target {text-align: right; font-size: 15px; padding: 5px 17px 0px 0px; } /** * Main */ #main { width:100%; } #main-table { border-spacing:0; padding:0; } #main-table-content { vertical-align:top; width:820px; } #main-table-sidebar { height:100%; vertical-align: top; width:140px; background: url(/img/sidebar/bg.png) repeat-y; } /** * Menu */ #main-menu- { height:32px; background: url(/img/menu/bg.png) repeat-y; z-index:99; } #main-menu, #main-menu ul { cursor: pointer; padding: 0; margin: 0; height:32px; z-index:99; } #main-menu li { float: left; margin:4px 0px 4px 0px; border-right:1px solid #726a5b; text-align: center; height:28px; line-height:27px; } #main-menu li a { padding-left:6px; padding-right:6px; font-family: "Courier New", Courier, monospace; font-size: 18px; font-weight: bold; text-decoration: none; color:#c0a778; } #main-menu li:first-child a { padding-right:16px;} #main-menu li:hover a { color:#000000; } #main-menu li.selected { margin:0px 0px 0px 0px; height:32px; line-height:35px; background: url(/img/content/bg.jpg) no-repeat; } #main-menu li.selected a { color: #000; } #main-menu li:hover { margin:0px 0px 0px 0px; line-height: 35px; background: url(/img/content/bg.jpg) no-repeat; height: 32px; } #main-menu li ul { position: absolute; left: -999em; padding: 0; margin:-3px 0px 0px -13px; color:#000000; font-size:14px; } #main-menu li ul ul { margin: -1em 0 0 6em; } #main-menu li:hover ul ul, #main-menu li.sfhover ul ul { left: -999em; } #main-menu li:hover ul, #main-menu li li:hover ul, #main-menu li.sfhover ul, #main-menu li li.sfhover ul { left: auto; width:150px; } #main-menu li ul li:first-child { } #main-menu li ul li { width: 203px; margin:0px 0px 0px 12px; padding:0px 0px 0px 0px; border:1px solid #b7b1a5; border-top:0; background: url(/img/content/bg.jpg) no-repeat; text-align:left; line-height: 25px; color: #433d36; } #main-menu li ul li:hover { width: 203px; margin:0px 0px 0px 12px; height: 28px; line-height: 25px; } #main-menu li ul li a { font-size:14px; color: #433d36 !important; } #main-menu li ul li:hover a { font-size:14px; color: #433d36; color: #000000 !important; } /** * Content */ #main-content { min-height:473px; width:775px; padding:28px 28px 43px 17px; } .main-content-bg { background: url(/img/content/bg.jpg) repeat-y; } .main-content-bg2 { background: url(/img/content/bg-alt.jpg) repeat-y; } #main-content-block-left { float:left; width: 169px; background-color: #ffffff; padding:5px 0px 5px 6px; } #main-content-block-right { float:left; width:585px; background-color: #ffffff; padding:10px 13px 9px 0px; } #main-content-block img { margin:0px 0px -23px -10px; } #main-content-block-left img{ border-right:1px solid #b7b1a5; } #main-content-block-header { background-color: #ffffff; border-top:1px solid #b7b1a5; border-right:1px solid #a9aca0; border-left:1px solid #b7b1a5; } #main-content-block-footer { height:1px; width:774px; background-color:#a9aca0; margin-bottom:15px; } #main-content-column-1 { float:left; width:232px; padding-right:10px; } #main-content-column-2 { float:left; width:202px; height:237px; background: url(/img/fotoblok/bg.png) no-repeat; padding: 20px 0px 0px 11px; } #main-content-column-2 p { font-family: "Courier New", Courier, monospace; font-size: 11px; margin:5px 0px 0px 12px; text-align: center; width:136px; } #main-content-column-3 { float:right; margin-left:3px; } #imgborder img { border: 1px solid #979791; } /** * Home */ #banner-nieuws- { background-color: #ffffff; border-top:1px solid #b7b1a5; border-right:1px solid #a9aca0; border-left:1px solid #b7b1a5;} #banner-nieuws-img { float:left; width: 169px; background-color: #ffffff; padding:14px 0px 5px 6px; margin-left:12px; } #banner-nieuws-img img { border-right:1px solid #b7b1a5; } #banner-nieuws-content { width:431px; background-color: #ffffff; padding:0px 13px 9px 0px; margin-left:12px; } #banner-nieuws-content a { font-family: Arial, Verdana; font-size: 13px; color: #000000; line-height:1.4; padding-bottom:10px; color: #a75e1b; } #banner-nieuws-footer { height:1px; background-color:#a9aca0; margin-bottom:15px; } #banner-nieuws- h2 { padding-left:12px; margin-top:15px; text-transform:none; font-family: 'CanCandeBoisRegular', sans-serif; font-size: 21px; color: #545941; padding-bottom:10px; } #banner-nieuws h3 { font-family: Arial, Verdana; color:#000; size:14px; } #banner-nieuws a { font-family: Arial, Verdana;color: #a75e1b; } #banner-top img { margin:0px 0px -23px -10px; } .banner-topimg { margin-bottom:-17px !important; } #banner { float:right; width:290px; background-color: #ffffff; border-top:1px solid #b7b1a5; border-right:1px solid #a9aca0; border-left:1px solid #b7b1a5; margin-top:35px; } #banner-teamnieuws- { width:151px; height:101px; } #banner-team-content { background-color: #ffffff; padding:10px 13px 9px 12px; } #banner-team-footer { height:1px; background-color:#a9aca0; /*margin-bottom:15px;*/ } #banner h2 { padding-top:4px; text-transform:none; font-family: 'CanCandeBoisRegular', sans-serif; font-size: 21px; color: #545941; padding-bottom:10px; } #banner-team-content h3 { font-family: Arial, Verdana; color:#000; size:12px; text-transform:uppercase; } .banner_kop { font-size:14px; font-family: Arial, Verdana; color:#000; font-weight:bold; } .banner_small { font-family: Arial, Verdana; color:#303030; font-size:10px; } .banner_small a { font-family: Arial, Verdana; color: #a75e1b; font-size:10px; } .banner_tekst { margin-top:5px; font-family: Arial, Verdana; color:#000; font-size:13px;} #banner-team-content a { font-family: Arial, Verdana; color: #a75e1b; } /** * Sidebar */ #main-table-sidebar a { color: #000000; text-decoration: none; } #main-table-sidebar a:hover { text-decoration: underline; } #sidebar-login { width: 140px; height: 56px; background: url(/img/sidebar/login.png) no-repeat; } #sidebar-login p { font-family: "Courier New", Courier, monospace; font-size: 14px; color: #000000; font-weight: bold; padding:6px 0px 0px 15px; } #sidebar-manen h4 { padding-top:50px; font-family: 'CanCandeBoisRegular', sans-serif; font-size: 19px; color: #000000; font-weight: bold; text-align: center; } #sidebar-manen p { padding:28px 0px 0px 8px; font-family: "Courier New", Courier, monospace; font-size: 14px; color: #000000; font-weight: bold; } #sidebar-loopmee { width: 138px; height: 130px; background: url(/img/sidebar/loopmee.png) no-repeat; } #sidebar-loopmee p { padding:21px 0px 0px 10px; } #sidebar-teams { width: 138px; height: 130px; background: url(/img/sidebar/teams.png) no-repeat; } #sidebar-teams p { padding: 18px 0px 0px 4px; } #sidebar-bedrag { width: 138px; height: 130px; background: url(/img/sidebar/bedrag.png) no-repeat; } #sidebar-bedrag p { padding:15px 0px 0px 8px; } #sidebar-bedrag h4 { padding:38px 0px 0px 0px; } #sidebar-doneer { width: 138px; height: 130px; background: url(/img/sidebar/doneer.png) no-repeat; } #sidebar-doneer p { padding:16px 0px 0px 30px; } /** * Deelnemer */ #deelnemer { width: 427px; background:url(/img/content/deelnemer-bg-big.jpg) repeat-y; } #deelnemer-menu { padding: 8px 8px 22px 8px; } #deelnemer-menu h2 { font-size: 15px; } #deelnemer-menu a { text-decoration: none; } #deelnemer-menu a:hover { color:#fff; } #deelnemer-menu a.selected { color:#fff; } #deelnemer-content { padding:0px 0px 0px 7px; } #deelnemer-content p { color:#fff; } /** * Deelnemer */ #bekijkbtn { width:91px; height:41px; background:url(/img/content/deelnemer-bekijk.png) no-repeat; border:0; font-size:0; cursor:pointer;} #sponsorbtn { width:120px; height:48px; background:url(/img/content/deelnemer-sponsor.png) no-repeat; border:0; font-size:0; cursor:pointer;} /** * Deelnemers * Zoek weergave */ #deelnemer-zoek { /*height:145px;*/ width:427px; } #deelnemer-zoek-main { height:104px; width:427px; background:url(/img/content/deelnemer-bg.jpg) no-repeat; padding:7px 7px 7px 7px; } #deelnemer-zoek-main-1 { height:85px; width:80px; float:left; padding:4px 0px 0px 0px; background:#fff; border-top:1px solid #b7b6b5; border-bottom:1px solid #e8e8e7; text-align:center; vertical-align:bottom; } #deelnemer-zoek-main-2 { float:left; width:176px; margin:0px 0px 0px 12px; padding:6px 0px 0px 0px; } #deelnemer-zoek-main-2 h2 { font-size: 17px; } #deelnemer-zoek-main-2 p { color:#fff; } #deelnemer-zoek-main-3 { float:left; width:144px; padding:6px 0px 0px 10px; } #deelnemer-zoek-main-3 h1 { color:#fff; font-size:33px; } #deelnemer-zoek-main-3 p { color:#fff; font-size:12px; } #deelnemer-zoek-btn { float:right; height:41px; width:91px; margin:-30px 5px 0px 0px; cursor:pointer;} #deelnemer-sponsor-btn { float:right; height:48px; width:120px; margin:-30px 5px 0px 0px; cursor:pointer;} /** * Login */ #login { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: .80; opacity: .80; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #000000; text-align: center; z-index:1; } #loginform { position:absolute; z-index:999; padding:65px 0px 0px 50px; top: 200px; left: 50%; margin-left: -201px; } .loginform { font-family: Arial, Verdana; font-size: 12px; color: #545941; } #loginbtn { background: url('/img/login/loginbtn.png') no-repeat; width:90px; height:41px; border:0; font-size:0; cursor:pointer;} #wachtwoordvergetenbtn { background: url('/img/login/wachtwoordvergetenbtn.png') no-repeat; width:239px; height:41px; border:0; font-size:0; cursor:pointer;} #heractiverenbtn { background: url('/img/login/heractiveren.png') no-repeat; width:159px; height:53px; border:0; font-size:0; cursor:pointer;} /** * Aanmelden */ #volgendestapbtn { width:225px; height:62px; margin-left:220px; background:url(/img/aanmelden/volgende-stap.png) no-repeat; border:0; font-size:0; cursor:pointer;} #vullaterinbtn { width:185px; height:68px; background:url(/img/aanmelden/vul-later-in.png) no-repeat; border:0; font-size:0; cursor:pointer;} #bekijkprofielbtn { width:225px; height:62px; background:url(/img/aanmelden/bekijk-profiel.png) no-repeat; border:0; font-size:0; cursor:pointer;} #zoekbtn { width:131px; height:62px; background:url(/img/aanmelden/zoek.png) no-repeat; border:0; font-size:0; cursor:pointer;} #form-right { width:470px; background:url(/img/aanmelden/bg.png) no-repeat; padding:0px 0px 0px 30px;} #form-right table td { font-family: Arial, Verdana; font-size: 13px;} #form-right input { margin-top:0px; } #form-right label { font-family: Arial, Verdana; font-size: 13px; color: #000000; } #form-right input[type=text]{ width: 300px; } #form-right textarea { width: 300px; height:100px; } #profielfoto-label { display:none; } /* temp */ #teamfoto-label { display:none; } /* temp */ /*.align td { vertical-align:top; }*/ #stap3short input[type=text] { width:140px; } #form-right #emailadres { width: 200px; } #form-right span.message { padding-left:4px; } .bijdragefield { width:100px;} /** * Doneer */ #doneer { width:568px; background:#fff; border:1px solid #aea897; padding:10px; font-family: Arial, Verdana; font-size: 13px; text-align:left; align:center; } #doneer input[type=text] { width:256px; border:1px solid #a6a89c; } #doneer table td { text-transform: uppercase; vertical-align:top; text-align:left; height:20px; line-height:25px; } #zoekbtnklein { width: 77px; height: 35px; background:url(/img/doneer/zoekbtn.png) no-repeat; border:0; font-size:0; cursor:pointer;} #form-ideal { width:470px; background:url(/img/aanmelden/bg.png) no-repeat; padding:0px 0px 0px 30px; } #form-ideal table td { font-family: Arial, Verdana; font-size: 13px; } #form-ideal input { margin-top:5px; } #form-ideal #bedrag, #form-ideal #geboortedatum, #form-ideal #emailadres { width: 200px; } #form-ideal span.message { margin-left: 5px; font-family: Arial, Verdana;font-size:13px; } #form-ideal label { font-family: Arial, Verdana; font-size: 13px; color: #000000; } #form-ideal input[type=text] { width: 300px; } #form-machtiging { width:470px; background:url(/img/aanmelden/bg.png) no-repeat; padding:0px 0px 0px 30px; } #form-machtiging table td { font-family: Arial, Verdana; font-size: 13px; } #form-machtiging input { margin-top:5px; } #form-machtiging #bedrag, #form-machtiging #geboortedatum, #form-machtiging #emailadres { width: 200px; } #form-machtiging span.message { margin-left: 5px; font-family: Arial, Verdana;font-size:13px; } #form-machtiging label { font-family: Arial, Verdana; font-size: 13px; color: #000000; } #form-machtiging input[type=text] { width: 300px; } /** * Form */ .formfieldline { padding-top:2px; padding-bottom:2px; border:1px solid #ff0000; } #form-right input { margin-top:5px; } #emailadresform { width: 190px!important; } /** * Deelnemer */ #form-deelnemer-2011 { width:400px; background:url(/img/aanmelden/bg.png) no-repeat; padding:0px 0px 0px 30px; } #form-deelnemer-2011 table td { font-family: Arial, Verdana; font-size: 13px;} #form-deelnemer-2011 input { margin-bottom:5px;width: 250px; } #form-deelnemer-2011 label { font-family: Arial, Verdana; font-size: 13px; color: #000000; } #verzendenbtn { width:148px; height:62px; margin-left:220px; background:url(/img/aanmelden/verzenden.png) no-repeat; border:0; font-size:0; cursor:pointer;} /** * CMS */ #overlay { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: .80; opacity: .80; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #000000; text-align: center; z-index:1;overflow:hidden; } #overlay-edit { position:absolute; width:900px; height:600px; z-index:999; padding:65px 0px 0px 30px; top: 70px; left: 50%; margin-left: -464px; background:url(/img/beheer/bg.png) no-repeat; } #overlay-footer { width:850px; padding:3px 0px 0px 0px; text-align:right; font-size:12px; font-family: Arial, Verdana; text-decoration:underline; cursor:pointer; } #overlay-current { width:850px; height:480px; border:1px solid #000; } #overlay-addnews { width:850px; height:480px; overflow-y:scroll; border:1px solid #000; } #overlay-addnews input[type=text] { width: 500px; } #overlay-editnews { width:850px; height:480px; border:1px solid #000; } #overlay-edit h1 { font-family: 'CanCandeBoisRegular', Arial; font-size: 20px; color:#545941; } #overlay-edit h1 a { text-decoration:none; } #overlay-edit h1 a:hover { text-decoration:underline; } #overlay-tree a { font-size:12px; font-family: Arial, Verdana; } /** * Login */ #div-login h2 { cursor:pointer; } #div-login h2 a { text-decoration:none; } #div-login h2 a:hover { text-decoration:underline; } #post-nieuwsbericht { width:189px; height:53px; background:url(/img/content/post-nieuwsbericht.png) no-repeat; border:0; font-size:0; margin:-20px 0px 0px 230px; } #post-nieuwsbericht-text { width: 405px; height:100px; } #post-nieuwsbericht-field { width: 405px; } #wijzigbtn { width:108px; height:53px; background:url(/img/content/wijzigen.png) no-repeat; border:0; font-size:0; margin:0px 0px 0px 300px; cursor:pointer;} #tellafriendbtn { width:148px; height:62px; background:url(/img/aanmelden/klaar.png) no-repeat; border:0; font-size:0; cursor:pointer;} #betaalbtn { position:absolute; bottom:-20px;width:108px; height:53px; background:url(/img/merchandise/betaal.png) no-repeat; border:0; font-size:0; margin:0px 0px 0px 100px; cursor:pointer;} #merchandiseHoodie { background:url(/img/merchandise/hoodie.png) no-repeat; height:260px; width:235px;border:0; font-size:0; margin:0px 0px 0px 540px;} #merchandiseHoodieHome { background:url(/img/merchandise/hoodie.png) no-repeat; float:right; height:220px; width:235px;border:0; margin:30px 0px 0px 0px; cursor:pointer;} .table { font-family: Arial, Verdana; font-size: 13px; color: #000000; } .table input[type=text] { width:300px; } .table tr { line-height:25px; } .hidden { display:none; } .ranglijst { font-family: Arial, Verdana; font-size: 14px; color: #000000; } /** * Social media */ #gmail { font-family: Arial, Verdana; font-size: 13px; color: #000000; line-height:1.4; padding-bottom:10px; } #gmail tr { line-height:25px; } #gmail tr:hover { background-color:#f4f4f4; } #mask { position:absolute; z-index:9000; background-color:#000; display:none; } #socialMediaDialog { position:absolute; z-index:99999; width:520px; height:425px; background: url(/img/socialmedia/bg.jpg) no-repeat; display:none; border: 1px solid #000000; padding:10px; } #socialMediaIframe { width:550px; height:425px; overflow:hidden; border:1px solid #000000; } #hyvesLabel { position:absolute; top:-30px;left:-30px;z-index:99999; background: url(/img/socialmedia/hyvesbg.png) no-repeat; width:110px;height:48px;} #hyvesClose { position:absolute; top:-20px;right:-20px;z-index:99999; background: url(/img/popup/close.png) no-repeat; width:70px;height:41px;cursor: pointer;} #textcounter, #berichtinfo { float:left; padding-top:6px; padding-bottom:10px; color:#FFFFFF; } #popupinfo { position:absolute; top:-10px; left:20px; font-family: Arial, Verdana; font-size: 11px; color:#FFF; } .close , .closeSocialMedia { position:absolute; right:10px; top:5px; } /** * Font(s) */ @font-face { font-family: 'CanCandeBoisRegular'; src: url('/fonts/can_cb__-webfont.eot'); src: local('?'), url('/fonts/can_cb__-webfont.woff') format('woff'), url('/fonts/can_cb__-webfont.ttf') format('truetype'), url('/fonts/can_cb__-webfont.svg#webfontBKbUWBMg') format('svg'); font-weight: normal; font-style: normal;} h1 { font-family: 'CanCandeBoisRegular', sans-serif; font-size: 21px; color: #545941; padding-bottom:10px; } h2 { font-family: Arial, Verdana; font-size: 13px; color: #a75e1b; font-weight: bold; padding-bottom:7px; text-transform: uppercase; } h2 a { text-decoration:none; } h2 a:hover { text-decoration:underline; } p { font-family: Arial, Verdana; font-size: 13px; color: #000000; line-height:1.4; padding-bottom:10px; } a { color: #a75e1b; } .small { font-family: Arial, Verdana; font-size: 11px; color:#422b16; line-height:22px; } .right { font-family: Arial, Verdana; font-size: 13px; color: #000000; text-align: right; padding-right:10px; } .stap { color: #a09b90; } .link { font-family: Arial, Verdana; font-size: 13px; color: #a75e1b; line-height:1.4; padding-bottom:10px; } .hover:hover { background-color:#eee !important; } /** * Clear */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }