/*** Algemeen ***/

* { margin: 0px; padding: 0px;}
a { outline: none; text-decoration: none; color: #f18030; }
img { outline: none; border: none; text-decoration: none; color: #f18030; }

body {
	margin: 0px;
	padding: 0px;
	font-family: verdana;
	font-size: 10px;
	color: #000000;
	background: #000000 url('../images/body_bg.jpg') repeat-x;
	overflow: auto;
	overflow-x: hidden;
}

h1 {
	color: #573372;
	font-size: 18px;
	font-family: Verdana;
	font-weight: bold;
	margin-bottom: 5px;
}

h3 { margin-bottom: 5px; }

#wrapper {
	position: relative;
	left: 50%;
	margin: 0px;
	margin-left: -480px;
	width: 960px;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */
	padding: 0px;
	overflow: hidden;
	z-index: 10;
}

/*** Header ***/

#header {
	margin: 15px 0 0 0;
	padding: 0px;
	width: 960px;
	height: 80px;
}

#login {
	margin: 0px;
	padding: 0px;
	width: 186px;
	height: 33px;
	position: absolute;
	top: 0px;
	right: 0px;
}

#login2 {
	margin: 0px;
	padding: 0px;
	width: 186px;
	height: 33px;
	position: absolute;
	top: 0px;
	right: 117px;
}

/*** Menu ***/

#menu {
	margin: 0px;
	padding: 0px;
	width: 960px;
	height: 70px;
	background: url('../images/menu_bg.png') no-repeat;
	position: relative;
	z-index: 20;
}

#menu ul { margin: 0px; padding: 0px; list-style-type: none; }
#menu ul.topmenu li { margin: 0px; padding: 0px; height: 70px; float: left; }
#menu ul.topmenu li a {
	display: block;
	height: 37px;
	margin: 6px 0 0 0;
	padding: 0 17px;
	line-height: 37px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	color: #7b7b7b;
	font-family: verdana;
	font-weight: bold;
	font-size: 11px;
}

#menu ul.topmenu li.active {
	margin: 0px;
	padding: 0px;
	background: url('../images/menu_li_bg.png') 1px 0px no-repeat;
	color: #FFFFFF;
	position: relative;
	z-index: 2000;
}

#menu ul.topmenu li a.active {
	background: url('../images/menu_a_bg.png') no-repeat;
	background-position: top right;
	color: #FFFFFF;
	height: 64px;
	margin: 0 0 0 23px;
	padding: 6px 23px 0 0;
	position: relative;
	z-index: 500;
}
/*** Breadcrumbs ***/

#breadcrumbs { position: absolute; top: 49px; left: 23px; color: white; z-index: 10000;}
#breadcrumbs a{ color: white; }

/*** Content ***/

#status { 	
	margin: 0px;
	padding: 0px;
	width: 960px;
	height: 32px;
	background: url('../images/status_bg.jpg') no-repeat;
	text-align: right;
}
#status p { vertical-align: middle; margin: 0 22px 0 0; padding: 7px 0 0 0; }

#content {
	margin: 0px;
	padding: 10px 11px;
	width: 940px;
	height: auto;
	background: url('../images/content_bg.jpg') repeat-y;
	float: left;
	min-height: 400px;
}

h1.fotoboek {
	color: #573372;
	font-size: 18px;
	font-family: Verdana;
	font-weight: bold;
	margin-bottom: 5px;
	margin-left: 19px;
}

#content p {
	margin-bottom: 10px;
}

#spacer { margin: 0px; padding; 0px; height: 10px; width: 100%; }
#container_left { margin: 0px; padding: 0px; width: 635px; float: left;}
#container_right { margin: 3px 0 0 0; padding: 0px; width: 300px; float: right; }
#tekst_container { width: 605px; float: left; margin: 0px; margin-left: 20px;}
#container { width: 907px; float: left; margin: 0px; margin-left: 20px;}
#tekst_container h1 { color: #573372; font-size: 18px; font-family: Verdana; font-weight: bold; margin-bottom: 5px; }
#tekst_container .datenews { margin-top: 5px; color: #c6c6c6;}
#tekst_container p { margin-top: 10px; font-size: 10px;}
#tekst_container .newsimage { float: left; margin: 0 10px 3px 0; width: 150px; height: 150px; }
#tekst_container textarea {  font-family: Arial; font-size: 12px; line-height: 12px; }
#tekst_container  ul { padding: 0 40px; font-size: 10px; }
#banner_container { width: 300px; float: right; margin: 0px; }

