/*KLEUREN*/
.creme {color: #d7bf84;}
.middenbruin {color: #7c6839;}
.donkerbruin {color: #461a02;}
.grijs {color: #666;}
.zwart {color: #000;}

/*seizoenen*/
.basic bruin {color: #240f05;}
.kerst rood {color: #c40b21;}
.pasen paars {color: #82457c;}
.sint geel {color: #ea9c0e;}

body {
font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
font-size: 11px;
color: #000;
}

#content_home img {
border: 0px;
}

#content,
#content_smal,
p {
line-height: 16px;
padding: 0px;
margin: 0px;
margin-bottom: 20px;
}

#content a,
#content_smal a,
#content_highlight a,
p a {
color: #7c6839;
}

#content a:hover,
#content_smal a:hover,
#content_highlight a:hover,
p a:hover {
color: #000;
}

h1 {
font-size: 32px;
color: #461a02;
padding: 0px;
margin: 0px;
margin-bottom: 12px;
margin-top: 0px;
*margin-top: 3px;
}

.inleiding {
display: block;
padding: 0px;
margin: 0px;
font-size: 12px;
line-height: 24px;
color: #666;
font-style: normal;
}

h2 {
font-size: 14px;
color: #461a02;
padding: 0px;
margin: 0px;
margin-bottom: 5px;
margin-top: 0px;
}

h3 {
display: block;
width: 338px;
height: 34px;
overflow: hidden;
font-size: 14px;
font-style: italic;
font-weight: normal;
color: #fff;
background-image:url(/gfx/kopje_verloop.jpg);
background-repeat: no-repeat;
padding: 0px;
padding-top: 8px;
padding-left: 70px;
margin: 0px;
}

.content .pagetrail,
.content .pagetrail a {
font-size: 10px;
font-weight: bold;
color: #666;
}

.content .pagetrail a:hover {
color: #000;
}

.content .pagetrail b {
color: #000;
font-size: 12px;
}

#content_home ul {
margin-top: -7px;
margin-left: 30px;
font-size: 14px;
line-height: 20px;
color: #666;
}

#content_home ul li {
border-bottom: 1px solid #ccc;
}

.textblok {
position: absolute;
dislay: block;
color: #fff;
padding: 15px;
text-align: left;
}

.mededeling {
font-weight: bold;
color: #240f05;
}

#logo a {
outline: none;
}

.highlight {
font-size: 14px;
color: #461a02;
}

/*TOPNAV---------------*/
#topnav ul {
list-style: none;
}

#topnav a {
font-size: 10px;
font-weight: bold;
color: #333;
line-height: 15px;
text-decoration: none;
}

#topnav a:hover {
color: #666;
}


/*NAV----------------------------*/
.nav,
.nav ul {
padding: 0px;
margin: 0px;
list-style: none;
height: 26px;
padding-top: 2px;
padding-bottom: 2px;
text-align: center;
}

#nav2.nav ul {
padding-top: 1px;
}

.nav ul li {
display: inline;
}

.nav a,
.nav ul li a,
.nav ul li a:visited {
font-size: 13px;
color: #fff;
padding: 7px;
padding-top: 0px;
padding-bottom: 4px;
text-decoration: none;
}

#nav2.nav ul li a,
#nav2.nav ul li a:visited {
color: #e8d3bb;
padding-top: 2px;
padding-bottom: 4px;
}

.nav a:hover,
.nav a.paas:hover,
.nav a.sint:hover,
.nav a.kerst:hover,
.nav a:visited:hover {
color: #fff;
background-color: #240f05;
}

.nav ul li.active a,
.nav ul li.active a:visited {
color: #fff;
background-color: #240f05;
}


/*SEIZOEN NAV*/

.nav a.paas {
background-color: #82457c;
}

.nav a.sint {
background-color: #ea9c0e;
}

.nav a.kerst {
background-color: #c40b21;
}


/*FOOTER------------------------*/
#footer,
#footer a  {
font-size: 10px;
line-height: 14px;
font-size: 9px;
color: #555;
}

#footer b {
margin-left: 6px;
margin-right: 6px;
color: #c03;
}

#footer a:hover {
color: #000;
}


/*ZOEKEN----------------------------------*/
#zoeken input {
font-family: Trebuchet MS;
border: 1px solid #4f2600;
width: 86px;
height: 12px;
color: #000;
font-size: 11px;
*line-height: 11px;
text-indent: 2px;
} 

