/*------------  RESET------------------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, blockquote, pre, code, p, ul, ol, li, dl, dt, dd, form, fieldset, legend, label, div, span, table, tr, th, td {
margin: 0; padding: 0; }




/*------------  Body/HTML  ------------------------------------------------*/
html {
overflow-y:scroll !important; /*------------ zorgt voor een verticale scroll  in ff, zodat de pagina niet springt------------*/
}
html, body {
height:100%;
}
body {
color:#444;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
text-align:left;
background:#cf4b0a;
}
#body { /*------------  Deze Div dient als Body van de gehele pagina. Dit voorkomt dat de tekst gecentreerd word in het CCMS beheer gedeelte  ------------------------------------------------*/
height:100%;
}
.clear{
clear:both;
}
.floatLeft{
float:left;
}
.floatRight{
float:right;
}
/*------------  Opmaak  ------------------------------------------------*/
h1 {
color:#000;
font-size:18px;
font-weight:bold;
margin-bottom:22px;
}

h2 {
color:#cf4b0a;
font-size:14px;
margin-top:0px;
margin-bottom:12px;
}

h3 {
font-size: 12px;
margin:10px;
margin-bottom:0px;
margin-left:25px;
font-weight:bold;
}
p {
margin:0px;
margin-bottom:15px;
margin-right:5px;
clear:both;
}
.geenmargin{margin-top:0px;margin-bottom:0px;}



a:link, a:active, a:visited {
color: #444;
text-decoration: underline;
}
a:hover {
color:#444;
text-decoration: none;
}

/*------------  Container  ------------------------------------------------*/
#container {
min-height: 100%;
height: auto !important;
height: 100%;
background: url(../grafix/bg_container.jpg) repeat-y;
width:1012px;
margin: 0 auto -35px auto; /* margin-bottom moet dezelfde hoogte krijgen als je footer maar dan in negatieve waarde */

}
		
/*------------  Header  ------------------------------------------------*/
#oranjetop{
height:20px;
background:#cf4b0a;
width:1012px;
}
#header {
height:160px;
width:988px;
border-bottom: #cd4c08 7px solid;
border-top: #ffffff 12px solid;
margin-left:12px;
}

#logo {
padding-top:24px;
margin-left:366px;
width:408px;
}
.gelebox{
background:#f5ec8f;
height:40px;
}
.pluseen{
margin-top:5px;
margin-left:22px;
}
/*------------  Left Column  ------------------------------------------------*/
#left{
margin-left:1px;
width:161px;
float: left;
}
.linkerbox{
width:161px;
}
/*------------  Navigatie   ------------------------------------------------*/
ul#flagbuild {
float:right;
padding-top:13px;
width:65px;
margin-left:22px;
}
ul#flagbuild li {
float:left;
list-style:none outside none;
margin-left:4px;
}
ul#flagbuild li a {
display:block;
height:15px;
text-decoration:none;
width:27px;
padding-left:0;
}
ul#flagbuild li a.flag_nl {
background: url(../grafix/flags.gif) no-repeat 0px 0px;
}
ul#flagbuild li a.flag_nl:hover {
background: url(../grafix/flags.gif) no-repeat 0px -15px;
}
ul#flagbuild li a.flag_en {
background: url(../grafix/flags.gif) no-repeat -27px 0px;
}
ul#flagbuild li a.flag_en:hover {
background: url(../grafix/flags.gif) no-repeat -27px -15px;
}
#menu{
width: 161px;
float:left;
display:inline;
border-bottom:1px solid #f3ed8b;
}

#menu ul{
margin:0;
padding:0;
position:relative;

}


#menu ul li{
list-style-type: none;
padding:0;
margin:0;
line-height:25px;
border-top:1px solid #f3ed8b;
border-bottom:1px solid #cf4b0a;
position:relative;
}

#menu li a{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color:#5c545f;
display:block;
text-decoration:none;
padding-left:22px;
width: 139px;
}

#menu li a:hover{
background:#fbfbfb;
text-decoration:none;
}
#menu ul li ul.submenu{
position:relative;
clear: both;
list-style: none;
display:block;
background-color: #FFFFFF;
}

div#menu ul li ul.submenu li {
background-color: #FFFFFF;
}

div#menu ul li ul.submenu li a{
background-color: #FFFFFF;
padding-left:44px;
width: 117px;
}


div#menu ul li ul.submenu li a:hover{
background-color: #fffcdf;
}

.addthis_toolbox{
margin-top:10px;
margin-left:20px;
}

#kruimelpad{
font-size:10px;
margin-bottom:27px;
}
#kruimelpad a{
color:#ce4d0b;}
/*------------  Content------------------------------------------------*/
#content {
width:1012px;
clear:both;
margin-left:12px;
}