#tekst {
	margin: 10px 10px 0 0px;
	padding: 0px;
	width: 340px;
	height: 180px;
	float: left;
	overflow: auto;
}

#aanmelden { 	
	margin: 10px 0 0 0;
	padding: 0px;
	width: 250px;
	height: 180px;
	float: left;
}

#aanmelden ul.aanmelden_li li{
	background: url('../images/front_list_man.jpg') bottom left no-repeat;
	list-style-type: none;
	height: 24px;
	padding: 5px 0 0 25px;
	margin: 0px;
	font-weight: bold;
}

#aanmelden ul.aanmelden_li {
	padding-left: 10px;
}

#aanmelden .aanmelden_btn {
	width: 130px;
	height: 25px;
	background: url('../images/aanmelden_btn.gif');
	border: none;
	float: right;
	margin-top: 15px;
	cursor: pointer ;
}

.vestiging{
	width: 200px;
}


#inlogpagina {
	width: 550px;
	height: 200px;
	margin-top: 20px;
}

#inlogpagina h1 {
	font-weight: normal;
	color: #ff7814;
}

#aanmeldkeuze {
	width: 250px;
	border-right: 1px solid #cdcdcd;
	float: left;
	margin-left: 15px;
	height: 150px;
	padding-top: 10px;
}

.login_btn {
	background: url('../images/inloggen_btn.gif');
	width: 130px;
	height: 25px;
	border: none;
	cursor: pointer;
}

.zoeken_btn {
	background: url('../images/zoeken_btn.gif');
	width: 130px;
	height: 25px;
	border: none;
	cursor: pointer;
}

/* checkbox tree */

.subr{
	width: 800px;
}

#laatstevijf {
	float: right; background: url('../images/footer_small.jpg') no-repeat left bottom; padding: 8px 8px 5px 7px ; width: 195px;
}

#laatstevijf p.reviewp {
	width: 188px;
	margin: 2px 0px 2px 0px;
	padding: 3px;
	height: 15px;
	background-color: #ecf4f6;
}

#laatstevijf p.reviewp:hover {
	width: 188px;
	margin: 2px 0px 2px 0px;
	padding: 3px;
	height: 15px;
	background-color: #f5f9fa;
}

#laatstevijf a {
		text-decoration: none;
}

#laatstevijf a {
	height: 15px;
	color: #000;
}

#inlogkeuze {
	width: 250px;
	float: right;
	margin-top: 10px;
	padding-right: 15px;
	height: 140px;
}

#nieuw_toegevoegd { 	
	margin: 10px 0 0 5px;
	padding: 0px;
	width: 627px;
	height: 202px;
	background: url('../images/visitekaartje.jpg') no-repeat;
	float: left;
}

#nieuw_toegevoegd .item {
	width: 605px;
	height: 200px;
	float: left;
}

#nieuw_toegevoegd .image{ 
	margin-top: 8px;
	margin-left: 11px;
	width: 185px;
	height: 185px;
	float: left;
	line-height: 185px;
	text-align: center;
	margin-right: 20px;
}

#nieuw_toegevoegd .titel {
	margin-top: 15px;
	font-size: 14px;
	font-weight: bold;
}


#nieuw_toegevoegd .info { 
	padding-left: 15px;
	position: relative;
	}

#nieuw_toegevoegd .share {
	position: absolute;
	top: 171px;
	left: 200px;
	width: 390px;
	padding-left: 15px;
}

#kaart { 	
	margin: 0 0 0 0;
	padding: 0px;
	width: 300px;
	height: 400px;
	background: url('../images/kaart_bg.jpg') bottom no-repeat;
	float: left;
}

