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

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


HTML, BODY {
	width:100%;
	height:100%;
	overflow-x:none;
	overflow-y:auto;
}

BODY {
	font-size:12px;
	font-family:Verdana;
	color:black;
	z-index:0;
	height:100%;
	width:100%;
	position:relative;
}

A {
	color:#B13828;
	text-decoration:none;
}

/* ACHTERGROND */

#background {
	position:absolute;
	width:450px;
	height:450px;
	left:50%;
	top:0;
	z-index:1;
	opacity:0.2;
	-moz-opacity:0.2;
	filter:alpha(opacity=20);
}

#background LI {
	list-style:none;
}


/* SITE OPBOUW */

#site {
	position:absolute;
	width:900px;
	min-height:600px;
	margin:0 0 0 -450px;
	left:50%;
	z-index:2;
}

/* HEADER */

#header {
	width:100%;
	height:130px;
}

#header-logo {
	position:absolute;
	left:150px;
	top:30px;
}

/* MENU */

#menu {
	width:100%;
	height:35px;
}

#menu-background {
	position:absolute;
	background:white;
	opacity:0.88;
	filter:alpha(opacity=88);
	-moz-opacity:0.88;
	width:100%;
	height:100%;
}

#menu-content {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border-top:1px solid black;
	background:url(../images/backgrounds/dotted-line.gif) repeat-x left bottom;
}

#menu-content UL {
	margin-left:100px;
}

#menu-content UL LI {
	padding:0 20px;
	border-right:1px solid black;
	height:30px;
	float:left;
	list-style:none;
}

#menu-content UL LI A {
	text-decoration:none;
	color:#7F7F7F;
	line-height:30px;
	font-size:12px;
}

#menu-content UL LI A:hover, #menu-content LI A.active {
	text-decoration:none;
	color:black;
}

/* MENU SEARCH */

#menu-search {
	position:absolute;
	right:10px;
	top:0;
	z-index:10;
}

#menu-search DIV {
	float:left;
}

#menu-search-label {
	margin-right:10px;
	color:black;
	line-height:35px;
}

#menu-search-input {
	margin-right:10px;
}

#menu-search-input INPUT {
	width:100px;
	height:14px;
	padding:2px;
	border:1px solid #7f7f7f;
	font-size:11px;
	color:#7f7f7f;	
	margin-top:8px;
}

#menu-search-submit INPUT {
	background:url(../images/icons/submenu-pointer-5.gif) no-repeat left center;
	width:7px;
	height:14px;
	margin-top:10px;
}

/* MENU LANGUAGE */

#menu-language {
	position:absolute;
	left:10px;
	top:10px;
}

#menu-language LI {
	float:left;
	margin-right:8px;
	list-style:none;
}

#menu-language LI IMG {
	padding:1px;
	border:1px solid #cccccc;
}

#print IMG {
	border-color:white;
}

/* SUBMENUS */

#content-left{
	position:relative;
	z-index:100;
}

.submenu {
	position:relative;
	width:175px;
	display:block;
	z-index:100;
	margin:0 0 5px 0; 
}

#content-left .submenu UL {
	width:175px;
	background:url(../images/backgrounds/submenu-5.png) no-repeat;
}

#content-left .submenu UL UL {
	position:absolute;
}

.pmc-1 #content-left .submenu UL  { background:url(../images/backgrounds/submenu-1.png) no-repeat; }
.pmc-2 #content-left .submenu UL  { background:url(../images/backgrounds/submenu-2.png) no-repeat; }
.pmc-3 #content-left .submenu UL  { background:url(../images/backgrounds/submenu-4.png) no-repeat; }
.pmc-4 #content-left .submenu UL  { background:url(../images/backgrounds/submenu-3.png) no-repeat; }
.pmc-5 #content-left .submenu UL  { background:url(../images/backgrounds/submenu-5.png) no-repeat; }
.pmc-6 #content-left .submenu UL  { background:url(../images/backgrounds/submenu-6.png) no-repeat; }
.pmc-7 #content-left .submenu UL  { background:url(../images/backgrounds/submenu-7.png) no-repeat; }
.pmc-8 #content-left .submenu UL  { background:url(../images/backgrounds/submenu-8.png) no-repeat; }