#content_bb {
width:668px;
margin-left:7px;
margin-right:7px;
float:left;
min-height:200px;
}
#content_binnen{
margin-left:12px;
}
#content_bb ul{
margin-left:40px;
}
/*------------  Right------------------------------------------------*/
#right {
width:143px;
float:left;
}

#right p{
color:#5c575b;
font-weight:normal;
font-size:12px;}

#right p.vindplaats, .fotokaart p.vindplaats, p.vindplaats{
font-style:italic;
margin-bottom:5px;
width:138px;
}
div.innerdetailbox p.vindplaats{
width:100%;
}
#right p.vindplaats a, #right span.link_rechts a{
text-decoration:underline;}
#right p.vindplaats a:hover, #right span.link_rechts a:hover{
text-decoration:none;
}
#right h2 a{
text-decoration:none;
color:#cf4b0a;
}
#right h2 a:hover{
text-decoration:underline;
}
#right p a{
color:#5c575b;
text-decoration:none;
}
#right p a:hover{
text-decoration:underline;
}
#right img{
margin-left:25px;}

#right span.link_rechts{
font-style:italic;
}



.rechterbox{
width:143px;
}
.content_rechterbox{
margin-top:5px;
width:138px;
margin-left:5px;
}


select{
width:132px;
}
/*-------------------- Footer ----------------------------------------*/
#footer {
background: #cf4b0a;
width:1012px;
margin: 0 auto;
text-align:center;
color:#fffcdf;
line-height:30px;
}
#push, #footer {
height:35px;
clear:both;
}
#footer a{
color:#fffcdf;
text-decoration:none;
font-weight:normal;
}
#footer a:hover{
text-decoration:underline;
}#footer img{
margin-top:3px;
}
#footerboven {
background:#fff;
height:13px;
}
#oranjefooterrand{
width:988px;
margin-left:12px;
margin-right:12px;
background: #cf4b0a;
height:1px;
}
#social{
width:50px;
float:right;
}
/*-------------------- Kaartenoverzicht ----------------------------------------*/
.kaartbox{
width:306px;
height:170px;
border: 1px solid #cf4b0a;
float:left;
margin-right:10px;
margin-bottom:10px;
background:#ffffff;
}
.kaartdetailbox, .berichtschrijven{
width:430px;
background:#ffffff;
border: 1px solid #cf4b0a;
float:left;
margin-bottom:10px;
}
.berichtschrijven{
background: url(../grafix/stempel.jpg) no-repeat #fff;
background-position: right top;
width:410px !important;
}
.submit_adres{
margin-left:190px !important;
}
.submit_verzend{
margin-left:266px !important;
}
.aanvullend input{
width:13px;
clear:both;
}
.aanvullend label.aanvullend{
float:left !important;
width:400px !important;
clear:none;
}
.submit_bekijk{
margin-left:10px;
float:left;
background:#f5ec8f;
font-weight:bold;
color:#cf4b0a;
border: 1px solid #cf4b0a;
cursor:pointer;
}
.submit_bekijk:hover{
background:#fffcdf;
}
.innerdetailbox{
margin:15px;
margin-top:0px;
border-top:15px solid #ffffff;
text-align:center;
}
.innerdetailbox img{
margin-bottom:10px;
}
.fotokaart img{
margin-bottom:5px;
}
.fotokaart{
width:135px;
height:101px;
float:left;
text-align:center;
}
.tekst{
float:left;
font-size:11px;
width:145px;
margin-left:10px;
line-height:15px;
height:153px;
overflow:hidden;
}
.fotowp{
width:144px;
height:101px;
float:left;
text-align:center;
}
.wp{
height:187px;}

#breedbeeld img{
width:141px;
}

#normaal img{
width:141px;
height:113px;
}

.fotowp .verstuurknop{
margin-top:5px;}

.tekstwp{
float:left;
font-size:11px;
width:132px;
margin-left:10px;
line-height:15px;
height:175px;
overflow:hidden;
}
.innerbox{
margin-top:10px;
margin-left:10px;
}
.kaartverzenden{
margin-left:10px;
width:182px;
margin-top:0px;
}
div#txtHint{
width:430px;
float:left;
}

.kaartverzenden label{
width:174px;
height:17px;}
.kaartverzenden input{
width:174px;}

.configwebmaster{
float:left;
margin-top:18px;
}
.configwebmaster input.submit{
margin:0;
}
.configwebmaster select{
width:185px;
margin-bottom:15px;
}
.configwebmaster input{
width:auto;
margin-bottom:15px;

}
.configwebmaster p{
clear:none;
float:left;

}
.configwebmaster #configurationform{
width:186px;;
}
fieldset.codeconfig{
width:625px !important;
background:#ffffff;
border: 1px solid #cf4b0a;
float:left;
margin-bottom:10px;
}
pre{
width:430px;
}
.radio{
float:left;
width:13px !important;
height:18px;
}

