/* -------------- END BEGIN MAINSTYLE ------------- */

html,body {
	margin:0;
	height:100%; /* needed for container min-height */
	font-family: arial,'Myriad Pro';
	font-size: 11px;
	background-color: #000000;
	color:#cdcdd0;
	width:100%;
}

p, h1, h2, img {

	margin:0;
	padding:0;
}
a{
	color: #cdcdd0;
}
img {

	border:none;
}
ul{margin-top: 0px;padding-top: 0px;}

p{
	margin-bottom:20px;

}
strong{
color: #c80322;
}

.itemNumbers{

	color: #FFFFFF;
	font-weight:bold;
	font-size:100%;
	margin-left:3px;
}
img {
	border:none;
}

img .left{

	float:left;
}
img .right{

	float:right;
}

#container {
	position:relative; /* needed for footer positioning*/
	margin-left:auto;
	margin-right:auto;
	width:805px;
	background-color: #151b2e;
	background-image: url('../img/containerBackground.jpg');
	background-position: bottom center;
	background-repeat: no-repeat;
	border-style: solid;
	border-width: 10px;
	border-color: #FFFFFF;

}

/* =============================== HEADER =============================== */


#header{
	height:293px;
	width:805px;

}
#headerImg{
	height:293px;
	width:805px;
	z-index: 98;
	position: absolute;
	text-align:right;
	overflow:hidden;
}
#headerBorder{
	height:293px;
	width:805px;;
	z-index: 99;
	position: absolute;
	background:url('../img/headerBorder.png') no-repeat;
}

#headerLogo{
	cursor: pointer;
	background:url('../img/headerLogoShadow.png') no-repeat;
	width:500px;
	height:184px;
	z-index:100;
	position: absolute;
	left: -20px;
}

#headerText{
	width:400px;
	height:73px;
	z-index:101;
	position:absolute;
	background:url('../img/headerText.png') no-repeat;
	left:412px;
	top:100px;


}

#headerLanguage{

	width:80px;
	height:21px;
	z-index:102;
	position:absolute;
	left:702px;
	top:10px;
}

.headerLanguageImg{

	float:left;
	padding:3px;

}

.headerLanguageImgActive{

	float:left;
	margin:1px;
	border-width:2px;
	border-style:solid;
	border-color:#FFFFFF;

}

/* =============================== MAIN =============================== */
#main {
	position:relative;
	top: 0px;
	width: 805px;
	padding-bottom:5em; /* bottom padding for footer */
}

#spacerMinHeight {
	float:left;
	width:1px;
	height:550px;

}


/* =============================== MAINTOP =============================== */

#mainTop{
	margin-left:145px;
	margin-top:30px;
	height:12px;
}

ul#mainTopNav{
	list-style-type: none;
	font-family: 'Myriad Pro',arial;
	font-size:11px;
	letter-spacing:1px;
	margin:0;
	padding:0;
}

#mainTopNav li{

	float:left;
	background:url('../img/mainTopNavSplitLine.gif') no-repeat;
	background-position: 0px 4px;
	margin:0;
	padding:0;
	cursor:pointer;



}

#mainTopNav .nobackground{

	background: url('');
}

ul#mainTopNav li a{
	margin-left:6px;
	margin-right:6px;
	padding-left:8px;
	padding-right:8px;
	padding-top:2px;
	padding-bottom:2px;
	width:auto;
	float:left;

	text-decoration: none;
	text-transform: uppercase;
}


ul#mainTopNav li a.static{
	color:#cdcdd0;

}
ul#mainTopNav li a.active{
	color:#FFFFFF;
	background-color:#c80322;

}

ul#mainTopNav a.static:hover{

	color: #c80322;
	background-color: #FFFFFF;

}

ul#mainTopNav a.static:active{

	color: #FFFFFF;
	background-color: #c80322;

}

/* =============================== MAIN MIDDEN =============================== */


#mainmidden{
	width:580px;
	height:auto;
	float:left;
	padding:3px;
	margin-top:25px;
	margin-left:32px;

	line-height: 19px;
	letter-spacing:0px;

}
#mainmidden h1{     /* H1 */

	color: #c00010;
	font-size: 17px;
	font-weight:110;
	font-family: 'Myriad Pro',arial;
}
#mainmidden h2{     /* h2 */

	color: #c00010;
	font-size: 15px;
	font-weight:120;
	font-family: 'Myriad Pro',arial;

}


#mainmidden p{
	width:475px;
}

#mainmidden img.border{

	border-width:2px;
	border-style:solid;
	border-color:#FFFFFF;
}


/* =============================== MAIN LEFT =============================== */
#mainLeft{
	width:122px;
	height:30;
	padding-top:0px;
	float:left;
	text-align: right;



}
ul#mainLeftNav{

	list-style-type: none;
	font-size:9.8px;
	text-align:right;
	float:right;
	margin:0;
	padding:0;

}

#mainLeftNav li{
	display: block;
	cursor:pointer;
	margin:0;
	padding:0;
}

