﻿/* ============================================================	*/
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/

html
{
	height: 100%;
	width: 100%;
	overflow-y: scroll;
	overflow: -moz-scrollbars-vertical;
}
body
{
	margin: 0 0 0 0;
	width: 100%;
	height: 100%;
	text-align: center;
	/* background: #e2e3e4 url('../gfx/bg.gif') no-repeat center top; */
	background: #ffffff;
	color: #4e4b4b;
}
img
{
	border: 0px solid #000000;
}

body, table, th, td, p, input, textarea, select
{
	font-family: Arial, Verdana, Helvetica, Sans-serif;
}
h1, h2, h3, h4, h5, h6
{
	margin: 0 0 10px 0;
	color: #000000;
}
p
{
	margin: 0px 0px 10px 0px;
}
.provincemap
{
	float: left;
	width: 200px;
	overflow: hidden;
}
.provincelist
{
	margin: 0 0 0 220px;
}

ul, li, b
{
	color: #000000;
}
a
{
	color: #003466;
}

a:focus
{
	outline: none;
}
a:hover
{
}
input.w425, input.w380, input.w250 
{
	height: 2em;
}
.w425
{
	width: 425px;
}
.w380
{
	width: 380px;
}
.w250
{
	width: 250px;
}
.kop
{
	color: #000000;
	font-weight: bold;
}
label.kop
{
	color: inherit;
	font-weight: bold;
}
object
{
	position: relative;
	z-index: 0;
}

a.aktiebutton
{
	position: absolute;
	top: 290px;
	right: 217px;
	z-index: 999px;
	background: transparent url(../gfx_content/aktiebutton.png) top left no-repeat;
	display: block;
	width: 115px;
	height: 114px;
}
a.aktiebutton img
{
	position: relative;
	width: 115px;
	height: 114px;
	display: none;
}
.notvisible 
{
    display: none;
}
/* ============================================================	*/
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/

#container
{
	position: relative;
	margin: 0 auto 0 auto;
	width: 978px;
	text-align: left;
	background-color:White;
	overflow: hidden;
}

/* ============================================================	*/
/* ========	HEADER				===============================	*/
/* ============================================================	*/
div.header, div.introHeader
{
	position: relative;
    top: 26px;
	height: 207px;
	width: 978px;
	float: left;
	/* background: url(../gfx/2011/bg-header.gif) no-repeat left top; */
}

div.introHeader {
	height: 530px;
}
body.trapliften div.header, body.plateauliften div.header, body.huisliften div.header {
    height: 488px;
}
body.noblocks div.header {
    height: 180px;
}

div.headerimage, div.introHeaderimage
{
	padding-top: 46px;
	height: 284px;
	width: 978px;
	position: relative;
	float: inherit;
}
div.headerimage
{
	height: 211px;
}

div.header a, div.introHeader a
{
	text-decoration: none;
}

