/*	TRES INTERNET 
	-------------
	CSS bestand vrijgegeven onder C.C. licentie:
	http://creativecommons.org/licenses/by-sa/3.0/nl/
*/

@import url("reset.css");
@import url("content.css");

/*----------------------------
1.	LAYOUT
	1A.	HEADER
	 -	LOGO
	 -	ACTIES
	 -	TOPBAR
	1B.	CONTENT
	 -	BREADCRUMB
	 -	TAGCLOUD
	1C.	FOOTER
	 -	DOCK
2.	TABS
	2A.	TABS
	 - TOGGLEBIG
	 - TOGGLESMALL
	2B. SUBMENU
	 -	SUBMENU LINK
	 -	SUBMENU SPAN
	 -	SUBMENU LINK CURRENT
	 -	SUBMENU SPAN CURRENT
3.	TABLE
4.	LAATSTE AANBOD SLIDER
5.	JCAROUSEL

------------------------------
	1A. HEADER
------------------------------*/
div#body.page-home div#header,
div#body.page-vestiging div#header,
div#body.page-actie div#header {
	position: relative;
	z-index: 0;
	height: 320px;
	overflow: hidden;
	background: #fff url("../img/bgHeaderBig.jpg") left top repeat-x;
	}

div#header{
	position: relative;
	z-index: 0;
	height: 190px;
	background: #fff url("../img/bgHeaderSmall.jpg") left bottom repeat-x;
	}

div.header_img{
	position: relative;
	z-index: 1;
	width: 100%;
	height: 296px;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	}

div.header_afb{
	position: relative;
	z-index: 1;
	width: 100%;
	height: 296px;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	border: 1px solid red;
	}


/* LOGO
-------------------------*/
div#logo{
	position: absolute;
	z-index: 3;
	top: 10px;
	left: 50%;
	margin-left: -500px;
	width: 200px;
	height: 90px;
	background: transparent url("../img/logoWoonaccent.png") left top no-repeat;
	}

div#logo h1{
	float: left;
	display: inline;
	width: 1px;
	height: 1px;
	overflow: hidden;
	text-indent: -9999px;
	}

div#logo img{
	float: left;
	display: inline;
	}

img#Woonaccent{
	width: 160px;
	height: 90px;
	}

img#NVM{
	margin: 20px 0 0 5px;
	width: 34px;
	height: 40px;
	}

/*ACTIES
-------------------------*/
div#header div#acties{
	position: absolute;
	z-index: 4;
	width: 50%;
	top: 65px;
	left: 50%;
	height: 160px;
	}

div#acties ul{
	float: left;
	display: inline;
	width: 100%;
	}

div#acties ul li{
	width: 100%;
	margin: 10px 0 5px;
	}

div#acties ul li a{
	display: block;
	margin-left: 124px;
	background: #b0bccd;
	cursor: pointer;
	text-decoration: none;
}

div#content div#acties ul li a {
	margin-left: 15px;
	margin-right: 15px;
}

div#acties ul li a:hover{
	background: #042e6f;
	}

div#acties ul li a div{
	cursor: pointer;
	display: block;
	padding: 8px;
	width: 360px;
	font: bold 14px/16px Arial, Verdana, sans-serif; 
	background: #b0bccd;
	color: #fff;
	}

div#acties ul li a:hover div{
	background: #042e6f;
	color: #fff;
	}

div#acties ul li.meeracties{
	width: 220px;
	margin: 0 0 5px;
	}

div#acties ul li.meeracties a,
div#acties ul li.meeracties a:link,
div#acties ul li.meeracties a:visited{
	font: bold 13px/16px Arial, Verdana, sans-serif;
	color: #042e6f;
	text-decoration: none;
	height: 15px;
	width: 80px;
	float: left;
	display: inline;
	margin-top: 5px;
	text-indent: -9999px;
	background: transparent url("../img/txtAlleActies.png") left top no-repeat;
	}

div#acties ul li.meeracties a:hover,
div#acties ul li.meeracties a:active{
	color: #042e6f;
	background-position: left top;
	}

/*TOPBAR
--------------------------*/
div#topbar{
	position: absolute;
	z-index: 2;
	width: 584px;
	top: 0;
	}

ul#topbarMenu{
	float: left;
	display: inline;
	height: 12px;
	margin: 9px 8px 0 20px;
	overflow: hidden;
	}

ul#topbarMenu li{
	float: left;
	display: inline;
	list-style: none;
	margin: 0 0 0 4px;
	padding: 0 5px 0 0;
	background: transparent url("../img/topbarLine.gif") right 50% no-repeat;
	font: 11px/12px "Trebuchet MS", "Segoe UI", trebuchet, helvetica, arial, geneva, sans-serif;
	}

