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

.addressoverview
{
	float:left;
	display:block;
	padding-left:2em;
	padding-right:2em;
	line-height:1.3em;
	padding-bottom:0.5em;
}

.addressoverview #checkbox
{
	float:left;
	display:block;
	border-top: 1px solid #f5f5f5;
	
}

.addressoverview #address
{
	float:left;
	display:block;
	padding-left: 1em;
	border-left: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
}


#basket
{
	float:left;
	display:block;
	width:450px;
	height:100%;
	border-left:3px solid #1f2b51;
	background-image:url(/images/95-perc-shade.png);
	padding:2em;
	padding-top:7em;
}

#basket a
{
	color:#777;
}

#basket ol, .shoppingoverview ol
{
	list-style:none;
	margin:0;
	padding:0;
	display:block;
	padding-bottom:1em;
}

#basket ol li, .shoppingoverview ol li
{
	display:block;
	margin-bottom:2px;
	padding-top:0.2em;
	padding-bottom:0.2em;
	background-color:#f6f6f6;
	-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
	-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; 
	
}

body {
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	line-height: 1.5em;
	color: #222;
}

.biograph
{
	text-align:justify;
	margin:0px;
}

.biograph #image
{
	float:left;
	position:relative;
	padding-right:15px;
	padding-bottom:15px;
}

.boxgreen, .boxred, .boxyellow
{
	padding:1em;
	padding-left:3em;
	margin-bottom:1em;
	margin-top:1em;
	background-repeat:no-repeat;
	border:1px solid;
	-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px;
	-moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px;
	-moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;  
}

.boxgreen a:link, .boxred a:link, .boxyellow a:link
{
	text-decoration:underline;
	color:inherit;
}

.boxgreen
{
	border-color:#3C0;
	background-color:#DFFFDF;
	background-image:url(../images/icons/tick.png);	
}

.boxyellow
{
	border-color:#FC0;
	background-color:#FFF7D5;
	background-image:url(../images/icons/error.png);
}

.boxred
{
	border-color:#C00;
	background-color:#FFDFDF;
	background-image:url(../images/icons/exclamation.png);
}

.button
{
	background-image:url(../images/button.gif);
	background-position:top left;
	background-repeat:no-repeat;
	text-align:center;
	text-transform:uppercase;
	float:left;
	display:block;
	margin-right:5px;
}

/* before button to let button overrule */
.content a
{
	color:#444;
	font-weight:bold;
	text-decoration:none;
}