div.logoblock
{
	position: relative;
	float: left;
	width: 978px;
	height: 141px;
}
.logo
{
	/* position: absolute;
	top: 18px;
	left: 17px;*/
	float: left;
	width: 156px;
	height: 27px;
	padding-top: 9px;
}
.topnav
{
	position: absolute;
	top: 4px;
	left: 240px;
	width: 156px;
	height: 23px;
	vertical-align: middle;
}
.topnav A
{
    display: block;
    position: relative;
    font-size: 12px;
    color: #b1b1b3;
    text-decoration: none;
}
.topnav IMG
{
    position: relative;
    display: inline-block;
    top: 6px;
}
.topnav SPAN
{
    position: relative;
    display: inline-block;
    top: 0px;
}
.icon
{

	/* position: absolute;
	top: 9px;
	right: 15px; */
	float: left;
	width: 193px;
	height: 54px;
	margin-right: 15px;
}
.belonsgratis {
	position: absolute;
	top: 80px;
	/* right: 256px; */
	left: 616px;
	z-index: 100;
    width: 122px;
    height: 41px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.belonsgratis div {
    height: 41px;
    border-left: 1px solid white;
    border-right: 1px solid white;
    text-align: center;
}
.belonsgratis div span.text {
    padding-top: 8px;
    display: block;
}
.belonsgratis div span.nummer {
    display: block;
    font-size: 17px;
}
.belonsgratis .belplateauliften {
    display: none;
}
.belonsgratis .belhuisliften {
    display: none;
}
.plateauliften .belonsgratis .beltrapliften {
    display: none;
} 
.plateauliften .belonsgratis .belplateauliften {
    display: block;
} 
.huisliften .belonsgratis .beltrapliften {
    display: none;
} 
.huisliften .belonsgratis .belhuisliften {
    display: block;
} 
.search {
	width: 210px;
	height: 34px;
	position: absolute;
	top: 86px;
	/* right: 16px; */
	left: 752px;
	z-index: 100;
}
.search-inner {
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	position: relative;
}
.search .input {
	/* border: 1px solid #ccc; */
	width: 160px;
	height: 30px;
	padding: 0px 4px 0 4px;
	color: #4E4B4B;
	font-size: 11px;
	position: absolute;
	line-height: 30px;
	top: 0;
	right: 28px;
	border: none;
	background: url(../gfx/2011/bg-textinput.png) no-repeat left top;
}
.search .arrow {
	position: absolute;
	top: 0;
	right: 0;
}

div.pagenav
{
	height: auto;
	width: 978px;
}
div.pagenav .nav
{
}
div.xpagenav .nav a
{
	color: #554c4c;
	line-height: 30px;
	margin-left: 17px;
}
div.pagenav .nav a:hover
{
	text-decoration: underline;
}





/* ============================================================	*/
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/
#topnavigatie 
{
	position: absolute;
	top: 14px;
	right: 0px;
	z-index: 100;
}
#navigatie
{
	position: absolute;
	top: 80px;
	left: 0px;
	width: 978px;
	height: 54px;
 	z-index: 90;
   /* background: url(../gfx/2011/bg-header-large.gif) no-repeat left -161px; */
}

#navigatie ul, #topnavigatie ul {
    height: 54px;
}
#navigatie li.li_trapliften ul
{
}
#navigatie ul, #navigatie li, #topnavigatie ul, #topnavigatie li
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#navigatie ul {
    padding-top: 10px;
    background: url(../gfx/2011/bg-mainmenu.png) no-repeat left top;
}
#navigatie ul li, #topnavigatie ul li
{
	float: left;
	height: 44px;
	overflow: visible;
	line-height: 44px;
	position: relative;
}
#navigatie ul li a, #topnavigatie ul li a
{
	position: relative;
	width: 100px;
	height: 44px;
	display: block;
	text-align: center;
	z-index: 80; /*text-transform:uppercase;*/
	text-indent: -999px;
	overflow: hidden;
	white-space: pre;
	background: url('../gfx/2011/mainmenu.png') no-repeat top left;
}
#topnavigatie ul li a
{
    padding-top: 10px;
    height: 28px;
    line-height: 38px;
	text-indent: 0px;
    background: none;
	color: #000000;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}

#navigatie ul li a.home
{
	padding-top: 8px;
	height: 36px;
    background: none;
    text-indent: 0;
	width: 50px !important;
}
#navigatie ul li a.trapliften
{
	background-position: 0px -30px;
	width: 130px !important;
}
#navigatie ul li:hover a.trapliften, #navigatie ul li a.trapliften:hover, #navigatie ul li a.trapliften.currentsub, #navigatie ul li a.trapliften.selected
{
	background-position: -463px -30px;
}
#navigatie ul li a.plateauliften
{
	background-position: -22px -80px;
	width: 124px !important;
}
#navigatie ul li:hover a.plateauliften, #navigatie ul li a.plateauliften:hover, #navigatie ul li a.plateauliften.currentsub, #navigatie ul li a.plateauliften.selected
{
	background-position: -485px -80px;
}
#navigatie ul li.li_huisliften
{
	width: 100px !important;
}
#navigatie ul li a.huisliften
{
	background-position: -22px -130px;
	width: 100px !important;
}
#navigatie ul li:hover a.huisliften, #navigatie ul li a.huisliften:hover, #navigatie ul li a.huisliften.currentsub, #navigatie ul li a.huisliften.selected
{
	background-position: -485px -130px;
}
#topnavigatie ul li a.organisatie
{
	background-position: -22px -180px;
	width: 108px !important;
}
#topnavigatie ul li:hover a, #topnavigatie ul li a:hover 
{
	color: Black;
	border-top: 1px solid #e6e7e8;
	border-right: 1px solid #e6e7e8;
	border-left: 1px solid #e6e7e8;
	z-index: 100000;
	background: #FFFFFF;
}

#topnavigatie ul li:hover a.organisatie, #topnavigatie ul li a.organisatie:hover, #topnavigatie ul li a.organisatie.currentsub, #topnavigatie ul li a.organisatie.selected
{
	background-position: -485px -180px;
}
#topnavigatie ul li a.zakelijk
{
	background-position: -22px -230px;
	width: 87px !important;
}
#topnavigatie ul li:hover a.zakelijk, #topnavigatie ul li a.zakelijk:hover, #topnavigatie ul li a.zakelijk.currentsub, #topnavigatie ul li a.zakelijk.selected
{
	background-position: -485px -230px;
}
#topnavigatie ul li a.service
{
	background-position: -22px -280px;
	width: 82px !important;
}
#topnavigatie ul li:hover a.service, #topnavigatie ul li a.service:hover, #topnavigatie ul li a.service.currentsub, #topnavigatie ul li a.service.selected
{
	background-position: -485px -280px;
}
#topnavigatie ul li a.webshop 
{
	background-position: -22px -330px;
	width: 69px !important;
}
#topnavigatie ul li:hover a.webshop, #topnavigatie ul li a.webshop:hover, #topnavigatie ul li a.webshop.currentsub, #topnavigatie ul li a.webshop.selected
{
	background-position: -485px -330px;
}
#topnavigatie ul li a.nieuws
{
	background-position: -22px -380px;
	width: 82px !important;
}
#topnavigatie ul li:hover a.nieuws, #topnavigatie ul li a.nieuws:hover, #topnavigatie ul li a.nieuws.currentsub, #topnavigatie ul li a.nieuws.selected
{
	background-position: -485px -380px;
}
#topnavigatie ul li a.webshop-items
{
    background: url('../nav/webshop-items.gif');
}
#topnavigatie ul li a.contact
{
	background-position: -22px -430px;
	width: 81px !important;
}
#topnavigatie ul li:hover a.contact, #topnavigatie ul li a.contact:hover, #topnavigatie ul li a.contact.currentsub, #topnavigatie ul li a.contact.selected, #topnavigatie ul li.selected a.contact
{
	background-position: -485px -430px;
}

#navigatie li li.selected, #topnavigatie li li.selected
{
	color: #000000;
}

/* ========	NAVIGATIE			===============================	*/
#navigatie ul li ul
{
	position: absolute;
	padding-top: 0px;
	margin-top: 42px;
	top: 0px;
	left: 0px;
	/*width: 978px;*/
	background: #FFFFFF;
	height: auto;
	line-height: 46px;
	border-right: 3px solid #e6e7e8;
	border-left: 3px solid #e6e7e8;
	border-bottom: 2px solid #e6e7e8;
}
#topnavigatie ul li ul
{
	position: absolute;
	margin-top: 38px;
	top: 0px;
	left: 0px;
	/*width: 978px;*/
	background: #FFFFFF;
	height: auto;
	line-height: 46px;
	border-bottom: 1px solid #e6e7e8;
}
#navigatie ul li ul.hasnochildren
{
    display: none;
}
#topnavigatie ul li ul.hasnochildren 
{
    height: 0px;
    border-top: 1px solid #e6e7e8;
    width: 100%;
}
#navigatie ul li.li_trapliften ul 
{
    left: 20px;
}
#topnavigatie ul li.li_nieuws ul
{
	left: -108px;
}
#topnavigatie ul li.li_contact ul
{
	left: -109px;
}
#navigatie ul li ul li, #topnavigatie ul li ul li
{
	position: relative;
	height: 36px;
	_line-height: 36px;
	color: black;
	background: #FFFFFF;
	float: none;
}
#topnavigatie ul li ul li 
{
	height: 36px;
	line-height: 25px;
}
#navigatie ul li ul li a, #topnavigatie ul li ul li a {
	display: inline;
	position: relative;
	float: left;
	line-height: 35px;
	height: 35px;
	text-indent: 0px;
	width: 250px;
	text-decoration: none;
	background: none;
	border-bottom: 1px solid #e6e7e8;
	text-align: left;
	color: #393739;
	font-weight: bold;
}
#topnavigatie ul li ul li a {
    padding-top: 10px;
	width: 190px;
	height: 25px;
	line-height: 25px;
	font-weight: normal;
	border: none;
	color: #000000;
}
#navigatie ul li ul li a span
{
	display: block;
	line-height: 35px;
	height: 35px;
	padding-left: 10px;
	padding-right: 10px;
}
#topnavigatie ul li ul li a span 
{
	display: block;
	padding-left: 10px;
	padding-right: 10px;
}
#navigatie ul li ul li a:hover, #navigatie ul li ul li a.currentsub, #navigatie ul li ul li.alwaysShow a
{
	color: white;
	background: #58585a;
}
#topnavigatie ul li ul li a:hover, #topnavigatie ul li ul li a.currentsub, #topnavigatie ul li ul li.alwaysShow a
{
	color: white;
	background: #58585a;
}
#navigatie ul li ul li ul, #topnavigatie ul li ul li ul
{
	margin-top: 30px;
	z-index: 9999;
}
#navigatie ul ul, #topnavigatie ul ul {
    display: none;
}
#navigatie li:hover ul, #topnavigatie li:hover ul
{
    display: block;
    /* background: #FFFFFF; */
    z-index: 150;
}


