@import url("reset.css");

/*
geel: #fdd800
oranje: ff9600
grijs: e7e7e7
*/

/***********************
	Standaard tags
***********************/

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #ff9600;
}

body {
	background-color: #fdd800;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

hr {
	height: 0;
	border: 0;
	border-top: 1px solid #000; /*#fdd800*/;

} 

ul {
	margin: 0 0 0 16px;
}

li {
	list-style: disc;
}

p {
	margin: 0 0 15px 0;
}

strong {
	font-weight: bold;
}

input,
select,
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

sup{
    color:red;
}


/***********************
	Layout DIVs
***********************/
.spacer{
    background:#FFF;
    height:20px;
}
#siteWrap {
	margin: 0 auto;
	width: 980px;
	overflow:hidden;
}

#header {
	height: 102px;
	position: relative;	
	width: 100%;
}

#header h1 {
	background: url("../images/logo-bouwtop.gif");
	height: 77px;
	left: 0px;
	position: absolute;
	top: 12px;
	width: 486px;
}

#header h1 a {
	display: block;
	width: 100%;
	height: 100%;
}

#header h1 a span {
	display: none;
}

#header form a {
	left: 897px;
	position: absolute;
	top: 46px;
}

#header form input {
	height: 15px;
	left: 710px;
	padding: 3px 0 0 2px;
	position: absolute;
	top: 46px;
	width: 178px;
}

#contentWrap {
	background: #fff !important; /* IE6 hack zodat de achtergrond wit is waar de advertenties staan */
    overflow:hidden;
}

#bgTop {
	background: url("../images/bg-top.png") top no-repeat;
	height: 20px;
}

#bgCenter {
	background: #fff !important;
	overflow:hidden;
	position:relative;
}

#bgBottom {
	background: url("../images/bg-bottom.png") top no-repeat;
	height: 20px;
}

#leftWrap {
	float: left;
	margin: 0 15px 0 15px;
	_margin-left:8px;
	width: 220px;
}

#leftWrap #leftMenu {
	margin: 0;
}

#leftWrap #leftMenu li {
	background: url(../images/bg-button.gif);
	list-style: none;
}

#leftWrap #leftMenu li a {	
	display: block;
	font-weight: bold;
	height: 20px;
	margin: 0 0 14px 0;
	padding: 2px 0 0 22px;
	list-style: none;
	width: 198px;
}

#rightWrap {
	float: left;
	width: 715px;
}

#rightWrap h2 {
	color: #ff9600;
	font-weight: bold;
}

#topMenu {
	background: url("../images/bg-topmenu.gif") top no-repeat;
	color: #7f7f7f;
	height: 20px;
	margin: 0 0 20px 0;
	padding: 2px 0 0 0;
	text-align: center;
}

#topMenu a {
	font-weight: bold;
}

#topBanner {
	text-align: center;
	margin: 0 0 20px 0;
}

#searchMain td {
	
}

#searchMain input,
#searchMain select {
	width: 175px;
}

#rightBanners {
	float: right;
	width: 110px;
}

#rightBanners img {
	margin: 0 0 14px 0;
}

#footer {
	font-size: 11px;
	padding: 10px 0 10px 0;
	text-align: center;
}

#languageSelect{
	position: absolute;
	top: 25px;
	left: 710px;	
}

/***********************
	Classes
***********************/
.banner{
    width:512px;
}

/* Lijst met advertenties in "Mijn advertenties" */
.adList {
	background: url("../images/bg-geel-715px-tab.gif") top no-repeat;
}                            

.adList th {
	padding: 2px 0 2px 0;
}

.adList td {
	font-size: 11px;
	padding: 2px 0 2px 0;
	vertical-align: middle;
}

.adList .uneven td {
	background-color: #e7e7e7;
}

.adList .uneven{
    background-color: #e7e7e7;
}

.adList .even td {
	background-color: #d9d9d9;
}

.thCenter {
	text-align: center;
}

.tdPrijs,
.tdBod,
.tdBezocht,
.tdGeplaatst {
	text-align: center;
}

.tdDagen div {
	margin: 0 0 0 15px;
}

