@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	background-image: url(images/bck_body.jpg);
}

#container {
	position: absolute;
	width: 944px;
	margin-left: -472px;
	left: 50%;
}

#logo {
	position: absolute;
	top: 5px;
	left: 10px;
	width: 231px;
	height: 79px;
	background-image: url(images/logo.png);
}

/* MENU */
#menu_container {
	position: absolute;
	top: 25px;
	right: 5px;
	width: 585px;
	height: 50px;
}
#menubck {
	float: left;
	margin-left: 5px;
	background-image: url(images/menu_grey.png);
	width: 112px;
	height: 50px;
	cursor: pointer;
}
#menubck:hover {
	background-image: url(images/menu_blue.png);
}
#menubckactive {
	float: left;
	margin-left: 5px;
	background-image: url(images/menu_blue.png);
	width: 112px;
	height: 50px;
	cursor: pointer;
}
#menuitem {
	position: absolute;
	width: 112px;
	height: 10px;
	left: 0px;
	top: 20px;
}

/* HEADER */
#header_container {
	position: absolute;
	width: 944px;
	height: 190px;
	left: 0px;
	top: 100px;
}
#headerleft {
	background-image: url(images/overlay_headerleft.png);
	position: absolute;
	height: 190px;
	width: 28px;
	left: 0px;
	top: 0px;
	z-index: 3;
}
#headermiddle {
	background-image: url(images/bck_headermiddle.png);
	position: absolute;
	width: 897px;
	height: 190px;
	left: 22px;
	top: -1px;
	z-index: 2;
}
#headerimg {
	position: absolute;
	height: 178px;
	width: 696px;
	left: 0px;
	top: 5px;
	z-index: 1;
	background-color: #2887cf;
}
#headerspacer {
	background-image: url(images/spacer_header.jpg);
	position: absolute;
	height: 178px;
	width: 14px;
	left: 696px;
	top: 5px;
}
#headersuppliers {
	background-image: url(images/headersuppliersbck.jpg);
	position: absolute;
	width: 209px;
	height: 178px;
	left: 710px;
	top: 5px;
}
#headerright {
	background-image: url(images/bck_headerright.png);
	position: absolute;
	width: 25px;
	height: 190px;
	top: -1px;
	right: 0px;
}

/* SUPPLIERS */
#supplierstitel {
	position: absolute;
	width: 150px;
	height: 30px;
	left: 22px;
	top: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFF;
}
#supplierslist {
	position: absolute;
	width: 200px;
	height: 150px;
	left: 20px;
	top: 40px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	z-index: 3;
}
#supplierslist a{
	text-decoration: none;
	color: #FFF;
}
#supplierslist a:visited{
	color: #FFF;
}
#supplierslist a:hover{
	color: #FFF;
}

#supplier_logo {
	position: relative;
	left: 20px;
	top: 0px;
	width: 220px;
	height: 100px;
	text-align: right;
}
#supplier_downloads {
	position: relative;
	left: 20px;
	top: 20px;
	width: 220px;
	height: 100px;
}
#supplier_website {
	position: relative;
	left: 20px;
	top: 20px;
	width: 220px;
	height: 100px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}
#supplier_website a{
	color: #666;
	text-decoration: none;
}
#supplier_website a:visited{
	color: #666;
}
#supplier_website a:hover{
	color: #2887cf;
}

/* CONTENT */
#content_container {
	position: absolute;
	width: 690px;
	height: 254px;
	top: 300px;
	left: 8px;
	z-index: 1;
}
#contenttop {
	background-image: url(images/content_top.png);
	position: relative;
	width: 690px;
	height: 27px;
	top: 0px;
	left: 0px;
	z-index: 2;
}
#contentmiddle {
	background-image: url(images/content_middle.png);
	position: relative;
	width: 690px;
	z-index: 2;
}
#contentbottom {
	background-image: url(images/content_bottom.png);
	position: relative;
	width: 690px;
	height: 25px;
	z-index: 2;
}
#contenttitel {
	position: absolute;
	height: 25px;
	width: 600px;
	left: 20px;
	top: 15px;
	z-index: 3;
	line-height: 25px;
}	
h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #2786ce;
	padding: 0px;
	margin: 0px;
}
.contenttext {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}


/* NEWS */
#news_container {
	background-image: url(images/nieuws.png);
	position: absolute;
	width: 233px;
	height: 164px;
	top: 300px;
	right: 2px;
}
#news_titel {
	position: absolute;
	top: 12px;
	left: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #2786ce;
}
#news_slider {
	position: absolute;
	top: 40px;
	left: 15px;
	width: 200px;
	height: 105px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 11px;
	color: #125688;
}
#news_slider a{
	text-decoration: none;
	color: #125688;
}
#news_slider a:visited{
	color: #125688;
}
#news_slider a:hover{
	color: #125688;
}
#slider ul, #slider li {
	margin:0;
	padding:0;
	list-style:none;
}
#slider li{
	width:200px;
	height:115px;
	text-align: center;
	overflow:hidden; 
}
#slider img{
	padding-bottom: 5px;
}