ul#mainLeftNav a{

	display: block;
	float:right;
	clear:right;
	/*background-color:#2E2C42;*/

	padding-left:17px;
	padding-right:4px;
	padding-top:2px;
	padding-bottom:2px;

	margin-bottom:5px;
	margin-top:5px;

	font-family: 'Myriad Pro',arial;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 10px;
	text-decoration: none;
	color:#cdcdd0;

	width:97px;
	overflow:hidden;
	clear:both;
}


ul#mainLeftNav a:hover{

	color: #c80322;
	background-color: #FFFFFF;

}

ul#mainLeftNav a.active{

	color: #FFFFFF;
	background-color: #c80322;

}


/* =============================== RECHTER KOLLOM =============================== */
#maincolumnright {
	float: right;
	width: 170px;
	/* margin-top:50px; */
	padding-top: 70px;
}
.mainRightItem {
	/* height:190px; */
	/* margin-top:-60px; */
	margin-bottom:30px;
	text-transform: uppercase;
}
.mainRightItem .image{
	overflow: hidden;
	height:77px;
	width:108px;
	border-style: solid;
	border-color: #FFFFFF;
	border-left-width:4px;
	border-right-width:4px;
	border-top-width:4px;
	border-bottom-width:6px;
	margin-bottom:4px;
}
.mainRightItem .image img{

}
.mainRightItem .title{

	margin-top: 8px;
	padding-left: 3px;
	font-family: 'Myriad Pro',arial;
	font-size: 10px;

}

.mainRightItem .subtitle{

	padding-left: 3px;
	margin-top: 10px;
	font-family: 'Myriad Pro',arial;
	font-size: 10px;

}


/* =============================== CLEAR =============================== */
.clear{clear: both;}




/* ============================= FOOTER ============================= */


#footer {
	position:absolute;
	width:100%;
	height: 52px;
	bottom:0; /* stick to bottom */
	font-size: 86.4%;
}

#footerline{

	height:40px;
	width:640px;
	overflow:hidden;
	border-style:dashed;
	border-color: #d1d1d1;
	border-width:0px;
	border-top-width:1px;
	padding-top:5px;
	padding-left:1px;
	letter-spacing:1px;
	margin-left:155px;

}
#footerline a{text-decoration: none; color: #CDCDD0;}
#footerline a:hover{text-decoration: undeline; color: #CDCDD0;}

#footer p{
	margin:0;
	padding:0;
	width:640px;
	color:#d1d1d1;

}

#footer p strong{
	color:#FFFFFF;
	font-weight: bold;

}

#homepageText01{background-image: url('../img/homepageText01.png'); width:342px; height:60px;}

/* -------------- END MAINSTYLE ------------- */




/* -------------- BEGIN PRODUCTS.PHP ------------- */


#products{
	float: left;
	margin-top:10px;
	/*height:300px;*/
	text-align:center;
}

.product{
	float:left;
	padding-top:5px;
	padding-right:15px;
	padding-bottom:20px;
	padding-left:0px;
	width:128px;
	text-align:left;
}

#products strong{
	color: #c80322;
	}

.productuitlijn{
	float:center;
	margin-top:5px;
	margin-right:15px;
	margin-bottom:20px;
	margin-left: 134px;
	width:120px;
	text-align:right;
	}


.productdetail{

	float:left;
	margin-top:5px;
	margin-right:12px;
	margin-bottom:20px;
	margin-left: 12px;
	text-align:left;
}


.productdetail .prod2afbeelding {
	margin: 5px 5px 5px 0px;
	padding: 0px;
	width:80px;
	height: 80px;
	float:left;
}


.productdetail .prodquikclot {
	width: 342 px;
	height: 223px;


}


.productdetail img {
	margin: 5px 10px 15px 2px;
	border: 2px #8b8d8d solid;
}

.productdetail a:hover img {border-color: #cdcdd0;}
.product-img a:hover img {border-color: #cdcdd0;}

.product-img{
	float: left;
	overflow:hidden;
}

.product-img img{
	border-style: solid;
	border-color: #8b8d8d;
	border-width:4px;

	width:120px;
	height:100px;
	overflow: hidden;

}



.product-title {
	text-align: center;
}
.product-title a{
	color: #FFFFFF;
	text-decoration:none;
}

#productoverview{

	background-color:#2a272e;
	border-style:solid;
	border-left-width:3px;
	border-right-width:3px;
	border-top-width:4px;
	border-bottom-width:6px;
	border-color:#FFFFFF;
	width:475px;
	float:left;
	padding-left:30px;
	padding-top:5px;
	padding-bottom:6px;
}

#productoverview .product{
	float:left;
	margin:5px 5px 5px 5px;
	padding:0;
	text-align:left;
	width:auto;
}

#productoverview .product a:hover img{

	border-color:#cdcdd0;
}

#productoverview img {
	width: 50px;
	border-style:solid;
	border-width:4px;
	border-color:#8b8d8d;
}

#productoverview img.active {
	width: 50px;
	border-style:solid;
	border-width:4px;
	border-color:#C80322;
}

#productoverview .product a:hover img.active{

	border-color:#C80322;
	cursor:default;
}

/* -------------- END PRODUCTS ------------- */