/**************************************************************

   PURPOSE: Styles the html elements
 **************************************************************/

html {
  height: 100%;
  margin-bottom: 1px;
}

body {
  height: 100%;

  margin: 0;
  padding: 0;
  
  font: 0.8em arial, sans-serif;
  line-height: 150%;
  text-align: center;
  
  color: #A1988B;
  background-color: #FFF;
}

h1 {
  margin: 1em 0 0 0;
  padding-bottom: 0;
  
  font: small-caps 1.9em georgia, serif;
  letter-spacing: -0.02em;
  text-decoration: none;

  color: #795625;
  border-bottom: 1px solid #E7DDCF;
}

h1 a {
  color: #795625;
	text-decoration: none;
}

h2 {  
  margin-top: 0;  
  padding-top: 0;

  font: 1.2em georgia, serif;
  color: #94BC18;
}

h2 a {
  color: #627F07;
}

h2 a:hover {
  color: #374607;
}


a {
  color: #94BC18;
}

a:visited {
  /* uncomment if want a link visited color: 
  color: #AB9A81; */
}

a:hover {
  color: #435606;
}



p {
  margin: 0;
  padding: 5px 0;
}

ol, ul {
  margin: 10px 30px;
  padding: 0 30px;
}

acronym {
  cursor: help;
  border-bottom: 1px solid #EBE3D7;
}





/**************************************************************
   Form Elements
 **************************************************************/

form {
  margin: 0;
  padding: 0;
}

/*
input,
textarea,
select {
  padding: 2px;
  margin: 0;
  
  color: #A1988B;
  background-color: #FFF;
}*/


/*
	font:90% Verdana;
	
*/
 input,
 textarea
 select {
	background:#fff;
	border:1px solid #4F9EC9;
	color:#333;
	font-size:12px;
}

#searchForm input{
	border: 0;
}

input:focus,
textarea:focus,
select:focus {
  color: #000;
}


input.button {  
  padding: 3px;

  font: small-caps 1.7em georgia, sans-serif;
  letter-spacing: -0.05em;
 
  cursor: pointer;

  color: #A1988B;
  background: none;  
}

input:hover.button {
  color: #FFF;
}


/**************************************************************
   Search Form 
 **************************************************************/

#search fieldset {
	border: none;
	padding: 0;
	margin: 0 0 15px 0;
}

#search legend {
  	font: 1.2em georgia, serif;
  	color: #94BC18;
  	margin:15px 0 4px 0;
  	padding: 0;
 }
	

#search label {
	padding: 0 10px 0 0;
}


/**************************************************************
   Images
 **************************************************************/

img.floatRight {
  margin: 5px 0px 10px 15px;  
}

img.floatLeft {
  margin: 5px 15px 10px 0px;
}

img.avatar {	
  padding: 5px 0;
}

.image {
border:1px; border-thickness: 1px; border-color: #00000; border-style: solid;
}

/**************************************************************
   Advertentie Overzicht
 **************************************************************/
 
.Advertentie {
background-color:#f7f3ed;
border:1px solid #9ac31a;
border-collapse:collapse;
font-family:Verdana,Arial,Helvetica;
font-size:11px;
padding:1px;
}

.Foto {
background-color:#ffffff;
border:1px solid #9ac31a;
border-collapse:collapse;
font-family:Verdana,Arial,Helvetica;
font-size:11px;
padding:1px;
}

.AdvertentieTitel{
	background-color:#9ac31a;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:5px;
	height:20px;
}


h3.Header {
background-color:#9AC31A;
clear:both;
color:#FFFFFF;
font-size:9pt;
font-weight:bold;
padding:2px 1px 2px 3px;
margin:0px;
}


.Tekst {
float:left;
margin-right:10px;
margin-left:5px;
padding-top:10px;
text-align:left;
width:385px;
margin-bottom:20px;
}


.Contact{
float:right;
padding-top:1.5px;
width:250px;
margin-bottom:20px;
word-wrap: break-word;
}


.contactbottom {
  display: block;
  height: 10px;
  width: 250px;
  background: url(../img/bg/bottom_contact.gif) no-repeat bottom left;
}

.Contact_gegevens {
background-color:#FCF9CB;
color:#000000;
height:100%;
margin-bottom:0px;
padding:2px 5px;
text-decoration:none;
word-wrap: break-word;
}


.Details {
float:left;
margin-bottom:20px;
margin-right:10px;
margin-left:0px;
padding-top:10px;
text-align:left;
width:400px;
}

.Details_info {
float:left;
margin-bottom:20px;
margin-right:10px;
margin-left:5px;
padding-top:10px;
text-align:left;
width:400px;
line-height:110%;
}


.Foto1 { 
float:left;
padding-left:40px;
padding-top:25px;
text-align:center;
}

.Foto2 { 
float:right;
padding-top:25px;
padding-right:25px;
text-align:center;
}

.FotoFront { 
float:right;
padding-top:15px;
padding-right:0px;
padding-left:5px;
}


/**************************************************************
   Advertentie Detail
 **************************************************************/

td.td_item {
font-weight:bold;
padding-left:3px;
width:50px;
}


/**************************************************************
   Advertentie Validatie
 **************************************************************/
 
 input.required, textarea.required {
	background:#fff;
	border:1px solid #4F9EC9;
	color:#333;
	font-size:12px;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	margin-right:20px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	margin-right:20px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}