/* Partners */
.partnerlist{

}

.partnerbut {
	color: #000;
	
}

.partneredit {
	padding-right: 5px;
}

#partnersprofiel {
	padding-top: 10px;
	border-top: #F18030 1px solid;
	margin-top: 5px;
	float: left;
	width: 900px;
}

#partnersprofiel a {
	color: #000;
}

#partnersprofiel .partnerkaartje {
	float: left;
	margin: 6px;
	margin-bottom: 0px;
	width: 288px;

}

#partnersprofiel .partnertop{
	float: left;
	width: 288px;
	height: 6px;
	background: url('../images/partnerbordertop.jpg') no-repeat;
}

#partnersprofiel .partnermiddle{
	float: left;
	width: 286px;
	height: auto;
	border-left: solid 1px #9ea5ab;
	border-right: solid 1px #9ea5ab;
}

#partnersprofiel .partnerbottom{
	float: left;
	width: 288px;
	height: 6px;
	background: url('../images/partnerborderbottom.jpg') no-repeat;
}

#partnersprofiel .partnerkaartjepic {
	float: left;
	padding:5px;
	width: 90px;
}

#partnersprofiel .partnerkaartjecontent {
	float: right;
	margin-top: 3px;
	padding:5px;
	width: 170px;
	height: 90px;
}

#partners input.partnerveld {
	width: 320px;
}

#partners textarea {
	width: 320px;
	height: 200px;
}

/* Provincie lijst */
div.lijst {
	width: 605px;
	background: url('../images/comment_header.jpg') no-repeat;
	padding-bottom: 10px;
	padding-top: 5px;
	margin-bottom: 5px;
}

div.lijst a { color: #000000; padding-bottom: 2px; border-bottom: 2px solid #F18030; margin-left: 7px; font-size: 12px; font-weight: bold; margin-bottom: 3px; }
div.lijst a:hover { color: #f18030; }

.lijst h1{
	margin-bottom: 7px;
}

.lijst h3 {
	
}

.lijst p{
	margin-top: 0px;
	margin-left: 7px;
}

.lijst .smallbtn {
	text-decoration: none;
	color: #000;
	font-size: 12px;
	padding-left: 7px;
	font-weight: bold;
}

.lijst .smallbtn:hover {

	color: #573372;
}

.lijst .dvprovpic {
	float: left;
	width: 80px;
	height: 80px;
	margin-left: 5px;
	margin-top: 5px;
}

.lijst .dvprovcontent {
	width: 520px;
	height: 75px;
	margin-left: 90px;
	margin-top: 5px;
	padding-left: 4px;
}

/* nieuws lijst */

.lijstnieuws {
	width: 605px;
	background: url('../images/comment_header.jpg') no-repeat;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
}

.lijstnieuwssmall {
	width: 595px;
	padding: 5px;
	border-bottom: 1px solid #000000;
}

.lijstnieuws h3 {
	margin: 0px;
	padding: 0px;
	padding-left: 7px;
	padding-top: 5px;
	font-size: 11px;
	color: #000;
}

.lijstnieuws a.smallbtn {
	text-decoration: none;
	color: #000;
	font-size: 14px;
	margin-left: 7px;
	padding-bottom: 2px;
	font-weight: bold;
	border-bottom: 2px solid #F18030;
}

.lijstnieuws .dvprovpic {
	float: left;
	width: 80px;
	height: 80px;
	margin-left: 7px;
}

.lijstnieuws .dvprovcontent { width: 590px; }
.lijstnieuws .smallbtn:hover {
	color: #F18030;
}

.news_date { text-align: right; font-style: italic; margin-right: 10px; }
.news_date2 { font-style: italic; margin-right: 10px; }

.lijstnieuwssmall .smallbtn2 {
	margin-top: 5px;
	margin-left: 10px;
	text-decoration: none;
	color: #000;
	font-size: 12px;
}
.lijstnieuwssmall .smallbtn2:hover {
	color: #F18030; 
}

/*** Paginas ***/

.pagina {
	text-decoration: none;
	display: block;
	width: 18px;
	height: 15px;
	border: 1px solid #cdcdcd;
	float: left;
	margin-right: 3px;
	text-align: center;
	padding-top: 3px;
	color: #f18030;
}

.paginabig {
	text-decoration: none;
	display: block;
	width: 65px;
	height: 15px;
	border: 1px solid #cdcdcd;
	float: left;
	margin-right: 3px;
	text-align: center;
	padding-top: 3px;
	color: #f18030;
}



/* Best reviewed */ 

#best_reviewed { 	
	margin: 10px 0 0 10px;
	padding: 5px;
	width: 272px;
	height: 390px;
	background: url('../images/best_reviewed_bg2.jpg') no-repeat;
	float: left;
}

#best_reviewed h2 { float: right; font-family: verdana; font-size: 18px; font-weight: bold; color: #573372; padding-right: 12px; padding-top: 4px;}
#best_reviewed .intro { margin-top: 26px; margin-left: 10px; margin-right: 10px; font-weight: normal;}
#best_reviewed p { margin-bottom: 6px; }
#best_reviewed .brimage { width: 20px; height: 50px; background: url('../images/listarrow.jpg') no-repeat; margin-left: 9px; float: left; }
#best_reviewed .bestreviewedbut { color: #000; }
#best_reviewed a:hover { display: block; background-color: #f6f6f6; }

/* Comments */

.comment {
	width: 605px;
	background: url('../images/comment_header.jpg') no-repeat;
	border-bottom: 3px solid #f18030;
	padding-bottom: 10px;
}

.comment p {
	padding-left: 7px;
}

.commentnaam {
	padding-left: 7px;
	padding-top: 5px;
}

.commentcontent p { font-size: 12px !important; }

#zoeken { 	
	margin-top: 10px;
	padding: 30px 23px 0 23px;
	width: 300px;
	height: 100px;
	background: url('../images/zoeken_bg.jpg') no-repeat;
	float: left;
}