.submenu LI {
	position:relative;
	display:block;
	min-height:32px;
	_height:32px;
	padding:0;
	margin:0;
	list-style:none;
	background:url(../images/backgrounds/dotted-line.gif) repeat-x left bottom;
}

.submenu LI A {
	display:block;
	width:165px;
	text-decoration:none;
	color:#7F7F7F;

	padding-top:8px;
	padding-left:15px;
	padding-bottom:8px;
	overflow:hidden;
}

.submenu LI A:hover, .submenu LI A.active {
	text-decoration:none;
	background:url(../images/icons/submenu-pointer-5.gif) no-repeat left center;
	color:black;
}

.subsubmenu {
	position:absolute;
    left:180px;
    top:0; 
    z-index:200;  
    display:none;
	width:180px;
    padding:0; 
	margin:0;
	background:#D4DCE2;
	border-left:1px solid black;
}


.subsubsubmenu {
	position:absolute;
    left:181px;
    top:0; 
/*
	margin-left:181px;
	margin-top:-32px;
*/
    padding:0; 
    z-index:200;  
    display:none;
	background:#D4DCE2;
	width:160px;
}

.submenu LI:hover .subsubmenu, 
.submenu LI.active .subsubmenu {
	display:block; /* veroorzaakt verspringing in IE */
}


.subsubmenu LI:hover .subsubsubmenu, 
.subsubmenu LI.active .subsubsubmenu {
	display:block;
}

.pmc-1 .submenu LI A:hover, .pmc-1 .submenu LI A.active {
	text-decoration:none;
	background:url(../images/icons/submenu-pointer-1.gif) no-repeat left center;
	color:black;
}

.pmc-2 .submenu LI A:hover, .pmc-2 .submenu LI A.active {
	text-decoration:none;
	background:url(../images/icons/submenu-pointer-2.gif) no-repeat left center;
	color:black;
}

.pmc-3 .submenu LI A:hover, .pmc-3 .submenu LI A.active {
	text-decoration:none;
	background:url(../images/icons/submenu-pointer-3.gif) no-repeat left center;
	color:black;
}

.pmc-4 .submenu LI A:hover, .pmc-4 .submenu LI A.active {
	text-decoration:none;
	background:url(../images/icons/submenu-pointer-4.gif) no-repeat left center;
	color:black;
}

.pmc-5 .submenu LI A:hover, .pmc-5 .submenu LI A.active {
	text-decoration:none;
	background:url(../images/icons/submenu-pointer-5.gif) no-repeat left center;
	color:black;
}

.pmc-6 .submenu LI A:hover, .pmc-6 .submenu LI A.active {
	text-decoration:none;
	background:url(../images/icons/submenu-pointer-6.gif) no-repeat left center;
	color:black;
}

.pmc-7 .submenu LI A:hover, .pmc-7 .submenu LI A.active {
	text-decoration:none;
	background:url(../images/icons/submenu-pointer-7.gif) no-repeat left center;
	color:black;
}

.pmc-8 .submenu LI A:hover, .pmc-8 .submenu LI A.active {
	text-decoration:none;
	background:url(../images/icons/submenu-pointer-8.gif) no-repeat left center;
	color:black;
}

/* HOME PAGINA */


#home {
	width:100%;
	height:292px;
	margin:20px 0;
}

#home-1 {
	position:absolute; 
	left:0; 
	top:0;
	width:140px;
	height:140px;
}

#home-2 {
	position:absolute; 
	left:0; 
	top:152px;
	width:140px;
	height:140px;
}

#home-3 {
	position:absolute; 
	left:152px; 
	top:0;
	width:292px;
	height:292px;
}

#home-4 {
	position:absolute;
	left:456px;
	top:0;
	width:140px;
	height:140px;
}

#home-5 {
	position:absolute; 
	left:456px; 
	top:152px;
	width:140px;
	height:140px;	
}

#home-6 {
	position:absolute; 
	left:608px; 
	top:0;
	width:292px;
	height:140px;
}

#home-7 {
	position:absolute;
	left:608px; 
	top:152px;
	width:140px;
	height:140px;
}

#home-8 {
	position:absolute; 
	left:760px; 
	top:152px;
	width:140px;
	height:140px;
}