.tdFoto {
	padding: 0 !important;
    width: 50px;
}
.trBorder {
	border: solid 3px #E68800;
	border-left-style: none;
	border-right-style: none;
}
.trBorderL {
	border: solid 3px #E68800;
	border-right-style: none;
}
.trBorderR 
{
	border: solid 3px #E68800;
   	border-left-style: none;
}
.trBorderB 
{
	border: solid 3px #E68800;
}
.bold
{
    font-weight: bold;
}
.adListFunctions {
	background: url("../images/pijlen.gif") 20px 2px no-repeat;
	font-size: 11px;
	margin: 0 0 20px 0;
	padding: 3px 0 0 35px;
} 
.adListFunctionsDoorplaatsen{
    background: url("../images/pijlen-3.gif") 20px 2px no-repeat;
    font-size: 11px;
    margin: 0 0 20px 0;
    padding: 3px 0 0 35px;
}
.groen,
.oranje,
.rood {
	text-align: center;
	width: 21px;
}

.groen {
	background-color: #04c924;
}

.oranje {
	background-color: #f47c08;
	color: #fff;
}

.rood {
	background-color: #d10c0c;
	color: #fff;	
}


/* grijs blok */
.block {
	background-color: #e7e7e7;
	margin: 0 0 20px 0;
}

.block h2 {
	color: #000 !important;
	font-weight: bold;
	padding: 3px 0 3px 10px;
}

.fotoWrap {
	padding: 10px;
	text-align: center;
}

.fotoWrap img {
	border: 1px solid #d9d9d9;
	margin: 0 5px 0 5px;
}

.info {
	background: #fdd800 url("../images/bg-submenu.gif") top repeat-x;
	height: 18px;
	padding: 2px 0 2px 10px;
}

.info span {
	color: #7f7f7f;
}

.block .content {	
	padding: 10px;
}


.block .content a {	
	color: #ff9600;
	font-weight: bold;
}

.block .content a:hover {
	text-decoration: underline;
}
/*
*/


.geel180 h2 {
	background: #fdd800 url("../images/bg-geel-180px.gif") top no-repeat;
}

.geel520 h2 {
	background: #e9c700 url("../images/bg-geel-520px.gif") top no-repeat;
}

.geel715 h2 {
	background: #fdd800 url("../images/bg-geel-715px.gif") top no-repeat;
}

.grijs520 h2 {
	background: #d9d9d9 url("../images/bg-grijs-520px.gif") top no-repeat;
}

.grijs715 h2 {
	background: #d9d9d9 url("../images/bg-grijs-715px.gif") top no-repeat;
}

.advertentie {
	float: left;
	width: 520px;
}

.biedingen {
	background: #e7e7e7 url("../images/bg-grijs-520px.gif") top no-repeat;
	float: left;
	width: 520px;
}

.biedingen th {
	font-weight: bold;
	height: 22px;
	padding: 2px 0 2px 0;
}

.biedingen td {
	padding: 2px 0 2px 0;
}

#bieden {
	background-color: #d9d9d9;
	padding: 5px;
}

#bieden form {
	float: left;
}

#bieden input {
	margin: 0 10px 0 0;
	width: 90px;
}

.adverteerder {
	float: right;
	width: 180px;
}

/* Kolom waarin de rubrieken staan */
.column288 {
	float: left;	
	margin: 0 14px 0 0;	
	width: 288px;
}
.column288Container {
	width: 604px;
	overflow: hidden;	
}

/* Een rubriek blokje met advertenties */
.block288 {
	background-color: #e7e7e7;
	height: 125px;
	margin: 0 0 20px 0;
}

.block288 div {
	background: #fdd800 url("../images/bg-geel-288px.gif") top no-repeat;
	font-weight: bold;
	height: 19px;
	padding: 3px 10px 3px 10px;
}

.block288 div h2 {
	float: left;
    width: 220px;
    overflow:hidden;
}

.block288 div span {	
	float: right;
}

.block288 div span a {
	background: url("../images/arrow.gif") right no-repeat;
	padding: 0 11px 0 0;
}

.block288 ul {
	font-size: 11px;
	margin: 0;
	padding: 5px 10px 5px 10px;
}

.block288 ul li {
	clear: both;
	display: block;
	list-style: none;
}

.block288 ul li a {
	float: left;
}

.block288 ul li span {
	float: right;
}

