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


/* ALGEMENE ELEMENTEN */

* {
	padding:0;
	margin:0;
	border:0;
}

HTML {
	overflow:hidden;
}

BODY {
	z-index:0;
	background:url(../images/backgrounds/body.png) repeat-x top center #E8E8E8;
	font-size:12px;
	font-family:Arial;
	color:#333333;
	overflow:hidden;
}

.special-offer {
	color:#BF1911;
}

A {
	color:#BF1911;
	text-decoration:none;
}
A:hover {
	text-decoration:underline;
}

HR {
	color: #D2D1DB;
	background-color: #D2D1DB;
	height: 1px;
	margin:6px 0;
}


/* HULP ELEMENTEN */


.container {
	width:100%;
	height:100%;
	position:relative;
}

.clear {
	clear:both;
}

.kantlijn {
	padding:25px;
}

.hor-bar {
	margin:10px;
	background:url(../images/common/hor-bar.png) repeat-x;
	height:2px;
}

.tussenruimte {
	height:10px;
	width:100%;
}

.error {
	color:#BF1911;
	font-weight:bold;
}


/* SITE OPBOUW */

#site {
	position:absolute;
	left:50%;
	top:0;
	width:1000px;
	height:100%;
	margin-left:-500px;
	background:url(../images/backgrounds/site.png) no-repeat left top;
}


#header {
	width:990px;
	height:122px;
}

#logo {
	position:absolute;
	left:35px;
	top:0;
	width:167px;
	height:122px;
}

/* MENU */


#menu {
	position:absolute;
	left:245px;
	top:42px;
	height:37px;
	padding:0;
	margin:0;
}

#menu UL {
}

#menu UL LI {
	list-style:none;
	height:37px;
	float:left;
}

#menu UL LI A {
	background:url(../images/backgrounds/menu-normal.png);
	display:block;
	padding:0 15px;
	height:100%;
	text-align:center;
	color:white;
	font-family:"Trebuchet MS";
	text-decoration:none;
	line-height:37px;
	_width:1px;
	white-space:nowrap;
}

#menu UL LI A:hover {
	background:#4D6C9D;
}

#menu UL LI A.menu-first {
	background:url(../images/backgrounds/menu-left-normal.png) no-repeat left top;	
}

#menu UL LI A.menu-first:hover {
	background:url(../images/backgrounds/menu-left-active.png) no-repeat left top;	
}

#menu UL LI A.menu-last {
	background:url(../images/backgrounds/menu-right-normal.png) no-repeat right top;	
}

#menu UL LI A.menu-last:hover {
	background:url(../images/backgrounds/menu-right-active.png) no-repeat right top;	
}

#menu UL LI.menu-split, #menu UL LI.menu-split:hover {
	width:2px;
	height:37px;
	padding:0 0;
	background:url(../images/backgrounds/menu-split.png) no-repeat;
	overflow:hidden;
}

#menu UL LI.menu-split-left, #menu UL LI.menu-split-left:hover {
	width:2px;
	height:37px;
	padding:0 0;
	background:url(../images/backgrounds/menu-split-left.png) no-repeat;
}

#menu UL LI.menu-split-right, #menu UL LI.menu-split-right:hover {
	width:2px;
	height:37px;
	padding:0 0;
	background:url(../images/backgrounds/menu-split-right.png) no-repeat;
}

/* LOGIN BALK */

#login-trigger {
	position:absolute;
	left:580px;
	top:12px;
	width:120px;
	text-align:right;
	color:#cccccc;
	font-family:"Trebuchet MS";
	font-size:11px;
}

#login-trigger A {
	color:#cccccc;
	font-family:"Trebuchet MS";
	font-size:11px;
	text-decoration:none;
}

/* LOGIN INFO */


#login-info {
	position:absolute;
	left:0;
	top:12px;
	width:600px;
	text-align:right;
	color:#cccccc;
	font-family:"Trebuchet MS";
	font-size:11px;
}

