/* @override 
	http://local.brokinterieur.nl/?css=includes/brok_css
	http://www.brokinterieur.nl/?css=includes/brok_css
	http://local.brokinterieur.nl/?css=includes/brok_css.v.1172535042
*/

/*	########## KLEUREN #########    */ 

	/*  lichtgrijs:		#d5d5d2		*/
	/*  middengrijs:	#8c8c87    	*/
	/*  donkergrijs:	#454546		*/	
	/*  lichtblauw:		#c0cbd4		*/	
	/*	middenblauw:	#8096a9    	*/
	/*  textkleurlicht:	#5a5b5c		*/
	/*  zwart:			#1a171b		*/

html, body, h1, h2, h3, h4, h5, h6, blockquote, pre, code, p, ul, ol, li, dl, dt, dd, form, fieldset, legend, label, div, span, table, tr, th, td { margin: 0; padding: 0; }

html { background: #8c8c87; color: #525d71; }
html, body { background: #8c8c87 url(/images/site_images/lichtgrijs-back-top.png) repeat-x; height: 100%;}
body { font-size: 12px; font-family: "Lucida Grande", Arial, sans-serif; text-align: left;}
input, button, textarea, select { font-size: 0.8em; font-family: "Lucida grande", Arial, sans-serif; }
a img { border: 0;}
ul, ol { list-style: none;}
fieldset { border: 0; }

h1 {
	color: #3d4750;
	font-size: 1.8em;
}

h2 {
	color: #3d4750;
	font-size: 1.2em;
}

a, a:visited {
	text-decoration: none;
	border-bottom: 1px solid;
	color: #454546;
}


ul#mainnav li a, ul#mainnav li a:visited,
ul#locnav li a, ul#locnav li a:visited {
	text-decoration: none;
	font-size: 18px;
	border: 0;
	font-weight: normal;
	color: #454546;
}

#wrapper {
	position: relative;
	width: 965px;
	top: 10px;
	left: 10px;	
	background: #fff;
}

#header {
	position: relative;
	height: 145px;	
	background: url(images/site_images/wrapper-top-back.jpg) top left repeat-x;
}

ul#locnav, ul#mainnav {
	border-top: 5px solid #1a171b;
}

ul#mainnav {
	width: 120px;
	position: absolute;
	left: 0;
    height: 135px;
	padding: 10px 0 0 10px;
	top: 0px;
}

ul#locnav {
	position: absolute;
	width: 96px;
	z-index: 2;
	padding-top: 10px;
	left: 124px;
	top: 0;
}

ul#mainnav li, ul#locnav li {
	float: left;
	clear: both;
	line-height: 18px;
}

ul#mainnav li {	width: 120px; } 
ul#locnav li {	width: 108px; }

body#wonen ul#subnav { border-top: 5px solid #D22840; }
body#slapen ul#subnav { border-top: 5px solid #006DB3; }
body#textiel ul#subnav { border-top: 5px solid #FCCA4E; }


ul#subnav {
	position: absolute;
	font-size: 12px;
	width: 360px;
	padding-top: 10px;
	margin: 0;
	left: 220px;
	height: 135px;
	top:0px
}

#header ul#subnav li {
	float: left;
	width: 180px;
	margin: 0;
	padding: 0;
}


#openingstijden { width: 300px; font-size: 12px; }
#openingstijden dd { height: 18px; border-bottom: 1px solid #F0F0F0; }
#openingstijden dt { float: left; width: 75px; margin-right: 5px; height: 18px; border-bottom: 1px solid #F0F0F0; }

#header h3 {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 5;
	height: 109px;
	width: 109px;
	text-indent: -4000px;
	overflow: hidden;
}

#header h3 a {
	display: block;
	height: 134px;
	width: 134px;
	background: url(/images/site_images/brok-interieur-logo.png) no-repeat;

}

#merkencloud {
    line-height:2em; 
    text-transform:lowercase;
    padding-bottom: 1em;
} 

#merkencloud a:link, #merkencloud a:visited {color: #c0cbd4;border:none; text-decoration:none;}
#merkencloud a:hover {color: #8096a9;border:none; text-decoration:none;}

#merkencloud .weight1 {font-size:22px;}
#merkencloud .weight2 {font-size:18px;}
#merkencloud .weight3 {font-size:16px;}
#merkencloud .weight4 {font-size:14px;}
#merkencloud .weight5 {font-size:12px;}  

#main {	position: relative;	width: 965px; height: 100%;}

#content {position: relative; width: 585px; background: #fff; float:left; left: 218px; padding-bottom: 2em;}