ul#topbarMenu li a,
ul#topbarMenu li a:link,
ul#topbarMenu li a:visited{
	color: #a4a4a4;
	font-weight: normal;
	text-decoration: none;
	}

ul#topbarMenu li a:hover,
ul#topbarMenu li a:active{
	color: #ccc;
	text-decoration: none;
	}

div#topbarSearch{
	float: left;
	display: inline;
	width: 128px;
	height: 28px;
	background: transparent url("../img/topbarSearch.gif") left top no-repeat;
	}

div#topbarSearch form{
	margin: 0;
	}

div#topbarSearch form input{
	float: left;
	display: inline;
	width: 96px;
	height: 14px;
	margin: 8px 0 0 6px;
	padding: 0 0 0 0;
	font: 10px/14px "Trebuchet MS", "Segoe UI", trebuchet, helvetica, arial, geneva, sans-serif;
	color: #a4a4a4;
	border: 0;
	background: transparent;
	}

div#topbarSearch form input.zoeken{
	float: left;
	display: inline;
	margin: 3px 0 0 -6px;
	width: 24px;
	height: 24px;
	background: transparent;
	border: 0;
	cursor: pointer;
	}


a#topbarNotes,
a#topbarNotes:link,
a#topbarNotes:visited{
	float: left;
	display: inline;
	width: 184px;
	height: 50px;
	background: transparent url("../img/topbarNotes.png") left top no-repeat;
	}

a#topbarNotes:hover,
a#topbarNotes:active{
	text-decoration: none;
	background-position: left -50px;
	}

a#topbarNotes span{
	float: left;
	display: inline;
	width: 25px;
	height: 17px;
	margin: 10px 0 0 127px;
	cursor: pointer;
	}

a#topbarNotes span.notes1{ background: #fff url("../img/notes1.jpg") left top no-repeat;}
a#topbarNotes span.notes2{ background: #fff url("../img/notes2.jpg") left top no-repeat;}
a#topbarNotes span.notes3{ background: #fff url("../img/notes3.jpg") left top no-repeat;}
a#topbarNotes span.notes4{ background: #fff url("../img/notes4.jpg") left top no-repeat;}
a#topbarNotes span.notes5{ background: #fff url("../img/notes5.jpg") left top no-repeat;}
a#topbarNotes span.notes6{ background: #fff url("../img/notes6.jpg") left top no-repeat;}
a#topbarNotes span.notes7{ background: #fff url("../img/notes7.jpg") left top no-repeat;}
a#topbarNotes span.notes8{ background: #fff url("../img/notes8.jpg") left top no-repeat;}
a#topbarNotes span.notes9{ background: #fff url("../img/notes9.jpg") left top no-repeat;}
a#topbarNotes span.notes10{ background: #fff url("../img/notes10.jpg") left top no-repeat;}
a#topbarNotes span.notes11{ background: #fff url("../img/notes11.jpg") left top no-repeat;}
a#topbarNotes span.notes12{ background: #fff url("../img/notes12.jpg") left top no-repeat;}
a#topbarNotes span.notes13{ background: #fff url("../img/notes13.jpg") left top no-repeat;}
a#topbarNotes span.notes14{ background: #fff url("../img/notes14.jpg") left top no-repeat;}
a#topbarNotes span.notes15{ background: #fff url("../img/notes15.jpg") left top no-repeat;}
a#topbarNotes span.notes16{ background: #fff url("../img/notes16.jpg") left top no-repeat;}
a#topbarNotes span.notes17{ background: #fff url("../img/notes17.jpg") left top no-repeat;}
a#topbarNotes span.notes18{ background: #fff url("../img/notes18.jpg") left top no-repeat;}
a#topbarNotes span.notes19{ background: #fff url("../img/notes19.jpg") left top no-repeat;}
a#topbarNotes span.notes20{ background: #fff url("../img/notes20.jpg") left top no-repeat;}
a#topbarNotes span.notes21{ background: #fff url("../img/notes21.jpg") left top no-repeat;}
a#topbarNotes span.notes22{ background: #fff url("../img/notes22.jpg") left top no-repeat;}
a#topbarNotes span.notes23{ background: #fff url("../img/notes23.jpg") left top no-repeat;}
a#topbarNotes span.notes24{ background: #fff url("../img/notes24.jpg") left top no-repeat;}
a#topbarNotes span.notes25{ background: #fff url("../img/notes25.jpg") left top no-repeat;}
a#topbarNotes span.notes26{ background: #fff url("../img/notes26.jpg") left top no-repeat;}
a#topbarNotes span.notes27{ background: #fff url("../img/notes27.jpg") left top no-repeat;}
a#topbarNotes span.notes28{ background: #fff url("../img/notes28.jpg") left top no-repeat;}
a#topbarNotes span.notes29{ background: #fff url("../img/notes29.jpg") left top no-repeat;}
a#topbarNotes span.notes30{ background: #fff url("../img/notes30.jpg") left top no-repeat;}
a#topbarNotes span.notes31{ background: #fff url("../img/notes31.jpg") left top no-repeat;}
a#topbarNotes span.notes32{ background: #fff url("../img/notes32.jpg") left top no-repeat;}
a#topbarNotes span.notes33{ background: #fff url("../img/notes33.jpg") left top no-repeat;}
a#topbarNotes span.notes34{ background: #fff url("../img/notes34.jpg") left top no-repeat;}
a#topbarNotes span.notes35{ background: #fff url("../img/notes35.jpg") left top no-repeat;}
a#topbarNotes span.notes36{ background: #fff url("../img/notes36.jpg") left top no-repeat;}
a#topbarNotes span.notes37{ background: #fff url("../img/notes37.jpg") left top no-repeat;}
a#topbarNotes span.notes38{ background: #fff url("../img/notes38.jpg") left top no-repeat;}
a#topbarNotes span.notes39{ background: #fff url("../img/notes39.jpg") left top no-repeat;}
a#topbarNotes span.notes40{ background: #fff url("../img/notes40.jpg") left top no-repeat;}
a#topbarNotes span.notes41{ background: #fff url("../img/notes41.jpg") left top no-repeat;}
a#topbarNotes span.notes42{ background: #fff url("../img/notes42.jpg") left top no-repeat;}
a#topbarNotes span.notes43{ background: #fff url("../img/notes43.jpg") left top no-repeat;}
a#topbarNotes span.notes44{ background: #fff url("../img/notes44.jpg") left top no-repeat;}
a#topbarNotes span.notes45{ background: #fff url("../img/notes45.jpg") left top no-repeat;}
a#topbarNotes span.notes46{ background: #fff url("../img/notes46.jpg") left top no-repeat;}
a#topbarNotes span.notes47{ background: #fff url("../img/notes47.jpg") left top no-repeat;}
a#topbarNotes span.notes48{ background: #fff url("../img/notes48.jpg") left top no-repeat;}
a#topbarNotes span.notes49{ background: #fff url("../img/notes49.jpg") left top no-repeat;}
a#topbarNotes span.notes50{ background: #fff url("../img/notes50.jpg") left top no-repeat;}