#login-info A {
	color:#cccccc;
	font-family:"Trebuchet MS";
	font-size:11px;
	text-decoration:none;
}

/* ZOEKBALK */

#search {
	position:absolute;
	left:720px;
	top:10px;
}

#search .search-input {
	background:url(../images/buttons/search.jpg) no-repeat top left;
	height:16px;
	width:128px;
	padding:3px 0px 0px 10px;
	font-size:9px;
	float:left;
	border:0;
}

#search .search-button{
	float:left;
	background:url(../images/buttons/search_button.jpg) no-repeat top left;
	height:18px;
	width:17px;
	cursor:pointer;
	border:0;
}

/* LANGUAGES */

#languages {
	position:absolute;
	top:12px;
	right:10px;
	padding:0;
	margin:0;
}

#languages UL {
	padding:0;
	margin:0;
}

#languages UL LI {
	list-style:none;
	float:left;
	margin:0;
	margin-right:5px;
	padding:0;
}

#languages UL LI A IMG {
	border:1px solid #4D6C9D;
	padding:1px;
}

/* BANNER */

#banner {
	width:959px;
	height:168px;
	z-index:4;
}


#tabs {
	width:945px;
	height:168px;
	position:relative;
	margin-left:10px;
	z-index:4;
}

#tabs #trans {
	position:absolute;
	left:0;
	bottom:0;
	height:30px;
	width:709px;
	background:#999999;
	opacity:0.5;
	filter:alpha(opacity=50);
}

.tabs-left {
	width:709px;
	height:168px;
	float:left;
	overflow:hidden;
}

.tabs-right {
	width:236px;
	height:168px;
	background:blue;
	float:left;
}


/* Tabs
----------------------------------*/

.ui-tabs .ui-tabs-nav { 
	list-style: none; 
	position: absolute; 
	left:0;
	bottom:0; 
}


.ui-tabs .ui-tabs-nav li { 
	position: relative; 
	float: left; 
	border-bottom-width: 0 !important; 
	margin:0; 
	padding: 0;
	height:30px;
	background:url(../images/common/tab-split.png) top right no-repeat; 
	width:120px;
}


.ui-tabs .ui-tabs-nav li a { 
	float: left; 
	text-decoration: none; 
	display:block;
	width:119px;
	text-align:center;
	line-height:30px;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/common/tab-back.png); 
}



.ui-tabs .ui-tabs-nav li.ui-tabs-selected { 
	border-bottom-width: 0;
	width:349px;
}


.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { 
	cursor: text;
	background:none;
	width:348px;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { 
	cursor: pointer; 
}
 
.ui-tabs .ui-tabs-panel { 
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:168px;
}

.ui-tabs .ui-tabs-hide { 
	display: none !important; 
}






/* CONTENT */

#content {
	width:980px;
	min-height:400px;
}

.content {
	line-height:180%;
}

.content P {
	margin-bottom:20px;
}

.content LI {
	margin-left:25px;
	list-style:square;
	line-height:180%;
}

#content H1 {
	font-family:"Trebuchet MS";
	font-size:16px;
	color:#305085;
	font-weight:bold;
	margin:0px 0px 30px 0px;
}

#content H2 {
	font-family:"Trebuchet MS";
	font-size:14px;
	color:#333333;
	font-weight:bold;
	margin:0px 0px 15px 0px;
}
	


#content-left {
	width:40px;
	height:400px;
	float:left;
}



/* HOME PAGINA */

#content-home-left {
	width:450px;
	float:left;
	min-height:400px;
}

#content-home-left H1 {
	margin-top:25px;
}

#content-home-left ul { list-style:none; z-index:500; }
#content-home-left ul li{ list-style:none; margin-bottom:9px; padding-left:10px; }

