/* Typografie */

p,
p a,
p a:visited,
body,
body a {
font-family: Trebuchet MS;
color: #fff;
font-size: 12px; }

body a:hover,
p a:hover {
color:#ee7b00;
}

a {
outline: none;
}

h1 {
color: #ee7b00;
padding: 0px;
margin: 0px;
font-size: 24px;
font-weight: bold;}

h2 {
color: #ffc984;
padding: 0px;
margin: 0px;
margin-top: 5px;
font-size: 16px;
font-weight: normal; }


em.inleiding {
padding: 0px;
margin: 0px;
color: #ffc984;
font-size: 14px;
font-style: normal; }

strong {  
color: #ee7b00;
font-size: 14px;
font-weight: normal;
}

.kingdom {
margin-left: 25px;
color: #21073e;
font-size: 10px;
}

.design a,
.design a:visited {
margin-left: 648px;
color: #9171B5;
font-size: 10px;
text-decoration: none;
}

.design a:hover {
color: #21073e;
}

.productinfo {
color: #ffc984;   }

.print_prijs {
display: none;}

.productprijs {
position: absolute;
width: 100px;
height: 100px;
left: 160px;
top: 25px;
z-index: 999;
color: #21073e;
font-size: 18px;
font-weight: bold;
margin: 0px;
padding: 0px;
padding-top: 40px;
padding-left: 15px;
background-image: url("/gfx/prijs_bol.png");
background-repeat: no-repeat;
z-index: 99;
}

p.left {
text-align: left;
}

#thumbs b {
display: block;
font-size: 11px;
margin-left: 5px;
margin-top: 5px;
color: #9d8db9;
}
/*Ditto*/

#ditto {
float: left;
text-align: left;
overflow: hidden;
width: 264px;
margin: 0px;
padding: 0px;
}

#ditto a{
text-decoration:none;
}

#ditto img {
border: none;
float: right;
width: 58px;
border:0;
margin:0px 1px 0px 0px; 
}

#ditto img.status {
margin: 0px;
margin-top: 4px;
}

a.dittoblok1 {
display: block;
background-color: #422367;
width: 260px;
padding: 2px;
height: 68px;
}

a.dittoblok2 {
display: block;
width: 260px;
padding: 2px;
height: 68px;
}

.dittoblok2:hover,
.dittoblok1:hover {
background-color: #4D306E;
cursor: pointer;
}

.dittomerk {
display: block;
float: left;
color: #ee7b00;
padding: 0px;
margin: 0px;
margin-top: -4px;
margin-left: 4px;
font-size: 16px; }

.dittotype {
display:block;
float: left;
clear: right;
color: #ee7b00;
padding: 0px;
margin: 0px;
margin-top: -9px;
margin-left: 4px;
font-size: 12px; }

.dittoprijs {
float: right;
color: #ffc984;
padding: 0px;
margin: 0px;
font-size: 16px; }

.dittoinfo {
display: block;
width: 180px;
color: #fff;
padding: 0px;
margin: 0px;
margin-top: 15px;
margin-left: 4px;
font-size: 11px;
font-weight: normal;
line-height: 11px; }


/*DITTO PARTNERS*/

.partner {
position: relative;
float: left;
width: 230px;
padding-right: 30px;
padding-bottom: 30px;
}

.partner a {
text-decoration: none;
}

.partner img {
border: 0px;
}

a .partnerintro {
}

/*Ditto home*/

/*rechts*/

#foto_caravanknaller {
position: relative;
padding-bottom: 19px;
}

#home_links a,
#caravanknaller a { 
text-decoration: none;
}

#masker {
overflow: hidden;
width: 225px;
height: 168px;
margin-left: 2px;
}

#foto_caravanknaller img {
width: 226px;
border: none;
}

.caravanknaller_merk {
display: block;
color: #fff;
line-height: 18px;
padding: 0px;
margin: 0px;
margin-left: 15px;
margin-top: -4px;
font-size: 15px; 
}

.knallerinfo {
display: block;
color: #ee7b00;
width: 205px;
margin-left: 15px;
margin-bottom: 10px;
line-height: 11px;
cursor: pointer;
} 

.caravanknaller_kroon {
position: absolute;
background-image: url("/gfx/label-trans.png");
background-repeat: no-repeat;
width: 123px;
height: 103px;
left: 195px;
top: 13px;
z-index: 999;
}

.caravanknaller_prijs {
position: absolute;
margin-top: 52px;
margin-left: 52px;
font-size: 15px;
color: #21073e;
}

/*links*/
.aanbod_kopje {
display: block;
color: #21073e;
font-size: 13px;
width: 135px;
height: 20px;
padding-top: 4px;
text-indent: 15px;
}

.home_ditto_aanbod {
position:relative;
width: 160px;
height: 160px;
float:left;
}