.button a
{
	display:block;
	padding-left:1em;
	padding-right:1em;
	line-height:30px;
	font-size:0.8em;
	color:#3f3f3f;
	text-decoration:none;
	background-image:url(../images/button.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	font-weight:normal;
}

.button a:hover
{
	text-decoration:underline;
}

.cart_actions, .cart_product, .cart_tools, .cart_price, .cart_samples
{
	float: left;
	display:block;
}

.cart_actions
{
	padding-top:8px;
	padding-left:0.5em;
	padding-right:0.5em;
	width:16px;
}
.cart_product
{
	width:290px;
}
.cart_product #producttitle, .cart_price #total
{
	font-size:0.9em;
	line-height:1.5em;
	text-transform:uppercase;
	font-weight:bold;
}
.cart_product #productdescr, .cart_price #amount
{
	font-size:0.85em;
	line-height:1.5em;
	color:#666;
}
.cart_samples
{
	width:110px;
	padding:2px;
	margin-right:3px;
	margin-top:2px;
	font-size:0.8em;
	line-height:1.2em;
	font-style:italic;
}

.cart_samples select
{
	font-family:"Courier New", Courier, monospace;
}

.cart_tools 
{
	padding-top:2px;
	width:15px;
	padding-right:5px;
}
.cart_tools a
{
}

.cart_total #title
{
	display:inline-block;
	width:306px;
	font-weight:bold;
	text-align: right;
	padding-right:0.5em;
}

.cart_total #totalprice
{
	display:inline-block;
	width:110px;
	font-weight: bold;
	padding-left:0.5em;
}

.cart_price
{
	width:110px;
}

.cart_price p
{
	font-size:0.8em;
	line-height: 1.2em;
}

.clear
{
	clear:both;
}

.clear-slider
{
	height:450px;
}

.content
{
	clear:both;
	width:964px;
	margin:0 auto;
}

.content #mainpage
{
	display:block;
	width: 680px;
	text-align:justify;
}

.content a:hover
{
	text-decoration:underline;
}

.content ul, .content ol
{
	margin-top:0;
	padding-top:0;
}

.content .roundtable
{
	padding:0.5em;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	background-color:#fff;
	width:100%;
	font-size:0.8em;
	margin-top:1em;
	margin-bottom:0.5em;

}

.content .roundtable tr:hover
{
	background-color:#eee;
}

.content .roundtable td
{
	vertical-align:top;
	text-align:left;
}

.roundtable .button
{
	font-size: 1.2em;
}

.downloads
{
	padding-top: 2em;
	padding-bottom:0.5em;
}

.dropdownitem a
{
	width:100px;
	display:block;
	border:1px solid #f0f;
}

.dropdownitem
{
	display:none;
}

.duo
{
	padding-left:1em;
	padding-bottom:1em;
}

.duo ul
{
	list-style:none;
	padding:0;
	margin:0;
}

.duo ul li
{
	float:left;
	display:block;
	width:50%;
}

.duo h3
{
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:2.5em;
	color:#777;
	text-transform:capitalize;
	letter-spacing:normal;
}

.duo p
{
	line-height: 1.7em;
	font-size: 1.1em;
	padding-right:2em;
	text-align:justify;
}

.duo a
{
	font-weight:normal;
	text-decoration:none;
	color:#777;
}
.duo a:hover
{
	text-decoration:underline;
}

.faqDate
{
	float:right;
	position:relative;
	font-size:0.7em;
	color:#444;
	font-weight:normal;
	padding-right:1em;
}

.faqTopic
{
	/* see newsItem */
	padding-left: 1em;
	margin-top:0.5em;
	text-transform:uppercase;
}

.footer
{
	border-top:2px solid #1f2b51;
}

.footer #container
{
	margin:0 auto;
	width:960px;
	padding-top:20px;
	padding-bottom:2em;
}

.footer #left
{
	width:40%;
	position:relative;
	float:left;
	left:0;
	top:0;
	z-index:20;
	font-size:0.86em;
	color:#1f2b51;
}

.footer #right
{
	width:50%;
	float:right;
	right:0;
	top:0;
	position:relative;
	z-index:20;
	color:#1f2b51;
	font-size: 0.9em;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	text-align:right;
}

.footer a
{
	color:#666;
	text-decoration:none;
}

.footer a:hover
{
	color:#222;
}


#gallery{
	/* The width of the gallery */
	width: 960px;
	margin: 0 auto;
}

h1
{
	font-size:2.2em;
	color:#777;
	letter-spacing:1px;
	font-weight:normal;
	margin:0;
	padding:0;
	padding-bottom:0.5em;
	line-height:1.5em;
	text-align:left;
}

h2
{
	font-size:1.5em;
	color:#777;
	font-weight:normal;
	padding:0;
	margin:0;
	padding-bottom:0.5em;
	text-align:left;
}

h3
{
	font-size: 1em;
	letter-spacing:0.1em;
	text-transform:uppercase;
	margin:0;
	padding:0;
	padding-bottom:0.5em;
	text-align:left;
}

.header
{
	float:left;
	position:relative;
	z-index: 11;
	height: 135px;
	width:100%;
	background-image:url(../images/header-bg.png);
	background-position:top center;
	background-repeat:no-repeat;
}

.header #center, .header #center-slider
{
	height:inherit;
	display: block;
	width:960px;
	margin: 0 auto;
}

