/*
	Voor de achtergrond kleuren zoek op: ACHTERGRONDKLEUREN
*/

/* Standaard opmaak body */
body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-position: 93% 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-image: url('images/achtergrond.jpg');
}

/* Standaard opmaak van elementen */
body, p, span, div, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000CC;
}

/* Standaard opmaak van formulier elementen */
input, select, textarea, button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #0000CC;	
}

/* (Verzend)knoppen hebben een andere achtergrond kleur dan wit*/
.cbutton, button {
	color: #0000CC;
	background-color: #F9F3EE;
}

/* wordt ook voor de gewone radio buttons gebruikt */
input.radio_categorie {
	vertical-align: top;
	margin: 2px 3px 0px 3px; /* css voor FF */		
	margin: -2px 1px 0px 1px !ie; /* css hack voor IE7 */
	border: 0px;
	background: none;
}

/* Textarea's */
textarea {
	width: 99%;
}

/* Opmaak droplist van zoek vak */
zoek.select {
	width: 100%;
}

input.submit {}

/* Alle afbeeldingen standaard een border */
img {
	border: 1px solid #000000;
}

/* Afbeelding zonder border */
img.noborder {
	border: 0px;
}

/* Prullenbak bij verwijderen van een bod */
img.img_prullenbak {
	border: 0px;
	padding-left: 2px;
	padding-right: 2px;
}

/* Tabel voor thumbnails bij bekijken van advertentie */
.thumbnail_table {
	border: 1px solid #000000;
}

/* Rij van een thumbnail_table */
.thumbnail_table tr {
	background-color: #FFFFFF;
}

/* Kolom van een thumbnail_table */
.thumbnail_table td {
	width: 77px;
	min-width: 77px;
	height: 77px;
	min-height: 77px;
	cursor: pointer;
}

/* Witte balk voor in de header. Moet voorkomen dat bij een lagere resolutie er teveel van de achtergrond te zien valt */
#wittebalk {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	background-color: #FFFFFF;
	width: 97%;
	height: 129px;
	z-index: -1;
}

/*
	MAINTABLE
*/
#maintable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000CC;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 75% 100%;
	/*height: 450px;*/
	height:100%;
	z-index: 1;
}

/*
	HEADER
*/

#header {
	height: 129px;
	background-image: url('images/header.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	background-attachment: scroll;
}

/* De titel tekst in de header. */
#titel {
	font-size: 24px;
	font-weight: bold;
	color: #0000CC;
	position: relative;
	text-align: right;
	top: -13px;
	max-width: 100%;
}

#logoklik {
	position:absolute;
	clear:both;
	z-index:1;
}

/* Positionering van de account knoppen in de header */
#account {
	position: relative;
	top: 11px;  /* Voor de rest */
	top: 9px !ie; /* Alleen voor IE */
}

/* Account knoppen */
#account a, #account a:visited {
	font-size: 13px;
	margin:0px;
	padding:3px 5px 3px 5px;
	text-decoration: none;
	color:#0000CC;
	background-color: #FDFCA6;
	border: 1px solid #0000CC;
	font-weight: bold;
}

/* Account knoppen */
#account a:hover, #account a:visited:hover {
	font-size: 13px;
	margin:0px;
	padding:3px 5px 3px 5px;
	color: #0000CC;
	text-decoration: none;
	background-color: #FBFA86;
	border: 1px solid #0000CC;
	font-weight: bold;
}

/*
	MAIN MENU
*/

#menu {
	width: 150px;
	max-width: 150px;
	height:100%;
/*	height: 470px;*/
	max-height: 570px;
	background-image:   url('images/achtermenu.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	background-attachment: scroll;
	padding-left: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
}

/* Menu knoppen */
#menu a, #menu a:visited {
	font-size: 12px;
	display:block;
	margin:0px;
	padding: 2px;
	font-weight: normal;
	text-decoration:none;
	color:#0000CC;
	background-color: #F3E8DF;
	padding: 0px 3px 0px 3px;	
}

/* Menu knoppen */
#menu a:hover, #menu a:visited:hover {
	font-size: 12px;
	display:block;
	margin:0px;
	padding:2px;
	font-weight: normal;
	text-decoration:none;
	background-color: #F9F3EE;
	padding: 0px 3px 0px 3px;
}

/* Navigatie knop voor in het linker menu (Home) */
#menu a.nav, #menu a.nav:visited {
	font-size: 12px;
	margin:0px;
	padding:2px 5px 2px 5px;
	text-decoration: none;
	color:#0000CC;
	background-color: #FDFCA6;
	border: 1px solid #0000CC;
	font-weight: bold;
}

/* Navigatie knop voor in het linker menu (Home) */
#menu a.nav:hover, #menu a.nav:visited:hover {
	font-size: 12px;
	margin:0px;
	padding:2px 5px 2px 5px;
	color: #0000CC;
	text-decoration: none;
	background-color: #FBFA86;
	border: 1px solid #0000CC;
	font-weight: bold;
}


/* span element in menu */
#menu span {
	font-weight: bold;
	font-size: 12px;
	padding: 2px;
}

/* Kop voor een menu blok */
#menu span.kop {
	display:block;
	color: #0000CC;
	background-color: #FDFCA6;
	padding-top: 4px;
	padding-bottom: 4px;
}

