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

* {
	margin:					0;
	padding:				0;
}
html, body, div.wrap {
	height:					100%;
}
body > div.wrap {
	height: 				auto;
	min-height: 			100%;
}
/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
	content:				"";
	height:					100%;
	float:					left;
	width:					0;
	margin-top:				-32767px;/* thank you Erik J - negate effect of float*/
}
html {
	background-color:		#c8c8c8;
}
body {
	color:					#000000;
	background:				url(/images/bg/body.png) left top repeat-x;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	line-height:			16px;
}
img {
	border:					0;
}
p {
	line-height:			1.5em;
}
a {
	color:					#00549d;
	text-decoration:		underline;
}
a:hover {
	color:					#ff8314;
	text-decoration:		none;
}
.active {
	color:					#ff8314;
}
.clear {
	clear:					both;
	height:					0;
	font:					0/0 serif;
}
.content {
	padding:				25px;
}
div.nav {
	position:				absolute;
	top:					0;
	left:					0;
	width:					100%;
	height:					32px;
	background-color:		#000000;
	text-align:				center;
	margin:					0 auto;
	z-index:				100;
}
div.nav ul {
	line-height:			32px;
	display:				inline;
	text-align:				center;
	list-style:				none;
}
div.nav ul li {
	display:				inline;
	padding:				0 15px;
	border-left:			1px solid #ffffff;
}
div.nav ul li.first {
	border-left:			0;
}
div.nav a, div.nav ul li.active a:hover {
	color:					#cecece;
	text-decoration:		none;
}
div.nav a:hover, div.nav ul li.active a {
	color:					#ff8314;
}
div.nav span {
	color:					#666666;
	position:				absolute;
	top:					8px;
	right:					15px;
}
div.nav span a {
	color:					#666666;
}
div.nav span a:hover {
	color:					#ff8314;
}
div.wrap {
	width:					990px;
	margin:					0 auto;
}
div.desc, div.columns {
	width:					988px;
	border-left:			1px solid #3f3f3f;
	border-right:			1px solid #3f3f3f;
}
div.head {}
div.head .logo {
	display:				block;
	padding:				32px;
	padding-top:			64px;
}
div.head .logos { /* frontpage */
	position:				relative;
	padding-top:			64px;
	height:					57px;
}
div.head .logos .logo-1 {
	position:				absolute;
	left:					20%;
}
div.head .logos .logo-2 {
	position:				absolute;
	right:					20%;
}
div.head .menu ul {
	width:					100%;
	height:					65px;
	list-style:				none;
	background:				#ffffff url(/images/bg/menu.png) right top no-repeat;
	line-height:			65px;
	font-weight:			bold;
}
div.head .menu ul .first {
	background:				url(/images/bg/menu.png) left top no-repeat;
}
div.head .menu ul li {
	float:					left;
	font-size:				1.2em;
	height:					100%;
	padding-left:			40px;
}
div.head .menu ul li a, div.head .menu .active a:hover {
	color:					#6d6d6d;
	text-decoration:		none;
}
div.head .menu ul li a:hover, div.head .menu .active a {
	color:					#005cab;
}
div.desc {
	position:				relative;
	height:					210px;
	background:				url(/images/bg/desc.png) left top repeat-x;	
}
div.desc #featured {
	position:				absolute;
	top:					0;
	left:					0;
	width:					307px;
	height:					210px;
}
div.desc #featured .overlay {
	position:				absolute;
	bottom:					0;
	left:					0;
	height:					45px;
	width:					100%;
	background:				url(/images/bg/overlay.jpg) left bottom repeat-x;	
	z-index:				100;
	text-align:				center;
}
div.desc #featured .overlay form {
	margin-top:				10px;
	margin-left:			20px;
}
div.desc #featured .overlay input {
	float:					left;
	height:					21px;
	font-size:				1em;
	color:					#888888;
	font-style:				italic;
}
div.desc #featured .overlay .submit {
	float:					left;	
	padding:				1px;
	border:					1px solid #cccccc;
	margin-left:			10px;
	background-color:		#ffffff;
	text-align:				center;
}
div.desc #featured .overlay .submit button {
	display:				block;
	background-color:		#fe7800;
	font-size:				1em;
	line-height:			16px;
	padding-left:			5px;
	font-weight:			bold;
	color:					#ffffff;
	text-decoration:		none;
	border:					0;
}
div.desc #featured .overlay .submit button:hover {
	background-color:		#005cab;
	cursor:					pointer;
}
div.desc .content {
	background:				url(/images/bg/desc-content.png) right bottom no-repeat;
	position:				absolute;
	left:					307px;
	color:					#ffffff;
	width:					631px;
	height:					160px;
}
div.desc .content h1 {
	font-size:				1.2em;
}
div.desc .content p {
	padding:				10px 0;
}
div.desc .content h2 {
	font-size:				1.0em;
}
div.desc .content hr {
	color:					#ffffff;
	background-color:		#ffffff;
	height:					1px;
	border:					0;
	font:					0/0 serif;
	margin:					10px 0;
}
div.desc .content ul {
	margin:					5px 0;
	list-style:				none;
}
div.desc .content ul li {
	float:					left;
	padding:				0 10px;
	margin-bottom:			10px;
	border-left:			1px solid #ffffff;
}
div.desc .content ul li.first {
	padding-left:			0;
	border-left:			0;
}
div.desc .content ul li a {
	color:					#ffffff;
}
div.columns {
	background-color:		#ffffff;
	border-bottom:			1px solid #000000;
}
div.columns .content {
	padding-bottom:			151px;
}
div.columns .content .crumbs h3 {
	display:				none;
}
div.columns .content .crumbs ul {
	list-style:				none;
	padding-bottom:			20px;
	font-weight:			bold;
}
div.columns .content .crumbs ul li {
	float:					left;
	margin-left:			10px;
	padding-left:			30px;
	background:				url(/images/icons/control_play.png) left center no-repeat;
}
div.columns .content .crumbs ul li.first {
	margin-left:			0;
	padding-left:			0;
	background-image:		none;
}
div.columns .content .crumbs ul li a {
	text-decoration:		none;
}
div.columns .content hr {
	display:				block;
	color:					#727272;
	background-color:		#727272;
	height:					1px;
	font:					0/0 serif;
	margin:					15px 0;
	clear:					both;
	border:					0;
}
div.columns .content h1 {
	margin:					20px 0;
	color:					#e46c00;
	font-size:				1.6em;
}
div.columns .content p {
	margin-bottom:			15px;
}
div.foot {
	clear:					both;
	width:					100%;
	height:					150px;
	background:				url(/images/bg/foot.png) left top repeat-x;
	border-top:				1px solid #3f3f3f;
	margin-top:				-151px; /* negative value of footer height */
}
div.foot .content {
	padding-top:			10px;
	line-height:			1.8em;
	width:					940px;
	margin:					0 auto;	
}
div.foot .content ul {
	list-style:				none;
}
div.foot .content ul li {
	color:					#ffffff;
}
div.foot .content ul li a {
	color:					#ffffff;
	text-decoration:		none;
}
div.foot .content ul li a:hover {
	text-decoration:		underline;
}
div.foot .content ul li h4 {
	font-size:				1.0em;
}
div.foot .content ul li ul {
}
div.foot .content ul li ul li {
}
div.foot .content ul.list {
	float:					left;
	margin-left:			75px;
	width:					128px;
}
div.foot .content ul.first {
	margin-left:			0;
}
div.news .news-3-group, div.news .news-2-group, div.news .news-1-group {
	position:				relative;
	margin-bottom:			15px;
}
	