table#topbarTable{
	position: absolute;
	z-index: 1;
	top: 0;
	height: 40px;
	}

td.topbar1{
	width: 24px;
	height: 40px;
	background: transparent url("../img/topbar1.png") left top no-repeat;
	}

td.topbar2{
	background: transparent url("../img/topbar2.png") left top repeat-x;
	}

/*----------------------------
	1B. CONTENT
------------------------------*/
div#body.page-home div#container,
div#body.page-vestiging div#container,
div#body.page-actie div#container {
	top: 215px;
}

div#container{
	position: absolute;
	top: 85px;
	width: 100%;
	background: transparent url("../img/bgContainer.png") 50% 40px no-repeat;
}

div#content{
	margin: 0 auto ;
	width: 1000px;
	min-height: 300px;
}

div#main{
	clear: left;
	float: left;
	display: inline;
	width: 985px;
	margin: 0 0 0 8px;
	}

div.kolom{
	float: left;
	display: inline;
	width: 309px;
	margin: 14px 0 0 14px;
	}

div.kolom2{
	float: left;
	display: inline;
	width: 618px;
	margin: 14px 0 0 14px;
	}

div.vestiging_content{
	margin-left: 15px;
	}

div#wrapper{
	width: 100%;
	}

div.content{
	float: left;
	display: inline;
	margin: 0;
	width: 758px;
	}

div#sidebar{
	float: right;
	display: inline;
	margin: 0 7px 0 0;
	width: 205px;
	}
div#sidebar .kolom {
	width: 200px;	
}
div.content strong {
	font-weight: bolder;
}

div.content em {
	font-style: italic;
}

/*BREADCRUMB
--------------------------*/
div#breadcrumb{
	float: left
	display: inline;
	width: 758px;
	font-size: 11px;
	height: 18px;
	margin: 3px 0 7px;
	color: #999;
	}

div#bcLinks{
	float: left;
	display: inline;
	text-align: left;
	}

div#bcRechts{
	float: right;
	display: inline;
	text-align: right;
	}

div#breadcrumb a,
div#breadcrumb a:link,
div#breadcrumb a:visited{
	color: #ccc;
	text-decoration: none;
	}
	
div#breadcrumb a:hover,
div#breadcrumb a:active{
	color: #999;
	text-decoration: none;
	}