.zoekbut {
	height: 21px;
	width: 76px;
	background: url('../images/zoek_but.jpg') no-repeat;
	border: none;
	cursor: pointer;
}

#zoeken input { width: 60px; margin: 0; padding: 0; }
#zoeken select.groot { width: 255px; margin: 0 0 6px 0; padding: 0; height: 20px; }
#zoeken select.afstand { width: 125px; margin: 0; padding: 0; height: 20px; }
#zoeken p { text-align: right; margin: 7px 0 0 0; }
#zoeken a  {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	margin: 0 45px 0 0;
	color: #FFFFFF;
	text-decoration: none;
}
#zoeken a:hover  { text-decoration: underline; }

#banner { 	
	margin: 10px 0 0 0;
	padding: 0px;
	width: 300px;
	height: 250px;
	float: left;
}

#extra_tabs { position: absolute; top: 167px; left: 30px; width: 900px; clear: both; }
#extra_tabs a {
	margin-right: 5px;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	line-height: 27px;
	color: #FFFFFF;
}

#extra_tabs a.subsubmenu { display: block; width: 160px; height: 25px; float: left; color: #7b7b7b; }
#extra_tabs a.subsubactive { color: #FFFFFF; display: block; width: 160px; height: 25px; float: left; background: url('../images/tab_btn_active.gif') no-repeat; }

/*** Zoeken ***/