.aanbod_foto {
position: absolute;
background-repeat: no-repeat;
overflow: hidden;
width: 160px;
height: 120px;
}

.home_ditto_aanbod .linkopbg {
position: absolute;
width: 160px;
height: 140px;
left: 0px;
top: 0px;
}

.aanbod_tekst {
position: absolute;
top: 83px;
}

a .nieuwaanbod_merk {
position:relative;
display: block;
color: #fff;
margin-left: 2px;
float: left;
font-size: 14px; 
cursor: pointer;
width: 105px;
margin-top: 38px;
}

a .nieuwaanbod_prijs {
position:relative;
display: block;
color: #fff;
font-size: 15px;
margin-right: 2px;
float: left;
width: 50px;
text-align: right;
margin-top: 38px;
}

a .nieuwaanbod_type {
display: block;
color: #fff;
font-size: 10px;
margin-left: 2px;
cursor: pointer; 
width: 150px;
float: left;
}

/*Home*/
.basic_kopje,
.home_kopje{
display: block;
color: #21073e;
background-image: url("/gfx/vlak_groot-trans.png");
background-repeat: no-repeat;
background-position: top;
font-size: 13px;
width: 260px;
height: 20px;
padding-top: 4px;
text-indent: 15px;
padding-bottom: 20px;
}


/*Statusberichten*/

b.status_beschikbaar,
b.status_gereserveerd,
b.status_verkocht {
cursor: pointer;
z-index: 3;
}

b.status_beschikbaar i,
b.status_gereserveerd i,
b.status_verkocht i {
display: none;
position: fixed;
top: 25px;
right: 106px;
width: 261px;
padding: 10px;
padding-top: 5px;
height: 54px;
text-align: center;
line-height: 20px;
font-size: 12px;
font-style: normal;

background:#fff; 
filter:alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8; 

color: #c03;
border: 1px solid #c03;
}

b.status_beschikbaar i{
color: #21980f;
border: 1px solid #21980f;
}

b.status_gereserveerd i {
color: #ee7b00;
border: 1px solid #ee7b00;
}

b.status_beschikbaar:hover i,
b.status_gereserveerd:hover i,
b.status_verkocht:hover i {
display: block;
}

/*Tools navje*/

.tools a {
display: block;
text-decoration: none;
font-size: 12px;
color: #fff;
list-style: none;
line-height: 30px;
}

.tools a:hover {
font-size: 12px;
color:#ee7b00;
} 

/*Opmaak Formulieren*/

#formulier td{
text-align: left;
vertical-align: top;
}

#formulier input[type="button"] {
font-size: 11px;
border:1px outset #ee7b00;
background-color: #21073e;
color: #fff;
width: 205px;
text-align: center;
font-family: Trebuchet MS, Arial;
}

#formulier input[type="submit"] {
font-size: 11px;
border:1px solid #ee7b00;
background-color: #ee7b00;
font-family: Trebuchet MS, Arial;
color: #fff;
width: 205px;
}

#formulier input[type="submit"]:hover,
#formulier input[type="button"]:hover {
border:1px inset #ee7b00;
cursor: pointer;
}

#formulier input[type="text"] {
font-size: 11px;
border:1px solid #ee7b00;
background-color: #21073e;
color: #fff;
width: 202px;
height: 14px;
overflow: hidden;
cursor: text;
font-family: Trebuchet MS, Arial;
}

#formulier textarea {
font-size: 11px;
border:1px solid #ee7b00;
background-color: #21073e;
color: #fff;
width: 203px;
height: 75px;
overflow: hidden;
cursor: text;
font-size: 11px;
font-family: Trebuchet MS, Arial;
}

#formulier select {
font-size: 11px;
border:1px solid #ee7b00;
background-color: #21073e;
color: #fff;
width: 206px;
height: 15px;
*height: 25px;
cursor: pointer;
overflow: auto;
font-family: Trebuchet MS, Arial;
}

#zoekfilter .zoek_knop,
#zoekfilter input[type="submit"].zoek_knop {
font-size: 11px;
width: 100px;
height: 35px;
border:1px solid #ee7b00;
background-color: #ee7b00;
font-family: Trebuchet MS, Arial;
color: #fff;
}

#zoekfilter input[type="submit"].zoek_knop:hover {
border:1px inset #ee7b00;
background-color: #fff;
color: #3B1666;
cursor: pointer;
}

/*Terugknop*/

.terug,
#terugknop a {
font-size: 11px;
border:1px outset #ee7b00;
background-color: #21073e;
text-decoration: none;
color: #fff;
width: 125px;
padding-left: 12px;
padding-right: 12px;
text-align: center;
font-family: Trebuchet MS, Arial;
}

.terug:hover,
#terugknop a:hover {
border:1px inset #ee7b00;
cursor: pointer; }