#home DIV {
	position:absolute;
}

.home-text {
	width:100%;
	text-align:center;
	left:0;
	bottom:5px;
	color:white;
	position:absolute;
	text-transform:uppercase;
	font-size:11px;
	line-height:140%;
}

.home-text A, .home-text A:hover {
	color:white;
	text-decoration:none;
}


/* HEADER */

#home-footer {
	width:100%;
	height:100px;
}

#home-footer-logo {
	position:absolute;
	left:150px;
	top:30px;
}


/* CONTENT */

#content {
	width:100%;
	min-height:300px;
}

#content-left {
	width:180px;
	min-height:300px;
	_height:300px;
	float:left;
	margin-right:20px;
	border-right:1px solid black;
}

#full,
#content-main {
	float:left;
	width:500px;
	min-height:300px;
}

#full{
	width:670px;
	overflow:hidden;
}

#full .content td{
	position:relative;
	vertical-align:bottom;
	height:165px;
	overflow:hidden;
}

#full .content td img{

}

#full .content td .home-text{
	position:relative;
	width:165px;
	height:165px;
}

#full .content td .home-text .url{
	position:absolute;
	color:#fff;
	left:0;
	bottom:5px;
	text-align:center;
	width:100%;
	line-height:120%;
}

#content-main-left {
	width:150px;
	float:left;
	min-height:300px;
	margin-right:20px;
}

#content-main-right {
	float:right;
	width:320px;
	min-height:300px;
	padding-top:15px;
}

#content-right {
	float:right;
	width:170px;
	min-height:300px;
}

.content-right-block {
	width:100%;
	background:#D4DCE2;
	margin-top:10px;
}

.content-right-block-header, .content-right-block-header2 {
	width:100%;
	height:35px;
	background:#B13828;
	text-align:center;	
	color:white;
	font-size:13px;
	text-transform:uppercase;
	line-height:35px;
	letter-spacing:2px;
}

.content-right-block-header A {
	color:white;
	text-decoration:none;
}

.content-right-block_afbeelding {
	width:100%;
}


.content-right-block-header-afbeelding, .content-right-block-header2-afbeelding {
	width:100%;
}


.pmc-1 .content-right-block-header {
	background:#5A717F;
}

.pmc-2 .content-right-block-header {
	background:#ED8A00;
}

.pmc-3 .content-right-block-header {
	background:#91A207;
}	

.pmc-4 .content-right-block-header {
	background:#626262;
}	

.pmc-5 .content-right-block-header {
	background:#B13828;
}	

.pmc-6 .content-right-block-header {
	background:#9DC9A7;
}	

.pmc-7 .content-right-block-header {
	background:#884C78;
}	

.pmc-8 .content-right-block-header {
	background:#758FC2;
}	

	

.content-right-block-content2 {
	padding:10px;
}
.content-right-block-content2 A {
	color:#7f7f7f;
	font-size:11px;
}

.content-right-block-content DL {
	margin:10px;
	font-size:11px;
	color:#7F7F7F;
	padding-bottom:10px;
}

.content-right-block-content DT {
	margin-bottom:5px;
}
.content-right-block-content DT A {
	color:#333333;
	text-decoration:none;
	font-size:11px;
}

.content-right-block-content DD {
	margin-bottom:15px;
}

.content-right-block-content DD A {
	color:#7F7F7F;
	text-decoration:none;
}

.content-right-block-content DD A:hover {
	color:black;
	text-decoration:none;
}



/* PRODUCTEN SCHERM */


#content-products {
	float:left;
	width:690px;
	min-height:300px;
}



#content-product {
	float:left;
	width:690px;
	min-height:300px;
}

#content-product-left {
	width:150px;
	float:left;
	min-height:300px;
	margin-right:20px;
}

#content-product-right {
	float:right;
	width:500px;
	min-height:300px;
	padding-top:15px;
}


.product {	
	width:100%;
	height:50px;
	background:url(../images/backgrounds/dotted-line.gif) left bottom repeat-x;
}

.product-photo {
	float:left;
	width:60px;
	margin:5px;
}

.product-description {
	float:left;
	line-height:150%;
	margin-top:7px;
}

.product-number {
	float:right;
	width:120px;
	line-height:50px;
}