div.search_result { background: url('../images/zoeken_header2.jpg') no-repeat; width: 370px; height: auto; float: left; margin-bottom: 10px; margin-left: 10px; margin-top: 2px; padding-left: 10px; padding-top: 10px; padding-right: 0px; }
p.bedrijf_naam { float: left; margin: 5px 0 10px 0; padding: 0 0 2px 0; font-size: 12px; font-weight: bold; width: 355px; }
.bedrijf_naam a { color: #000000; border-bottom: 2px solid #F18030; }
.bedrijf_naam a:hover { color: #F18030; }
.bedrijf_logo { float: left; width: 80px; height: 80px; border: 1px solid #cdcdcd; line-height: 80px; }
.bedrijf_logo img{ width: 80px; }
.bedrijf_info { float: left; width: 260px; margin: 0 10px 0 10px; }
.bedrijf_woonplaats	{ margin: 0 0 10px 0; padding: 0px; }
.bedrijf_categorie { margin: 0 0 10px 0; padding: 0px; }
.bedrijf_site { margin: 0px; padding: 0px; }

/*** Footer ***/

#footer {
	margin: 0 0 30px 0;
	padding: 0px;
	width: 960px;
	height: 23px;
	background: url('../images/footer_bg.jpg') no-repeat;
	float: left;
	text-align: center;
}

#footer p { font-family: verdana; font-size: 10px; color: #FFFFFF; line-height: 23px; }
#footer a { color: #FFFFFF; line-height: 23px; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/*** Opmaak ***/

#tekst h1 { font-family: verdana; font-size: 14px; font-weight: bold; color: #573372; margin-bottom: 7px;}
#tekst p { margin: 1em 0px; padding: 0px; font-family: verdana; font-size: 10px; line-height: 12px; }

#laatste_nieuws  { 	
	margin: 10px 0 0 7px;
	padding: 0px;
	width: 335px;
	height: 410px;
	float: left;
	background: url('../images/header_nieuws.jpg') no-repeat;
	border: none;
}
#laatste_nieuws h2 { float: right; font-family: verdana; font-size: 18px; font-weight: bold; color: #573372; margin-bottom: 5px; padding-top: 8px; padding-right: 12px; }
#laatste_nieuws .nieuwsbericht { width: 315px; height: 105px; margin: 0 0 5px 10px; padding: 0; border-bottom: 1px solid #aeaeae; float: left; }
#laatste_nieuws .last { margin: 0 0 9px 0; padding: 0; border: none; float: left; }
#laatste_nieuws .nieuwsbericht img { margin: 0; margin-left: 0px; margin-top: 3px; margin-bottom: 3px; padding: 0; float: left; width: 76px; height: 76px; border: 2px solid #d7d9d9; }
#laatste_nieuws .nieuwsbericht .nieuws_tekst { margin: 0px; padding: 0; float: right; width: 235px; }
#laatste_nieuws .news_titlea {
	margin: 0 0 0 0px;
	padding: 0px;
	color: #000000;
	height: 16px;
	line-height: 16px;
	font-size: 11.3px;
	font-weight: bold;
}
#laatste_nieuws .news_titlea:hover {  }
#laatste_nieuws .nieuwsbericht p { margin: 5px 0 0 10px; padding: 0; float: right; }
#laatste_nieuws .nieuwsbericht p.date { margin: 2px 0 5px; 10px; padding: 0; float: right; font-size: 9px; }
#laatste_nieuws .nieuwsbericht a.leesmeer { margin: 0; padding: 0; color: #573372; font-weight: bold; float: right; }
#laatste_nieuws .nieuwsbericht a.reageren { margin: 0; padding: 0; text-decoration: none; color: #000000; font-weight: bold; }

.av { margin: auto; padding: 0 40px; font-size: 10px; }
.av2 { margin: auto; padding: 0 40px; font-size: 10px; }

#mijn_profiel {
	width: 390px;
	background: url('../images/header_middle.jpg') no-repeat;
	padding: 10px;
	float: left; 
}
#mijn_profiel input { font-size: 11px; margin-left: 10px; }
#mijn_profiel  .input_width { width: 200px; }
#mijn_profiel select { font-size: 11px; margin-left: 10px; width: 150px; }
#mijn_profiel select.openingselect { font-size: 11px;  width: 35px; padding: 0px; margin: 0px;}
#mijn_profiel td { padding: 10px 10px 0 0; }
#mijn_profiel textarea { margin-left: 10px; width: 200px; }

#ww_edit {
	padding: 10px;
	margin: 10px 10px 10px 0;
	float: left;
	width: 450px;
	background: url('../images/header_middle.jpg') no-repeat;
}
#ww_edit input { font-size: 11px; }
#ww_edit td { padding: 10px 0 0 0; }
#prijzen_edit input { font-size: 11px; width: 60px; }
#prijzen_edit td { padding: 10px 0 0 10px; }
#edit_info {
	border-bottom: 2px solid #f18030;
	margin: 0 10px 10px 0;
	float: left;
	width: 450px;
	background: url('../images/header_middle.jpg') no-repeat;
	padding: 0 10px 10px 10px;
}
#edit_info p { margin: 10px 0; }
#edit_info h2 { margin: 10px 0 0 0; }