/*TAGCLOUD
--------------------------*/
div#tagcloud{
	float: left;
	display: inline;
	clear: left;
	width: 960px;
	margin: 14px 0 0px 22px;
	padding-bottom: 14px;
	color: #333;
	font: normal 14px/28px verdana, arial, geneva, sans-serif;
	text-align: justify;
	}

div#tagcloud a.tag1{ font-size: 12px; /*font-weight: 100;*/}
div#tagcloud a.tag2{ font-size: 16px; /*font-weight: 200;*/}
div#tagcloud a.tag3{ font-size: 18px; /*font-weight: 400;*/}
div#tagcloud a.tag4{ font-size: 20px; /*font-weight: 600;*/}
div#tagcloud a.tag5{ font-size: 22px; /*font-weight: 800;*/}

div#tagcloud a,
div#tagcloud a:link,
div#tagcloud a:visited{
	color: #999;
	font-weight: normal;
	text-decoration: none;
	}

div#tagcloud a:hover,
div#tagcloud a:active{
	color: #042e6f;
	text-decoration: none;
	}

/*----------------------------
	1C. FOOTER
------------------------------*/
div#footer{
	float: left;
	display: inline;
	clear: left;
	width: 100%;
	height: 74px;
	background: transparent url("../img/bgFooter.gif") left bottom repeat-x;
	}

div#footerLinks{
	width: 1000px;
	margin: 0 auto;
	height: 24px;
	text-align: center;
	font-size: 11px;
	line-height: 24px;
	color: #ccc;
	}

div#footerLinks a,
div#footerLinks a:link,
div#footerLinks a:visited{
	color: #fff;
	text-decoration: none;
	}

div#footerLinks a:hover,
div#footerLinks a:active{
	color: #ccc;
	}

/*DOCK
--------------------------*/
div#dock{
	height: 50px; 
	text-align: center;
	width: 100%;
	bottom: 24px;
	left: 0px;
	z-index: 10;
	}

div.dock-container{
	position: absolute;
	z-index: 10;
	height: 50px;
	}

a.dock-item{
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 50px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
	}

a.dock-item span{
	position: absolute;
	z-index: 99;
	top: -60px;
	left: -45px;
	display: none;
	padding: 20px;
	width: 120px;
	height: 50px;
	text-align: left;
	background: transparent url("../img/dockBalloon.png") left top no-repeat;
	font: bold italic 10px/12px "Trebuchet MS", "Segoe UI", trebuchet, helvetica, arial, geneva, sans-serif;
	color: #042e6f;
	}

a.dock-item img{
	float: left;
	display: inline;
	border: none; 
	margin: 0px; 
	width: 100%;
	}

/*----------------------------
	2A. TABS
------------------------------*/
ul#tabsMenu{
	float: left;
	display: inline;
	margin-left: 2px;
	}

ul#tabsMenu li{
	position: relative;
	width: 260px;
	height: 34px;
	float: left;
	display: inline;
	list-style: none;
	margin-left: 8px;
	}

ul#tabsMenu li a{
	position: absolute;
	display: block;
	bottom: 0;
	width: 260px;
	height: 34px;
	overflow: hidden;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	text-indent: -999px;
	}

ul#tabsMenu li.active a{
	height: 40px;	}

ul#tabsMenu li.btnZoeken a{ background: transparent url("../img/tabZoeken.png") left top no-repeat;}
ul#tabsMenu li.btnVerkopen a{ background: transparent url("../img/tabVerkopen.png") left top no-repeat;}
ul#tabsMenu li.btnKopen a{ background: transparent url("../img/tabKopen.png") left top no-repeat;}
ul#tabsMenu li.btnAlgemeen{display: none;}

/*TOGGLEBIG
--------------------------*/
div#toggleBig{
	float: left;
	display: inline;
	width: 985px;
	height: 270px;
	margin: 36px 0 0 8px;
	}

div#toggleBig div#tabs div#tabZoeken,
div#toggleBig div#tabs div#tabVerkopen,
div#toggleBig div#tabs div#tabKopen{
	float: left;
	display: inline;
	width: 985px;
	height: 236px;
	color: #fff;
	clear: both;
	display: none;
	}

div#toggleBig div#tabs div#tabZoeken{ background: transparent url("../img/bgZoeken.png") left top no-repeat;}
div#toggleBig div#tabs div#tabVerkopen{ background: transparent url("../img/bgVerkopen.png") left top no-repeat;}
div#toggleBig div#tabs div#tabKopen{ background: transparent url("../img/bgKopen.png") left top no-repeat;}

div#toggleBig div#tabs div div.tabKolom{
	float: left;
	display: inline;
	clear: none;
	width: 309px;
	color: #fff;
	margin: 14px 0 0 14px;
	}

/*TOGGLESMALL
--------------------------*/
div#toggleSmall{
	float: left;
	display: inline;
	width: 985px;
	height: 64px;
	margin: 36px 0 0 8px;
	}