#content-home-left ul li a { z-index:9; text-decoration:none; height:52px; width:323px; padding:9px 0px; display:block; }
#content-home-left ul li a img{ border:4px solid #464f52; float:left; margin-right:17px; }
#content-home-left ul li a:hover img{ border:4px solid #c01e20; }
#content-home-left ul li a strong{ font-size:13px; font-family:"Trebuchet MS"; margin:5px 0px; display:block; font-weight:normal; }
#content-home-left ul li a span{ font-size:11px; color:#666666; }


#content-home-right {
	width:450px;
	float:left;
	min-height:35px;
	background:url(../images/backgrounds/content-home-right.png) repeat-y;
	margin-left:-1px;
}

#content-home-bottom {
	width:100%;
	height:35px;
	background:url(../images/backgrounds/content-home-bottom.png) repeat-y;
}


/* DEFAULT PAGINA */

#content-default-left {
	float:left;
	width:200px;
	min-height:400px;
	z-index:2;
}

#content-default-right {
	float:left;
	width:700px;
	min-height:35px;
	margin-left:-1px;
	background:url(../images/backgrounds/content-default-right.png) repeat-y;
	z-index:2;
}

#content-default-bottom {
	width:100%;
	height:35px;
	background:url(../images/backgrounds/content-default-bottom.png) repeat-y;
}

#content-default-submenu {
	margin-top:30px;
	width:200px;
}

#content-default-submenu UL {
	list-style:none;
	padding:0;
	margin:0;
}


#content-default-submenu UL LI {
	list-style:none;
	padding:0;
	margin:0;
	width:200px;
	height:33px;
	background:url(../images/backgrounds/submenu.png) no-repeat left bottom;
	z-index:10;
}

#content-default-submenu UL LI.active{
	background:url(../images/backgrounds/submenu-active.png) no-repeat top left;
}

#content-default-submenu UL LI A {
	display:block;
	height:33px;
	width:200px;
	line-height:33px;
	padding-left:12px;
	font-family:"Trebuchet MS";
	font-size:13px;
	text-decoration:none;
	color:#313132;
	z-index:15;
}





/* CONTACT PAGINA */

#content-contact-left {
	float:left;
	width:350px;
	min-height:400px;
}

#content-contact-right {
	float:left;
	width:550px;
	min-height:35px;
	margin-left:-1px;
	background:url(../images/backgrounds/content-contact-right.png) repeat-y;
}

#content-contact-bottom {
	width:100%;
	height:35px;
	background:url(../images/backgrounds/content-contact-bottom.png) repeat-y;
}


/* NIEUWS PAGINA */

#content-news-left {
	float:left;
	width:350px;
	min-height:400px;
}


#content-news-left H1 {
	margin-top:25px;
}

#content-news-left ul { list-style:none;  z-index:500; }
#content-news-left ul li{ list-style:none; margin-bottom:9px; padding-left:10px; }

#content-news-left ul li a { z-index:9; text-decoration:none; height:52px; width:323px; padding:9px 0px; display:block; }
#content-news-left ul li a img{ border:4px solid #464f52; float:left; margin-right:17px; }
#content-news-left ul li a:hover img{ border:4px solid #c01e20; }
#content-news-left ul li a strong{ font-size:13px; font-family:"Trebuchet MS"; margin:5px 0px; display:block; font-weight:normal; }
#content-news-left ul li a span{ font-size:11px; color:#666666; }

#content-news-right {
	float:left;
	width:550px;
	min-height:35px;
	margin-left:-1px;
	background:url(../images/backgrounds/content-contact-right.png) repeat-y;
}

#content-news-bottom {
	width:100%;
	height:35px;
	background:url(../images/backgrounds/content-contact-bottom.png) repeat-y;
}



/* PRODUCTEN PAGINA */


#content-top {
	width:100%;
	height:32px;
	line-height:32px;
}
#content-breadcrumb {
	float:left;
	line-height:32px;
	margin-left:100px;
}


#content-breadcrumb A {
	color:#2c518c;
	font-size:12px;
	text-decoration:underline;
}

