/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
@font-face {
	font-family: 'FertigoProRegular';
	src: url('../fonts/fertigo_pro-webfont.eot');
	src: local('?'), url('../fonts/fertigo_pro-webfont.woff') format('woff'), url('../fonts/fertigo_pro-webfont.ttf') format('truetype'), url('../fonts/fertigo_pro-webfont.svg#webfontkwsAIrn7') format('svg');
	font-weight: normal;
	font-style: normal;
}
body     { background: #004864 url(../images/bg.png) no-repeat top center; margin: 15px }
h1{font-weight: normal; font-style: normal; line-height:normal; font-family: 'FertigoProRegular', sans-serif; font-size: 30px; padding-bottom: 5px;margin-bottom: 10px; color: #004863}
h2{font-weight: normal; font-style: normal; line-height:normal; font-family: 'FertigoProRegular', sans-serif; font-size: 18px; color: #0079a7; }
p {}
body, table, td    { color: black; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
a { color: #006d96; border: none }
a { text-decoration: none }
a:hover { text-decoration: underline }
a:active { text-decoration: underline }
.navbar    { color: #004863; font-size: 12px; text-transform: none; padding-top: 4px; padding-bottom: 6px; display: block; width: 170px;}
.navbar a  { color: #004863; font-size: 12px; text-decoration: none; padding-left: 6px; }
.navbar a:hover  { color: #006d96; font-size: 12px; text-decoration: underline }
.navbar a:active  { color: #006d96; font-size: 12px; text-decoration: underline }
.navbarfunctional   { color: #fff; font-size: 10px; line-height: 16px; float: right}
.navbarfunctional a { color: #fff; font-size: 12px; text-decoration: none; margin:0px 12px }
.navbarfunctional a:hover {color: #74d9ff; font-size: 12px; text-decoration: none;  }
.navbarfunctional a:active { color: #74d9ff; font-size: 12px; text-decoration: none; }
.subnavbar{ color: #004863; font-size: 12px; font-weight: normal; text-transform: uppercase; line-height: 21px; }
.subnavbar a   { color: #004863; font-size: 12px; font-weight: normal; text-decoration: none }
.subnavbar a:hover   { color: #004863; font-size: 12px; font-weight: normal; text-decoration: underline }
.subnavbar a:active   { color: #004863; font-size: 12px; font-weight: normal; text-decoration: underline }
.address  { color: #006d96; font-size: 11px; line-height: 16px; text-decoration: none }
.address a { color: #006d96; font-size: 11px; text-decoration: none }
.address a:hover { color: #004863; font-size: 11px; text-decoration: underline }
.address a:active { color: #004863; font-size: 11px; text-decoration: underline }
.titel { color: #004863; font-weight: bold; font-size: 16px; font-family: "Gill Sans", Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.titelbig { color: #004863; font-size: 30px; font-family: "Gill Sans", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: bold }
.txtallert { color: #00a0e3; font-weight: normal; font-size: 11px }
.txt { font-weight: normal; font-size: 11px; text-align: justify }
.txt a { color: #004863; font-weight: bold; font-size: 11px; text-decoration: none; text-align: justify }
.txt a:hover { color: #004863; font-weight: bold; font-size: 11px; text-decoration: underline; text-align: justify }
.txt a:active { color: #004863; font-weight: bold; font-size: 11px; text-decoration: underline; text-align: justify }
.txtsmall  { color: #004863; font-weight: normal; font-size: 10px; text-align: justify }
.txtsmall b  { font-weight: bold; font-size: 10px; text-align: justify }
.txtsmall a  { color: black; font-weight: bold; font-size: 10px; text-decoration: none; text-align: justify }
.txtsmall a:hover  { color: black; font-weight: bold; font-size: 10px; text-decoration: underline; text-align: justify }
.txtsmall a:active  { color: black; font-weight: bold; font-size: 10px; text-decoration: underline; text-align: justify }
.txtblue { color: #004863; font-weight: normal; font-size: 11px }
.subtitel {font-weight: bold; font-size: 14px; font-family: 'FertigoProRegular', sans-serif; font-size: 18px; color: #0079a7 }
.subtitel a { color: #0079a7; font-weight: normal; font-size: 14px; text-decoration: none;}
.subtitel a:hover { color: #00a0e3; font-weight: normal; font-size: 14px; text-decoration: underline; }
.subtitel a:active { color: #00a0e3; font-weight: normal; font-size: 14px; text-decoration: underline; }
.boxpromo { background: url(../images/nl/boxbg.gif) no-repeat; padding: 5px; border: solid 1px #00a0e3 }
.boxmarineline  { border: solid 1px #004863 }
.rubriek { color: #004863; font-weight: bold; font-size: 12px }
.artikeltitel     { font-weight: bold; color: #004863; font: normal 10px Arial, Helvetica, Verdana; text-transform: uppercase}
.artikeltitel a:first-letter {text-transform: uppercase;}
.artikelsubtitel { color: #006d96; font-weight: normal; font-size: 10px; }
.artikelnote { color: #006d96; font-weight: normal; font-size: 10px }
.artikelbutton      { color: #004863; font-weight: bold; font-size: 11px; background: url(../images/nl/articlebuttonbg.gif) no-repeat; float: left; padding-top: 3px; padding-bottom: 7px; padding-left: 10px; width: 155px; height: 22px }
.artikelbuttonnote { color: #fff; font-weight: normal; font-size: 10px; background-color: #00a0e3; padding: 3px 1px 3px 3px; margin-top: 17px; }
.formbutton{ color: #fff; font-weight: bold; font-size: 11px; background: url(../images/nl/formbuttonbg.gif) no-repeat; float: left; padding-top: 3px; padding-bottom: 7px; padding-left: 10px; width: 155px; height: 22px }
.formbutton a   { color: #fff; font-weight: normal; text-decoration: none;}
.formbutton a:hover   { color: #fff; font-weight: normal; text-decoration: underline; }
.formbutton a:active   { color: #fff; font-weight: normal; text-decoration: underline;}
.forminputfree  { color: #004863; font-size: 10px; background-color: #ebf0ff; padding: 2px; border: inset 1px #4c80a6 }

.forminputrequired  { color: #004863; font-size: 10px; background-color: #ccdae0; padding: 2px; border: inset 1px #4c80a6 }
.wrapper{width: 960px; margin: 0 auto; align: center;}
.logo{ background: url(../images/logo.gif) no-repeat; width: 141px; height: 36px; font: normal 11px Arial, Helvetica, sans-serif; color: #FFF; padding-top: 27px; text-align: center; letter-spacing: 2px;}
.logofr{ background: url(../images/logofr.gif) no-repeat; width: 141px; height: 36px; font: normal 11px Arial, Helvetica, sans-serif; color: #FFF; padding-top: 27px; text-align: center; letter-spacing: 2px;}
.language li{display: inline; list-style: none; display: block; float: left; margin: 3px 0 0 3px; font: normal 12px Arial, Helvetica, sans-serif; color: #FFF;}
.language li a, .language .active a{ font: normal 12px Arial, Helvetica, sans-serif; color: #FFF; text-transform: uppercase; width: 23px; height:16px; display: block; text-align: center; padding: 3px 0px 4px 0px}
.language li a:hover, .language .active a{ background: url(../images/langbgbutton.gif) no-repeat left top; text-decoration: none;}
.language { background: url(../images/langbg.gif) no-repeat right; display: block; float: right; width: 62px; height: 25px; margin-left: 1px }
.bgtop{width: 960px; display: block; height: 8px; overflow: hidden; padding: 0; margin: 0; background: url(../images/bgtop.gif) no-repeat; }
.menuoutline{ padding-bottom: 12px;}
.bannerlink a img{border: none;}
.shoppingcart { background: url(../images/shoppingbutton.gif) no-repeat; display: block; width: 175px; height: 29px;}
.facebook { background: url(../images/socialbuttons.gif) no-repeat 0px 0px; display: block; width: 175px; height: 29px; margin-bottom: 5px}
.twitter { background: url(../images/socialbuttons.gif) no-repeat 0px -100px; display: block; width: 175px; height: 29px; margin-bottom: 5px}
.linkedin { background: url(../images/socialbuttons.gif) no-repeat 0px -50px; display: block; width: 175px; height: 29px; margin-bottom: 5px}
.shoppingcart a, .facebook a, .twitter a, .linkedin a{font: normal 12px Arial, Helvetica, sans-serif; color: #FFF; padding: 8px 0px 0px 40px; display: block;}
.shoppingcart a:hover, .facebook a:hover, .twitter a:hover, .linkedin a:hover {color: #74d9ff; text-decoration: underline;}
.boxholder{ margin-top: 10px; background:url(../images/bottombox.jpg) no-repeat bottom; width: 175px; overflow: hidden; }
.boxholder h2{font-weight: normal; font-style: normal; line-height:normal; font-family: 'FertigoProRegular', sans-serif; width: 175px; font-size: 18px; color: #FFF; background: url(../images/topbox.jpg) no-repeat top; padding: 6px 0px 4px 0px; text-align: center; margin: 0px}
.boxholder p{font: normal 11px Arial, Helvetica, sans-serif; color: #808080; text-align: center; width: 165px;  padding: 10px 5px; margin: 0; overflow: hidden;}
.boxholder img{margin-bottom: 5px;}
.boxholder a{font: normal 11px Arial, Helvetica, sans-serif; color: #808080; text-decoration: underline;}
.boxholder a:hover{color: #006d96;}
/*.boxbuttons a{font-size: 0px; padding:5px; background: #bfbfbf; border: solid 1px #787878; margin-right: 2px; color: #bfbfbf;}*/
.boxbuttons a{font-size: 8px; padding:2px 5px; background: #bfbfbf; border: solid 1px #787878; margin-right: 2px; color: #000; text-decoration:none; }
.boxbuttons a:hover, .boxbuttons a.activeSlide{font-size: 8px; padding:2px 5px; background: #787878; border: solid 1px #787878; margin-right: 2px; color: #000; text-decoration:none; }
.boxbuttons a:active {outline: none;}
a:active{outline: none;}
a:focus{-moz-outline-style: none;}
.boxbuttons{overflow: hidden; padding:6px; text-align: center; margin-bottom: 5px;}
.shadow img, .shadow a img{
	margin: 5px;
	-moz-box-shadow: 3px 3px 4px #808080; /* Firefox/Mozilla */  
	-webkit-box-shadow: 3px 3px 4px #808080; /*Safari/Chrome */  
	box-shadow: 3px 3px 4px #808080; /* Opera & hoe het zou moeten */  
	/* Voor IE 8 */  
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080')";  
	/* Voor IE 5.5 - 7 */  
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080');  
}
.rightcontent{ background: #FFF; margin-left: 10px} 
.footer{width: 920px; display: block; height: 18px; overflow: hidden; padding: 6px 20px 8px; margin: 0; background: url(../images/footerbg.gif) no-repeat bottom; }
.spacer1{ margin: 10px; display: block;}
.spacer2{ margin: 20px; display: block; background: #FFF;}
.spacer3{ margin-top: 25px;}
.searchbox{ background: url(../images/bgsearch.gif) no-repeat; width:253px; height: 72px; margin-right: 14px;		 overflow:  hidden; padding: 10px;}
.buttonholder{
	margin: 0px;
	padding: 0px;
	height: 23px;
	background: transparent url(../images/bgbutton.gif) no-repeat;
	background-position: left 0px;
	float: left;	
	}
.buttonholder button{
	margin: 0px;
	padding: 0px;
	height: 23px;
	background: transparent url(../images/bgbutton.gif) no-repeat;
	background-position: right 0px;
	outline: none;
	border: none;
	cursor : pointer;
	color: #FFF;
	font: normal 12px Arial, Helvetica, sans-serif;
	border: none;
	display: block;
	float: left;
	margin-left: 4px;
	overflow: hidden;
	padding: 0px 8px 0px 4px;
}
.buttonholder:hover{
	height: 23px;
	background: transparent url(../images/bgbutton.gif) no-repeat;
	background-position: left -23px;
	float: left;
	margin: 0px;
	padding: 0px;
	
	}
.buttonholder:hover button{
	height: 23px;
	background: transparent url(../images/bgbutton.gif) no-repeat;
	background-position: right -23px;
	outline: none;
	border: none;
	cursor : pointer;
	color: #FFF;
	font: normal 12px Arial, Helvetica, sans-serif;
	border: none;
	display: block;
	float: left;
	margin-left: 4px;
}
.buttonholder2{
	margin: 0px;
	padding: 0px;
	height: 23px;
	background: #FFFFFF url(../images/bgbutton2.gif) no-repeat;
	background-position: left 0px;
	float: left;
	margin-bottom: 5px;
	}
.buttonholder2 button{
	margin: 0px;
	padding: 0px;
	height: 23px;
	background: #FFFFFF url(../images/bgbutton2.gif) no-repeat;
	background-position: right 0px;
	outline: none;
	border: none;
	cursor : pointer;
	color: #FFF;
	font: normal 12px Arial, Helvetica, sans-serif;
	border: none;
	display: block;
	float: left;
	margin-left: 4px;
	line-height: 18px;
	width: auto;
	overflow: visible;
	padding: 0px 8px 0px 4px;
	 
}
.buttonholder2:hover{
	height: 23px;
	background: #FFFFFF url(../images/bgbutton2.gif) no-repeat;
	background-position: left -23px;
	float: left;
	
	
	}
.buttonholder2:hover button{

	background: #FFFFFF url(../images/bgbutton2.gif) no-repeat;
	background-position: right -23px;

}

.buttonholder3{
	margin: 0px;
	padding: 0px;
	height: 23px;
	background: #FFFFFF url(../images/bgbutton3.jpg) no-repeat;
	background-position: left 0px;
	float: left;
	margin-bottom: 5px;
	}
.buttonholder3 button{
	margin: 0px;
	padding: 0px;
	height: 23px;
	background: #FFFFFF url(../images/bgbutton3.jpg) no-repeat;
	background-position: right 0px;
	outline: none;
	border: none;
	cursor : pointer;
	color: #FFF;
	font: normal 12px Arial, Helvetica, sans-serif;
	border: none;
	display: block;
	float: left;
	margin-left: 4px;
	line-height: 18px;
	width: auto;
	overflow: visible;
	padding: 0px 8px 0px 4px;
	 
}
.buttonholder3:hover{
	height: 23px;
	background: #FFFFFF url(../images/bgbutton3.jpg) no-repeat;
	background-position: left -23px;
	float: left;
	
	
	}
.buttonholder3:hover button{

	background: #FFFFFF url(../images/bgbutton3.jpg) no-repeat;
	background-position: right -23px;

}
.searchbox input{
	border: 1px solid #74d9ff;
	margin-right:  8px;
	padding: 3px;
	height: 17px;
	font: normal 12px Arial, Helvetica, sans-serif;
	width: 150px;

}
.searchbox a{
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #74d9ff;
	text-decoration:  underline;
	border-top:  1px solid #74d9ff;
	margin-top: 10px;
	padding-top: 8px;
	text-align:  right;
	display:  block;
	overflow:  hidden;
}
.searchbox a:hover{
	color: #FFF;
}
.clear {
  clear: both;
  height: 0;
}
.newsbox{ background: url(../images/newsbg.gif) no-repeat; width:253px; height: 84px; overflow:  hidden; padding: 4px 10px;}
.newsbox h2{font-weight: normal; font-style: normal; line-height:normal; font-family: 'FertigoProRegular', sans-serif; font-size: 18px; color: #FFF; margin: 0px;}
.newsbox ul li{list-style:  none; background: url(../images/icon_arrow.gif) no-repeat 0px 2px; padding-left: 10px; font: normal 11px Arial, Helvetica, Times}
.newsbox ul{margin: 0px; padding: 0px; margin-top: 8px;}
.newsbox ul li a{color: #004a66; line-height: 16px;}
.newsbox ul li a:hover{color: #006d96;}
.releaseholder{width: 560px; overflow: hidden; background: url(../images/releaselisttopbg.gif) no-repeat  ; background-position: left top;}
.releaseitem{ width: 258px; padding: 10px 0px 0px 10px; overflow: hidden; float: left;}
/*
.releaseholder .releaseitem .releaseinfo h2:hover, .releaseholder .releaseitem .releaseinfo h3:hover{ text-decoration: underline; cursor: pointer;}
*/
.releaseitem .releaseinfo h2{font-weight: normal; font-style: normal; line-height:normal; font: bold 11px Arial, Helvetica, sans-serif; margin: 0; padding: 0;padding-bottom: 5px; color: #004863;}
.releaseitem .releaseinfo h3{font-weight: normal; font-style: normal; line-height:normal; font: normal 10px Arial, Helvetica, sans-serif; padding-bottom: 5px; color: #006d96; line-height: 12px;}
.releaseholder .releaseitem .releasecover{width: 100px; overflow:  hidden; margin-right: 5px; float: left;}
.releaseholder .releaseitem .releasecover{cursor:  pointer; padding: 0px 10px 5px 0px;}
.releaseholder .releaseitem .releaseinfo{width: 140px; overflow:  hidden; float: left;}
.releasepageholder{height: 16px; padding: 5px; overflow:  hidden; background: url(../images/releaselistbottombg.jpg) no-repeat; text-align:  center;}
.releasepageholder ul{margin: 0; padding:0;}
.releasepageholder ul li{display: inline; font: normal 12px Arial, Helvetica, Times; color: #FFF; padding: 0; margin: 0;}
.releasepageholder ul li a{color: #FFF; padding: 2px 6px;}
.releasepageholder ul li a:hover, .releasepageholder ul .active a{color: white; padding: 2px 6px; background: #004863; color: #74d9ff; text-decoration: none;}
.tableblue tr td{color: #006d96}
.shop_top{height: 6px; background:url(../images/shoplist_top.jpg) no-repeat}
.shop_body{background:url(../images/shoplist_topbody.jpg) repeat-y;}
.shop_body p{font: normal 11px Arial, Helvetica, sans-serif; color: #FFF; padding: 10px 14px 14px 14px; line-height: 14px; margin: 0; width: 514px}
.shoplist{width: 542px; overflow: hidden;}
.shop_body p a{color: #80d8f1;}
.shoptitle_left{ background:url(../images/shoplist_header.jpg) repeat-y left; color: #FFF; font: bold 11px Arial, Helvetica, sans-serif; padding: 5px 0px;}
.shoptitle_center{ background:url(../images/shoplist_header.jpg) repeat-y center; color: #FFF; font: bold 11px Arial, Helvetica, sans-serif; padding: 5px 0px;}
.shoptitle_right{ background:url(../images/shoplist_header.jpg) repeat-y right; color: #FFF; font: bold 11px Arial, Helvetica, sans-serif; padding: 5px 0px;}
.shopitem_left{ background:url(../images/shoplist_body.jpg) repeat-y left; color: #FFF; font: bold 11px Arial, Helvetica, sans-serif; padding: 5px 0px 10px 5px; border-bottom: 1px solid #004963; vertical-align: top; font: normal 11px Arial, Helvetica, sans-serif; color: #004863;}
.shopitem_center{ background:url(../images/shoplist_body.jpg) repeat-y center; color: #FFF; font: bold 11px Arial, Helvetica, sans-serif; padding: 10px 0px; border-bottom: 1px solid #004963; vertical-align: top; font: bold 11px Arial, Helvetica, sans-serif; color: #004863;}
.shopitem_right{ background:url(../images/shoplist_body.jpg) repeat-y right; color: #FFF; font: bold 11px Arial, Helvetica, sans-serif; padding: 10px 0px; border-bottom: 1px solid #004963; vertical-align: top; font: bold 11px Arial, Helvetica, sans-serif; color: #004863;}
.shopitem_center input{ font: bold 11px Arial, Helvetica, sans-serif; color: #004863; border: solid 1px #004963; width: 25px; padding: 2px;}
.shoptext_left{ text-align: left}
.shoptext_right{ text-align: right}
.shoptext_right a img{margin-right: 12px; border: none;}
.shoptotal_left{background: url(../images/shoplist_bottom.jpg) repeat-y left; height:34px;}
.shoptotal_center{ background: url(../images/shoplist_bottom.jpg) repeat-y center; height:34px; font: bold 11px Arial, Helvetica, sans-serif; vertical-align: middle; font: bold 16px Arial, Helvetica, sans-serif; color: #fff;}
.shoptotal_right{ background: url(../images/shoplist_bottom.jpg) repeat-y right; height:34px;}