#linkerkolom {
	float: left;
	position: relative;
	width: 218px;
	left: -585px;
	padding-bottom: 2em;

}


#rechterkolom {
	float: right;
	position: relative;
	background: #c0cbd4;
	height: 511px;
	width: 162px;
	top: 0;	
	padding-bottom: 2em;
	
}

#content .intro { height: 225px; position: relative;}
#content .intro h1 {
	padding-top: 20px;
}

#content .intro p {
	padding-top: 0.5em;
	font-weight: normal;
	color: #4a566c;
	font-size: 1em;
	line-height: 1.6em;
}

#content .intro a.leesverder:link, 
#content .intro a.leesverder:visited{
	padding: 4px 5px;
	color: #fff;
	margin: 0;
	float: right;
	clear: both;
	font-weight: bold;
	background: #c0cbd4;
}

#content .intro a, #content .intro a:visited  {
	color: #b04b4b;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
}

#content .intro a:hover {
	color: #4b6174;
	text-transform: uppercase;
	font-weight: bold;
}


#content .banner {
	position: relative;
	z-index: 2;
	overflow: visible;
	width: 100%;
	top: 0;
}

body#home #content .banner { height: 414px; }

#merken #content .maincontent .merk img.merk-logo {
	border: none;
	margin: 0;
	float: none;
	clear: left;
}

#content .breadcrumbs p {
	position: absolute;
	left: -9000px;
}

#main #content .breadcrumbs {
	position: absolute;
	top: 195px;
	z-index: 3;
}

#content .breadcrumbs li {
	margin: 0;
	font-size: 11px;
	background: url(images/site_images/bread-icon.jpg) 0px 3px no-repeat;
	padding-left: 14px;
	float: left;
	color: #d5d5d2;
}

#content .breadcrumbs li a, 
#content .breadcrumbs li a:visited {
	margin-right: 0.4em;
	display: block;
	color: #8c8c87;
	
}

#main #content .breadcrumbs li.first {
	background: none;
	padding: 0;
}

#main #content .breadcrumbs li.active {
	font-weight: bold;
}

#merken #content .maincontent .merk a {
	text-align: center;
	display: block;	
	width: 165px;
	border: none;
	height: 160px;

}

#merken #content .maincontent .merk a {
	text-align: center;
	display: block;	
	width: 165px;
	border: none;
	height: 160px;

}

#merken .maincontent h2 {
	clear: both;
}

#merken .maincontent .merken-wonen, 
#merken .maincontent .merken-slapen, 
#merken .maincontent .merken-textiel {
	float: left;
	width: 33%;
}

#merken .maincontent li a {
	border:0;
	text-transform: lowercase;
	margin: 0;
	padding: 0;
}

#merken .maincontent li a {
	border:0;
	text-transform: lowercase;
	margin: 0;
	padding: 0;
}

#merken .maincontent li a:hover {
	color: #d5d5d2;
}

#merken .maincontent .merken-wonen,
#merken .maincontent .merken-slapen,
#merken .maincontent .merken-textiel {
	margin: 0;
	padding: 0;
}

#merken .maincontent li {
	list-style: none;
	border-bottom: 1px solid #f0f0f0;
	line-height: 2em;
}

#merken .maincontent li a span {
	display: none;
}

#merken #content .maincontent .merk {
	width: 165px;
	position: relative;
	height: 190px;
	border: 1px solid #d5d5d2;
	text-align: center;
	float: left;
	padding: 5px;
	margin: 0 5px 5px 0px;
	display: block;
}

#linkerkolom .bannerleft {
	height: 404px;
	background: #8096a9;
	padding: 0 1em;
	border-top: 5px solid #c0cbd4;
	border-bottom: 5px solid #e5e5e5;
}


#showroommodellen #linkerkolom .bannerleft,
 {
	height: 100%;
	padding-bottom: 1em;	
}

#linkerkolom h3 {
	margin: 2em 2em 0 1.8em;
	text-transform: uppercase;
}
#linkerkolom ul#merken-lijst {
	text-align: left;	
	margin-left: 2.2em;
	font-size: 1em;
	}

#linkerkolom ul#merken-lijst {
	text-align: left;	
	margin-left: 2.2em;
	font-size: 1em;
	}

#linkerkolom .bannerleft p.showroommodellen-front {
	font-size: 0.8em;
	color:  #fff;
}

#linkerkolom .bannerleft p.showroommodellen-front a {
	color: #fff;
}

#merkencloud p.alle-merken {
	float: right;
	font-size: 0.8em;
}

#linkerkolom ul#merken-lijst li a {
	color: #8096a9;
	text-align: left;
	text-transform: lowercase;
	border: none;	
}

