@charset "utf-8";
/* CSS Document */


* 						{margin: 0; padding: 0; }
html, body 				{ height:100% }
body 					{font-size:11px; font-family:Arial, sans-serif; color:#183d50; background:url(../images/bg.gif) repeat-x #cae6f2; 
					     line-height:1.2;}
a 						{outline: none; text-decoration: underline; color:#3189ae; }
a:hover 				{outline: none; text-decoration: none; color:#183d50; }
a img 					{border: none; }
a.index_				{color:#183D50; text-decoration: none;}	
a.index_:hover
img 					{vertical-align: middle; border:0; }
table 					{border-collapse: collapse;}	

p 						{margin-bottom:12px;}

.dark-link {color:#183d50; text-decoration:none;}
.dark-link:hover {color:#183d50; text-decoration:underline;}

ul 						{list-style:none; margin:0; padding:0;}

ul.bullet-list			{padding:1px; margin:0;}

ul.bullet-list li a		{display:block; background:url(../images/bullet-oranje.gif) 8px center no-repeat; padding:1px 22px; color:#183d50; text-decoration:none; margin:0;}
ul.bullet-list li a:hover	{display:block; background:url(../images/bullet-blauw.gif) 8px center no-repeat #fff; padding:1px 22px; color:#183d50; text-decoration:none; margin:0;}
ul.bullet-list li.active a	{display:block; background:url(../images/bullet-blauw.gif) 8px center no-repeat #fff; padding:1px 22px; color:#183d50; text-decoration:none; margin:0;}

ul.submenu				{background:#fff; border:1px solid #cce2e7; border-top:none; border-bottom:none;}
ul.submenu li a 		{display:block; background:url(../images/submenu-bullet.gif) 22px center no-repeat; padding:1px 34px; color:#183d50; text-decoration:none; margin:0;}
ul.submenu li a:hover 	{display:block; background:url(../images/submenu-bullet-hover.gif) 22px center no-repeat #fff; padding:1px 34px; color:#183d50; text-decoration:none; margin:0;}

h1 						{font-family: Arial, sans-serif; font-size: 18px; font-weight: bold; color: #000000; }
h2 						{font-size:14px; font-weight:bold; color:#192e38;}
h3 						{color:#D10080; font-weight:bold; font-size:1em; margin-bottom:12px;}

.clear 					{clear:both;}

.logo {width:250px; height:42px; margin-left:28px; background:url(../images/logo.gif);}
.logo:hover {width:250px; height:42px; margin-left:28px; background:url(../images/logo-hover.gif);}
.logo-link {display:block; width:250px; height:42px; text-indent:-9999px; }

#wrapper 				{min-height:100%; margin:0 auto; height: auto !important; height: 100%; width:1000px; text-align:left; background:#FFF;}

#header					{width:100%; height:113px; background:url(../images/header-bg.jpg) no-repeat; position:relative; padding-top:22px;}

#nav					{width:100%; height:38px; position:absolute; bottom:0;}
#nav ul					{float:right;}
#nav ul li				{float:left; margin-right:10px;}
#nav ul li a			{display:block;height:38px;}

#nav ul li a.home		{width:86px; background:url(../images/home.gif); text-indent:-9999px;}
#nav ul li a.home:hover {background:url(../images/home-hover.gif);}

#nav ul li a.plaats		{width:152px; background:url(../images/plaats.gif); text-indent:-9999px;}
#nav ul li a.plaats:hover {background:url(../images/plaats-hover.gif);}

#nav ul li a.mijnaccount	   {width:132px; background:url(../images/mijnaccount.gif); text-indent:-9999px;}
#nav ul li a.mijnaccount:hover {background:url(../images/mijnaccount-hover.gif);}

#nav ul li a.uitloggen2	   {width:108px; background:url(http://www.web-resource.nl/portfolio/zoekertjesweb/views/images/nav-uitloggen.gif); text-indent:-9999px;}
#nav ul li a.uitloggen2:hover {background:url(http://www.web-resource.nl/portfolio/zoekertjesweb/views/images/nav-uitloggen-hover.gif);}

#nav ul li a.inloggen	   {width:120px; background:url(../images/inloggen.gif); text-indent:-9999px;}
#nav ul li a.inloggen:hover {background:url(../images/inloggen-hover.gif);}

#content {width:970px; padding:15px; position:relative;}

.sidebar {width:239px; background: url(../images/sidebar-bgt.gif) repeat-y #edf6f8; margin-bottom:10px; padding:45px 0 10px 0; position:relative;  line-height:1.6;}

.sidebar-right {width:239px; background: url(../images/sidebar-bgt.gif) repeat-y #edf6f8; float:right; margin-bottom:10px; padding:45px 0 10px 0; position:relative;}

.head-sidebar {width:221px; height:33px; color:#fff; background:url(../images/blauwebalk-smal-blauw.gif) no-repeat; padding:12px 0 0 18px; position:absolute; top:0; left:0; font-weight:bold; font-size:15px}

.main	{width:712px; background:url(../images/main-bg.gif) repeat-y #edf6f8; margin-bottom:10px; position:relative; padding:45px 0 10px 0; float:right;}

.zoeken	{width:712px; background:url(../images/main-bg.gif) repeat-y #edf6f8; margin-bottom:10px; position:relative; padding:0 0 10px 0; float:right;}

.sub-main-wrapper	{float:right; width:712px; position:relative;}

.right-sidebar-wrapper {width:239px; float:right;}
.center-content-wrapper {width:467px; float:left;}
.center-content {width:467px; background:url(../images/center-content-bg.gif) repeat-y #edf6f8; margin-bottom:10px; margin-left:12px; position:relative; padding:45px 0 10px 0;}
.sub-main-wrapper .center-content {margin-left:0;}
.advertentie p {margin-top:5px;}

/* Categorieén */

.categorie-list-wide {width:681px; position:relative; height:112px; background:#fff; border:1px solid #cce2e7; padding:27px 0px 4px 0x; float:left; margin:14px 0 0 14px; line-height:1.2;}
.categorie-head-wide {width:672px;background:#cce2e7; padding:5px; position:absolute; top:0;left:0px; border-bottom:solid 1px #94bcc9;}
.categorie-head-wide a {color:#183d50; text-decoration:none;}
.categorie-head-wide a:hover {color:#183d50; text-decoration:underline}

.categorie-list {width:320px; position:relative; height:43px; background:#fff; border:1px solid #cce2e7; padding:27px 4px 4px 8px; float:left; margin:14px 0 0 14px; line-height:1;}
.categorie-list:hover {background:#cce2e7;}
.categorie-list ul li {margin-top:2px;}
.categorie-list-left {width:240px;}
.categorie-list-right {float:right; width:60px;}

.head-right {float:right; outline: none; text-decoration: underline; color:#3189ae;}

.prijs {position:absolute; bottom:8px; margin-bottom:0;}
.advertentie {position:relative; width:210px; height:65px; background:#fff; border:1px solid #cce2e7; padding:4px 4px 4px 8px; float:left; margin:6px 0 0 8px; line-height:1;}
.advertentie:hover {background:#edf6f8;}

.advertentie-spotlight {position:relative; width:151px; height:70px; background:#fff; border:1px solid #cce2e7; padding:4px 8px 4px 4px; float:left; margin:27px 0 0 4px; line-height:1;}
.advertentie-spotlight img {margin: 6px 2px 6px 0;}
.advertentie-spotlight:hover {background:#edf6f8;}

.plaats-knop {margin:8px 0 0 10px; display:block; background:url(../images/plaats-knop.gif); width:684px; height:36px;}
.plaats-knop:hover {margin:8px 0 0 10px; display:block; background:url(../images/plaats-knop-hover.gif); width:684px; height:36px;}

.categorie {position:relative; width:200px; height:60px; padding:4px; float:left; margin:6px 0 0 8px; line-height:1;}
.categorie-foto {float:left;}
.categorie p {float:right; width:110px;}
.categorie-head {width:313px;background:#cce2e7;padding:5px 15px 5px 5px;position:absolute;top:0;left:0;border-bottom:solid 1px #94bcc9;}

.right{float:right; margin-top:4px; width:62px; text-align:right; line-height:1.4;}

.advertentie-foto {float:right; border:3px solid #c3d9de;}
.ad {float:right; margin-bottom:10px;}

.head {position:absolute; top:0; left:0;}
.bottom {
	position:absolute;
	bottom:0px;
	left:0;
}

.top {position:absolute; top:0; left:0;}

.head-text {width:694px; height:33px; color:#fff; background:url(../images/balkbg-lang-blauw.gif) no-repeat; padding:12px 0 0 18px; position:absolute; top:0; left:0; font-weight:bold; font-size:15px}
.head-text-medium {width:449px; height:33px; color:#fff; background:url(../images/center-content-head.gif) no-repeat; padding:12px 0 0 18px; position:absolute; top:0; left:0; font-weight:bold; font-size:15px;}
.head-text-small {width:221px; height:33px; color:#fff; background:url(../images/blauwebalk-smal-blauw.gif) no-repeat; padding:12px 0 0 18px; position:absolute; top:0; left:0; font-weight:bold; font-size:15px;} 

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

/*  Toevoegen  */

#toevoegformulier-top {display:block; margin-left:10px; line-height:1.5em; padding:5px 5px 10px 5px;width:410px; border:1px solid #c3d9de;}
#toevoegformulier-top legend {font-weight:bold; padding:3px;}
#toevoegformulier-top label {clear:left;display:block;float:left;margin-bottom:0.5em;padding:8px 10px 0 0;text-align:right; width:85px;}
#toevoegformulier-top li {margin:12px 0 0 12px;}

.toevoegformulier-invoerveld {width:300px; margin:6px 0 0 6px; padding:3px;}
.toevoegformulier-invoerveld-smal {width:150px; margin:6px 0 0 6px; padding:3px;}
.toevoegformulier-invoerveld-xsmal {width:75px; margin:6px 0 0 6px; padding:3px;}

#toevoegformulier-bottom{display:block; margin-left:10px; line-height:1.5em; padding:5px 5px 10px 5px;width:670px; border:1px solid #c3d9de; position:relative;}
#toevoegformulier-bottom legend {font-weight:bold; padding:3px;}
#toevoegformulier-bottom label {clear:left;display:block;float:left;margin-bottom:0.5em;padding:8px 10px 0 0; text-align:right; width:85px;}
#toevoegformulier-bottom li {margin:12px 0 0 12px;}

.toevoegformulier-invoerveld-error {width:300px; margin:6px 0 0 6px; padding:3px; border:1px solid #990000; background:#f8dddd}
.toevoegformulier-invoerveld-smal-error {width:150px; margin:6px 0 0 6px; padding:3px; border:1px solid #990000; background:#f8dddd}
.toevoegformulier-invoerveld-xsmal-error {width:75px; margin:6px 0 0 6px; padding:3px; border:1px solid #990000; background:#f8dddd}

#error {width:670px; margin:12px 0 6px 12px; padding:6px 0 6px 12px; background:#f8dddd; border:1px solid #990000; color:#990000; }
#error h2 { color:#990000;}

#message {width:670px; margin:12px 0 6px 12px; padding:6px 0 6px 12px; background:#c3ecb8; border:1px solid #006600; color:#006600; }
#message h2 { color:#006600;}

.checkbox {margin:6px 0 0 6px;}
.toevoegformulier-file {margin:6px 0 0 6px; padding:3px; background:#fff;}

.verzenden {float:left; display:block; height:51px; margin:12px 0 0 100px; width:186px; background:url(../images/plaats-zoekertje.gif); border:0;}
.verzenden:hover {float:left; display:block; height:51px; width:186px; background:url(../images/plaats-zoekertje-hover.gif); border:0; cursor:hand;}

.bied-optie {margin-left:100px;}
#aan, #uit {margin-top:12px;}

.form-rightcol {float:right;width:250px;}
.fieldset-rightcol {display:block;  line-height:1.5em; padding:5px 5px 10px 5px; width:220px; border:1px solid #c3d9de;}
.fieldset-rightcol legend {font-weight:bold; padding:3px;}

.toevoegformulier-textarea {width:300px; height:200px; margin:6px 0 0 6px; padding:3px; }
.toevoegformulier-textarea-error {width:300px; height:200px; margin:6px 0 0 6px; padding:3px; background:#f8dddd }

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

/*subpagina*/

#zoekertjes {width:680px; border-collapse:collapse; table-layout:fixed; margin:8px 0 0 12px;}
#zoekertjes td {vertical-align:top;}

.zoekertjes-even td, .zoekertjes-oneven td {padding:2px; margin:8px 0 0 12px;}
.zoekertjes-top td {height:16px; padding:4px; margin:8px 0 0 12px;}
.zoekertjes-top {border:1px solid #c3d9de;}
.zoekertjes-even{background:#fff; border:1px solid #c3d9de;}
.zoekertjes-even:hover {background:#c3d9de;}
.zoekertjes-oneven {border:1px solid #c3d9de; background: #edf6f8;}
.zoekertjes-oneven:hover {background:#c3d9de;}

.zoekertjes-bekeken {background:#fff; height:14px; width:110px; position:absolute; bottom:0; left:0;}

.pijltje-omhoog {float:right; display:block; width:9px; height:7px; background:url(../images/pijltje-omhoog.gif) no-repeat; margin-top:2px; margin-left:4px;}
.pijltje-omhoog:hover {background:url(../images/pijltje-omhoog-hover.gif);}
.pijltje-omlaag {float:right; display:block; width:9px; height:7px; background:url(../images/pijltje-omlaag.gif) no-repeat; margin-top:2px; margin-left:22px;}
.pijltje-omlaag:hover {background:url(../images/pijltje-omlaag-hover.gif);}


.spacer {height:6px; border:none;}
.foto {width:81px; height:40px;}
.titel {width:261px; height:40px;}
.datum {width:81px; height:40px;}
.provincie {width:81px; height:40px;}
.zoekertje-prijs {width:81px; height:25px;}
.biedmogelijkheid {width:36px; height:25px; text-align:center;}

.pagina-nummers-wrapper {height:30px;}
.pagina-nummers {margin:6px 2px 0 14px;}
.pagina-nummers li {display:inline;}
.pagina-nummers a {display:block; float:left; padding:3px 5px; background:#fff; text-decoration:none; margin-right:4px;}
.pagina-nummers a:hover {font-weight:bold; background:#edf6f8;}

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

/* zoekertje */

#zoekertje-top-wrapper {width:540px;float:right;}
#zoekertje-top-wrapper-geenfoto {width:690px;}

#zoekertje-wrapper {width:686px; margin:8px 0 0 12px; position:relative;}
#zoekertje-sidebar {float:right; width:210px; margin-left:12px; height:100%;}
#zoekertje-foto-sidebar {float:left; width:130px;}
#zoekertje-preview-wrapper {width:530px; margin-top:5px; float:left;}
.zoekertje-preview li {float:left; margin-right:10px;}
.zoekertje-preview  img {margin-bottom:5px; background:#fff; padding:4px; border:1px solid #c3d9de;}
.zoekertje-foto-groot {float:left; background:#fff; border:1px solid #c3d9de; padding:5px;}

.zoekertje-label {float:left; width:80px; text-align:left;}
.zoekertje-data  {float:left; width:110px; text-align:left;}
.zoekertje-gegevens {background:#fff; border:1px solid #c3d9de; padding:4px; line-height:1.6em; margin-bottom:5px;}
.zoekertje-gegevens:hover {background:#edf6f8;}

#zoekertje-omschrijving {width:662px; padding:10px; background:#fff; border:1px solid #c3d9de; border-top:0;}

#zoekertje-optiebalk {height:40px; width:682px; background:#fff; margin-top:12px; border:1px solid #c3d4de; margin-bottom:12px;}
#zoekertje-optiebalk li {display:inline;}
#zoekertje-optiebalk li a {display:block; float:left; height:20px; padding:12px 10px 8px 10px; text-decoration:none;}
#zoekertje-optiebalk li a:hover {background:#c3d9de;}

.zoekertje-head {width:672px; background:#cde3e8; border:1px solid #c3d9de; border-bottom:1px solid #94bcc9; padding:5px; font-weight:bold;}
.zoekertje-head h1 {font-size:12px; font-weight:bold; color:#183d50; margin-left:6px;}

#zoekertje-bieden {width:662px; padding:10px; background:#fff; border:1px solid #c3d9de; border-top:none;}
.biedformulier {background:#edf6f8; padding:10px; width:250px;}
.biedformulier:hover {background:#e4edef;}
.biedformulier label {width:60px; padding:7px 10px 0 0; text-align:right; float:left; display:block;}
.biedformulier li {margin-top:6px;}

.biedingen {float:right; background:#edf6f8; padding:10px; width:360px;}
.biedingen:hover {background:#e4edef;}
.biedingen-naam {width:160px; display:block; float:left;}
.biedingen-bod {width:100px; display:block; float:left;}
.biedingen-datum {width:100px; display:block; float:left;}

.biedform-emailadres {padding:2px; width:150px; border:3px solid #c3d9de; font-size:11px;}
.biedform-emailadres:hover {border:3px solid #dc8b00;}
.biedform-bod {padding:2px; width:97px; border:3px solid #c3d9de; font-size:11px;}
.biedform-bod:hover {border:3px solid #dc8b00;}

.zoekertje-reageer {display:block; height:51px; width:210px; background:url(../images/zoekertje-reageer.gif) no-repeat;}
.zoekertje-reageer:hover {background:url(../images/zoekertje-reageer-hover.gif);}

/*********/

/* admin pagina */

#nieuws-wrapper {width:446px; margin-left:10px; margin-top:10px;}

#admin-tabel{width:446px; border-collapse:collapse; table-layout:fixed; margin:8px 0 0 12px;}
#admin-tabel td {vertical-align:top;}

.admin-tabel-even td, .admin-tabel-oneven td {padding:2px; margin:8px 0 0 12px;}
.admin-tabel-top td {height:16px; padding:4px; margin:8px 0 0 12px;}
.admin-tabel-top {border:1px solid #c3d9de;}
.admin-tabel-even{background:#fff; border:1px solid #c3d9de;}
.admin-tabel-even:hover {background:#c3d9de;}
.admin-tabel-oneven {border:1px solid #c3d9de; background: #edf6f8;}
.admin-tabel-oneven:hover {background:#c3d9de;}

.admin-foto {width:81px; height:40px;}
.admin-titel {width:190px; height:40px;}
.admin-bekeken {width:61px; height:40px;}
.admin-reacties {width:61px; height:40px;}
.admin-biedingen {width:61px; height:40px;}
.admin-aanpassen {width:16px; height:40px; text-align:center;}
.admin-verwijderen {width:16px; height:40px; text-align:center;}

#admin-tabel p {margin-bottom:4px;}

.admingegevens-list {margin-left:10px; margin-top:4px;}
.admingegevens-list li {margin-bottom:6px;}

.admingegevens-pasfoto {float:right; margin-right:10px; border:3px solid #c3d9de;}

.admingegevens-button {display:block; margin-left:10px; margin-top:12px; padding:7px 0 0 32px; width:92px; height:24px; background:url(../images/admingegevens-button.gif); color:#183d50; text-decoration:none;}
.admingegevens-button:hover {background:url(../images/admingegevens-button-hover.gif);}

.center-content-head {width:449px; height:33px; color:#fff; background:url(../images/center-content-head.gif) no-repeat; padding:12px 0 0 18px; position:absolute; top:0; left:0; font-weight:bold; font-size:15px}

.plaats-knop-medium {margin:8px 0 0 10px; display:block; background:url(../images/plaats-knop-medium.gif); width:446px; height:36px;}
.plaats-knop-medium:hover {margin:8px 0 0 10px; display:block; background:url(../images/plaats-knop-medium-hover.gif); width:446px; height:36px;}

.nieuws-bericht {margin-left:10px; margin-right:10px;}

#error-center {width:452px; margin:12px 0 6px 12px; padding:6px 0 6px 12px; background:#f8dddd; border:1px solid #990000; color:#990000; }
#error-center h2 { color:#990000;}

#message-center {width:452px; margin:12px 0 6px 12px; padding:6px 0 6px 12px; background:#c3ecb8; border:1px solid #006600; color:#006600; }
#message-center h2 { color:#006600;}

.admin-knoppen {width:239px; float:right; margin:0; padding:0; position:relative;}

.uitloggen {display:block; width:239px; height:41px; background:url(../images/uitloggen.gif);}
.uitloggen:hover {background:url(../images/uitloggen-hover.gif);}

.vragen {display:block; width:239px; height:41px; margin-top:10px; background:url(../images/vragen.gif);}
.vragen:hover {background:url(../images/vragen-hover.gif);}

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

.clear {clear:both;}

.sidebar-wrapper {float:left; width:239px;}

.zoekform {padding:0; margin-top:6px; position:relative;}

.form-zoekterm, .form-categorie, .form-postcode, .form-afstand {font-size:11px; margin-right:5px; color:#94bcc9; margin-top:0;}

.form-zoekterm, .form-postcode {padding:3px;}
.form-categorie, .form-afstand {padding:3px;}
.form-zoekterm {margin-left:15px;}
.form-categorie {margin-right:25px;}

.zoekform ul {margin:0; padding:0; list-style-type:none;}
.zoekform ul li {display:inline;}

.zoeken-knop {border:none; outline:none; width:66px; height:24px; background:url(../images/zoeken-knop.gif) no-repeat; text-indent:-9999px;  margin-left:15px; position:absolute; bottom:0; right:15px;}

.zoeken-knop:hover {border:none; outline:none; width:66px; height:24px; background:url(../images/zoeken-knop-hover.gif) no-repeat; text-indent:-9999px;  margin-left:15px; position:absolute; bottom:0; right:15px;}

#footer {width:100%; text-align:center; height:30px; background:#edf6f8; border-top:1px solid #cce2e7; padding-top:12px; margin-top:12px;}