/* CycLinks CSS */
html{
background-image:url(images/achtergrond.gif);
background-repeat: repeat-x;
background-color: #FFFFFF;
}
body{
margin: 0px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
}
a{
color: #000000;
text-decoration: none;
}
a:hover{
color: #000000;
text-decoration: underline;
}
/* Basis */
#container {
position: relative;
width: 900px;
margin:0 auto;
}
.header {
position: absolute;
background-image:url(images/logo.png);
background-repeat: no-repeat;
top: 40px;
width: 900px;
height: 60px;
}
.zoeken {
float: right;
padding-top: 20px;
}
.vlaggen {
float: right;
padding-top: 20px;
margin-right: 10px;
}
.zoekbalk {
background-image:url(images/zoeken.gif);
background-repeat: no-repeat;
padding-left: 22px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
border: 1px dotted #0FACFC;
background-color: #FDFDFD;
}
.zoekknop {
font-size: 12px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
color: #333333;
border: 1px solid #999999;
background-color: #FFFFFF;
}
.content {
position: absolute;
top: 100px;
}
/* Login */
.login{
float: right;
height: 28px;
width: 350px;
color: #333333;
}
/* Menu */
.menu{
background-image:url(images/wielernet.gif);
background-repeat: no-repeat;
font-size: 12px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
float: left;
margin-top: 0px;
margin-right: 0px;
height: 28px;
width: 100%;
color: #333333;
background-color:#EEF8FF;
}
.menu li a{
color:#000000;
text-decoration: none;
}
.menu li a:hover{
background-color: #F7FCFF;
color:#000000;
border: 1px solid #FFFFFF;
text-decoration: none;
padding: 4px 12px 2px 12px;
}
.menu ul {
margin-top: 2px;
list-style-type: none;
margin-left: 80px;
}
.menu li {
float: left;
margin-right: 10px;
list-style-type: none;
}
.menu_iconen {
margin-bottom: -3px;
}
.menu_afgemeld{
background-image:url(images/wielernet.gif);
background-repeat: no-repeat;
font-size: 16px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
float: left;
margin-top: 0px;
margin-right: 0px;
height: 28px;
width: 100%;
color: #333333;
background-color:#EEF8FF;
}
.menu_afgemeld li a{
color:#000000;
text-decoration: none;
}
.menu_afgemeld li a:hover{
background-color: #F7FCFF;
color:#000000;
border: 1px solid #FFFFFF;
text-decoration: none;
padding: 0px 12px 2px 12px;
}
.menu_afgemeld ul {
margin-top: 2px;
list-style-type: none;
margin-left: 80px;
}