/* foutmelding op formulier */
.error {
	display: block;
	color: #E1221A !important;
	background-image: url("../images/arrow_error.gif");
	background-position: left;
	background-repeat: no-repeat;
	
}

.floatBuster {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
}

/* hoofdmenu = het producten en diensten menu */
.hoofdmenu {
	background: #e7e7e7;
	margin: 20px 0 0 0;
}

.hoofdmenu ul {
	margin: 0;
	padding: 5px 10px 5px 10px;
}

.hoofdmenu ul li {
	background: url("../images/bullet.gif") 0px 8px no-repeat;
	list-style: none;
	padding: 0 0 0 12px;
}

.hoofdmenu h2 {
	background: #ff9600 url("../images/bg-menukop.gif") top no-repeat;
	color: #fff;
	font-weight: bold;
	padding: 3px 0 3px 10px;
}

.hoofdmenu h3 {
	background: #e9c700 url("../images/bg-submenu.gif") top no-repeat;
	color: #000;
	font-weight: bold;
	padding: 2px 0 2px 10px;
}

.hoofdmenu .submenu {
	background-color: #f5eec7;
	border-bottom: 2px solid #fdd800;
}

.hoofdmenu .text {
	padding: 5px 10px 5px 10px;
}
.hoofdmenu img {
	padding: 5px 0px 5px 10px;
}
/* Algemene btn class */
.btn {
	background: url("../images/bg-btnpijl.gif") right no-repeat;
	color: #fff !important;
	display: block;	
	font-weight: bold;
	height: 20px;
	padding: 2px 0 0 11px;
	text-decoration: none !important;
}

.btn:hover {
	background: url("../images/bg-btnpijl-hover.gif") right no-repeat;
}

/* Plaats bod knop */
.biedBtn {	
	float: right;
	width: 90px;
}

/* Stuur een e-mail knop */
.emailBtn {
	width: 131px;
}

/* Plaats advertentie knop */
.plaatsBtn {
	width: 139px;
}

/* Zoek knop */
.searchBtn {
	width: 57px;
}



.tabSet {
	border-bottom: 2px solid #e8c600;
	height: 24px;
	margin: 0;
}


.tabSet li {
	display: inline;
	list-style: none;
}

.tabSet li a {
	background: url(../images/tab-off.gif);
	clear: right;
	display: block;
	padding: 3px 0 0 10px;
	float: left;
	font-weight: bold;
	height: 21px;
	margin: 0 2px 0 0;
	width: 150px;
}

.tabSet li .selected {
	background: url(../images/tab-on.gif);
}

.tabSet li .selected2 {
    background: url(../images/tab-on2.gif);
}

/* Link met pijltje ervoor */
.funky {
	background: url(../images/arrow.gif) 0 5px no-repeat;
	color: #000 !important;
	display: block;
	font-weight: normal !important;
	padding: 0 0 0 8px;
	text-decoration: none !important;
}

.funky:hover {
	color: #ff9600 !important;
}

/* Form advertentie plaatsen */
#FormHandler td {
    padding: 4px 0 4px 0;
    vertical-align: top;
}

.geelborder715{
    border: 2px solid #fdd800;
    padding: 5px;
}

.roodborder715{
    border: 2px solid red;
    padding: 5px;
}


/* ingelogd blokje */
#ingelogd {
    background: #e7e7e7;
    padding:5px;
}

/* Multipage navigatie */

.info .selected{
    font-weight:bold;
}

/* Mijn advertenties */
#upload_fotos .funky {
	margin-left:5px;
}

.mediumContainer{

    background:#FFF;
    width:200px;
    border:1px solid #7F9DB9;

}

/*Bedrijven*/

.bedrijvenLogo{
    position:absolute;
    bottom:0;
    font-size:18px;
    font-weight:bold;
}
/*
Beeldoverzicht
*/

.beeldColumn{
     padding:0 auto 0 auto;; 
     width:230px;
     text-align:center;
}

/**
Doorplaatsen
**/

#doorplaatsLoader{
    position:absolute;
    display:none;
    z-index:10;
    filter:alpha(opacity=75);
    -moz-opacity:.75;
    opacity:.75;
    width:100%;
    height:100%;
    background:black url('../images/doorplaatsbg.jpg') 50% no-repeat;
}