/************************************************************** ** Algemeen ***************************************************************/ .pngfix{ behavior: url(http://www.durfjijmee.nl/Scripts/iepngfix.htc);} HTML{ height: 100.01%;} BODY{ height: 100%; text-align: center;} HTML, BODY{ margin: 0; padding: 0; font-size: 12px; color: #FFF; line-height: normal; font-family: Arial, Helvetica, sans-serif;} A{ color: #FFF;} A:hover{ color: #e2007a;} A:focus, INPUT:focus, IMG:focus{ outline: none;} P{ margin: 0 0 10px 0;} IMG{ border: none;} FORM{ margin: 0;} TABLE{ border-collapse: collapse; margin-bottom: 10px;} TABLE P{ margin: 0 0 5px 0;} UL, OL{ margin: 0 0 10px; padding: 0 0 0 18px;} LI{ padding-bottom: 5px;} LI LI{ padding-bottom: 2px;} H1{ font-size: 40px; line-height: 42px;} H2{ font-size: 34px; line-height: 36px;} H3{ font-size: 26px; line-height: 28px;} H4{ font-size: 18px; line-height: 20px;} H5{ font-size: 14px; line-height: 16px;} H6{ font-size: 12px; line-height: 14px;} H1, H2, H3, H4, H5, H6{ margin: 0 0 5px 0; font-family: Arial, Helvetica, sans-serif; color: #e2007a;} SELECT.form_text, INPUT.form_text{ float: left; padding: 2px 0 2px 2px; font-size: 11px; font-weight: normal; color: #1A171B; margin: 0 0 2px 0; font-family: Arial, Helvetica, sans-serif;} INPUT.form_btn{ float: right; margin: 0; font-size: 11px; color: #FFF; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-color: #e2007a; border: 0; padding-top: 3px; padding-bottom: 3px;} INPUT.form_box{ float: left; width: 13px; height: 13px; margin: 3px 3px 0 0;} SELECT.form_text{ padding: 0; font-size: 11px;} TEXTAREA{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: #FFF 1px solid; padding-left: 2px;} DIV.label-input{ position: relative; float: left; } DIV.label-input LABEL.overlabel{ color: #000; position: absolute; top: 5px; left: 5px;} BR.clearer{ margin: 0; padding: 0; line-height: 0; font-size: 1px; height: 0; clear: both;} .clear-element:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;} .ie_clearer{ content: "."; display: inline; height: 0; font-size: 1px; clear: both; visibility: hidden;} .spamcontrole { width: 5px; visibility: hidden;} /************************************************************** ** Inhoud v/d ***************************************************************/ .total_container{ width: 100%; padding: 111px 0 68px; text-align: left; background: url(../../Images/bg_foto2.jpg) fixed no-repeat 50% 0;} .total_container DIV.wrapper{ width: 905px; margin: 0 auto;} .container{ width: 100%; float: left; padding-bottom: 88px; background: url(../../Images/container_bottom.png) no-repeat 0 100%;} .container DIV.container_outer{ float: left; width: 100%; background: url(../../Images/container_middle.png) repeat-y 0 0;} .container DIV.container_inner{ float: left; width: 100%; position: relative; margin: -25px 0 -40px; min-height: 430px; height: auto !important; height: 430px; background: url(../../Images/container_top.png) no-repeat 0 0;} .content_container{ width: 660px; float: left; display: inline; margin-top: 26px; padding-bottom: 10px;} .kolom_links{ width: 190px; margin-left: 20px; float: left; display: inline; padding-right: 25px;} .kolom_links DIV.logo{ width: 186px; float: left; margin: -10px 0 0 4px;} .kolom_links DIV.logo A{ display: block; height: 119px; background: url(../../Images/logo.png) no-repeat 0 0;} .row{ width: 100%; float: left; clear: left; margin-bottom: 3px;} .row DIV.left{ width: 125px; float: left; display: inline;} .row DIV.right{} /************************************************************** ** Menu ***************************************************************/ .menu{ width: 180px; float: left; padding-bottom: 21px; background: url(../../Images/menu_bottom.png) no-repeat 0 100%;} .menu DIV.menu_outer{ float: left; width: 100%; margin-top: 59px; background: url(../../Images/menu_middle.png) repeat-y 0 0;} .menu DIV.menu_inner{ float: left; width: 100%; margin: -59px 0 -10px; min-height: 59px; height: auto !important; height: 59px; background: url(../../Images/menu_top.png) no-repeat 0 0;} .menu UL{ margin: 0; padding: 10px 20px 10px 5px; list-style: none; text-align: right;} .menu UL LI{ width: 100%; padding-bottom: 10px;} .menu UL LI A{ font-size: 14px; color: #1A171B; display: block; letter-spacing:0.01cm; font-weight: bold; text-transform: uppercase; text-decoration: none;} .menu UL LI A:hover, .menu UL LI A.aan{ color: #FFF;} .submenu{ width: 180px; float: left; padding-bottom: 21px; background: url(../../Images/submenu_bottom.png) no-repeat 0 100%;} .submenu DIV.submenu_outer{ float: left; width: 100%; margin-top: 59px; background: url(../../Images/submenu_middle.png) repeat-y 0 0;} .submenu DIV.submenu_inner{ float: left; width: 100%; margin: -59px 0 -10px; min-height: 59px; height: auto !important; height: 59px; background: url(../../Images/submenu_top.png) no-repeat 0 0;} .submenu UL{ margin: 0; padding: 10px 20px 10px 5px; list-style: none; text-align: right;} .submenu UL LI{ width: 100%; padding-bottom: 10px;} .submenu UL LI A{ font-size: 13px; color: #1A171B; display: block; letter-spacing:0.01cm; font-weight: bold; text-transform: uppercase; text-decoration: none;} .submenu UL LI A:hover, .submenu UL LI A.aan{ color: #e2007a;} .community{ text-align: center; width: 180px; float: left; clear: left;} /************************************************************** ** Login ***************************************************************/ .login{ float: left; clear: left; width: 180px; margin-top: 10px; position: relative;} .login DIV.label-input{ width: 144px; height: 23px; float: left; padding: 5px 0 0 5px; margin: 0 0 10px 5px; background: url(../../Images/input_bg.png) no-repeat 0 0;} .login DIV.label-input LABEL.overlabel{ top: 8px; left: 8px; font-size: 10px; font-weight: bold;} .login DIV.label-input INPUT{ width: 135px; border: 0; font-weight: bold;} .login DIV.submit{ width: 24px; position: absolute; right: 0; top: 40px;} .login INPUT.login_btn{ float: left; width: 26px; padding: 0; margin: 0; text-align: left; height: 24px; font-size: 11px; color: #FFF; border: 0; background: url(../../Images/login_arrow.gif) #5d472e no-repeat 100% 7px; cursor: pointer;} .login DIV.login_links{ width: 148px; float: left; font-size: 11px; clear: left; padding: 5px 0 5px 20px; margin: 0 0 0 8px; border-bottom: #94897c 1px solid;} .login DIV.login_links INPUT{ margin-left: -20px;} .login DIV.login_links LABEL{ float: left; color: #94897c; line-height: 18px; white-space: nowrap;} .login DIV.login_links A{ color: #94897c; text-decoration: none; line-height: 18px;} .login DIV.login_links A:hover{ color: #FFF;} .uitschrijven{ float: left; clear: left; width: 100%; margin-top: 10px;} .uitschrijven A.submit_btn{ float: left; margin-left: 15px;} .uitschrijven A.submit_btn SPAN.text{ color: #1A171B;} .uitschrijven A.submit_btn:hover SPAN.text{ color: #FFF;} /************************************************************** ** Content ***************************************************************/ .content{ width: 425px; float: left; display: inline; line-height: 16px; padding: 10px 0;} .content H1.titel{ width: 425px; font-size: 14px; line-height: 22px; letter-spacing: -0.01cm; text-transform: uppercase; min-height: 30px; height: auto !important; height: 30px; background: url(../../Images/titel_bg.png) no-repeat 50% 100%;} .content_footer{ width: 447px; position: absolute; left: 222px; bottom: -16px; border-top: #94897c 1px solid;} .content_footer UL{ margin: 0; padding: 0; list-style: none; text-align: center;} .content_footer UL LI{ padding: 5px 2px; display: inline; line-height: 16px; font-size: 10px; font-weight: bold;} .content_footer UL LI.bullet{ color: #e2007a;} .content_footer UL LI A{ color: #94897c; text-decoration: none;} .content_footer UL LI A:hover, .content_footer UL LI A.aan{ color: #FFF;} A.verder{ color: #e2007a; text-decoration: none; font-weight: bold;} #geenHyves{ display: none;} #wedstrijdreglement{ display: none;} /************************************************************** ** Formulieren ***************************************************************/ .formulier{ margin-top: 5px; float: left; width: 100%;} .formulier H2{ font-size: 13px; line-height: 13px; margin-bottom: 10px;} .formulier DIV.formulier_wrapper{ float: left; clear: left; width: 100%; margin-bottom: 2px;} .formulier LABEL{ line-height: 20px; float: left;} .formulier TABLE{ width: 100%;} .formulier TABLE TD{ padding-bottom: 2px; vertical-align: top;} .formulier TABLE INPUT, .formulier TABLE SELECT, .formulier TABLE TEXTAREA{ margin-left: 3px;} .formulier TABLE INPUT.form_text{ width: 200px; border: #FFF 1px solid;} .formulier TABLE DIV.text{ float: left; clear: both; font-size: 10px; font-style: italic; width: 200px;} .formulier TABLE SMALL{ margin-top: -3px;} .formulier TABLE LABEL{ line-height: 20px;} .formulier TABLE LABEL.optie{ display: block; width: 101px;} .formulier TABLE DIV.label-input LABEL.overlabel{ line-height: 12px; font-style: italic;} A.submit_btn{ float: right; color: #FFF; display: block; height: 27px; text-decoration: none; white-space: nowrap; padding: 0 0 0 15px; background: url(../../Images/btn_bg_paars.png) no-repeat 0 0;} A.submit_btn SPAN.end{ float: left; width: 7px; cursor: pointer; margin-right: -7px; height: 100%; background: url(../../Images/btn_bg_paars.png) no-repeat 100% 100%;} A.submit_btn SPAN.text{ display: block; float: left; cursor: pointer; margin-right: 8px; line-height: 22px; font-weight: bold;} .formulier DIV.vastTeken{ position: relative;} .formulier DIV.vastTeken LABEL{ float: left; margin-left: 5px; margin-right: -20px; position: relative; color: #000; display: block;} .formulier DIV.vastTeken INPUT.form_text{ padding-left: 14px; width: 188px;} /************************************************************** ** Rechter kolom ***************************************************************/ .kolom_rechts{ width: 185px; padding: 26px 30px 0; float: left; display: inline;} .kolom_rechts DIV.venster{ width: 185px; float: left; color: #000; margin-bottom: 10px; padding-bottom: 21px; background: url(../../Images/tips_bottom.png) no-repeat 0 100%;} .kolom_rechts DIV.venster DIV.venster_outer{ float: left; width: 100%; margin-top: 59px; background: url(../../Images/tips_middle.png) repeat-y 0 0;} .kolom_rechts DIV.venster DIV.venster_inner{ float: left; width: 100%; margin: -59px 0 -10px; min-height: 59px; height: auto !important; height: 59px; background: url(../../Images/tips_top.png) no-repeat 0 0;} .kolom_rechts DIV.venster DIV.venster_inner DIV.venster_wrapper{ padding: 15px 18px;} .kolom_rechts DIV.venster A{ color: #000;} .kolom_rechts DIV.venster A:hover{ color: #e2007a;} .tips P{ display: block; padding-left: 12px; background: url(../../Images/open_quot.jpg) no-repeat 0 0;} .tips P EM{ font-size: 11px; display: block; text-align: center; padding-right: 11px; background: url(../../Images/close_quot.jpg) no-repeat 100% 100%;} .kolom_rechts DIV.venster OL{ font-size: 10px; margin-bottom: 0;} .kolom_rechts DIV.venster A.deelnemer{ margin-left: -4px; text-decoration: none; display: block;} .kolom_rechts DIV.venster A.deelnemer SPAN.punten{ float: right; margin-left: 3px;} .kolom_rechts DIV.venster H1.venster_titel{ line-height: 13px; font-size: 10px; margin-bottom: 10px;} A#truncate{ float: right; width: 11px; height: 11px; font-size: 1px; background: url(../../Images/plus-min.gif) no-repeat 0 0;} A.expanded{ background-position: 0 100% !important;} .copyright{ width: 100%; float: left; clear: left; text-align: center; font-size: 10px; font-weight: bold; line-height: 18px; color: #94897c;} /************************************************************** ** Nieuws ***************************************************************/ .nieuwsbericht{ width: 100%; float: left; clear: left; position: relative; margin: 10px 0 0; padding-bottom: 10px; border-bottom: #94897c 1px dashed;} .nieuwsbericht DIV.titel{ width: 100%; float: left;} .nieuwsbericht DIV.titel H2{ font-size: 13px; line-height: 16px;} .nieuwsbericht DIV.foto{ float: right; width: 150px; margin: 0 0 -200px;} .nieuwsbericht DIV.foto IMG{ float: right;} .nieuwsbericht DIV.bericht{ float: left; width: 260px; padding-bottom: 25px;} .nieuwsbericht DIV.meer{ width: 280px; position: absolute; left: 0; bottom: 10px; text-align: right;} .nieuwsbericht DIV.meer SPAN.datum{ float: left; font-style: italic;} /************************************************************** ** Deelnemers filters ***************************************************************/ .zoeken{ width: 100%; float: left; clear: left; margin-bottom: 10px; border-bottom: #94897c 1px dotted;} .zoeken TABLE{ width: 100%;} /************************************************************** ** Opdrachten ***************************************************************/ H5.opdrachten_titel{ color: #FFF; font-size: 13px; margin-bottom: 10px;} TABLE.opdrachten{ width: 100%; margin-bottom: 20px;} TABLE.opdrachten TH{ padding: 3px; background-color: #e2007a; color: #FFF;} TABLE.opdrachten TD{ border-bottom: #94897c 1px dotted; padding: 3px;} TABLE.opdrachten TD.bonus{ font-weight: bold; border-top: #94897c 1px solid; position: relative; margin-top: -1px; text-indent: 10px; padding-top: 10px;} TABLE.opdrachten TR.totaal TD{ border: 0; border-top: #94897c 2px solid; margin-top: -1px;} TABLE.behaald TH{ background-color: #4be200; color: #5d472e;} .opdrachtbutton{ background:#ef248d; border:solid 1px #000000; color:#FFFFFF;} .opdracht5_veld{ width:300px; height:100px;} .opdracht7_veld{ width:400px; height:200px;} #Antwoorden{ display: none;} DT{ color: #ef248d; padding-left: 20px; font-weight: bold;} DT STRONG{ margin-left: -20px; color: #FFF;} DD{ margin-bottom: 10px;} /************************************************************** ** Footer ***************************************************************/ .footer{ width: 100%; height: 56px; float: left; clear: left; border-top: #FFF 2px solid; background-color: #221105; text-align: center;}