#content-breadcrumb  a:hover{
	text-decoration:none;
}

#content-breadcrumb  h1{
	display:inline;
	color:#333333;
	margin:0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}


#content-previous-page {
	float:right;
	line-height:32px;
	margin-right:60px;
}



#content-products-left {
	float:left;
	width:56px;
	min-height:400px;
}

#content-products-buttons {
	width:36px;
	float:left;
	height:200px;
}

#content-products-buttons UL, #content-products-buttons UL {
	float:right;
	margin:0;
	padding:0;
	margin-top:50px;	
}

#content-products-buttons ul li {
	list-style:none;
	margin:0;
	padding:0;
	margin-bottom:4px;
}

#content-products-buttons ul li a {
	display:block;
	height:50px;
	width:36px;
	background:url(../images/backgrounds/webshop_menu.png) no-repeat top left;
	text-align:center;
	line-height:50px;
}

#content-products-buttons ul li a:hover,
#content-products-buttons ul li a.active,
#content-products-buttons ul li a:hover,
#content-products-buttons ul li a.active {
	background:url(../images/backgrounds/webshop_active.png) no-repeat top left;
}

#content-products-buttons ul li a img, #products-menu ul li a img{
	margin-top:15px;
}


#content-products-previous {
	width:20px;
	height:482px;
	float:left;
}

#content-products-right {
	float:left;
	width:850px;
	min-height:67px;
	background:url(../images/backgrounds/content-products-right.png) repeat-y;
}

#content-products-bottom {
	width:100%;
	height:32px;
	background:url(../images/backgrounds/content-products-bottom.png) repeat-y;
}

#content-products-bottom2 {
	width:100%;
	height:35px;
	background:url(../images/backgrounds/content-products-bottom2.png) repeat-y;
}

#content-products-bottom-left {
	float:left;
	height:35x;
	width:300px;
}

#content-products-bottom-left UL {
	margin:0;
	padding:0;
	margin-left:20px;
	font-size:11px;
	color:#294B82;
}

#content-products-bottom-left UL LI {
	float:left;
	list-style:none;
	margin:0 10px;
	line-height:35px;
}

#content-products-bottom-left UL LI A {
	color:#999999;
}


#content-products-bottom-right {
	float:right;
	height:35px;
	width:500px;
	text-align:center;
	line-height:35px;
}

#content-products-bottom-right A {
	color:white;
}


#content-products-top {
	width:100%;
	height:32px;
	background:url(../images/backgrounds/content-products-top.png) repeat-y;
}

.content-products-pages {
	line-height:32px;
	float:left;
	margin-left:20px;
	width:680px;
	text-align:center;
	font-size:11px;
}

.content-products-nav-previous {
	line-height:32px;
	float:left;
	width:60px;
}

.content-products-nav-next {
	line-height:32px;
	float:left;
	width:60px;
	text-align:right;
}

#content-products-breadcrumb {
	float:left;
	line-height:32px;
	margin-left:20px;
}


#content-products-breadcrumb A {
	color:#2c518c;
	font-size:12px;
	text-decoration:underline;
}

#content-products-breadcrumb  a:hover{
	text-decoration:none;
}

#content-products-breadcrumb  h1{
	display:inline;
	color:#333333;
	margin:0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}


#content-products-previous-page {
	float:right;
	line-height:32px;
	margin-right:25px;
}

#content-products-content {
	width:100%;
	min-height:550px;
	_height:550px;
}


#content-products-image {
	float:left;
	width:300px;
	border-right:1px dotted #666666;
	height:400px;
	overflow:hidden;
}

#content-products-info {
	float:right;
	width:500px;
	color:#284B81;
	min-height:400px;
}

/* CHECKOUT */

#content-checkout-content {
	width:100%;
	min-height:620px;
	_height:620px;
}


#content-checkout-left {
	float:left;
	width:300px;
	border-right:1px dotted #666666;
	height:570px;
	overflow:hidden;
}