/* ============================================================	*/
/* ========	THREE BLOCKS    	===============================	*/
/* ============================================================	*/
.threeblocksplaceholder {
    position: relative;
    margin-top: 150px;
    background: #FFFFFF;
    height: 339px;
    width: 978px;
    /* border-top: 1px solid #D5D5D4; */
}
.faded {
        width: 314px; 
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
        -moz-opacity:0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
}
.block {
    width: 314px;
    float: left;
    margin-right: 18px;
    position: relative;
    background: url(../gfx/2011/bg-block.gif) no-repeat;
}
.block.last {
    margin-right: 0;
}
.block .image-container {
    position: relative;
    overflow: hidden;
}
.block .image-container-mask {
    position: absolute;
    top: 0px;
    height: 9px;
    width: 314px;
    background: transparent url(../gfx/2011/image-container-mask.png) no-repeat;
}
.threeblocksplaceholder .block .image-container img {
    display: block;
    /*width: 314px;
    height: 222px;*/
}
.threeblocksplaceholder.products .block .image-container img {
    /*width: 314px;
    height: 176px;*/
}
.threeblocksplaceholder.products .block .image-container.exception img {
    /*width: 314px;
    height: 234px;*/
}
.block .image-container .product-links {
    position: absolute;
    width: 284px;
    padding: 10px 15px;
    bottom: 0px;
    text-align: right;
    background: url(../gfx/2011/bg-producttypes.png) top left;
    color: #FFFFFF;
    /* z-index: 1000; */
}
.block .image-container .product-links A {
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.9em;
}
.block SPAN.title {
    display: block;
    width: 284px;
    height: 33px;
    padding: 15px 15px 10px 15px;
    color: #FFFFFF;
    font-size: 30px;
    text-align: right;
    /* background: #b1b2b4; */
}
body.trapliften .block SPAN.title, .block.trapliften SPAN.title {
    background: #680130;
}
body.plateauliften .block SPAN.title, .block.plateauliften SPAN.title {
    background: #b1b2b4;
}
body.huisliften .block SPAN.title, .block.huisliften SPAN.title {
    background: #c2b477;
}
.block .introduction-text {
    width: 288px;
    height: 32px;
    padding: 13px 13px;
    background: #ffffff url('../gfx/2011/block-introduction.gif') no-repeat left top;
    color: #4e4b4b;
    font-size: 12px;
    line-height: 1.2em;
}
.block .introduction-text .text {
    float: left;
    width: 253px;
    height: 32px;
    padding-right: 4px;
}
.block .introduction-text .arrow {
    float: left;
    width: 31px;
    height: 32px;
}
.block .introduction-text A {
    color: #003365;
}

/* ============================================================	*/
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

.player
{
	display: block;
	padding-left:50px;
	width: 320px;
	height: 264px;
	text-align: center;
}
.player #player
{
	position: relative;
}


div.contentBlock
{
	position: relative;
	width: 100%;
	overflow: hidden;
}
div.contentRight
{
	float: right;
	width:300px;
	overflow:hidden;
}
div.calltoaction, div.demobanner
{
	clear: both;
	float: right;
	position: relative;
	display: none !important;
}
a.belmij, a.brochure
{
	display: block;
	height: 55px;
	width: 165px;
	margin-bottom: 4px;
	margin-left: 20px;
	text-indent: -999px;
}
a.belmij
{
	background-image: url('../gfx/btn_belmijterug.gif');
}
a.brochure
{
	background-image: url('../gfx/btn_brochure.gif');
}
a.belmij:hover, a.brochure:hover
{
	background-position: 0 -55px;
}
div.demobanner
{
	display: none;
	margin: -24px 0 0 40px;
}
img.bodyImage
{
	position: relative;
	text-align: right;
	float: right;
	padding: 0 0 10px 16px;
}

div.mainContent
{
	position: relative;
	float: left;
	width: 978px; /*border: 4px solid #ffffff;*/ /*background:url('../gfx/maincontent-bg.gif') repeat-x;*/
	margin-top: 30px;
	margin-bottom: 25px;
	min-height: 350px;
}
body.homepage div.mainContent, body.trapliften div.mainContent, body.plateauliften div.mainContent, body.huisliften div.mainContent {
    border: none;
}


/* ============================================================	*/
/* ========	left		===============================	*/
/* ============================================================	*/

div.left
{
	position: relative;
	float: left;
	width: 251px;
	background: #eaeaeb;
}

div.right
{
	position: relative;
	float: right;
	right: 0px;
	width: 314px;
	margin-bottom: 20px;
	/*background: #eaeaeb url('../gfx/sidebar-bg.gif') repeat-x;*/
}

.xsb
{
	background: url('../gfx/sidebarBg.gif') no-repeat -1px 0;
	width: 251px;
	height: 266px;
	position: relative;
}
.sb
{
	background-color: White;
	width: 251px;
	position: relative;
	padding: 0;
}
.sb INPUT
{
	margin: 6px 0 0 0;
	padding: 0;
}

.xsb p
{
	line-height: 20px;
	position: absolute;
	left: 72px;
	top: 116px;
	display: block;
}
.xsb div
{
	width: 219px;
	height: 54px;
	margin: 143px 0 0 9px;
	font-size: 17px;
	line-height: 49px;
	position: absolute;
	left: 2px;
	top: 60px;
}

div.sidebar
{
	position: relative;
	float: left;
	width: 302px;
	padding: 10px 0px 10px 10px;
	margin: 12px 0 30px 0px;
	border: 1px solid #CCC;
}

div.sidebar ul
{
	margin: 0px;
	padding: 0px;
}


div.sidebar li
{
	margin-left: 16px;
	padding-left: 17px;
	margin: 0px;
	list-style: none;
}

div.sidebar li a
{
	padding: 0px;
	display: block;
	text-decoration: none;
}

div.sidebar li a:hover, div.sidebar li a.selected
{
	color: #4784C5;
}

/* ============================================================	*/
/* ========	direct-contact							===========	*/
/* ============================================================	*/