div#toggleSmall div#tabs div{
	float: left;
	display: inline;
	width: 985px;
	height: 28px;
	color: #fff;
	clear: both;
	display: none;
	}

div#toggleSmall div#tabs div#tabZoeken{ background: transparent url("../img/bgZoekenSmall.png") left top no-repeat;}
div#toggleSmall div#tabs div#tabVerkopen{ background: transparent url("../img/bgVerkopenSmall.png") left top no-repeat;}
div#toggleSmall div#tabs div#tabKopen{ background: transparent url("../img/bgKopenSmall.png") left top no-repeat;}
div#toggleSmall div#tabs div#tabAlgemeen{ background: transparent url("../img/bgAlgemeenSmall.png") left top no-repeat;}

/*----------------------------
	2B. SUBMENU
------------------------------*/
ul.submenu{
	margin: 0 0 0 2px;
	width: 980px;
	height: 28px;
	white-space: nowrap;
	overflow: hidden;
	}

ul.submenu li{
	float: left;
	width: auto;
	background: transparent url("../img/submenuBorder.gif") right 50% no-repeat;
	display: inline;
	height: 28px;
	padding: 0 4px 0 3px;
	cursor: pointer;
	}

/*SUBMENU LINK
--------------------------*/
ul.submenu li a,
ul.submenu li a:link,
ul.submenu li a:visited{
	display: block;
	color: #fff;
	font: bold 13px/28px "Trebuchet MS", "Segoe UI", trebuchet, helvetica, arial, geneva, sans-serif;
	text-decoration: none;
	padding: 0 0 0 10px;
	background: transparent url("../img/bgSubmenuLeft.png") left top no-repeat;
	}

div#tabAlgemeen ul.submenu li a,
div#tabAlgemeen ul.submenu li a:link,
div#tabAlgemeen ul.submenu li a:visited{
	background: transparent url("../img/bgSubmenuLeftAlgemeen.png") left top no-repeat;
	}

ul.submenu li a:hover,
ul.submenu li a:active,
div#tabAlgemeen ul.submenu li a:hover,
div#tabAlgemeen ul.submenu li a:active{
	background-position: left -56px;
	}

/*SUBMENU SPAN
--------------------------*/
ul.submenu li a span,
ul.submenu li a:link span,
ul.submenu li a:visited span{
	display: block;
	padding: 0 10px 0 0;
	cursor: pointer;
	background: transparent url("../img/bgSubmenuRight.png") right top no-repeat;
	}

div#tabAlgemeen ul.submenu li a span,
div#tabAlgemeen ul.submenu li a:link span,
div#tabAlgemeen ul.submenu li a:visited span{
	background: transparent url("../img/bgSubmenuRightAlgemeen.png") right top no-repeat;
	}

ul.submenu li a:hover span,
ul.submenu li a:active span,
div#tabAlgemeen ul.submenu li a:hover span,
div#tabAlgemeen ul.submenu li a:active span{
	background-position: right -56px;
	}

/*SUBMENU LINK CURRENT
--------------------------*/
ul.submenu li.current a,
ul.submenu li.current a:link,
ul.submenu li.current a:visited{
	display: block;
	color: #fff;
	font: bold 13px/28px "Trebuchet MS", "Segoe UI", trebuchet, helvetica, arial, geneva, sans-serif;
	text-decoration: none;
	padding: 0 0 0 10px;
	background: transparent url("../img/bgSubmenuLeft.png") left -28px no-repeat;
	}

div#tabAlgemeen ul.submenu li.current a,
div#tabAlgemeen ul.submenu li.current a:link,
div#tabAlgemeen ul.submenu li.current a:visited{
	background: transparent url("../img/bgSubmenuLeftAlgemeen.png") left -28px no-repeat;
	}

ul.submenu li.current a:hover,
ul.submenu li.current a:active,
div#tabAlgemeen ul.submenu li.current a:hover,
div#tabAlgemeen ul.submenu li.current a:active{
	background-position: left -56px;
	}

/*SUBMENU SPAN CURRENT
--------------------------*/
ul.submenu li.current a span,
ul.submenu li.current a:link span,
ul.submenu li.current a:visited span{
	display: block;
	padding: 0 10px 0 0;
	cursor: pointer;
	background: transparent url("../img/bgSubmenuRight.png") right -28px no-repeat;
	}

div#tabAlgemeen ul.submenu li.current a span,
div#tabAlgemeen ul.submenu li.current a:link span,
div#tabAlgemeen ul.submenu li.current a:visited span{
	background: transparent url("../img/bgSubmenuRightAlgemeen.png") right -28px no-repeat;
	}