#zoeken #ajaxSearch_submit {
width: 33px;
cursor: pointer;
color: #fff;
height: 13px;
*height: 16px;
background-color: #4f2600;
border: none;
}

#content #ajaxSearch_submit {
width: 50px;
cursor: pointer;
color: #fff;
height: 17px;
background-color: #4f2600;
border: none;
}

#zoeken #ajaxSearch_submit:hover {
border: none;
background-color: #4f2600;
color: #d7bf84;
}

#content #ajaxSearch_submit:hover {
border: none;
background-color: #d7bf84;
color: #4f2600;
}

#content input {
font-family: Trebuchet MS;
border: 1px solid #4f2600;
width: 250px;
color: #000;
font-size: 11px;
text-indent: 2px;
} 

#content .ajaxSearch_resultLink {
display: block;
font-size: 14px;
font-weight: bold;
color: #4f2600;
}

.ajaxSearch_highlight,
.ajaxSearch_highlight1 {
font-weight: bold;
background-color: #b0a790;
}

/* SMALLE TPL ----------------------- */
#textblok_smal {
position:relative;
float: right;
width:230px;
margin-top: 21px;
right:15px;
background-color: #fff;
margin-bottom: 11px;
overflow: hidden;
}

#content_smal {
position:absolute;
top:30px;
left:170px;
width: 550px;
}

#textblok_smal.textblok {
color: #000;
}

/* FORMULIEREN ----------------------- */
#content #formulier {
text-align: left;
}

.offerteregel b {
font-size: 14px;
}

#error {
position: absolute;
display: block;
margin-top: -16px;
*margin-top: 3px;
margin-left: 55px;
*margin-left: 10px;
background-color: #c03;
color: #fff;
z-index: 99;
}

#formulier td {
width: 250px;
border: 0px solid #ccc;
}


#formulier td.verplicht {
font-weight: bold;
color: #c40b21;
}

.verplicht {
color: #c40b21;
font-weight: normal;
}

#formulier input.forminfo {
border: none;
background: none;
}

#formulier input.forminput {
font-family: Trebuchet MS;
border: 1px solid #461a02;
width: 250px;
color: #000;
font-size: 11px;
height: 12px;
margin-bottom: 3px;
text-indent: 2px;
}

#formulier input.forminput_kort {
width: 180px;
}

#content select {
font-family: Trebuchet MS;
border: 1px solid #461a02;
width: 252px;
color: #000;
font-size: 11px;
text-indent: 2px;
}

#content .radio {
font-family: Trebuchet MS;
border: 0px solid #461a02;
width: 12px;
color: #000;
font-size: 11px;
text-indent: 2px;
}

#formulier .formbutton {
border: 0px;
border: 1px solid #461a02;
background-color: #461a02;
color: #fff;
width: 252px;
height: 16px;
margin-left: 0px;
cursor: pointer;
font-weight: normal;
}

#formulier .formbutton:hover {
border: 1px solid #7c6839;
background-color: #7c6839;
color: #fff;
}

#formulier textarea {
font-family: Trebuchet MS;
border: 1px solid #461a02;
width: 100px;
color: #000;
font-size: 11px;
width: 250px;
height: 100px;
margin-bottom: 3px;
text-indent: 2px;
}

.cluetip-default h3 {display:none}
.cluetip-default img{border:2px inset #461a02}


/*AANMELD FORM---------*/

#content_home #formulier {
padding-left: 50px;
}

#content_home #formulier table {
width: 230px;
}

#content_home #formulier td.aanmeld1 {
width: 80px;
}

#content_home #formulier td.aanmeld2 {
width: 140px;
}

#content_home #formulier input {
font-family: Trebuchet MS;
border: 1px solid #461a02;
width: 140px;
color: #000;
float; left;
font-size: 11px;
height: 12px;
margin-bottom: 3px;
text-indent: 2px;
}

#content_home #formulier input.radio {
border: 0px solid #461a02;
width: 15px;
color: #000;
height: 12px;
margin-bottom: 3px;
text-indent: 2px;
}

#content_home #formulier .berichtknop {
border: 0px;
border: 1px solid #461a02;
background-color: #461a02;
color: #fff;
width: 140px;
height: 16px;
margin-left: 0px;
cursor: pointer;
font-weight: normal;
}

#content_home #formulier .berichtknop:hover {
border: 1px solid #7c6839;
background-color: #7c6839;
color: #fff;
}