#content-checkout-right {
	float:right;
	width:500px;
	color:#284B81;
	height:570px;
}



/* CATEGORIES */

#content-categories-left {
	width:36px;
	float:left;
	height:200px;
}

#content-categories-right {
	width:850px;
	float:left;
	margin-top:25px;
}

#content-categories-text {
	float:left;
	width:500px;
	margin-top:15px;
}

.content-categorie {
	width:240px;
	min-height:30px;
	float:left;
	margin-right:30px;
}

.content-categorie-header {
	width:240px;
	height:15px;
	background:url(../images/backgrounds/categorie_top.png) no-repeat;
}

.content-categorie-content {
	width:240px;
	min-height:30px;
	background:url(../images/backgrounds/categorie.png) repeat-y;
}


.content-categorie-content  h1{ 
	padding-left:20px; 
	font-size:14px; 
	color:#305085; 
	margin:0px; 
	margin-bottom:20px; 
	font-family:"Trebuchet MS"; 
}

.content-categorie-content  ul{ 
	list-style:none; 
	margin:0px 1px; 
	padding:0; 
}
.content-categorie-content  ul li{ 
	list-style:none;
	margin-left:0; 
}
.content-categorie-content  ul li.active{ 
	background:#e2e5ea; 
}

.content-categorie-content ul li a{
	display:block;
	height:35px;
	line-height:35px;
	color:#333333;
	text-decoration:none;
	padding-left:20px;
	background:url(../images/common/arrow.png) no-repeat 219px 15px;
}

.content-categorie-content  ul li a:hover{ text-decoration:none; }

.content-categorie-footer {
	width:240px;
	height:15px;
	background:url(../images/backgrounds/categorie_bottom.png) no-repeat;
}

/* BREADCRUMB */

#breadcrumb {
	margin-bottom:25px;
}

#breadcrumb a {
	color:#bf1911;
	font-size:13px;
	text-decoration:none;
}

#breadcrumb a:hover{
	text-decoration:underline;
}

#breadcrumb h1{
	display:inline;
	margin:0px;
}

#breadcrumb img{
	margin:0px 10px;
}

/* PRODUCTEN TABEL */


.products-list { margin:0 1px; width:848px; }
.products-list tr.hover{ background:#eaedf3; }
.products-list tr th{ height:30px; line-height:30px; }
.products-list tr td{ 
	height:36px; 
	padding:5px 5px; 
	border-right:1px dotted #c0c1c3; 
	border-bottom:1px dotted #c0c1c3; 
	line-height:150%;
}
.products-list tr td.last{ border-right:0px; }

.products-input {
	width:30px;
	border:1px solid #C8C7D3;
	padding:3px;
	font-size:11px;
	text-align:center;
}

/* STOCK TABEL */

.stock-table TD {
	border-left:1px dotted #999999;
	padding:5px;
	height:18px;
}

.stock-table TD.first {
	border-left:0;
}


/* WINKELMANDJE TABEL */

.cart-table {
	margin:0 0px 30px 0; 
	width:100%;
}

.cart-table THEAD TD {
	color:#2A4F89;
	height:30px;
	line-height:30px;
	font-weight:bold;
	border-bottom:1px solid #BFC0C2;
	text-align:center;
}

.cart-table TBODY TD {
	height:36px;
	padding:5px;
	line-height:150%;
	border-bottom:1px solid #BFC0C2;
}

.cart-table .first {
}


/* WINKELMANDJE TOTALEN */


#products-cart-total {
	margin:0 1px; 
	width:100%;
	height:35px;
	background:#999999;
	line-height:35px;
	color:white;
	font-weight:bold;
}

#products-cart-total-label {
	float:left;
	margin-left:30px;
}

#products-cart-total-value {
	float:right;
	margin-right:30px;
	width:90px;
	text-align:center;
}

#products-cart-info {
	margin:20px;
	text-align:left;
	color:#999999;
	line-height:180%;
}


