html {

background: url('../images/bottom.png') repeat-x bottom;


} 

body {

margin: 0;

}

h1, h2 {

display: none;
 
}

#container {

width: 921px;
margin: 0 auto;
font: 12px Arial;
margin-top: -156px;

}

#bg {

background: url('../images/bg.png') repeat-x top;
height: 164px;
width: 100%;

}

#menu {

height: 22px;
float: right;
background: url('../images/menu_bg.png') repeat-x;
padding: 0;
margin: 0;
margin-right: 8px;
_margin-bottom: -4px;

}

#menu li {

margin-left: 1px;
text-align: center;
float: left;
list-style-type: none;

}

#menu li a {

color: #a3791b;
padding-top: 4px;
background: url('../images/menu_li.png') no-repeat;
width: 110px;
height: 22px;
float: left;
text-decoration: none;

}

#error {

border: 1px solid #d00606;
background: #fedcdc;
padding: 5px;
width: 560px;
float: left;
margin-top: 10px;
margin-bottom: 10px;

}

#succes {

border: 1px solid #97d11a;
background: #f3fddd;
padding: 5px;
width: 560px;
float: left;
margin-top: 10px;
margin-bottom: 10px;


}


#menu li.first {

margin-left: 0;

}

#header {

text-align: right;
width: 901px;
height: 122px;
color: #000;
font: 14px Arial;
float: left;
padding-right: 20px;
background: url('../images/header.png') no-repeat;

}

#header h1 {

margin-bottom: 0;

}

#header h4 {

margin-top: 5px;
margin-bottom: 0;

}

#extra {

margin-top: 95px;
float: right;

}

#content {

float: left;
margin-top: 10px;

}

#rij1 {

float: left;
width: 198px;
margin-right: 4px;
_margin-right: 3px;

}

#rij2 {

float: left;
width: 198px;
margin-right: 4px;
margin-left: 5px;
_margin-left: 4px;

}

#rij3 {

float: left;
width: 198px;
margin-right: 4px;
margin-left: 5px;
_margin-left: 4px;

}

#rij4 {

float: left;
width: 300px;
margin-left: 5px;

}

.geel {

margin: 0;
padding: 0;
background: #fdf9dc url('../images/geel.png') no-repeat;
width: 198px;
float: left;
min-height: 22px;
padding-top: 20px;
border-bottom: 1px solid #e5d039;
margin-top: 10px;

}

.groen {

margin: 0;
padding: 0;
background: #fdf9dc url('../images/groen.png') no-repeat;
width: 198px;
float: left;
min-height: 22px;
padding-top: 20px;
border-bottom: 1px solid #bed236;
margin-top: 10px;

}

.oranje {

margin: 0;
padding: 0;
background: #fdf9dc url('../images/oranje.png') no-repeat;
width: 198px;
float: left;
min-height: 22px;
padding-top: 20px;
border-bottom: 1px solid #ffbd54;
margin-top: 10px;

}

.rood {

margin: 0;
padding: 0;
background: #fdf9dc url('../images/rood.png') no-repeat;
width: 198px;
float: left;
min-height: 22px;
padding-top: 20px;
border-bottom: 1px solid #eb4f4f;
margin-top: 10px;

}

.geel li, .groen li, .oranje li, .rood li {

width: 176px;
float: left;
list-style-type: none;
background: #fdf9dc url('../images/pijl.gif') center left no-repeat;
background-position: 5% 50%;
padding-left: 20px;

}

.menutje li {

width: 476px;
float: left;
list-style-type: none;
background: #fdf9dc url('../images/pijl.gif') center left no-repeat;
background-position: 5% 50%;
padding-left: 20px;
margin: 0;

}

.geel li {

border-left: 1px solid #e7d345;
border-right: 1px solid #e7d345;

}

.groen li {

border-left: 1px solid #bed236;
border-right: 1px solid #bed236;

}

.oranje li {

border-left: 1px solid #ffbd54;
border-right: 1px solid #ffbd54;

}

.rood li {

border-left: 1px solid #eb4f4f;
border-right: 1px solid #eb4f4f;

}