.menu_afgemeld li {
float: left;
margin-right: 10px;
list-style-type: none;
}
.bar{
height: 10px;
background-color:#EEF8FF;
}
.menu input.veld{
background-color: #FFFFFF;
font-size: 10px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
color: #333333;
padding-left: 5px;
border: 1px solid #C5E4FA;
height: 16px;
float: right;
margin-right: 5px;
margin-top: 2px;
}
.menu input.submit{
background-image: url(images/aanmelden.jpg);
background-color: #FFFFFF;
border: none;
width: 90px;
height: 20px;
color: #00A9FF;
float: right;
margin-right: 5px;
margin-top: 2px;
}
.menu_afgemeld input.veld{
background-color: #FFFFFF;
font-size: 10px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
color: #333333;
padding-left: 5px;
border: 1px solid #C5E4FA;
height: 16px;
float: right;
margin-right: 5px;
margin-top: 2px;
}
.menu_afgemeld input.submit{
background-image: url(images/aanmelden.jpg);
background-color: #FFFFFF;
border: none;
width: 90px;
height: 20px;
color: #00A9FF;
float: right;
margin-right: 5px;
margin-top: 2px;
}
input.submit:hover{
background-image: url(images/aanmelden_over.jpg);
background-color: #FFFFFF;
border: none;
width : 90px;
height: 20px;
color: #00A9FF;
}
.login_aangemeld{
float: right;
margin-right: 10px;
margin-top: -10px;
font-size: 12px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
}
.img_aangemeld{
padding-top: 0px;
}
/* Linkboxen */
.linkbox1{
width: 200px;
height: 130px;
float: left;
margin: 11px 11px 11px 11px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
font-size:12px;
}
.linkboxR1{
width: 200px;
height: 130px;
float: right;
margin: 11px 11px 11px 11px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
font-size:12px;
}
.linkbox{
width: 275px;
height: 260px;
float: left;
margin: 11px 11px 11px 11px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
font-size:12px;
}
.linkboxR{
width: 275px;
height: 260px;
float: right;
margin: 11px 11px 11px 11px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
font-size:12px;
}
.linkbox h1{
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
color: #00A9FF;
font-size:24px;
margin:0;
float:left;
padding-left :5px;
}
.linkboxR h1{
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
color: #00A9FF;
font-size:24px;
margin:0;
float:left;
padding-left :5px;
}
.linkbox1 h1{
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
color: #48BEFA;
font-size:24px;
margin:0;
float:left;
padding-left :5px;
}
.linkboxR1 h1{
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
color: #48BEFA;
font-size:24px;
margin:0;
float:left;
padding-left :5px;
}
/* In de kijker */
.indekijker {
padding-left: 20px;
padding-top: 2px;
}
/* Partners */
.partners {
padding-left: 20px;
padding-top: 2px;
}
/* Categoriëen */
#categorie{
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
font-size:12px;
}
#categorie h1{
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
color: #00A9FF;
font-size:24px;
margin:0;
float:left;
padding:0 10px;
}
#categorie a{
color: #000000;
text-decoration: none;
}
#categorie a:hover{
color: #000000;
text-decoration: underline;
}
/* Contact */
#contact{
top: 119px;
margin-bottom: 100px;
margin-top: 30px;
padding-left: 50px;
width: 882px;
height: auto;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
color: #000000;
}
#contact .textbox{
font-size: 12px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
color: #333333;
border: 1px dotted #0FACFC;
background-color: #FDFDFD;
height: 20px;
margin-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
}
#contact .dropdown{
font-size: 12px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
color: #333333;
border: 1px dotted #0FACFC;
background-color: #FDFDFD;
height: 20px;
margin-bottom: 2px;
}
#contact .textarea{
font-size: 12px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
color: #333333;
border: 1px dotted #0FACFC;
background-color: #FDFDFD;
margin-bottom: 1px;
padding-left: 2px;
padding-right: 2px;
}
#contact .button{
font-size: 12px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
color: #333333;
border: 1px solid #999999;
background-color: #FFFFFF;
height: 20px;
margin-top: 1px;
}
/* registreren */
#uitleg {
position: absolute; 
margin-right: 5px;
margin-top: -10px;
margin-bottom: 30px;
width:380px;
float: left;
}
.uitleg1 {
font-size: 10px;
}
.ingebruik {
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
background-color: #F1F8FE;
font-size: 12px;
border: 1px dotted #FFFFFF;
margin: 0 auto;
margin-top: 100px;
width: 500px;
height: 30px;
text-align: center;
line-height: 30px;
}
.geregistreerd{
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
background-color: #F1F8FE;
font-size: 12px;
border: 1px dotted #FFFFFF;
margin: 0 auto;
margin-top: 100px;
width: 500px;
height: 70px;
text-align: center;
line-height: 30px;
}
#form {
margin-top: 0px;
width:450px;
float: right;
}
input.disabled {
font-size: 12px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
border: 1px dotted #F2F2F2;
background-color: #F2F2F3;
width: 300px;
}
input.required, textarea.required, input.validate {
font-size: 12px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
border: 1px dotted #00A8E6;
width: 300px;
}
input.validation-failed, textarea.validation-failed {
font-size: 12px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
border: 1px dotted #FF3300;
color: #FF0000;
width: 300px;
}
input.validation-passed, textarea.validation-passed {
font-size: 12px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
border: 1px dotted #00CC00;
color : #000;
width: 300px;
}
.validation-advice {
font-size: 12px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
margin: 5px 0;
padding: 5px;
background-color: #FF3300;
color : #FFF;
font-weight: bold;
width: 292px;
}
.custom-advice {
font-size: 12px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
margin: 5px 0;
padding: 5px;
background-color: #C8AA00;
color : #FFF;
font-weight: bold;
width: 292px;
}
fieldset {
padding: 1em;
margin-bottom: 0.5em;
}
label {
font-size: 12px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
}
.form-row {
clear: both;
padding: 0.5em;
}
/* links */
#links {
width: 900px;
position: absolute;
}
#links h1{
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
color: #00A9FF;
font-size:24px;
margin:0;
float:left;
}
.afb_link{
float: right;
margin-top: -20px;
padding-left: 20px;
padding-bottom: 20px;
}
.ad {
margin-top: 40px;
}
.bezoek {
background-image:url(images/bezoek.gif);
background-repeat: no-repeat;
padding-left: 25px;
padding-right: 10px;
padding-top: 3px;
height: 20px;
margin-top: 100px;
float: left;
}
.gebroken {
font-size: 9px;
padding-left: 30px;
}
/* Zoeken */
#zoeken{
margin-left: 50px;
}
#zoeken .textbox{
font-size: 12px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
color: #333333;
border: 1px dotted #0FACFC;
background-color: #FDFDFD;
height: 20px;
margin-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
}
#zoeken .button{
font-size: 12px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
color: #333333;
border: 1px solid #999999;
background-color: #FFFFFF;
height: 20px;
margin-top: 1px;
}
/* FAQ */
#faq{
margin-left: 50px;
font-size: 12px;
}
/* verwijderen */
#verwijderen{
margin-left: 50px;
}
#verwijderen input{
font-size: 12px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
color: #333333;
border: 1px dotted #0FACFC;
background-color: #FDFDFD;
height: 20px;
margin-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
}
#verwijderen input.file{
font-size: 12px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
color: #333333;
border: 1px dotted #0FACFC;
background-color: #FDFDFD;
height: 20px;
margin-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
}
#verwijderen h1{
font-family: Arial;
color: #00A9FF;
font-size:24px;
margin:0;
float:left;
}
/* bewerken */
#bewerken{
margin-left: 50px;
}
#bewerken input{
font-size: 12px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
color: #333333;
border: 1px dotted #0FACFC;
background-color: #FDFDFD;
height: 20px;
margin-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
}
#bewerken input.file{
font-size: 12px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
color: #333333;
border: 1px dotted #0FACFC;
background-color: #FDFDFD;
height: 20px;
margin-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
}
#bewerken textarea{
font-size: 12px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
color: #333333;
border: 1px dotted #0FACFC;
background-color: #FDFDFD;
padding-left: 2px;
padding-right: 2px;
}
#bewerken h1{
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
color: #00A9FF;
font-size:24px;
margin:0;
float:left;
}
h2{
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
color: #00A9FF;
font-size:24px;
margin:0;
float:left;
}
/* toevoegen */
#toevoegen{
margin-left: 50px;
}
#toevoegen input{
font-size: 12px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
color: #333333;
border: 1px dotted #0FACFC;
background-color: #FDFDFD;
height: 20px;
margin-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
}
#toevoegen input.file{
font-size: 12px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
color: #333333;
border: 1px dotted #0FACFC;
background-color: #FDFDFD;
height: 20px;
margin-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
}
#toevoegen textarea{
font-size: 12px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
color: #333333;
border: 1px dotted #0FACFC;
background-color: #FDFDFD;
padding-left: 2px;
padding-right: 2px;
}