div.news .news-3-group {
	background:				url(/images/bg/news-3-group.png) bottom left repeat-y;
	min-height:				44px;
}
div.news .news-3-shop-group {
	background:				url(/images/bg/news-3-shop-group.png) bottom left repeat-y;
	min-height:				44px;
}
div.news .news-2-group {
	background:				url(/images/bg/news-2-group.png) bottom left repeat-y;
	min-height:				44px;
}
div.news .news-1-group {
	position:				static;
}
div.news .news-3-column, div.news .news-2-column, div.news .news-1-column {
	float:					left;
	border:					1px solid #cccccc;
	border-bottom:			0;
	color:					#00549d;
	
}
div.news .news-3-column h1, div.news .news-2-column h1, div.news .news-1-column h1 {
	background:				url(/images/bg/news-column-h1.png) top left repeat-x;
	height:					44px;
	line-height:			44px;
	color:					#ffffff;
	text-align:				center;
	text-transform:			uppercase;
	font-size:				1.2em;
	margin:					0;
}
div.news .news-3-column {
	width:					302px;
	margin-left:			13px;
}
div.news .news-3-shop-column {
	width:					342px;
	margin-left:			13px;
}

div.news .news-2-column {
	width:					461px;
	margin-left:			12px;
}
div.news .news-1-column {
	width:					100%;
	border-bottom:			1px solid #cccccc;
	text-align:				center;
}
div.news .first {
	margin-left:			0;
}
div.news .news-content {
	padding:				20px;
	line-height:			1.6em;
	font-size:				1.0em;
	margin-bottom:			15px;
}
div.news .news-1-column .news-content {
	margin-bottom:			0;
}
div.news .news-1-column a {
	text-decoration:		none;
}