.geel li.kop, .groen li.kop, .oranje li.kop, .rood li.kop {

margin-top: -19px;
padding-top: -1px;
margin-left: 3px;
padding-top: 2px;
width: 173px;
_width: 171px;
font: bold 11px Arial;
border: 0;
background: url('../images/folder.png') top left no-repeat;

}

.geel li a, .groen li a, .oranje li a, .rood li a {

color: #574e0c;
text-decoration: none;

}

.geel li.meer, .groen li.meer, .oranje li.meer, .rood li.meer {

width: 171px;
padding-right: 5px;
margin-top: -11px;
float: left;
padding-bottom: 2px;
text-align: right;
background: none;

}

.geel li.meer a, .groen li.meer a, .oranje li.meer a, .rood li.meer {

color: #93ba1c;
text-decoration: underline;
font: normal 11px Arial;

}

.geel li em, .groen li em, .oranje li em, .rood li em {

color: #ff5a00;
text-transform: uppercase;
font: normal 11px Arial;

}

.blauw_groot {

margin: 0;
padding: 0;
background: #dcf1fd url('../images/blauw.png') no-repeat;
width: 300px;
_margin-right: -3px;
float: left;
min-height: 22px;
padding-top: 20px;
border-bottom: 1px solid #298bcf;
margin-top: 10px;

}

.blauw_groot li {

width: 273px;
float: left;
list-style-type: none;
background: #dcf1fd url('../images/pijl2.gif') center left no-repeat;
background-position: 5% 50%;
padding-left: 25px;

}

.blauw_groot li {

border-left: 1px solid #298bcf;
border-right: 1px solid #298bcf;

}

.zoeken li {

margin: 0;
padding: 0;
background: none;
width: 300px;
border: 0;

}

.blauw_groot li.kop {

margin-top: -19px;
padding-top: -1px;
margin-left: 3px;
padding-top: 2px;
width: 275px;
_width: 272px;
font: bold 11px Arial;
border: 0;
background: url('../images/earth.png') top left no-repeat;
background-position: 0% 50%;

}

#header a {

color: #fff;
font: 14px Arial;

}

.zoeken li.kop {

margin-top: -19px;
padding-top: -1px;
margin-left: 3px;
padding-left: 25px;
padding-top: 2px;
width: 275px;
_width: 272px;
font: bold 11px Arial;
border: 0;
background: url('../images/google.png') top left no-repeat;
background-position: 0% 50%;

}

.blauw_groot li a {

color: #0b4752;
text-decoration: none;

}

.blauw_groot li.meer {

position: relative;
width: 268px;
padding-right: 5px;
margin-top: -12px;
padding-bottom: 2px;
text-align: right;
background: none;

}

.blauw_groot li.meer a {

color: #ff2613;
text-decoration: underline;
font: normal 11px Arial;

}

.blauw_groot li em {

color: #ff5a00;
text-transform: uppercase;
font: normal 11px Arial;

}

.blauw_groot input.veld {

border: 1px solid #7fa4b8;
background: #fff;


}

.groen input.veld {

border: 1px solid #bed236;

}

.geen {

background: none;
float: left;

}

.margen {

margin-left: 10px;
margin-top: 40px;
float: left;

}

.blauw_groot p {

margin: 0;
padding: 0;
border-left: 1px solid #298bcf;
border-right: 1px solid #298bcf;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;

}

#footer {

font-family: arial, verdana, tahoma;
font-size: 12px;
float: left;
width: 921px;
text-align: center;
color: #988e8e;
margin-top: 60px;
padding-bottom: 20px;

}

#footer a {

text-decoration: underline;
color: #988e8e;
font: 11px Arial;
margin-left: 10px;

}

#rijgroot {

float: left;
margin: 10px;
width: 596px;
_width: 586px;
overflow: hidden;

}

#rijgroot h3 {

font: bold 12px Arial;

}

#rijgroot input.veld {

border: 1px solid #7fa4b8;
background: #fff;

}


#rijgroot em {

float: left;
width: 150px;

}

#verzonden {

width: 550px;
background: #fdf9dc;
border: 1px solid #e7d345;
padding: 5px;

}

.dochters_o {

width: 580px;
float: left;

}

.dochters_o .naam {

width: 400px;
float: left;

}

.dochters_o .opties {

width: 180px;
float: left;

}