/* Container voor button in menu */
#menu div.button {
	background-color: #F3E8DF;
	width: 150px;
	min-width: 150px;
	max-width: 150px;
	text-align: center;
	margin-bottom: 5px;
	font-weight: bold;
	text-align: left;
	padding-bottom: 5px;
}



/* Disclaimer in menu  */
#menu div.disclaimer {
	bottom: 20px;
	position: absolute;
	background: none;
}

/* advertentie in menu  */
#menu div.advertentie {
	position: relative;
	background: none;
}

/* Het advertentie blok mag geen link behaviour van #menu overnemen, dus overschrijven we deze */
#menu div.advertentie > a, #menu div.advertentie > a:hover {
	background-color: transparent;
}

/* Links disclaimer menu */
#menu a.disclaimer_a, #menu a.disclaimer_a:visited {
	font-size: 12px;
	display:block;
	margin:0px;
	padding: 2px;
	font-weight: normal;
	text-decoration:underline;
	color:#0000CC;
	background: none;
}

/* Links disclaimer menu */
#menu a.disclaimer_a:hover, #menu a.disclaimer_a:visited:hover {
	font-size: 12px;
	display:block;
	margin:0px;
	padding:2px;
	font-weight: normal;
	text-decoration:none;
	background: none;
}


/*
	CONTENT
*/

#content {
	padding-left: 20px;

}

/* Standaard opmaak van elke tabel in het content vlak */
#content table {
	border: 0px solid #FFFFFF;
}

/* Links in het content vlak */
#content a, #content a:visited 		 	  								 	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #0000CC; text-decoration: underline; font-weight: normal; }
#content a:hover, #content a:visited:hover 								  	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-weight: normal; }

/* Links categorieen in categorie overzicht: advertenties */
#content a.categorie_link2, #content a.categorie_link2:visited 		 	  	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #0000CC; text-decoration: none; font-weight: normal; }
#content a.categorie_link2:hover, #content a.categorie_link2:visited:hover 	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-weight: normal; }

/* Links categorieen in categorie overzicht: categorie naam */
#content a.categorie_link, #content a.categorie_link:visited 		 	  	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: underline; font-weight: normal; }
#content a.categorie_link:hover, #content a.categorie_link:visited:hover	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-weight: normal; }


/* Knoppen */
#content a.knop, #content a.knop:visited {
	font-size: 13px;
	margin:0px;
	padding:3px 5px 3px 5px;
	text-decoration: none;
	color:#0000CC;
	background-color: #FDFCA6;
	border: 1px solid #0000CC;
	font-weight: bold;
}

/* Account knoppen */
#content a.knop:hover, #content a.knop:visited:hover {
	font-size: 13px;
	margin:0px;
	padding:3px 5px 3px 5px;
	color: #0000CC;
	text-decoration: none;
	background-color: #FBFA86;
	border: 1px solid #0000CC;
	font-weight: bold;
}

/* Grote links. Wordt in e-mails gebruikt... */
#content a#groot, a#groot:visited, a#groot:hover, a#groot:visited:hover {
	font-weight: bold;
	font-size: 16px;
	text-decoration: underline;
}

/*
	ZOEKBALK
*/

#content a.zoekbalk, #content a.zoekbalk:visited 		 	  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #0000CC; text-decoration: underline; font-weight: normal; }
#content a.zoekbalk:hover, #content a.zoekbalk:visited:hover  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-weight: normal; }

/* Opmaak voor grote thumbnail afbeelding */
#thumbnail_big {
	margin: 0 auto;
	width: 130px;
	height: 130px;
}

/* ACHTERGRONDKLEUREN */

/* Achtergrond kleur kop */
.categorie_kop {
	background-color: #FDFCA6;
}

/* Teksten in categorie_kop elementen zwart maken */
.categorie_kop > * {
	color: #0000CC;
}

/* Achtergrond kleur navigatie door advertenties en advertentie lijsten */
.categorie_kop2 {
	background-color: #FDFCA6;
}

/* Teksten in categorie_kop2 elementen zwart maken */
.categorie_kop2 > * {
	color: #0000CC;
}

/* Achtergrond kleur van een table record */
.flip_0 {
	background-color: #F3E8DF;
}

/* Achtergrond van een table record bij een mouseover */
.flip_1 {
	background-color: #FDFCA6;
}

/* Achtergrond content vak */
.categorie_content {
	background-color: #F3E8DF;
}

/* Achtergrond van categorie selectie bij toevoegen advertentie */
table.categorie_selectie {
	background-color: #F3E8DF;
}

/* Wittelijn voor in lijst overzicht */
td.wittelijn {
	background-color: #FFFFFF;
	width: 1px;
	max-width: 1px;
}

/* Rode teksten. Wordt gebruikt bij foutmeldingen */
p.rood, span.rood {
	color: Red;
}

/* Tekst dikgedrukt maken */
.bold {
	font-weight: bold;
}

/* Standaard instellingen td */
td {
	padding-top: 4px;
	padding-bottom: 4px;
}

/* Geen stijl op een willekeurig element */
.geenstijl {
	background: none;
	border: 0px solid #FFFFFF;
}

/* Achtergrond kleur geselecteerd land bij promoten van advertentie */
.mollie_land {
	background-color: #FDE753;
	padding: 4px 2px 4px 2px;
}