ul.submenu li.current a:hover span,
ul.submenu li.current a:active span,
div#tabAlgemeen ul.submenu li.current a:hover span,
div#tabAlgemeen ul.submenu li.current a:active span{
	background-position: right -56px;
	}

/*----------------------------
	3. TABLE
------------------------------*/
table.style1,
table.style2{
	width: 100%;
	background: #fff;
	border-collapse: collapse;
	border: 0;
	}

table.style2 td div.whitespace{
	margin: 8px;}

td img { 
	display: block; 
	} 

table.style1 td.table_lt{ height: 8px; width: 8px; background: transparent url("../img/table_lt1.jpg") left top no-repeat;}
table.style1 td.table_t{  height: 8px;             background: transparent url("../img/table_t1.jpg") left top repeat-x;}
table.style1 td.table_rt{ height: 8px; width: 8px; background: transparent url("../img/table_rt1.jpg") left top no-repeat;}
table.style1 td.table_l{  width:  8px;             background: transparent url("../img/table_l1.jpg") left top repeat-y;}
table.style1 td.table_r{  width:  8px;             background: transparent url("../img/table_r1.jpg") left top repeat-y;}
table.style1 td.table_lb{ height: 8px; width: 8px; background: transparent url("../img/table_lb1.jpg") left top no-repeat;}
table.style1 td.table_b{  height: 8px;             background: transparent url("../img/table_b1.jpg") left top repeat-x;}
table.style1 td.table_rb{ height: 8px; width: 8px; background: transparent url("../img/table_rb1.jpg") left top no-repeat;}

table.style2 td.table_lt{ height: 8px; width: 8px; background: transparent url("../img/table_lt2.jpg") left top no-repeat;}
table.style2 td.table_t{  height: 8px;             background: transparent url("../img/table_t2.jpg") left top repeat-x;}
table.style2 td.table_rt{ height: 8px; width: 8px; background: transparent url("../img/table_rt2.jpg") left top no-repeat;}
table.style2 td.table_l{  width:  8px;             background: transparent url("../img/table_l2.jpg") left top repeat-y;}
table.style2 td.table_r{  width:  8px;             background: transparent url("../img/table_r2.jpg") left top repeat-y;}
table.style2 td.table_lb{ height: 8px; width: 8px; background: transparent url("../img/table_lb2.jpg") left top no-repeat;}
table.style2 td.table_b{  height: 8px;             background: transparent url("../img/table_b2.jpg") left top repeat-x;}
table.style2 td.table_rb{ height: 8px; width: 8px; background: transparent url("../img/table_rb2.jpg") left top no-repeat;}


/*------------------------------
	4. LAATSTE AANBOD SLIDER
------------------------------*/
.slideshow{
	position:relative;
	width: 309px;
	height: 180px;
	overflow: hidden;
	left: -10px;
	top: -10px;
	}

div.slider {
	width: 309px;
	height: 180px;
	position: relative;
	}

.slider ul, .slider li{
	margin:0;
	padding:0;
	list-style:none;
	}

.slider li{
	width:309px;
	height:180px;
	background: transparent url("../img/bgEasySlider.png") left top no-repeat;
	}

.slider li a,
.slider li a:link,
.slider li a:visited{
	position: relative;
	float: left;
	display: inline;
	height: 130px;
	width: 309px;
	margin: 25px 0 0 0;
	}

.slider li a:hover,
.slider li a:active{
	color: #042e6f;
	text-decoration: none;
	}

.slider li a img{
	position: absolute;
	z-index: 0;
	left: 50px;
	top: 0;
	width:210px;
	height:100px;
	}

.slider li a span.punaise {
	background: transparent url(/bmw/img/punaise.png) no-repeat 0% 0%;
	height: 32px;
	left: 140px;
	position: absolute;
	top: -25px;
	width: 30px;
	z-index: 1;
}
.slider li a span.straat{
	position: absolute;
	z-index: 0;
	left: 50px;
	top: 100px;
	width: 210px;
	overflow: hidden;
	white-space: nowrap;
	color: #000;
	font-size: 10px;
	line-height: 14px;
}

.slider li a span.plaats{
	position: absolute;
	z-index: 0;
	left: 50px;
	top: 114px;
	width: 140px;
	overflow: hidden;
	white-space: nowrap;
	color: #000;
	font-size: 10px;
	line-height: 14px;
}

.slider li a span.prijs{
	position: absolute;
	z-index: 0;
	right: 50px;
	top: 114px;
	width: 65px;
	overflow: hidden;
	text-align: right;
	white-space: nowrap;
	color: #000;
	font-size: 10px;
	line-height: 14px;
	}

div#toggleBig .slider li a:hover,
div#toggleBig .slider li a:active{
	text-decoration: none;
	}