span.rub { border-bottom: solid 3px #e78033; }
span.rub input { margin-left: 10px; }

.geslaagd_msg { position: absolute; padding: 10px; bottom: 109px; right: 400px; border: solid 2px green; font-size: 14px; color: green; }
.geslaagd_msg2 { position: absolute; padding: 10px; bottom: 153px; right: 620px; border: solid 2px green; font-size: 14px; color: green; }

.extra_info_tabel td { padding: 5px 20px 0 0; }
.extra_info_tarieven td { padding: 5px 10px 0 0; }

#signupform {
	width: 400px;
	float: left;
	margin-left: 22px;
}

/** Klantenonderzoek **/

table.klantenonderzoektable input{
	width: 250px;
}

table .klantnaw {
	width: 250px;
	font-family: verdana;
	font-size: 12px;
	height: 45px;
}

table .klantopmerkingen {
	width: 250px;
	height: 100px;
	font-family: verdana;
	font-size: 12px;
	padding-bottom: 10px;
}

table input.verzenden_klant_btn {
	width: 130px;
	height: 25px;
	background: url('../images/verzenden_btn.gif') no-repeat;
	border: none;
	margin-top: 10px;
	cursor: pointer;
}

/** Buttons **/

#contactaanvraag { margin: 0 0 10px 0; }
#contactaanvraag input { font-size: 11px; }
#contactaanvraag select { font-size: 11px; }
#contactaanvraag td { padding: 10px 10px 0 0; }

#contactaanvraag .verzenden_btn {
	width: 130px;
	height: 25px;
	background: url('../images/verzenden_btn.gif');
	border: none;
	margin-top: 10px;
	cursor: pointer;
}



.upload_code_btn {
	width: 130px;
	height: 25px;
	background: url('../images/upload_code_btn.gif');
	border: none;
	cursor: pointer;
}
.verder_btn {
	width: 130px;
	height: 25px;
	background: url('../images/verder_btn.gif');
	border: none;
	margin-top: 5px;
	cursor: pointer;
}
.opslaan_btn {
	width: 130px;
	height: 25px;
	background: url('../images/opslaan_btn.gif');
	border: none;
	margin-top: 5px;
	margin-bottom: 10px;
	cursor: pointer;
}
.toevoegen_btn {
	width: 130px;
	height: 25px;
	background: url('../images/toevoegen_btn.gif') no-repeat;
	border: none;
	margin-top: 15px;
	cursor: pointer;
	float: right;
	margin-right: 32px;
}
.plaats_review_btn {
	width: 130px;
	height: 25px;
	background: url('../images/plaats_review_btn.gif');
	border: none;
	margin-top: 15px;
	cursor: pointer;
}
.aanmelden_btn {
	width: 130px;
	height: 25px;
	background: url('../images/aanmelden_btn.gif');
	border: none;
	margin-top: 15px;
	cursor: pointer ;
}
.zoek_btn {
	background: url('../images/zoek_btn.png') no-repeat;
	border: none;
	margin-top: 10px;
	cursor: pointer ;
}
.plaats_reactie_btn {
	width: 130px;
	height: 25px;
	background: url('../images/plaats_reactie_btn.gif');
	border: none;
	margin-top: 15px;
	cursor: pointer ;
}

/** lightbox effect voor loginscherm **/

.black_overlay {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
	}
.white_content {
	display: none;
	position: absolute;
	top: 15%;
	left: 50%;
	margin-left: -275px;
	width: 550px;
	height: 200px;
	padding: 16px;
	border: 10px solid #3b0054;
	background-color: white;
	z-index:1002;
	overflow: auto;
	}

p.submenuButtons {  }
p.submenuButtons a { padding: 0px 15px; text-align: center;}