.product-qty {
	width:70px;
	float:right;
	line-height:50px;
}

.product-qty INPUT {
	width:30px;
	height:18px;
	padding:2px;
	border:1px solid #7f7f7f;
	font-size:11px;
	color:#7f7f7f;
	margin-top:12px;
}

.product-total {
	width:70px;
	float:right;
	line-height:50px;
}
	

.product-price {
	width:70px;
	float:right;
	line-height:50px;
}

.product-cart {
	float:right;
	line-height:50px;
	width:100px;
	text-align:right;
}

.product-navigation {
	width:100%;
}

.product-navigation-next {
	line-height:40px;
	float:right;
	margin:0 10px;
}

.product-navigation-previous {
	line-height:40px;
	float:right;
	margin:0 10px;
}

.product-navigation-info {
	float:left;
	line-height:40px;
}

/* BESTELLEN */


#content-order-left {
	float:left;
	width:300px;
	min-height:300px;
	margin-right:20px;
	padding-right:20px;
	border-right:1px solid black;
}


#content-order-right {
	float:left;
	width:340px;
	min-height:300px;
}


/* FOOTER */

#footer {
	margin-top:10px;
	background:url(../images/backgrounds/dotted-line.gif) repeat-x left top;
	line-height:30px;
	font-size:12px;
	color:#7F7F7F;
	text-indent:50px;
	letter-spacing:2px;
	height:30px;
}


/* FOTOALBUM */

UL.fotoalbum LI {
	list-style:none;
	float:left;
	margin:5px;
}


/* CATEGORIES */

#categories {
	width:900px;
	height:55px;
	margin:15px 0;
	background:url(../images/backgrounds/dotted-line.gif) repeat-x left bottom;
}

#categories UL {
	list-style:none;
}

#categories UL LI {
	float:left;
	margin-right:8px;
}

#categories UL LI A {
	display:block;
	width:105px;
	height:32px;
	padding-top:3px;
	color:white;
	text-align:center;
	text-decoration:none;
	font-size:11px;
}


#categories UL LI A.pmc-1 {
	background:#5A717F;
}
#categories UL LI A.pmc-1:hover, #categories UL LI A.pmc-1-active {
	background:url(../images/backgrounds/pmc-1.gif) no-repeat;
}
#categories UL LI A.pmc-2 {
	background:#ED8A00;
}
#categories UL LI A.pmc-2:hover, #categories UL LI A.pmc-2-active {
	background:url(../images/backgrounds/pmc-2.gif) no-repeat;
}
#categories UL LI A.pmc-3 {
	background:#91A207;
}
#categories UL LI A.pmc-3:hover, #categories UL LI A.pmc-3-active {
	background:url(../images/backgrounds/pmc-3.gif) no-repeat;
}
#categories UL LI A.pmc-4 {
	background:#626262;
}
#categories UL LI A.pmc-4:hover, #categories UL LI A.pmc-4-active {
	background:url(../images/backgrounds/pmc-4.gif) no-repeat;
}
#categories UL LI A.pmc-5 {
	background:#B13828;
}
#categories UL LI A.pmc-5:hover, #categories UL LI A.pmc-5-active {
	background:url(../images/backgrounds/pmc-5.gif) no-repeat;
}
#categories UL LI A.pmc-6 {
	background:#9DC9A7;
}
#categories UL LI A.pmc-6:hover, #categories UL LI A.pmc-6-active {
	background:url(../images/backgrounds/pmc-6.gif) no-repeat;
}
#categories UL LI A.pmc-7 {
	background:#884C78;
}
#categories UL LI A.pmc-7:hover, #categories UL LI A.pmc-7-active {
	background:url(../images/backgrounds/pmc-7.gif) no-repeat;
}
#categories UL LI A.pmc-8 {
	background:#758FC2;
}
#categories UL LI A.pmc-8:hover, #categories UL LI A.pmc-8-active {
	background:url(../images/backgrounds/pmc-8.gif) no-repeat;
}

#categories UL LI A.pmc-1-active,#categories UL LI A.pmc-2-active,#categories UL LI A.pmc-3-active,#categories UL LI A.pmc-4-active,#categories UL LI A.pmc-5-active,#categories UL LI A.pmc-6-active,#categories UL LI A.pmc-7-active,#categories UL LI A.pmc-8-active {
	height:37px;
}