.slider li a div{
	position: absolute;
	z-index: 1;
	height: 32px;
	width: 30px;
	left: 140px;
	top: -25px;
	background: transparent url("../img/punaise.png") left top no-repeat;
	}

/* BUTTONS
--------------------------*/
#prevBtn,
#nextBtn{
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
	}

#prevBtn,
#nextBtn{ 
	position:absolute;
	z-index:10;
	display:block;
	width:24px;
	height:24px;
	top:80px;
	}

#prevBtn{left:15px;}
#nextBtn{right:15px;}
	
#prevBtn a,
#nextBtn a{  
	display:block;
	position:relative;
	width:24px;
	height:24px;
	}

#nextBtn a,
#nextBtn a:link,
#nextBtn a:visited{
	background:url("../img/btn_next.png") left top no-repeat;
	}

#prevBtn a,
#prevBtn a:link,
#prevBtn a:visited{
	background:url("../img/btn_prev.png") left top no-repeat;
	}

#nextBtn a:hover,
#nextBtn a:active,
#prevBtn a:hover,
#prevBtn a:active{
	background-position: left -24px;
	}


/*------------------------------
	5. JCAROUSEL
------------------------------*/
.jcarousel-container {
	position: relative;
	}

.jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
	}

.jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	}

.jcarousel-list li,
.jcarousel-item {
	float: left;
	list-style: none;
	width: 309px;
	height: 36px;
	}

.jcarousel-next {
	z-index: 3;
	display: none;
	}

.jcarousel-prev {
	z-index: 3;
	display: none;
	}

.jcarousel-skin-tango .jcarousel-container {
	width: 309px;
	height: 170px;
	}

.jcarousel-skin-tango .jcarousel-clip-vertical {
	width:  309px;
	height: 140px;
	}

.jcarousel-skin-tango .jcarousel-item {
	width: 309px;
	height: 34px;
	margin-bottom: 1px;
	text-decoration: none;
	}

.jcarousel-skin-tango .jcarousel-item-placeholder {
	background: #fff;
	color: #000;
	}

div#tabs .jcarousel-skin-tango .jcarousel-item a,
div#tabs .jcarousel-skin-tango .jcarousel-item a:link,
div#tabs .jcarousel-skin-tango .jcarousel-item a:visited{
	display: block;
	height: 35px;
	width: 279px;
	line-height: 32px;
	padding: 0 0 0 30px;
	color: #fff;
	text-decoration: none;
	}
div#tabs .jcarousel-skin-tango .jcarousel-item a:hover,
div#tabs .jcarousel-skin-tango .jcarousel-item a:active{
	text-decoration: none;
	}

div#tabs div#tabZoeken .jcarousel-skin-tango .jcarousel-item a,
div#tabs div#tabZoeken .jcarousel-skin-tango .jcarousel-item a:link,
div#tabs div#tabZoeken .jcarousel-skin-tango .jcarousel-item a:visited{
	background: transparent url("../img/bgDirectNaarLinks.png") left top no-repeat;
	}

div#tabs div#tabZoeken .jcarousel-skin-tango .jcarousel-item a:hover,
div#tabs div#tabZoeken .jcarousel-skin-tango .jcarousel-item a:active{
	background-position: left -35px;
	}

div#tabs div#tabVerkopen .jcarousel-skin-tango .jcarousel-item a,
div#tabs div#tabVerkopen .jcarousel-skin-tango .jcarousel-item a:link,
div#tabs div#tabVerkopen .jcarousel-skin-tango .jcarousel-item a:visited{
	background: transparent url("../img/bgDirectNaarLinks.png") left -70px no-repeat;
	}

div#tabs div#tabVerkopen .jcarousel-skin-tango .jcarousel-item a:hover,
div#tabs div#tabVerkopen .jcarousel-skin-tango .jcarousel-item a:active{
	background-position: left -105px;
	}

div#tabs div#tabKopen .jcarousel-skin-tango .jcarousel-item a,
div#tabs div#tabKopen .jcarousel-skin-tango .jcarousel-item a:link,
div#tabs div#tabKopen .jcarousel-skin-tango .jcarousel-item a:visited{
	background: transparent url("../img/bgDirectNaarLinks.png") left -140px no-repeat;
	}

div#tabs div#tabKopen .jcarousel-skin-tango .jcarousel-item a:hover,
div#tabs div#tabKopen .jcarousel-skin-tango .jcarousel-item a:active{
	background-position: left -175px;
	}

/* BUTTONS ZOEKEN
-------------------------*/
div#tabs div#tabZoeken .jcarousel-skin-tango .jcarousel-next-vertical {
	position: absolute;
	bottom: -3px;
	right: 10px;
	width: 34px;
	height: 28px;
	cursor: pointer;
	background: transparent url("../img/directnaar_nav.png") no-repeat -35px 0;
	}