#toevoegen h1{
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
color: #00A9FF;
font-size:24px;
margin:0;
float:left;
}
/* Gebruiker */
#gebruiker{
margin-left: 50px;
font-size: 12px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
}
#gebruiker .inputfield{
width: 300px;
font-size: 12px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
color: #333333;
border: 1px dotted #0FACFC;
background-color: #FDFDFD;
height: 20px;
margin-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
}
/* Extra*/
.select{
font-size: 12px;
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
color: #333333;
border: 1px dotted #0FACFC;
background-color: #FDFDFD;
height: 20px;
margin-bottom: 2px;
}
.succes {
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
background-color: #F1F8FE;
font-size: 12px;
border: 1px dotted #00FF33;
margin: 0 auto;
margin-top: 100px;
width: 500px;
height: 30px;
text-align: center;
line-height: 30px;
}
.fout {
font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
background-color: #F1F8FE;
font-size: 12px;
border: 1px dotted #FF0000;
margin: 0 auto;
margin-top: 100px;
width: 500px;
height: 30px;
text-align: center;
line-height: 30px;
}
#toevoegenkeuze{
background-color: #F1F8FE;
border: 1px dotted #FFFFFF;
margin-top: 10px;
width: 300px;
height: 60px;
padding-left: 10px;
padding-right: 10px;
line-height: 30px;
}
.opensluit{
font-size: 10px;
}
.lettertype{
border: 0px;
}