div.directcontact a.darkblue
{
	background: #003466;
}
div.directcontact a.darkblue:hover
{
	background: #4784c5;
}
div.directcontact a.lightblue
{
	background: #4784c5;
}
div.directcontact a.lightblue:hover
{
	background: #003466;
}
div.directcontactcopy 
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 188px;
}
div.directcontactcopy a.directcontactlink, input.directcontactlink, button.directcontactlink {
    display: block;
    width: 147px;
    height: 25px;
    text-align: right;
    padding-right: 41px;
    padding-top: 6px;
    font-size: 18px;
    color: #000000;
    text-decoration: none;
    background: url(../gfx/2011/arrows.gif) no-repeat right bottom;
    margin-bottom: 10px;
}
input.directcontactlink, button.directcontactlink {
    border: none;
    height: 31px;
    text-align: left;
    float: right;
    cursor: pointer;
    background-position: right -124px;
}
.buttondirectcontact 
{
    display: none;
    width: 288px;
    height: 67px;
    margin-top: 6px;
    background: url(../gfx/2011/button-directcontact.gif) no-repeat left top;
	padding: 20px 13px 13px 13px;
}
.buttondirectcontact SPAN
{
    font-size: 12px;
    line-height: 15px;
    color: #4e4b4b;
}
.buttondirectcontact SPAN.title 
{
    font-size: 16px;
    color: #393739;
    font-weight: bold;
    background: none;
}
.buttondirectcontact SPAN.accent 
{
    color: #003365;   
}
.buttondirectcontact SPAN.telefoon
{
    display: block;
    padding-top: 6px;
    font-size: 30px;  
    line-height: 36px; 
    color: #393739;
}
.trapliften .buttondirectcontacttraplift
{
    display: block;
}
.plateauliften .buttondirectcontactplatform
{
    display: block;
}
.huisliften .buttondirectcontacthuislift
{
    display: block;
}
.trapliften div.directcontactcopy a.directcontactlink {
    background-position: right 0px;
}
.plateauliften div.directcontactcopy a.directcontactlink {
    background-position: right -31px;
}
.huisliften div.directcontactcopy a.directcontactlink {
    background-position: right -62px;
}
div.directcontact, div.callmebackcontainer {
	position: relative;
	float: left;
	width: 314px;
}
div.directcontact.first, div.directcontact.accessoires, div.directcontact.demodagen, div.directcontact.threesteps, div.directcontact.productadviseur {
	margin-top: 6px;
	height: 56px;
}

div.directcontact a {
	padding:0;
	margin:0;
	background: url('../gfx/2011/banner-directcontact.png') no-repeat left top;
	display: block;
	width: 288px;
	height: 23px;
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 20px 13px 13px 13px;
	text-decoration: none;
}
div.directcontact.threesteps a {
	background: url('../gfx/2011/banner-directcontact.png') no-repeat left top;
}
div.directcontact.accessoires 
{
    display: none;
}
.trapliften div.directcontact.accessoires
{
    display: block;
}
.plateauliften div.directcontact.accessoires
{
    display: block;
}
.huisliften div.directcontact.accessoires
{
    display: block;
}

div.directcontact.accessoires a {
	background: url('../gfx/2011/banner-directcontact.png') no-repeat left top;
}
div.directcontact.productadviseur a {
	background: url('../gfx/2011/banner-productadviseur.png') no-repeat left top;
}
div.directcontact a SPAN.title 
{
    font-size: 16px;
    color: #393739;
    font-weight: bold;
    background: none;
}
div.directcontact.productadviseur a SPAN.title 
{
    color: #FFFFFF;
}
div.directcontact a SPAN.accent 
{
    color: #003365;   
}


/* ============================================================	*/
/* ========	content		===============================	*/
/* ============================================================	*/


div.content
{
	float: left;
	width: 592px;
	padding-right: 30px;
	margin: 20px 0 0 30px;
}
div.homeContent
{
	float: left;
	width: 592px;
	margin: 0;
	position: relative;
	top: 20px;
	left: 30px;
	padding-right: 30px;
}
div.content strong, div.homeContent strong
{
	color: #000000;
}

div.contentheaderblock
{
    position: absolute;
    bottom: 0px;
	width: 978px;
	line-height: 17px;
	margin: 0px;
}
div.contentheaderblock a
{
	text-decoration: none;
}

div.breadcrumb
{
	float: left;
	width: 634px;
	height: 25px;
	padding-left: 30px;
	padding-top: 8px;
}
div.breadcrumb span.crumbleintro, div.breadcrumb a
{
	display: block;
	float: left;
	margin-right: 4px;
	font-size: 90%;
}
div.breadcrumb a.last
{
	color: #000000;
}
.content2
{
	margin-top: 24px;
}
.district
{
	width: 195px;
	float: left;
}
.district div
{
	background: url('../gfx/li-border.gif') repeat-x bottom;
	margin: 0;
	padding: 0;
	width: 180px;
}
.content2 p
{
	background: url('../gfx/li-icon.gif') no-repeat 0px 5px;
	padding-left: 16px;
	margin-left: 0;
	color: #003466;
	line-height: 20px;
	margin-top: 12px;
}
.content2 a
{
	text-decoration: none;
}

/* ============================================================	*/
/* ========	news				===============================	*/
/* ============================================================	*/
div.news
{
	width: 620px;
	position: relative;
	float: left;
	padding: 0px 0 10px 0;
}
div.news .overzicht-header
{
	width: 620px;
	margin: 0px 0px 20px 0px;
}
div.news .overzicht-header h1
{
	margin: 0px 0px 3px 0px;
}
div.news .date
{
	display: block;
	margin: 1.2em 0;
}


div.news img
{
	width: 308px;
	height: 225px;
	overflow: hidden;
	float: left;
	margin: 0 15px 15px 0;
}


/* ============================================================	*/
/* ========	overzicht			===============================	*/
/* ============================================================	*/

.overzicht
{
	width: 581px;
	position: relative;
	float: left;
	border-bottom: 1px #d5d4d4 solid;
	border-right: 1px #d5d4d4 solid;
	padding: 10px 10px 10px 0px;
	display: block;
	margin-bottom: 20px;
}
a.overzicht:hover
{
	background: url(../gfx/2011/bg-overzicht.gif) repeat-x left bottom;
	cursor: pointer;
}
a.overzicht
{
	text-decoration: none;
	color: #333333;
}
.firstnews-item
{
	/* border-top: 1px #999999 dashed; */
}

span.overzicht:hover
{
	background-color: #E9F0F8;
}
span.overzicht
{
	text-decoration: none;
	color: #333333;
}

a.overzichtlink
{
	text-decoration: none;
	color: #4785C2;
}

.overzicht p
{
	margin: 0px;
}

.overzicht-contentL
{
	width: 386px;
	float: left;
	display: block;
}
.overzicht-contentR
{
	width: 386px;
	float: right;
}

.overzicht-header
{
	display: block;
	width: 386px;
	height: 38px;
	float: left;
	margin: 7px 0px 7px 0px;
}
.overzicht-header b
{
	color: #000000;
	font-size: 150%;
}
.overzicht-header.productkop
{
	color: #000000;
	font-size: 185%;
}
.nieuwsoverzicht-header {
    display: block;
    margin-bottom: 1.2em;
}
div#faqs strong, div#faqs b
{
	color: #003466;
}
.overzicht-header label
{
}

.overzicht-imageL
{
	width: 165px;
	height: 120px;
	overflow: hidden;
	float: left;
}
.overzicht-imageR
{
	/*width: 165px;*/
	/*width:300px;*/
	overflow: hidden;
	float: right;
}

.readmore
{
	text-decoration: none;
	color: #003466;
}
/*.readmore:hover{text-decoration:underline;}*/

div.overzicht:hover
{
	background-color: #E9F0F8;
	cursor: default;
}
div.overzicht .overzicht-header b.subcategory-name
{
	color: #003466;
}
div.overzicht a
{
	text-decoration: none;
}
div.overzicht span.text
{
	min-height: 100px;
	display: block;
}