/* COUNTER */

.counter {
	margin-top:14px;
	width:35px;
	height:21px;
}

.counter-content {
	float:left;
	width:24px;
	height:21px;
	background:url(../images/backgrounds/counter-content.png) no-repeat;
	line-height:21px;
	text-align:center;
	font-size:11px;
	color:#999999;
}

.counter-plus {
	float:right;
	width:11px;
	height:11px;
	background:url(../images/backgrounds/counter-plus.png) no-repeat;
	cursor:pointer;
}

.counter-minus {
	float:right;
	width:11px;
	height:10px;
	background:url(../images/backgrounds/counter-minus.png) no-repeat;
	cursor:pointer;
}

/* NEWS SCROLLER */


.jcarousel-container {
	width:900px;
	height:35px;
	overflow:hidden;
	border-bottom:1px solid black;
	background:url(../images/backgrounds/dotted-line.gif) repeat-x right top;
}

.jcarousel-clip {
 	line-height: 35px;
	width:900px;
	height:35px;
	overflow:hidden;
    position: relative;
}

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

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    height: 75px;
	margin:0 50px 0 50px;
	text-align:center;
}



#site .pointer,
#site marquee{
	width:900px;
	height:35px;
	border-bottom:1px solid black;
	background:url(../images/backgrounds/dotted-line.gif) repeat-x right top;
}

#site .pointer ul,
#site marquee ul{
	height:35px;
}

#site .pointer ul li,
#site marquee ul li{
	list-style:none;
	float:left;
    width:400px;
	height:35px;
	line-height:35px;
	margin:0;
}

#site .pointer a,
#site marquee a{
	display:inline-block;
	margin:0 100px 0 0;
	height:35px;
	line-height:35px;
}

/* HULP ELEMENTEN */

.kantlijn {
	padding:20px;
}

.clear {
	clear:both;
}

.container {
	position:relative;
}


/* CONTENT ELEMENTEN */

.content {
	line-height:180%;
}

.content H1 {
	color:black;
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:17px;
	letter-spacing:2px;
}

.content P, .content UL {
	margin-bottom:12px;
}

.content LI {
	margin-left:20px;
	list-style:square;
}

.content P.small {
	font-size:11px;
	color:#7f7f7f;
	margin-top:-12px;
}


/* FORMULIEREN */

.form {
	margin:20px 0;
}

.form-row {
	height:30px;
	line-height:30px;
}

.form-row-multiple {
	min-height:30px;
	line-height:30px;
}

.form-label {
	width:120px;
	float:left;
}

.form-value {
	float:left;
}

.input-text {
	width:200px;
	height:18px;
	padding:2px;
	border:1px solid #7f7f7f;
	font-size:11px;
	color:#7f7f7f;
}

.input-textarea {
	width:200px;
	height:100px;
	padding:2px;
	border:1px solid #7f7f7f;
	font-size:11px;
	color:#7f7f7f;
}

.submit-button {
	background:#91A207;
	border:0;
	color:white;
	padding:3px;
	margin:10px 0;
}

/* LINKJES */


A.cart {
	text-decoration:none;
	color:black;
	padding-left:20px;
	line-height:50px;
	background:url(../images/icons/submenu-pointer-5.gif) no-repeat left center;
}

.pmc-1 A.cart { background:url(../images/icons/submenu-pointer-1.gif) no-repeat left center; }
.pmc-2 A.cart { background:url(../images/icons/submenu-pointer-2.gif) no-repeat left center; }
.pmc-3 A.cart { background:url(../images/icons/submenu-pointer-3.gif) no-repeat left center; }
.pmc-4 A.cart { background:url(../images/icons/submenu-pointer-4.gif) no-repeat left center; }
.pmc-5 A.cart { background:url(../images/icons/submenu-pointer-5.gif) no-repeat left center; }
.pmc-6 A.cart { background:url(../images/icons/submenu-pointer-6.gif) no-repeat left center; }
.pmc-7 A.cart { background:url(../images/icons/submenu-pointer-7.gif) no-repeat left center; }
.pmc-8 A.cart { background:url(../images/icons/submenu-pointer-8.gif) no-repeat left center; }