#linkerkolom ul#merken-lijst li a:hover {
	color: #5a5b5c;	
}

#home #linkerkolom .bannerleft { height: 404px;}
#linkerkolom .bannerleft { height: 300px;}

#linkerkolom .bannerleft h3 {
	margin: 2em 0 1em 0;
	height: 35px;
	width: 122px;
	text-indent: -9000px;
	overflow: hidden;
	background: url(/images/site_images/acties-head-back.jpg) no-repeat;
}

#linkerkolom .bannerleft ol#actieslist li { margin-bottom: 2em; color: #fff;}
#linkerkolom .bannerleft ol#actieslist li p { color: #fff; margin-bottom: 0.2em;}
#linkerkolom .bannerleft ol#actieslist li span.datum {color: #c0cbd4; font-family: arial, sans-serif; margin-bottom: 0.4em; display: block; }
#linkerkolom .bannerleft ol#actieslist li p.readmore a { color: #c0cbd4; border:0; }
#linkerkolom .bannerleft ol#actieslist li p.readmore a:hover {border-bottom: 1px solid #c0cbd4;;}
#linkerkolom .bannerleft ol#actieslist li p.readmore { float: right;}



#rechterkolom .adressen {
	padding-top: 10px;
	background: #fff;
	height: 215px;
	text-align: left; /*right?*/
}

#rechterkolom .adressen dl {
	padding: 1em 0 0 4.1em;
	color: #8c8c87;
	font-size: 10px;	
}

#rechterkolom .adressen dt { font-weight: bold;}

#linkerkolom .nieuwsbrief { height: 205px; padding: 10px;}
#linkerkolom .nieuwsbrief legend { display:none;}
#linkerkolom .nieuwsbrief label { visibility: hidden;}

#linkerkolom .nieuwsbrief h3 {
	margin: 1em 0 0 0;
	height: 23px;
	width: 139px;
	text-indent: -9000px;
	overflow: hidden;
	background: url(/images/site_images/nieuwsbrief-head-back.png) no-repeat;
}

#linkerkolom .nieuwsbrief p {
	margin: 1em 0;
	color: #8c8c87;
	font-size: 10px;
}


#main #content .maincontent { margin: 0 2em 0 10px; }
#main #content .maincontent h1 {
	margin-top: 1.2em;
}
#main #content .maincontent ul.meta {margin-bottom: 1em;}
#main #content .maincontent ul#meta li.datum {
	font-weight: bold;
	color: #d5d5d2;
}

#main #content .maincontent .item {
	width: 100%;
	border-bottom: 1px solid #c0cbd4;
	margin-bottom: 1em;	
}

#main #content .maincontent img {
	padding: 2px;
	text-decoration: none;
	border: 1px solid #d5d5d2;
}


#main #content .maincontent p {
	padding-bottom: 1.5em;
	line-height: 1.6em;	
}
#main #content .maincontent h1 {
	margin-bottom: 0.1em;
}

#linkerkolom ul#pages {
    margin: 0em 5px 0 0;       
} 
 

#linkerkolom ul#pages li {
	 font-size: 0.9em;
     line-height: 25px;
     margin-left: 0; 
     padding-left: 10px;
     border-bottom: 1px solid #F0F0F0; 
     background: url(/images/site_images/nav-bullet.gif) top left no-repeat;
     background-position: 5px 0;  
} 

#linkerkolom ul#pages li a {
    margin-left: 5px;
    padding:0;
    border: 0;
}

#linkerkolom ul#pages a.current {
     margin-left: 10px; 
     color: #b04b4b;
     font-weight: bold;
}

#footer {
	bottom: 0;
	border-top: 1px dotted #c0cbd4;
	position: relative;
	height: 5em;	
	overflow: hidden;
	padding: 2em 0 2em 218px;
	clear: both;
}

#footer p {
	color: #5a5b5c;
	font-size: 0.9em;
} 

#footer p.copyright {
	font-weight: bold;
}

#footer a {
	color: #8c8c87;
	font-size: 0.9em;
	border: 0;
	font-weight: bold;
}

#footer .cbw-erkend {
	float: right;
	overflow: hidden;
	width: 51px;
	height: 61px;
	margin: 0.5em 1.5em 0.5em 0.5em;
}

#footer p.route{
	color:#c0cbd4;
	font-size: 0.9em;
} 
	
	

/* ##### formulieren ##### */

#content .contactform { 
	position: relative;
	z-index: 2;
	padding: 1em 0 1em 15px;
	background: #c0cbd4;
	width: 570px;
	top: 0;
	color: #fff;
 }