/* ============================================================	*/
/* ========	header consumenten en zakelijk block	===========	*/
/* ============================================================	*/


div.consumenten
{
	position: absolute;
	right: 10px;
	top: 90px;
	width: 257px;
	height: 100px;
	padding: 7px;
}

div.consumenten .bg
{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 271px;
	height: 114px;
	z-index: 5;
	background-image: url('../gfx/consumenten-bg.png');
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='gfx/consumenten-bg.png');
}

div.zakelijk
{
	position: absolute;
	right: 10px;
	top: 208px;
	width: 257px;
	height: 100px;
	padding: 7px;
}

div.zakelijk .bg
{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 271px;
	height: 114px;
	z-index: 5;
	background-image: url('../gfx/zakelijk-bg.png');
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='gfx/zakelijk-bg.png');
}



div.links
{
	position: relative;
	line-height: 20px;
	float: left;
	margin-top: 34px;
	z-index: 9;
}
div.links a
{
	font-size: 13px;
	display: block;
	margin-left: 5px;
	padding-left: 17px;
}
div.links a:hover
{
	text-decoration: underline;
}


div.consumenten .links a
{
	background: url('../gfx/consumenten-icon.gif') no-repeat left center;
	color: #003466;
}
div.zakelijk .links a
{
	background: url('../gfx/zakelijk-icon.gif') no-repeat left center;
	color: #ffffff;
}


div.consumenten img
{
	z-index: 9;
	position: relative;
	float: right;
	height: 100px;
	width: 71px;
}
div.zakelijk img
{
	z-index: 10;
	position: relative;
	float: right;
	height: 100px;
	width: 71px;
}


/* ============================================================	*/
/* ========	details			===============================	*/
/* ============================================================	*/




.tabcontentblock
{
	width: 592px;
	position: relative;
	float: left;
	padding: 25px 0;
	display: block;
}