div#tabs div#tabZoeken .jcarousel-skin-tango .jcarousel-next-vertical:hover {
	background-position: -35px -30px;
	}

div#tabs div#tabZoeken .jcarousel-skin-tango .jcarousel-next-vertical:active {
	background-position: -35px -60px;
	}

div#tabs div#tabZoeken .jcarousel-skin-tango .jcarousel-next-disabled-vertical,
div#tabs div#tabZoeken .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
div#tabs div#tabZoeken .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
	cursor: default;
	background-position: -35px -90px;
	}

div#tabs div#tabZoeken .jcarousel-skin-tango .jcarousel-prev-vertical {
	position: absolute;
	bottom: -3px;
	right: 43px;
	width: 34px;
	height: 28px;
	cursor: pointer;
	background: transparent url("../img/directnaar_nav.png") no-repeat 0 0;
	}

div#tabs div#tabZoeken .jcarousel-skin-tango .jcarousel-prev-vertical:hover {
	background-position: 0 -30px;
	}

div#tabs div#tabZoeken .jcarousel-skin-tango .jcarousel-prev-vertical:active {
	background-position: 0 -60px;
	}

div#tabs div#tabZoeken .jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
div#tabs div#tabZoeken .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
div#tabs div#tabZoeken .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
	cursor: default;
	background-position: 0 -90px;
	}

/* BUTTONS VERKOPEN
-------------------------*/
div#tabs div#tabVerkopen .jcarousel-skin-tango .jcarousel-next-vertical {
	position: absolute;
	bottom: -3px;
	right: 10px;
	width: 34px;
	height: 28px;
	cursor: pointer;
	background: transparent url("../img/directnaar_nav.png") no-repeat -105px 0;
	}

div#tabs div#tabVerkopen .jcarousel-skin-tango .jcarousel-next-vertical:hover {
	background-position: -105px -30px;
	}

div#tabs div#tabVerkopen .jcarousel-skin-tango .jcarousel-next-vertical:active {
	background-position: -105px -60px;
	}

div#tabs div#tabVerkopen .jcarousel-skin-tango .jcarousel-next-disabled-vertical,
div#tabs div#tabVerkopen .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
div#tabs div#tabVerkopen .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
	cursor: default;
	background-position: -105px -90px;
	}

div#tabs div#tabVerkopen .jcarousel-skin-tango .jcarousel-prev-vertical {
	position: absolute;
	bottom: -3px;
	right: 43px;
	width: 34px;
	height: 28px;
	cursor: pointer;
	background: transparent url("../img/directnaar_nav.png") no-repeat -70px 0;
	}

div#tabs div#tabVerkopen .jcarousel-skin-tango .jcarousel-prev-vertical:hover {
	background-position: -70px -30px;
	}

div#tabs div#tabVerkopen .jcarousel-skin-tango .jcarousel-prev-vertical:active {
	background-position: -70px -60px;
	}

div#tabs div#tabVerkopen .jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
div#tabs div#tabVerkopen .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
div#tabs div#tabVerkopen .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
	cursor: default;
	background-position: -70px -90px;
	}

/* BUTTONS KOPEN
-------------------------*/
div#tabs div#tabKopen .jcarousel-skin-tango .jcarousel-next-vertical {
	position: absolute;
	bottom: -3px;
	right: 10px;
	width: 34px;
	height: 28px;
	cursor: pointer;
	background: transparent url("../img/directnaar_nav.png") no-repeat -140px 0;
	}

div#tabs div#tabKopen .jcarousel-skin-tango .jcarousel-next-vertical:hover {
	background-position: -140px -30px;
	}

div#tabs div#tabKopen .jcarousel-skin-tango .jcarousel-next-vertical:active {
	background-position: -140px -60px;
	}

div#tabs div#tabKopen .jcarousel-skin-tango .jcarousel-next-disabled-vertical,
div#tabs div#tabKopen .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
div#tabs div#tabKopen .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
	cursor: default;
	background-position: -140px -90px;
	}

div#tabs div#tabKopen .jcarousel-skin-tango .jcarousel-prev-vertical {
	position: absolute;
	bottom: -3px;
	right: 43px;
	width: 34px;
	height: 28px;
	cursor: pointer;
	background: transparent url("../img/directnaar_nav.png") no-repeat -175px 0;
	}

div#tabs div#tabKopen .jcarousel-skin-tango .jcarousel-prev-vertical:hover {
	background-position: -175px -30px;
	}

div#tabs div#tabKopen .jcarousel-skin-tango .jcarousel-prev-vertical:active {
	background-position: -175px -60px;
	}

div#tabs div#tabKopen .jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
div#tabs div#tabKopen .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
div#tabs div#tabKopen .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
	cursor: default;
	background-position: -175px -90px;
	}