#content .contactform dd { width: 10em; }
#content .contactform dt {
	margin-top: 0.4em;
	width: 10em;
	margin: 1em 0 0.1em;
}

#content .cta-bottom {
	border-top: 2px solid #c0cbd4;
	width: 95%;
	overflow: auto;
	margin:  0 5px;
}

#content .cta {
	
	width:  45%;
	padding: 1em;
	float: left;
	line-height: 1.5em;
	overflow: hidden;

}

#content .cta-boek {
	width:  45%;
	padding: 1em;
	line-height: 1.5em;
	float: right;
	overflow: hidden;
}

#content .cta-boek em {
	font-size: 0.8em;
	color: #d5d5d2;
}

#content .cta a.cta-button-afspraak {
	margin-top: 1em;
	width: 15em;
	border: 1px solid #c0cbd4;
	height: 2em;
	line-height: 2em;
	background: #fff url(/images/site_images/button-back.jpg) bottom left repeat-x;
}

#content .cta a:link,
#content .cta a:visited {
	text-decoration: none;
	color: #454546;
	display: block;
	height: 2em;
	width: 15em;
	padding-left: 1em;
	font-weight: bold;
}

#content .cta a:hover {
	color: #8096a9;
}

#content .contactform textarea {
	width: 400px;
	padding-left: 1px;
	height: 15em;
	border: none;
	border-bottom: 1px solid #8096a9; 
		
}

#content .contactform dd input {
	width: 20em;
	border: none;
	height: 2em;
	line-height: 2em;
	border-bottom: 1px solid #8096a9; 
}


#content .contactform em {
	font-style: normal;
	color: #b04b4b;
}

#content .contactform p {
	font-size: 0.8em;
}
#content .contactform legend {
	font-size: 1.5em;
	margin: 0;
	color: #8096a9;
}

#content .contactform input.button {
	width: 10em;
	border: none;
	height: 2.5em;
	line-height: 2.5em;
	display: block;
	border-bottom: 2px solid #fff;
	margin-top: 1em;
	font-weight: bold;
	font-size: 1em;
	cursor: pointer;
	background: #fff url(/images/site_images/button-back.jpg) repeat-x;
	
}
#sitemap .maincontent ul, #showroommodellen .nav_cat_archive ul { padding-bottom: 1em;}
#sitemap .maincontent li a, #sitemap .maincontent li a:visited, #showroommodellen .nav_cat_archive li a, #showroommodellen .nav_cat_archive li a:visited { border: none; }
#sitemap .maincontent li a:hover, #showroommodellen .nav_cat_archive li a:hover { 	border-bottom: 1px solid #525d71; }
#sitemap .maincontent li, #showroommodellen .nav_cat_archive li {
	background: url(images/site_images/bread-icon.jpg) 0px 3px no-repeat;
	padding-left: 14px;
	margin-left: 1em;
}

#linkerkolom #mailinglist_form input.submit {
	width: 8em;
	border: none;
	padding: 0;
	height: 20px;
	line-height: 20px;
	display: block;
	border: 1px solid #c0cbd4;
	font-weight: bold;
	font-size: 0.9em;
	color: #525d71;
	cursor: pointer;
	background: url(/images/site_images/button-back.jpg) bottom left repeat-x;
	
}

#linkerkolom #mailinglist_form input#nb-input.text {
	border: 0;
	line-height: 1.5em;
	font-size: 0.9em;
	width: 13em;
	padding-left: 3px;
	height: 18px;
	outline-style: none;
	margin-bottom: 5px;
	color:  #525d71;
	border: 1px solid #c0cbd4;

}


/* ##### eind formulieren ##### */

/* ###### showroommodellen ###### */
  
.info {
	width: 200px;
}

#showroommodellen .maincontent .showroommodel {
    background: url(images/site_images/wrapper-top-back.jpg) top left repeat-x;
    border-bottom: 1px solid #D9D9D9;
    overflow: hidden;  
    width: 100%;
    margin-bottom: 15px;
    padding: 15px;
} 

#showroommodellen .maincontent .showroommodel .info p{
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}
#showroommodellen .maincontent .showroommodel .info span.meta {
	margin: 0;
	font-size: 0.9em;
	color: #8096a9;
}

#showroommodellen .maincontent .showroommodel .info  a:link,
#showroommodellen .maincontent .showroommodel .info  a:visited {
	color: #8096a9;	
}

#showroommodellen #content .maincontent .thumb {float: right; width: 270px; margin-right: 0px; border: none; padding: 0; overflow:hidden; }  
#showroommodellen #content .maincontent .thumb img {
	border: 5px #fff solid;
	padding: 0;
}
        