div.tabsnav
{
	width: 592px;
	position: relative;
	height: 32px;
	border-bottom: 1px #D5D5D4 solid;
	margin-top: 2em;
}
.tabs
{
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.tabs td
{
	width: 117px;
	height: 32px;
	border-top: 1px #D5D5D4 solid;
	border-right: 1px #D5D5D4 solid;
	background: #ebeced;
	text-align: center;
}
.tabs td.first {
	border-top: 1px #D5D5D4 solid;
	border-right: 1px #D5D5D4 solid;
	border-left: 1px #D5D5D4 solid;
}
.tabs td .selected {
	background: #FFFFFF;
}

.tabs a
{
	position: relative;
	left: 0px;
	top: 1px;
	display: block;
	width: 117px;
	line-height: 34px;
	text-decoration: none;
	color: #3f3b3d;
}

span.head {
    display: block;
    color: #000000;
    line-height: 32px;
    clear: both;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    }


.clear
{
	position: relative;
	clear: both;
	height: 25px;
}


div.tabcontent
{
	/*width: 480px;*/
	/* width:480px; */
	float: left;
	position: relative;
	min-height: 200px;
	_height: 200px;
}
.tabcontent .line 
{
    border-top: 1px dotted #D5D5D4;
}
.pInfo {
	/* width:360px !important; */}

.tabcontent-header
{
	width: 500px;
	float: left;
	margin: 0px 0px 7px 0px;
}

.tabcontent-header b
{
	color: #4785c2;
}

.tabcontent p
{
	margin: 0px;
}

.tabcontent-header label
{
}

div.tabcontentblock ul
{
	margin: 20px 0 0 0;
	padding: 0px;
}
div.tabcontentblock li
{
	color: #000000;
	padding: 0px;
	list-style-position: inside;
}

div.productdetails
{
	position: relative;
	float: left;
	width: 380px;
	/* border: 1px solid gray;
	padding: 10px; */
}
div.productdetails ul
{
	margin: 20px 0 0 0;
	padding: 0px;
}
div.productdetails li
{
	color: #000000;
	padding: 0px;
	list-style-position: inside;
	list-style-type: decimal;
}

a.fotoborder {
	width: 288px;
    border: 1px solid #d5d5d4;
    background: #ffffff;
    display: block;
    padding: 6px;
}

div.fotos {
	width: 302px;
	margin-top: 10px;
	margin-bottom: 30px;
}
div.fotos div.line
{
	width: 302px;
	margin: 0px 0px 10px 0px;
}
div.fotos div.line .item {
	float: left;
	list-style: none;
	width: 80px;
	height: 80px;
	text-align: center;
	overflow: hidden;
	background: #ffffff;
	border: 1px solid #d5d4d4;
	padding: 6px;
}
div.fotos div.line .item a {
	display: block;
	overflow: hidden;
	width: 80px;
	height: 80px;
}
div.fotos div.line .center
{
	margin: 0 10px;
}

div.videos
{
	width: 302px;
	clear: both;
	text-align:center;
}
div.videos .videoitem
{
	position: relative;
    margin-bottom :10px;
	/*
	left: 13%;
	width: 500px;
	height: 333px;
	margin: 0px 0px 25px 0px;
	overflow: hidden;
	background: #eaeaeb url('../gfx/sidebar-bg.gif') repeat-x;
	text-align: center;
	z-index: 1;
	*/
}

/* ============================================================	*/
/* ========	login 		===============================	*/
/* ============================================================	*/

.imagelinkblock
{
	position: relative;
	float: left;
	width: 244px;
	padding: 7px 0 7px 0px;
	margin-bottom: 20px;
}

.imagelinkblock a
{
	display: block;
	float: left;
	width: 115px;
	margin-right: 7px;
	overflow: hidden;
	text-align: center;
	border: 0px;
	text-decoration: none;
	background: aqua;
}


.imagelinkblock img
{
	width: 115px;
	height: 175px;
	border-bottom: 7px solid #ffffff;
}

.imagelinkblock b
{
	display: block;
	background: #a6b8ca;
	text-align: center;
	line-height: 50px;
	margin: 0 7px 7px 0;
}
.imagelinkblock label
{
	position: relative;
	float: left;
	width: 115px;
	margin-right: 7px;
	text-align: center;
	line-height: 30px;
}


/* ============================================================	*/
/* ========	homepage    		===============================	*/
/* ============================================================	*/

IMG.demoImage
{
	position: relative;
	text-align: right;
	float: right;
	padding: 0 0 10px 16px;
}


/* ============================================================	*/
/* ========	advies 		===============================	*/
/* ============================================================	*/

.advicebuttons
{
    clear: both;
	margin-top: 16px;
}

.adviesblock
{
	width: 612px;
	position: relative;
	float: left;
	padding: 14px 0;
	display: block;
}

.question
{
	width: 100%;
	border-bottom: 1px #999999 dashed;
	padding: 5px 0;
}
.adviesblock .blue
{
	background: #e9f0f8;
}
.xquestion-header
{
	width: 679px;
	float: left;
	margin: 0px 0px 7px 0px;
}
.question-header b
{
	color: #003466;
}

.advices
{
	margin-bottom: 12px;
}
.advies p
{
	margin: 0;
}

.advies-header label
{
}

.questions
{
	padding-bottom: 20px;
}
.answer
{
	padding-bottom: 12px;
}

.answerblock
{
	position: relative;
	padding: 5px 10px 5px 5px;
	border: 1px solid #D3D9E0;
	margin-right: 7px;
	margin-bottom: 7px;
	width: 580px;
	min-height: 200px;
	_height: 200px;
}
.answerblockimage {
    width: 164px;
    float: left;
    margin-right: 10px;
}
.answerblocktext
{
	float: left;
    width: 400px;
	padding-top: 20px;
}
.answerblock b
{
	font-size: 17px;
}
.answerblock .crop
{
	margin: 10px 0 0 0;
}
.answerblock .image
{
	margin-right: 20px;
}
a.meerinfo
{
	display: block;
	float: left;
	width: 210px;
	height: 26px;
	margin: 7px 10px 0 0;
	overflow: hidden;
	background-image: url('../gfx/button-meerinfo.png');
}
a.afspraakmaken
{
	display: block;
	float: left;
	width: 284px;
	height: 26px;
	margin-top: 7px;
	text-indent: 210px;
	overflow: hidden;

}

/* ============================================================	*/
/* ========	contact form		===============================	*/
/* ============================================================	*/
div.contact
{
	width: 600px;
	position: relative;
	float: left;
	padding: 0px 0 10px 0;
}
div.contact .overzicht-header
{
	width: 620px;
	margin: 0px 0px 20px 0px;
}
div.contact .overzicht-header h1
{
	margin: 0px 0px 3px 0px;
}


div.contact img
{
	width: 308px;
	height: 225px;
	overflow: hidden;
	float: left;
	margin: 0 15px 15px 0;
}



div.foutmeldingen
{
	position: relative;
	background: url('../gfx/fout.gif') no-repeat;
	background-position: 10px 10px;
	border: solid 1px #c02222;
	color: #c02222;
	width: 347px;
	padding: 18px 24px 0px 54px;
	margin-bottom: 12px;
	clear: both;
}

div.foutmeldingen UL
{
	margin-top: 8px;
}
div.foutmeldingen UL LI
{
	color: #c02222;
}

div.goedmeldingen
{
	position: relative;
	background: url('../gfx/goed.gif') no-repeat;
	background-position: 10px 10px;
	border: solid 1px #62992c;
	color: #62992c;
	width: 347px;
	padding: 18px 24px 0px 54px;
	margin-bottom: 12px;
	clear: both;
}
div.goedmeldingen UL
{
	margin-top: 8px;
}

div.goedmeldingen UL LI
{
	color: #62992c;
}



/* ============================================================	*/
/* ========	FAQ          		===============================	*/
/* ============================================================	*/

img.salesImage
{
	position: relative;
	text-align: right;
	float: right;
	margin: 0 -31px 0 0;
	padding: 0 0 10px 16px;
}

.notFound
{
	color: #003466;
	padding-top: 8px;
}

.notFound A
{
	font-weight: bold;
}



/* ============================================================	*/
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div.social 
{
    right:32px;
    top:12px;
    width: 104px;
    position:absolute;
}

div.social a {border:none !important;}

div.footer
{
	position: relative;
	float: left;
	width: 978px;
	color: #999999;
	border-top: 1px solid #e6e6e6;
	padding: 7px 0 7px 17px;
}
div.footer a
{
	color: #2267b2;
	text-decoration: none;
	border-left: 1px solid #999999;
	padding: 0 5px;
	display: block;
	float: left;
}
div.footer a.first
{
	border-left: none;
	padding: 0 5px 0 0px;
	display: block;
	float: left;
}

div.footer .addthis_toolbox a {
    border: none;
}
div.footer .footertop
{
	text-align: left;
	padding: 3px 0;
}
div.footer .footerbottom
{
	text-align: left;
	padding: 3px 0;
	clear: left;
}
div.footer .footerbottom label
{
	float: left;
	margin-right: 5px;
}

div.footer a:hover
{
	text-decoration: underline;
}
div.fontsizeandreadme 
{
    position: relative;
    top: 0px;
    /* right: 0px; */
    float: right;
}
div.fontsizeandreadme a
{
    border: none;
}
div.fontsize
{
	width: 162px;
	height: 31px;
	float: left;
	text-align: left;
	border: 1px solid #E6E6E6;
}
div.fontsize label
{
	line-height: 31px;
	height: 31px;
	display: block;
	float: left;
	padding-left: 12px;
	width: 78px;
	font-size: 11px;
	color: #3f3b3d;
}
div.fontsize a
{
	position: relative;
	float: left;
	display: block;
	line-height: 31px;
	height: 31px;
	width: 23px;
	border-left: 1px solid #E6E6E6;
	text-align: center;
	color: #3f3b3d;
	padding: 0px;
}
div.fontsize a.icon100
{
    font-size: 12px;
	line-height: 33px;
	padding: 0px;
}
div.fontsize a.icon120
{
    font-size: 14px;
	padding: 0px;
}
div.fontsize a.icon140
{
    font-size: 16px;
	padding: 0px;
}
div.fontsize a:hover, div.fontsize a.selected {
    background-color: #EEEEEE;
}
div.readme
{
	float: right;
	position: relative;
	width: 137px;
	height: 31px;
	padding-left: 12px;
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	background: url(../gfx/2011/leesvoor.gif) no-repeat 120px 9px;
}
div.readme a
{
	color: #3f3b3d;
	font-size: 11px;
	line-height: 31px;
	text-decoration: none;
	padding: 0px;
}

/**/
input.typeText, textarea, select
{
	/*background:transparent url(../gfx/input-back.gif) top left no-repeat; */
	border-top: 1px solid #888888;
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	border-left: 1px solid #888888;
	background: #eff2f5;
}

span.mini-height
{
	overflow: visible;
	display: block;
}

div.loginWarning
{
	color: Red;
	margin-bottom: 30px;
}

div.bodyText
{
	margin-bottom: 20px;
}
/* ============================================================	*/
/* ========	CALL ME BACK		===============================	*/
/* ============================================================	*/
div.calltoaction
{
	display: none;
}
div.demobanner
{
	display: inherit;
}
.callmebackcontainer 
{
	height: 88px;
	background:#ffffff;
	position:relative;
	clear:both;
	padding-top:7px;
}
.callmeback
{
	background: #ffffff url('../gfx/2011/banner-terugbellen-bg.png') no-repeat 0 0;
	width: 288px;
	height: 54px;
	padding: 17px 13px;
	clear: both;
}
.callmeback SPAN
{
    font-size: 12px;
    line-height: 15px;
    color: #4e4b4b;
}
.callmeback SPAN.title 
{
    font-size: 16px;
    color: #393739;
    font-weight: bold;
    background: none;
}
.callmeback SPAN.accent 
{
    color: #003365;   
}
.callmeback A
{
	display: block;
	width: 24px;
	height: 23px;
	position: absolute;
	left: 272px;
	top: 50px;
}
.callmeback INPUT
{
	width: 235px;
	height: 27px;
	border: none;
	padding: 2px 0 0 4px;
	position: absolute;
	left: 18px;
	top: 45px;
	font-size: 11px;
	background: transparent;
	color: #7B7C7E;
}
.callmeback .defaultnr
{
	color: #7B7C7E;
}

.callmebackproductplaceholder 
{
	clear: both;
	margin-top: 24px;
	margin-bottom: 20px;
	position:relative;
}
.callmebackproduct
{
	width:592px;
	height:181px;
	margin-top: 24px;
	margin-bottom: 20px;
	position:relative;
}
.callmebackproduct A
{
	display: block;
	width: 31px;
	height: 31px;
	position: absolute;
	left: 260px;
	bottom: 19px;
}
.callmebackproductplaceholder INPUT {
	width: 228px;
	height: 31px;
	border: none;
	padding: 2px 0 0 4px;
	position: absolute;
	left: 22px;
	bottom: 14px;
	font-size: 11px;
	background: url(../gfx/2011/bg-belterug-txt.gif) no-repeat top left;
	color: #7B7C7E;
}
.callmebackproduct .defaultnr
{
	color: #7B7C7E;
}
.callmebackproduct .postext 
{
    font-size:20px;
    font-weight:bold;
    color:#000000;
    position:absolute;
    top:20px;
    left:22px;
}
.callmebackproduct .postext span
{
    font-weight:normal;
    color:#003664;
}
.callmebacktext 
{
	width:560px;
	height:71px;
	padding: 20px 10px 10px 22px;
	margin-top: 24px;
	margin-bottom: 20px;
	position:relative;
	background: #EEEEEE;
	color: #000000;
	font-size: 20px;
	font-weight: bold;
}
.callmebacktext A
{
	display: block;
	width: 31px;
	height: 31px;
	position: absolute;
	left: 260px;
	bottom: 19px;
}

/*TRAPLIFTENPAGE*/

.trSwing,
.trLevant,
.trKorting,
.trProberen {
	display:block;
	width:319px;
	height:211px;
	border:1px solid #DEDEDE;
	background-color:#FFFFFF;
	float:left;
	background-position:9px 43px;
	background-repeat:no-repeat;
	font-size:14px;
	text-indent:9px;
	white-space:nowrap;
	line-height:44px;
	text-decoration:none;
	}
.trSwing strong,
.trLevant strong,
.trKorting strong,
.trProberen strong{
	font-size:18px;
	}
.trSwing {
	margin-right:10px;
	margin-bottom:10px;
	background-image:url(../gfx_content/tr-swing.jpg);
	}
.trLevant {
	margin-left:10px;
	margin-bottom:10px;
	background-image:url(../gfx_content/tr-levant.jpg);
	}
.trKorting {
	margin-right:10px;
	margin-top:10px;
	background-image:url(../gfx_content/tr-korting.jpg);
	}
.trTraplift 
{
    float:left;
    margin-left:10px;
	margin-top:10px;
    }
.trProberen {
	margin-right:10px;
	margin-top:10px;
	background-position:9px 9px;
	background-image:url(../gfx_content/tr-proberen.jpg);
	text-indent:0px;
	line-height:normal;
	font-weight:bold;
	}
	.trProberen span {
		display:block;
		margin-left:9px;
		font-weight:bold;
		position:relative;
		top:10px;
		}
	.trProberen strong {
		line-height:23px;
		font-size:25px;
		color:#4e85c2 !important;
		display:block;
		}


/* ============================================================	*/
/* ========	LOCATIES			===============================	*/
/* ============================================================	*/
.provincemap { float: left; width: 220px; }
.provincelist A { 
    display: block; 
    float: left; 
    width: 120px; 
    padding-left: 20px;
    background: white url('../gfx/li-icon.gif') no-repeat left 4px;
    color: Black;
    text-decoration: none;
}
.provincelist A:hover,
.provincelist A.selected { 
    color: #4985C4;
    text-decoration: underline;
}
.provincelinks { width: 300px; height: 100px; margin-bottom: 8px; }
.locationtypes { border-top: 1px solid #B5BFCC; padding-top: 8px; }
.locationtypelinks { width: 200px; height: 70px; }
.backtotop { float: right; color: #4985C4; }
.locations { padding-top: 24px; }
.locations TABLE { border: 1px solid #B5BFCC; width: 100%; margin-bottom: 32px; }
.locations TD { vertical-align: top; } 
.locations H2 { color: #4985C4; } 
.locations .locationinfo { width: 120px; border-right: 1px solid #B5BFCC; padding: 10px; }
.locations .kijkhuisinfo { width: 80px; border-right: 1px solid #B5BFCC; padding: 10px; }
.locations .visitinghours { border-right: 1px solid #B5BFCC; padding: 10px; }
.locations .locationimage { width: 200px; text-align:center; }
.locations .liftimage { width: 270px; text-align:center; border-right: 1px solid #B5BFCC; }
.locations .quote { width: 176px; padding: 10px; }
.locations TABLE TABLE { border: 0; }
.locations TABLE TABLE TD { font-weight: bold; padding-right: 4px; }
.locations .dateorday { }
.locations .from { text-align: right; }
.locations .until { }
.locations .closed { padding-left: 14px; }
.nolocations { padding-bottom: 8px; }

/* Webshop */

div#errorContainer 
{
    display:none;
    margin:8px 0 8px 0;
}

div#errorSummary 
{
    border:1px solid #c40001;
    background-color:#ffe7e7;
    padding:13px 10px;
    margin-bottom:8px;
    height:141px;
}

div#errorSummary ol li, div#errorSummary ul li
{
    list-style-type:disc;
    color:black;
}

div#orderForm 
{
    margin:10px 0 0 0;
}

div#orderForm label
{
    display:block;
    float:left;
    font-size:14px;
    color:#003466;
    font-weight:bold;
    width:195px;
    height:10px;
    margin-right:5px;
    padding-top:6px;
}

div#orderForm input 
{
    display:block;
    float:left;
    height:16px;
    width:407px;
}

div#orderForm table input, div#orderForm table label
{
    display:inline;
    float:none;
    width:auto;
    height:auto;
    font-size:12px;
    font-weight:normal;

}

div#orderForm input.order-button 
{
    background:url(/gfx/place-order.gif) no-repeat;
    border:none 0px;
    display:block;
    width:148px;
    height:26px;
    /*padding-top:4px;
    text-align:center;
    font-weight:bold;
    color:White;
    text-decoration:none;*/
    float:right;
    margin:17px 61px 0 0;
    cursor:pointer;
}

.notVisible 
{
    display:none;
}

span.shopping-cart-item-count 
{
    position:absolute;
    right:18px;
    top:15px;
    color:White;
    font-weight:bold;
    z-index:9999;
}

ul#products 
{
    display:block;
    border-top:1px dotted #999999;
    width:100%;
    padding:0px;
    margin:20px 0 0 0;
}

ul#products li 
{
    display:block;
    float:left;
    padding:8px 0 8px 0;
    width:100%;
    border-bottom:1px dotted #999999;
    position:relative;
}

ul#products li a.productImage 
{
    display:block;
    float:left;
    width:212px;
    border-right:1px dotted #999999;
    text-align:center;
    position:relative;
    padding:6px 0 6px 0;
}

ul#products li a.productImage img.loupe 
{
    position:absolute;
    right:14px;
    bottom:0px;
    z-index:2;
}

ul#products li div.productText 
{
    display:block;
    float:left;
    padding:8px 17px 8px 17px;
    width:280px;
}

ul#products li div.productText span 
{
    display:block;
    font-size:16px;
    font-weight:bold;
    color:#003363;
    margin-bottom:18px;
}

ul#products li div.priceAndButton 
{
    display:block;
    float:right;
    text-align:right;
    height:100%;
    margin-right:5px;
    margin-top:8px;
}

ul#products li div.priceAndButton span 
{
    display:block;
    margin-bottom:10px;
}

ul#products li div.priceAndButton span.priceValue 
{
    font-size:16px;
    font-weight:bold;
    color:#003363;
}

ul#products li a.addToShoppingCartButton 
{
    display:block;
    position:absolute;
    bottom:8px;
    right:5px;
    background:url(/gfx/in-winkelmandje.gif) no-repeat;
    width:148px;
    height:26px;
}

.full-width 
{
    width:100%;
}

div#smallShoppingCart 
{
    margin:15px;
    background-color:#f2f2f4;
    padding:8px 0 4px 0;
}

div#smallShoppingCart h2 
{
    display:block;
    margin:0 7px 9px 7px;
    padding:0;
    background:url(/gfx/shopping-cart-icon.gif) no-repeat bottom right;
}

hr.separator 
{
    background:url(/gfx/hr-background.gif) repeat-x;
    display:block;
    border:none 0px;
    height:1px;
    line-height:1px;
    margin:0 9px 0 9px;
}

hr.filter 
{
    margin: 0 24px 0 24px;
}

div#smallShoppingCart p 
{
    display:block;
    margin:9px 9px 9px 9px;
}

div#smallShoppingCart label 
{
    display:block;
    float:left;
    color:#333333;
}

div#smallShoppingCart label, div#smallShoppingCart span.totalPrice 
{
    font-size:14px;
    font-weight:bold;
    margin:9px;
}

div#smallShoppingCart span.totalPrice 
{
    display:block;
    float:right;
    color:#003466;
}

div#smallShoppingCart a.orderButton 
{
    display:block;
    float:right;
    background:url(/gfx/order-button-bg.gif) repeat-x;
    width:119px;
    height:22px;
    color:white;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    padding-top:4px;
    margin:9px;
}

div#smallShoppingCart a.viewShoppingCart 
{
    display:block;
    clear:both;
    margin:9px;
    color:#929294;
    text-align:right;
}

br.clearBoth 
{
    clear:both;
    text-align:right;
    color:#929294;
}

div#filters 
{
    padding:0 9px 9px 9px;
}

div#filters h3 
{
    display:block;
    margin:15px 9px 0 9px;
}

div#filters span.list
{
    display:block;
    margin:4px 0 10px 8px;
    font-size:10px;
}

div#filters table.list 
{
    margin:10px 0 10px 10px;
    font-size:10px;
}

div#filters table.list td.checkbox 
{
    padding:3px 2px 0 0;
}

div#filters table.list td 
{
    vertical-align:top;
}

div#filters span.list input 
{
    
    vertical-align:middle;
    /*float:left;*/
}

div#filters table.list input 
{
    margin:0 0 0 0;
}

div#filters span.list label 
{
    
    width:175px;
    padding-top:4px;
    /*float:right;
    color:#003463;
    padding-top:6px;*/
    
}


table#shoppingcart 
{
    width:100%;
    margin-top:20px;
}

table#shoppingcart tfoot td.total 
{
    padding-right:41px;
}

table#shoppingcart thead th
{
    text-align:left;
    color:#003463;
    font-size:14px;
    font-weight:bold;
    padding:10px 3px;
}

table#shoppingcart td.product img 
{
    border-right:1px dotted #999999 !important;
    padding-right:10px;
    margin:10px;
}

table#shoppingcart thead th.total
{
    text-align:right;
    padding-right:15px;
}

table#shoppingcart tbody tr, table#shoppingcart tfoot tr
{
    height:67px;
}

table#shoppingcart tfoot td, table#shoppingcart td.total
{
    text-align:right;
}

table#shoppingcart td.total 
{
    padding-right:15px;
}

table#shoppingcart .removeCol
{
    width:14px;
    text-align:right;
}

table#shoppingcart tfoot td 
{
    font-size:15px;
    font-weight:bold;
}


table#shoppingcart tfoot td label
{
    margin-right:10px;
}

table#shoppingcart td, table#shoppingcart th
{
    border-bottom:1px dotted #999999;
    
}

table#shoppingcart input.quantityTextBox 
{
    width:34px;
}

table#shoppingcart div.product-image-container 
{
    display:block;
    padding:5px;
    border-right:1px dotted #999999;
    width:65px;
    text-align:center;
    float:left;
    height:60px;
    vertical-align:middle;
}

table#shoppingcart div.product-image-container img 
{
    
}

table#shoppingcart img, table#shoppingcart .deleteButton 
{
    vertical-align:middle;
}

table#shoppingcart span 
{

}

a.to-order-form-btn 
{
    background:url(/gfx/button-bg.gif) repeat-x;
    display:block;
    width:187px;
    height:22px;
    padding-top:4px;
    text-align:center;
    font-weight:bold;
    color:White;
    text-decoration:none;
    float:right;
    margin:17px 41px 0 0;
}

hr.noMargin 
{
    margin:0;
}

td.home-video-cell {
    padding-left:70px;
}
.pager {
    text-align: right;
    height: 33px;
    position: relative;
}
.pager A {
    display: block;
    float: left;
    height: 31px;
    margin: auto;
    line-height: 31px;
    border-left: 1px solid #d5d5d4;
    border-top: 1px solid #d5d5d4;
    border-bottom: 1px solid #d5d5d4;
    padding: 0 8px;
    text-decoration: none;
}
.pager A.current, .pager A.page:hover {
    color: #000000;
    background: #e6e6e6;
}
.pager A.nextbutton {
    border-right: 1px solid #d5d5d4;
}
.pager A.prevbutton, .pager A.nextbutton {
    padding: 0 19px;
    color: #4d4b4b;
}

.overzicht.search-result {
	margin-bottom: 4px;
}
.search-result .overzicht-contentL {
	width: 100%;
}
.search-result .overzicht-header {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.search-result .productkop span,
.search-result .text span {  background-color: #ffffb7; }