.progressbar{
border-left: 1px solid #cf4b0a;
width:650px;
margin-bottom:10px;
margin-top:10px;
height:22px !important;
line-height:22px;
}
.active, .not-active{
color:#000;
border:1px solid #cf4b0a;
border-left:0px;
width:160px;
height:22px !important;
float:left;
}
.not-active p{
margin-left:5px;
}
.active{
background:#f5ec8f;
}

.active a{
color:#000;
text-decoration:none;
padding-left:5px;
background:#f5ec8f;
width:155px;
height:22px;
display:block;
}
.active a:hover{
color:#cf4b0a;
text-decoration:none;
background:#f6ee9a;
}
.not-active{
background:#fffcdf;
color:#777;
}
/*-------------------- paginanav ----------------------------------------*/
.paginaeinde{
width:612px;
text-align:center;
margin-bottom:10px;
padding:5px;
background:#FFFCDF;
border: 1px solid #cf4b0a;
height:22px;
line-height:22px;

}
.linkerkant{
float:left;
}
.rechterkant{
float:right;
}
.midden{
float:left;
margin-left:73px;
width:270px;
text-align:center;
}
.niet-active{
color:#777;
}

/*-------------------- Categorieën ----------------------------------------*/
div.cat{
border: 1px solid #cf4b0a;
background:#fff;
height:32px;
line-height:22px;
width:206px;
float:left;
margin-right:10px;
text-align:center;
margin-bottom:10px;
}
div.cat a{
display:block;
background:#F3ED8B;
border:5px solid #fff;
font-weight:bold;
text-decoration:none;

}
div .cat a:hover{
display:block;
background:#fffcdf;
}
/*-------------------- FAQ / Help ----------------------------------------*/

div.faqgroep
{
border: 1px solid #CF4B0A;
width:641px;
margin-bottom:12px;
}
div.headFaqgroep{
margin:0;
padding:0;
background: #F5EC8F;
border-bottom:1px solid #CF4B0A;
}
div.headFaqgroep h3{
margin:0 10px 0 10px;
padding:0;
}
div.question{
padding-left:10px;
margin-bottom:2px;}
div.question a
{list-style-type:circle;}
div.answer{
padding-left:10px;}
div.answer p{
margin-bottom:0px;}
div.opened_answer{
background:#fff;
border-bottom:1px dotted #CF4B0A;
margin-bottom:2px;
}
div.opened_question{
background:#fff;
margin-top:2px;
padding-top:15px;
border-top:1px dotted #CF4B0A;
}
div.opened_question a{

color:#CF4B0A;
font-weight:bold;
text-decoration:none !important;
}

/*-------------------- Knoppen ----------------------------------------*/
.verstuurknop{
width:135px;
text-align:center;
}
.verstuurknop a{
background:#f5ec8f;
font-weight:bold;
color:#cf4b0a;
width:135px;
border: 1px solid #cf4b0a;
text-decoration:none;
display:block;
}
.verstuurknop a:hover{
background:#fffcdf;
font-weight:bold;
color:#cf4b0a;
width:135px;
border: 1px solid #cf4b0a;
text-decoration:none;
}
#selectiemogelijkheden, #zoekvenster{
background:#f5ec8f;
width:614px;
height:25px;
margin-bottom:10px;
padding-top:5px;
padding-left:10px;
}
#zoekvenster{
margin-top:20px;
}
#orderby{
width:110px;
}
#aantalitems{
width:95px;
}
#catId, #orderby, #aantalitems{
margin-right:20px;}
fieldset{
background:#fff;
border:1px solid #cf4b0a;
padding:10px;
width:475px;
margin-top:12px;
margin-bottom:12px;
float:left;
}
label{
width:200px;
float:left;
height:22px;
clear:both;
font-weight:bold;
}
input{
float:left;
margin-bottom:3px;
}
input.submit{
clear:both;
background:#f5ec8f;
font-weight:bold;
color:#cf4b0a;
margin-top:20px;
border: 1px solid #cf4b0a;
margin-left:200px;
cursor:pointer;
}
input.submit:hover, input.submit2:hover{
background:#fffcdf;
}
input.submit2, input.submitzoek{
background:#f5ec8f;
font-weight:bold;
color:#cf4b0a;
border: 1px solid #cf4b0a;
cursor:pointer;
margin-right:20px;
}

input.submitzoek{
margin-left:5px;
height:22px;
background:#fffcdf;
margin-right:10px;
}
input.submitzoek:hover{
background:#f5ec8f;
}
.fout{
color:red;
font-weight:bold;}