/* SUPPORT */
#support_container {
	background-image: url(images/support.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 233px;
	height: 164px;
	top: 475px;
	right: 2px;
}

/* LOGIN */
#login_container {
	position: absolute;
	width: 230px;
	height: 92px;
	right: 5px;
	top: 650px;
}
#loginleft {
	background-image: url(images/login_left.png);
	position: absolute;
	width: 13px;
	height: 92px;
	left: 0px;
	top: 0px;
	z-index: 2;
}
#loginmiddle {
	background-image: url(images/login_middle.png);
	position: absolute;
	width: 206px;
	height: 92px;
	left: 13px;
	top: 0px;
	z-index: 2;
}
#loginright {
	background-image: url(images/login_right.png);
	position: absolute;
	width: 11px;
	height: 92px;
	right: 0px;
	top: 0px;
	z-index: 2;
}
#logintext {
	position: absolute;
	top: 10px;
	left: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFF;
	z-index: 3;
}
#loginform {
	position: absolute;
	top: 40px;
	left: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	z-index: 3;
}
.logininput {
	width: 120px;
	height: 13px;
	border: 1px solid #CCC;
	background-color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
}

/* SLIDER */
#slider_container {
	position: relative;
	width: 703px;
	height: 100px;
	left: 0px;
	top: 15px;
}
#slidertext {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 11px;
	color: #125688;
	text-align: center;
}

/* BUTTONS PRODUCTS */
#button_line {
	position: relative;
	width: 703px;
	height: 142px;
	top: 0px;
	left: 0px;
	z-index: 1;
}
#button_container {
	background-image: url(images/product_bck.png);
	background-repeat: no-repeat;
	position: relative;
	float: left;
	padding-right: 5px;
	height: 137px;
	width: 227px;
	top: 0px;
	z-index: 2;
}
#button_title {
	position: absolute;
	left: 15px;
	top: 10px;
	z-index: 4;
}
h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #2786ce;
	margin: 0px;
	padding: 0px;
}
h2 a{
	color: #2786ce;
	text-decoration: none;
}
h2 a:visited{
	color: #2786ce;
}
h2 a:hover{
	color: #2786ce;
}
#button_intro{
	position: absolute;
	width: 100px;
	left: 15px;
	top: 40px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
}
#button_image {
	position: absolute;
	height: 105px;
	width: 105px;
	right: 10px;
	top: 15px;
	z-index: 3;
}
#button_submit {
	position: absolute;
	height: 14px;
	width: 14px;
	bottom: 10px;
	right: 15px;
	z-index: 4;
}

/* PRODUCTITEM */
#imagecontainer {
	position: relative;
	left: 0px;
	top: 0px;
	width: 230px;
	height: 280px;
}
#mainimage_overlay {
	position: absolute;
	background-image: url(images/productimg_overlay.png);
	width: 230px;
	height: 280px;
	left: 10px;
	top: 0px;
	z-index: 5;
}
#mainimage {
	position: absolute;
	left: 15px;
	top: 10px;
	height: 210px;
	width: 210px;
	z-index: 4;
}
#mainimgtext {
	position: absolute;
	width: 200px;
	height: 25px;
	right: 17px;
	top: 215px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #999;
	text-align: right;
	z-index: 5;
}
#productsupplier {
	position: relative;
	left: 20px;
	top: 20px;
	width: 220px;
	height: 100px;
}
.productdownload {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	font-style: italic;
	font-weight:bold;
}
.productdownload a{
	color: #666;
	text-decoration: none;
}
.productdownload a:visited{
	color: #666;
}
.productdownload a:hover{
	color: #2786ce;
}

#productimages { position: absolute; top:20px; left:25px; height:190px; width:190px; z-index: 10; }
#productimages ul { list-style: none; padding: 0px; margin: 0px; }
#productimages ul li { display: inline; padding: 0px; margin: 0px; }
.hidden { visibility: hidden; }

.art_line {
	height: 2px;
	background-color: #2786ce;
}
.art_titel {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px;
}
.art_items {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px;
	background-color: #eeeeee;
}
.art_items table {	
	width: 100%;
}
.art_items tr {	
	height: 20px;
}

/* PREVIOUS BUTTON */
#prev_button {
	position: relative;
	width: 700px;
	height: 20px;
	top: 10px;
	left: 3px;
	z-index: 1;
}