.header #center-slider
{
	background-image:url(../images/logo-slider.png);
	background-position:right top;
	background-repeat:no-repeat;
}

.header #center
{
	background-image:url(../images/logo.png);
	background-position:right top;
	background-repeat:no-repeat;
}

.header #right
{
	display:inline-block;
}

.header #logo a
{
	float:right;
	display:block;
	z-index:30;
	width:200px;
	height:120px;
}

img
{
	border:0;
}

/* NAVIGATION */

.nav
{
}

.nav ul
{
	list-style:none;
	height:51px;
	margin:0;
	padding:0;
}

.nav ul li
{
	float:left;
	display:block;
	height: 100%;
}

.nav ul li:hover
{
	background-image:url(../images/menu-button.png);
	background-position:top left;
	background-repeat:no-repeat;
}

.nav ul li a
{
	display:block;
	height:100%;
	line-height:51px;
	padding-left:10px;
	padding-right:10px;
}

.nav li a:link, .nav li a:active, .nav li a:visited
{
	font-size: 0.86em;
	letter-spacing:0.1em;
	text-transform:uppercase;
	color:#1f2b51;
	text-decoration:none;
}

.nav ul li a:hover
{
	height:100%;
	background-image:url(../images/menu-button.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	color:#666;
}

.navdrop
{
	float:left;
	display:block;
	width:150px;
	height:100px;
	border:1px solid #f0f;
	z-index:26;
}

.newsDownloads, .faqDownloads
{
	display:block;
}

.newsDownloads a, .faqDownloads a
{
	font-size:0.9em;
	font-weight:normal;
}

.newsDownloads a:link, .newsDownloads a:visited, .newsDownloads a:hover, .newsDownloads a:active,
.faqDownloads a:link, .faqDownloads a:visited, .faqDownloads a:hover, .faqDownloads a:active
{
	margin:0;
	line-height:normal;
}

.newsDownloads #icon, .faqDownloads #icon
{
	float:left;
	display: block;
	height:2.5em;
}

.newsDownloads #texts, .faqDownloads #texts
{
	padding-left:30px;
}

.newsItem
{
	padding-left:1em;
}

.newsItem:hover, .newsItemSelected, .faqTopic
{
	background-image:url(../images/newsheader.png);
	background-position:left top;
	background-repeat:no-repeat;
}

.newsItem a, .newsItemSelected a, .faqTopic a
{
	line-height:30px;
	display:block;
	height:30px;
	text-decoration:none;
}

.newsItem a:hover, .newsItemSelected a, .faqTopic a
{
	background-image:url(../images/newsheader.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	text-decoration:none;
}

.newsText
{
	padding:1em;
	margin-left:2em;
	margin-bottom: 2em;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
	border-left:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
}

p
{
	padding:0;
	margin:0;
	padding-bottom:1.5em;
	padding-top:0.2em;
}

.required
{
	border:1px solid #F00;
}

.sidemenu
{
	padding-top:2em;
	float:right;
	display:block;
	padding-left:2.5em;
	right:0;
	min-width:250px;
}

.sidemenu #container
{
	background-image:url(../images/sidemenu-header.png);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:1em;
	padding-bottom:1em;
	padding-left:2px;
}

.sidemenu h2
{
	color:#1f2b51;
	margin:0;
	padding:0;
	font-size:1.4em;
	padding-left: 1.2em;
	padding-bottom: 0.5em;
	font-weight:normal;
}

ul.sidenav, ul.sidenav ul
{
	color:#1f2b51;
	list-style: none;
	font-size: 1em;
	margin:0;
	padding:0;
	line-height:2em;
}

ul.sidenav ul
{
	list-style-type:none;
}

ul.sidenav li, ul.sidenav ul li
{
	padding-right:3em;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

ul.sidenav li
{
	padding-left:2em;
}

ul.sidenav ul li
{
	padding-left:3em;
}

ul.sidenav li:hover
{
	background-color:#efefef;
	border-top:1px solid #ccc;
	border-bottom: 1px solid #e5e5e5;
}

#shoppingcart
{
	float:right;
	display:block;
	position:fixed;
	right:-1000px;
	z-index:100;
	min-height:250px;
	height:100%;
}

#shoplabel
{
	float:left;
	margin-top:150px;
	display:block;
}

#shoplabel a
{
	display:block;
	height:175px;
	width:35px;
	background-image:url(/images/shoplabel.png);
	background-repeat:no-repeat;
}

.shoppingoverview ol li
{
	background-color:#fff;
	-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px;
	-moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px;
	-moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;
}


.sidemenu a
{
	display:block;
	font-weight:normal;
	color:#1f2b51;
	text-decoration:none;
	line-height:2em;
}

.sidemenu a:hover
{
	color:#555;
	text-decoration:none;
}

.sidemenu #footer
{
	background-image:url(../images/sidemenu-bottom.png);
	background-repeat:no-repeat;
	height:15px;
	background-position: left top;
	padding-bottom:2em;
}

.slider
{
	float:left;
	position:absolute;
	width:100%;
	z-index:1;
	display:block;
	background-image:url(../images/slider-bg.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	height:435px;
	margin:0;
	padding:0;
	overflow:hidden;
}

.slider #menu
{
	float:left;
	position:relative;
	z-index:25;
	top: 385px;
	width:100%;
}

.slider #menu ul
{
	list-style:none;
	width:960px;
	margin: 0 auto;
	text-align:center;
}

.slider #menu li
{
	display: inline-block;
	background-image:url(../images/slider-menu-empty.png);
	background-repeat:no-repeat;
	background-position: center;
}

.slider #menu li .over
{
	background-image:url(../images/slider-menu-full.png);
	background-repeat:no-repeat;
	background-position:center;
}

.slider #menu li a
{
	float:left;
	display:block;
	width:14px;
	height:10px;
}

.smallGrey
{
	font-size:0.7em;
	line-height:0.8em;
	color:#777;
}

small
{
	font-size:0.8em;
}

strong
{
}

#slides
{
	z-index:3;
}

#subtexts
{
	z-index:5;
}

/* FLEXCALC STYLES */

.summary
{
	line-height:1.75em;
}

.summary .title
{
	text-align:left;
	width:24em;
}

.summary .value
{
	width:8em;
}

.summary .valueXL
{
	width:16em;
}

.summary .heading
{
	font-size:0.8em;
	text-transform:uppercase;
}
.clarification
{
	color:#06C;
	padding:0.3em;
}

/* END FLEXCALC STYLES */ 

.slide {
	float:left;
	width:3000px;
}


#texts, #subtexts, #slides
{
	display:block;
	float:left;
	position:absolute;
	/* This is the slide area */
	height:300;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:960px;
	overflow:hidden;
}

.table_overview
{
	
}

.table_green
{
}

.table_odd
{
}

.trio
{

}

.trio h3
{
	padding:0;
	margin:0;
	font-size:1.2em;
	color:#545454;
	line-height:37px;
	font-weight:normal;
	letter-spacing:0.1em;
	text-transform:capitalize;
}

.trio ul
{
	list-style:none;
	padding:0;
	margin:0;
}

.trio ul li
{
	float:left;
	position:relative;
	display:block;
	width:33%;
}

.trio p
{
	font-size: 0.9em;
	line-height: 1.8em;
	text-align:justify;
	padding-right:1.5em;
}

.trio #trio-content
{
	background-image:url(../images/front-trio-header.png);
	background-position:top;
	background-repeat:no-repeat;
	padding-left:1.5em;
}

.trio #trio-end
{
	background-image:url(../images/front-trio-bottom.png);
	background-position:top;
	background-repeat:no-repeat;
	height:10px;
	padding-bottom:2em;
}



#texts
{
	z-index:4;
}

#wrapper
{
	background-image:url(../images/main-bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-attachment:fixed;
	background-color:#e6e7e6;
	padding-bottom:2em;
}