/* SITEMAP */

.sitemap {
	width:width:100%;
	margin:20px 20px 20px 0;
}

.sitemap > A {
	color:#305085;
	font-family:"Trebuchet MS";
	font-size:14px;
	font-weight:bold;
	margin-bottom:20px;
}

.sitemap UL LI {
	margin:0 5px;
	list-style:none;
	line-height:180%;
	float:left;
}



/* FOOTER */


#footer {
	margin-top:20px;
	margin-bottom:20px;
	width:980px;
	height:30px;
	font-size:11px;
	text-align:center;
}

#footer A {	
	font-size:11px;
	color:#2e4f84;
}


#footer-links {
	text-align:center;
	margin:5px 0;
}





/* FORUMIELEREN */


input, textarea, select {
	font-family:Arial;
	font-size:11px;
}

.input-text, .input-textarea {
	border:1px solid #c8c7d3;
	width:293px;
	height:20px;
	font-size:11px;
	padding:5px 5px 0px 5px;
	color:#666666;
	background:white;
}


SELECT {
	border:1px solid #c8c7d3;
	width:293px;
	height:25px;
	font-size:11px;
	color:#666666;
	background:white;
}

.input-textarea{
	height:95px;
}

.submit-button {
	border:0px solid white;
	color:white;
	height:20px;
	width:100px;
	font-size:11px;
	cursor:pointer;
	background:url(../images/buttons/submit_button.png) no-repeat top left;
}

.login-text{
	height:20px;
	width:174px;
	padding:5px 13px 0px 13px;
	font-size:11px;
	border:0px;
	margin-bottom:5px;
	background:url(../images/buttons/login_input.png) no-repeat top left;
}

.login-submit{
	height:20px;
	width:80px;
	font-size:11px;
	border:0px;
	margin-bottom:5px;
	background:url(../images/buttons/login_submit.png) no-repeat top left;
	text-align:center;
	color:#FFFFFF;
}

#login UL LI {
	float:left;
	margin:5px;
	list-style:none;
}



/*** LOGIN ***/


#popup {
	z-index:800;
	display:none;
	width:100%;
	height:100%;
	position:absolute;
}

#popup-back {
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background:#092253;
	z-index:900;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
	cursor:pointer;
}

#popup-content {
	position:absolute;
	top:150px;
	left:50%;
	margin:0 0px 0px -382px;
	height:260px;
	width:773px;
	z-index:999;
}

#popup-header {
	background:url(../images/backgrounds/login_top.png) no-repeat top left;
	width:100%;
	height:35px;
	position:relative;
}

#popup-title {
	line-height:35px;
	text-indent:30px;
	color:#FFFFFF;
	font-size:13px;
	font-family:"Trebuchet MS";
	font-weight:bold;
}

#popup-close {
	position:absolute;
	top:4px;
	right:40px;
	display:block;
	height:31px;
	width:31px;
	background:#bb0821;
	text-align:center;
}

#popup-close A {
	display:block;
	width:100%;
	height:100%;
	color:#FFFFFF;
	text-decoration:none;
	line-height:31px;
}

#popup-middle {
	width:100%;
	min-height:250px;
	background-image:url(../images/backgrounds/login.png);
	background-repeat:repeat-y;
	z-index:2000;
}

#popup-middle-left {
	float:left;
	width:300px;
	min-height:200px;
	line-height:180%;
}

#popup-middle-right {
	float:right;
	width:400px;
	min-height:200px;
	line-height:180%;
}

#popup-middle-right P, #pop-middle-left P {
	margin-bottom:20px;
}

#popup-footer {
	background:url(../images/backgrounds/login_round.png) no-repeat top left;
	width:100%;
	height:25px;
	position:relative;
}


/* SCROLL PANE */

.scroll-pane {
	height:400px;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #E5E5E5;
}
.jScrollPaneDrag {
	position: absolute;
	background: #244477;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #006CFF;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #006CFF;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}