div.news .news-content img {
	display:				block;
	margin:					0 auto 15px auto;
}
div.news .more-info {
	display:				block;
	position:				absolute;
	bottom:					1px;
	background-color:		#9c9c9c;
	color:					#ffffff;
	padding:				5px;
	text-transform:			lowercase;
	font-weight:			bold;
	text-decoration:		none;
	margin:					1px;
}
div.news .more-info:hover {
	background-color:		#ff8314;	
}
div.news-item .lead-image {
	float:					left;
	margin:					0 15px 15px 0;
}
div.news-item .full-image {
	display:				block;
	margin-bottom:			20px;
}
ul.referenties {
	list-style:				none;
}
ul.referenties li {
	position:				relative;
	float:					left;
	width:					469px;
	height:					120px;
	margin-bottom:			35px;
	color:					#00549D !important;
}
ul.referenties li img {
	position:				absolute;
	top:					0;
	left:					0;
	border:					1px solid #cccccc;
}
ul.referenties li h1 {
	position:				absolute;
	left:					175px;
	top:					0;
	font-size:				1.2em !important;
	color:					#00549D !important;
	margin:					5px 0 !important;
}
ul.referenties li h2 {
	position:				absolute;
	left:					175px;
	top:					50px;
	font-size:				1.0em;
	font-weight:			normal;
}
ul.referenties li p {
	position:				absolute;
	left:					175px;
	bottom:					-15px;
	font-size:				1.0em;
	font-style:				italic;
}
.block-large {
	width:					100%;
	border:					1px solid #cccccc;
	margin-bottom:			15px;
}
.block-large .block-content {
	padding:				20px;
}
.block-large h1 {
	margin:					0 !important;
	color:					#00549D !important;	
}
.block-large ul {
	list-style:				none;
	margin-top:				15px;
}
.block-large ul li {
	float:					left;
	width:					449px;
	line-height:			2.0em;
	height:					30px;
}
.block-large ul li img {
	margin-bottom:			-3px;
	margin-right:			5px;
}
.block-large ul li a {
	text-decoration:		none;
}
fieldset {border: 0;padding: 10px 0;}
fieldset span {float: left;padding: 0 7px;}
fieldset input, fieldset textarea, fieldset button, fieldset select, fieldset img, fieldset div.no-image, fieldset p.optional {float: left;}
fieldset p.error {float: left;margin-left: 5px;}
fieldset div.no-image {margin-left: 0;border: 1px solid #999999;width: 100px;height: 100px;}
fieldset label.hidden {display: none;}
fieldset p.optional {padding-left: 5px;font-size: 9px;color: #aaaaaa;float: left;margin-top: 4px;}
fieldset p.error {margin-right: 10px;padding-left: 25px;background: url(../images/icons/warning_16.png) top left no-repeat;height: 16px;line-height: 17px;}
fieldset img {border: 1px solid #999999;margin: 5px 0;}
fieldset label {float: left;width: 150px;clear: left;height: 30px;}
	
.contact-form {
	float:					left;
	width:					500px;	
	color:					#00549D;
}
.contact-data {
	float:					left;
	width:					438px;
	color:					#00549D;
}
.contact-data address {
	font-style:				normal;
}
.contact-data .outer {
	width:					100%;
	line-height:			2.0em;
}
.contact-data .outer, .contact-data .inner {
	list-style:				none;
}

.contact-data .inner li {
	float:					left;
	width:					49%;
}
.contact-data .inner li.right {
	text-align:				right;
}
.contact-data .title {
	font-size:				1.8em;
	font-weight:			bold;
	margin:					0 0 20px 0;
}
.contact-data .subtitle {
	font-size:				1.4em;
	font-weight:			bold;
}

.category-list {
	float:					left;
	width:					170px;
	border-right:			1px solid #cccccc;
}
.category-list ul {
	list-style:				none;
}
.category-list ul li {
	line-height:			24px;
}
.category-list ul li a {
	text-decoration:		none;
	font-weight:			bold;
}
.category-thumbs, .product-thumbs {
	float:					left;
	width:					730px;
	margin-left:			37px;	
}
.category-thumbs ul, .product-thumbs ul {
	list-style:				none;
}
.category-thumbs ul li, .product-thumbs ul li {
	float:					left;
	margin-left:			15px;
	margin-bottom:			15px;
}
.category-thumbs ul li.first, .product-thumbs ul li.first {
	margin-left:			0;
}
.category-thumbs ul li a {
	display:				block;	
	border:					1px solid #cccccc;
	margin:					3px;
	text-align:				center;
	padding:				20px;
}
.category-thumbs ul li a {
	width:					80px;
	height:					60px;
}
.category-thumbs ul li a:hover {
	border:					1px solid #00549D;
}
.category-thumbs ul li h1 {
	margin:					0 !important;
	text-align:				center;
	font-weight:			bold !important;
	font-size:				1.0em !important;
	color:					#00549D !important;
}
.category-thumbs .empty {
	text-align:				center;
	font-style:				italic;
	font-size:				1.2em;
	line-height:			100px;
}
.bullet {
	float:					left;
	margin:					6px 8px 0 0;
}
.product-thumbs ul li {
	position:				relative;
	border:					1px solid #cccccc;
	float:					left;
	margin-left:			25px;
	margin-bottom:			45px;
	width:					200px;
	height:					200px;	
}
.product-thumbs ul li:hover {
	border:					1px solid #00549D;
	cursor:					pointer;
}
.product-thumbs ul li a {		
	display:				block;
	width:					200px;
	text-align:				center;
	vertical-align:			middle;
	text-decoration:		none !important;
}
.product-thumbs ul li .title {
	display:				block;
	margin:					1px !important;
	font-size:				1.0em !important;
	color:					#ffffff !important;
	position:				absolute;
	left:					0;
	bottom:					0;
	z-index:				60;
	height:					32px;
	width:					188px;
	padding:				5px;
	text-align:				center;
	background:				url(/images/bg/product-thumbs-h1.png) bottom left repeat-x;
}
.product-thumbs ul li .price {
	display:				block;
	position:				absolute;
	bottom:					-24px;
	left:					0;
	text-align:				center;
	width:					188px;
	font-size:				1.4em;
	font-weight:			bold;
	color:					#fe7800;
}
.product-thumbs ul li .price s {
	position:				absolute;
	left:					5px;
	bottom:					0;
	text-align:				left;
	color:					#00549D;
	font-size:				0.7em;
}
.product-thumbs ul li .brand {
	position:				absolute;
	left:					5px;
	top:					5px;
	color:					#999999;
	font-style:				italic;
}
.product-thumbs ul li .stock {
	position:				absolute;
	right:					5px;
	top:					5px;
	color:					#999999;
	font-style:				italic;
	font-size:				0.8em;
}
.product-thumbs ul li .no {
	color:					#ff0000;
}
.product-thumbs ul li .in {
	color:					#17c000;
}
.product-thumbs ul li img {
	position:				relative;
	z-index:				50;
	display:				block;
	margin:					20px auto 0 auto;
}
.product {
	position:				relative;
	float:					left;
	margin-left:			37px;
	width:					730px;
}
.product .data {
	list-style:				none;
	margin-bottom:			15px;
}
.product .data li {
	float:					left;
	border-left:			1px solid #00549D;
	line-height:			35px;
	padding:				0 25px;
	color:					#00549D;
}
.product .data li.first {
	border-left:			0;
	padding-left:			0;
}
.product .data li h1 {
	margin:					0!important;
	color:					#00549D !important;
	font-size:				1.2em;
}
.product .data li strong {
	color:					#fe7800;
}
.product .image {
	float:					left;
	border:					1px solid #cccccc;
	width:					250px;
	height:					250px;
	text-align:				center;
	margin:					0 25px 25px 0;
}
.product .price {
	float:					left;
	height:					24px;
	line-height:			24px;
	margin:					0!important;
	margin-top:				15px !important;	
	color:					#00549D !important;
	font-size:				1.1em !important;
}
.product .price span {
	font-size:				1.8em !important;
}
.product .text {
	margin-top:				60px;
	color:					#00549D !important;
}
.product .text ul li, .product .text ol li {
	list-style-position:	inside;
	line-height:			24px;
}
.product .reservation {
	float:					left;
	margin-top:				15px;
	margin-left:			30px;
	padding:				1px;
	border:					1px solid #cccccc;
	height:					24px;
	width:					200px;
	text-align:				center;
}
.product .reservation a {
	display:				block;
	background-color:		#fe7800;
	height:					24px;
	line-height:			24px;
	font-size:				1.4em;
	font-weight:			bold;
	color:					#ffffff;
	text-decoration:		none;
}
.product .reservation a:hover {
	text-decoration:		underline;
}
.reserveren {
	float:					left;
	width:					730px;
	margin-left:			37px;
}
ul.logos {
	list-style:				none;
}
ul.logos li {
	float:					left;
	margin:					20px 5px 15px 5px;
}
ul.logos li img {
	vertical-align:			middle;
}
ul.logos li .logos-6, ul.logos li .logos-4 {
	display:				block;
	text-align:				center;
}
ul.logos li .logos-6 {
	width:					145px;
}
ul.logos li .logos-4 {
	width:					220px;
}
ol.offers {
	list-style:				none;
	margin-top:				10px;
}
ol.offers li {
	position:				relative;
	float:					right;
	margin-right:			45px;
}
ol.offers .first {
	margin-right:			0;
}
ol.offers .image {	
	width:					90px;
	height:					90px;
	background-color:		#ffffff;
	border:					1px solid #000000;
	text-align:				center;
	margin:					0 auto;
}
ol.offers .title, ol.offers .price {
	display:				block;
	line-height:			22px;
	text-align:				center;
	color:					#ffffff;
}
ol.offers .price {
	font-size:				16px;
	font-weight:			bold;
}
ol.offers .price .euro {
	padding-right: 			4px;
	font-size:				14px;
	vertical-align:			top;
	color:					#FE7800;
}