#showroommodellen .maincontent .vorige a, .maincontent .volgende a{ display:block;  text-decoration:none; border:0; font-size: 11px; font-weight: bold;}
#content .maincontent .showmodel-meer {
	margin-top: 1em;
	border: 1px solid #c0cbd4;
	height: 2em;
	line-height: 2em;
	background: #fff url(/images/site_images/button-back.jpg) bottom left repeat-x;
}

* {
	
}

#content .maincontent .showmodel-meer a:link,
#content .maincontent .showmodel-meer a:visited {
	text-decoration: none;
	border: none;
	display: block;
	width: 200px;
	height: 2em;
	padding-left: 1em;
	font-weight: bold;
}

#showroommodellen .maincontent .volgende a {padding:0 27px 0 0;}
#showroommodellen .maincontent .vorige a {padding:0 0 0 27px;}

#showroommodellen .maincontent input.button { height:1em ; margin: 0; font-weight: bold;} 



#showroommodellen p.showmodel-verkocht { display: block; line-height:2em; color: #d7293d; background: #f8cbcb; padding: 0.5em; font-weight: bold;}

ins {color: #d7293d; text-decoration: none;}

#showroommodellen #content .maincontent p.prijsoud {
	color: #c0cbd4;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}

#showroommodellen #content .maincontent p.prijsoud del {
	color: #525d71;
	font-size: 0.9em;
	margin: 0;
	text-decoration: none;
	padding: 0;
}

#showroommodellen #content .maincontent p.prijsnieuw {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0;
	margin: 0;

}

#showroommodellen .maincontent .vorige, #showroommodellen  .maincontent .volgende  {  
    line-height:25px;
    font-size:10px;
    margin: 10px 0; 
    text-decoration:none;
    width:125px;
    height:27px;
    padding: 0;
    border: 0;	
} 

#showroommodellen .maincontent .vorige {float:left; text-align: left; background: url(images/site_images/button-prev.jpg) no-repeat top left; }
#showroommodellen .maincontent .volgende {float:right; text-align: right; background: url(images/site_images/button-next.jpg) no-repeat top right; }

#showroommodellen .maincontent #showmodel-vraagform h3,#showroommodellen .maincontent #related h3 {margin:0}
#showroommodellen .maincontent #showmodel-vraagform {width:250px; float: left; margin-bottom:1em;  background:#F0F0F0;} 
#showroommodellen #showmodel-vraagform fieldset {
    border: 0;
    text-align: left;
    font-size: 12px;
    margin: 0;
    padding: 15px;
    background-color: #F0F0F0
}
#showroommodellen .maincontent #showmodel-vraagform p {font: 11px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, sans-serif; font-size:11px; }
#showroommodellen .maincontent #showmodel-vraagform dt, #showroommodellen .maincontent #showmodel-vraagform dd { padding: 0; margin: 0;  }
#showroommodellen .maincontent #showmodel-vraagform label { margin: 0; width: 200px; padding:0; font: 10px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, sans-serif; font-weight: bold; }
#showroommodellen .maincontent #showmodel-vraagform textarea { height: 12em; width: 200px; border: 1px solid #DEDEDE; margin: 0 0 0 2px; padding: 1px 2px; }
#showroommodellen .maincontent #showmodel-vraagform input {font: 11px Arial, Helvetica, sans-serif; margin:0;}  
#showroommodellen .maincontent #showmodel-vraagform label em {color: #d7293d; text-decoration:none; font-style:normal; font-weight:bold;}
#showroommodellen .maincontent #showmodel-vraagform .inputText { margin: 0 0 1em 0 ; padding: 2px; border: 1px solid #DEDEDE; color:#595959; font-size: 11px; } 
#showroommodellen .maincontent #showmodel-vraagform .button {
    padding: 2px;
    margin:0;
    font: 11px "Lucida Grande", Arial, sans-serif; 
    width:10em;
}

#showroommodellen .maincontent #related {float:left; width:250px; background:#F0F0F0; padding:15px; margin-left:15px;}  
#showroommodellen .maincontent #related ul { list-style: none; margin: 0; padding: 0; }
#showroommodellen .maincontent #related li { margin: 0; padding: 1px 0 3px 3px; line-height:1.2em; border-bottom: 1px solid #F0F0F0; }


#showroommodellen .maincontent .ga-terug {clear:both; margin-top:1em;}

#showroommodellen .maincontent .info h5 { 
	font-weight:bold; 
	margin:0 0 0 0;
	font-size:0.9em; 
}

/* ###### end showroommodellen ###### */ 

/* SLIMBOX */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/images/site_images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/images/site_images/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/images/site_images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/images/site_images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}