/* common tags 
============================================================= */
* {
	-moz-outline: none;
	margin:0;
	padding:0;
}
h2.breadcrum {
	line-height:48px;
	margin-left:20px;
}
div.breadcrum {
	width:1004px;
}
div.breadcrum h2.breadcrum {
	float:left;
	position:relative;
	top:4px;
}
div.breadcrum h2.menwomen {
	float:right;
	position:relative;
	line-height:48px;
}
a.closeX {
	display:block;
	width:10px;
	height:11px;
	position:absolute;
	right:25px;
	top:22px;
}
/* common / trigger classes
============================================================= */

.hide {
	display: none;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
div.bottom {
	position:absolute;
	bottom:0;
}
div.bottomleft {
	position:absolute;
	bottom:0;
	left:0;
}
div.whitespace {
	height:20px;
}
/* cover 1 en 2 --> voor verbergen submenu
============================================================= */
#cover1, #cover2 {
	display:none;
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:600px;
}
#cover1 {
	height:90%;
	z-index:8;
}
/* container
============================================================= */
#container {
	width:1024px;
	height:600px;
	position:relative;
	margin:0 auto;
	z-index:20;
}
/* header
============================================================= */
#topspace {
	height:60px;
	position:relative;
	width:1024px;
}
#header {
	height:60px;
	position:absolute;
	z-index:20;
	width:1024px;
	top:0;
}
#logo {
	position:absolute;
	right:10px;
	top:-2px;
	z-index:310;
}
/* siteNav 
============================================================= */
#siteNav {
	position:absolute;
	left:20px;
	top:23px;
	z-index:99;
}
#siteNav ul li {
	display:block;
	float:left;
	width:151px;
}
#menudrop {
	display:none;
	z-index:99;
	position:absolute;
	top:44px;
	width:1024px;
	padding:0 0 14px;
}
#subNavBody {
	overflow:hidden;
	padding:0 0 0 20px;
}
div.submenu {
	width:151px;
	float:left;
	padding-bottom:20px;
}
div.submenu li.first {
	margin-top:16px;
}
div.submenu ul.nofirst {
	margin-top:16px;
}
#subNavBottom {
	height:14px;
	width:1024px;
	position:absolute;
	bottom:0;
	left:0;
}
#siteNav ul li.fixedMenuItem {
	position:absolute;
	right:0px;
	width:145px;
}
.newsletter{
	width:380px;
	position:absolute;
	left:625px;
	top:16px;
}
/* searchBox
============================================================= */
.searchBox {
	position:absolute;
	right:86px;
	top:22px;
	z-index:320;
}
#main {
	height:396px;
	position:relative;
}
/* flashcontent
============================================================= */
#flashcontent {
	height:350px;
	width:1024px;
}
body.high #flashcontent {
	height:500px;
}
/* details
============================================================= */
#details {
	height:327px;
	width:978px;
	overflow:hidden;
	padding:0 23px;
	position:absolute;
	top:68px;
	z-index:1;
}
/* details-new
============================================================= */
#details-new {
	height:342px;
	width:978px;
	overflow:hidden;
	padding:0 23px;
	position:absolute;
	top:50px;
	z-index:1;
}
/* details - cols
============================================================= */
#details-new .col1{
	top:-5px;
	float:left;
	width:345px;
	height:350px;
	position:relative;
	overflow:hidden;
}
#details-new .col2{
	float:left;
	width:170px;
	height:350px;
}
#details-new .col3{
	float:right;
	width:427px;
	height:350px;
	position:relative;
}
/* details / left column:
============================================================= */
#description {
	height:268px;
	width:300px;
	position:absolute;
	overflow:auto;
}
#detailNav {
	height:35px;
	width:984px;
	position:absolute;
	bottom:8px;
}
#detailNav a.back {
	height:17px;
	width:300px;
	display:block;
}
/* details / middle column:
============================================================= */
#browse {
	width:87px;
	height:35px;
	position:absolute;
	left:447px;
	top:-7px;
}
#zoompic {
	position:absolute;
	left:340px;
	width:340px;
	height:268px;
}
#viewname {
	position:absolute;
	top:-15px;
	width:60px;
	text-align:center;
}
ul.views {
	list-style:none;
}
ul.views li {
	display:inline;
	width:60px;
	text-align:center;
	margin-right:10px;
}
ul.views li a {
	position:relative;
}
/* details / right column:
============================================================= */
#varia {
	position:absolute;
	left:703px;
	width:321px;
}
.articles {
	width:321px;
	overflow:hidden;
}
.article {
	width:140px;
	height:140px;
	float:left;
	margin:10px 20px 0 0;
}
.article img {
	margin-bottom:5px;
}
span.browse, div.browse {
	width:27px;
	height:15px;
	background:#FFF url(../gfx/browsebar_small.gif) no-repeat 50% 0;
	position:absolute;
	left:70px;
	top:2px;
}
a.browseBackSmall {
	display:block;
	width:12px;
	height:15px;
	float:left;
}
a.browseFwdSmall {
	display:block;
	width:12px;
	height:15px;
	float:right;
}
/* bannerboxes
============================================================= */
#bannerboxes {
	height:115px;
	width:1024px;
	text-align:center;
	position:absolute;
	top:402px;
}
div.banner {
	width:300px;
	height:105px;
	float:left;
	margin:5px 20px 0 21px;
}
/* splash
============================================================= */
#splash {
	width:924px;
	height:432px;
	background:#FFF url(../html/gfx_content/aboutsplash.jpg) no-repeat left top;
	padding:88px 0 0 100px;
	position:relative;
}
#splash div.bottom, #about div.bottom {
	bottom:35px;
	left:0;
	width:1024px;
	padding-top:8px;
}
#splash div.bottom {
	bottom:15px;
}
#splash ul.bottomNav, #about ul.bottomNav {
	margin-left:25px;
}
#splash ul.bottomNav li, #about ul.bottomNav li {
	margin:0 50px 0 0;
}
/* about
============================================================= */
#about {
	width:924px;
	height:488px;
	position:relative;
	float:left;
}
#splash div {
	width:auto;
}
/* box
============================================================= */
div.contentBox {
	height:400px;
	position:absolute;
	left:12px;
	top:11px;
	width:100px;
}
div.boxLeft {
	width:9px;
	height:400px;
	position:absolute;
	left:0;
	top:0;
}
div.boxRight {
	width:9px;
	height:400px;
	position:absolute;
	right:0;
	top:0;
}
div.boxBody {
	margin:0 9px;
	/*height:400px;*/
	height: 381px;
	padding:18px 15px;
	position:relative;
}
div.mailproduct div.boxBody {
	padding:10px 15px;
}
div.contact {
	width:565px;
}
div.search {
	width:600px;
}
div.disclaimer {
	width:699px;
}
div.history {
	width:447px;
	height:321px;
	top:36px;
}
div.store {
	width:300px;
	z-index:1;
}
div.nonflash {
	width:440px;
	height:321px;
	top:36px;
}
div#noflash {
	display:none;
}
div.nonflash div.boxLeft, div.nonflash div.boxBody, div.nonflash div.boxRight {
	height:321px;
}
div.history div.boxLeft, div.history div.boxBody, div.history div.boxRight {
	height:321px;
}
div.mailproduct {
	left:215px;
	top:20px;
	width:608px;
	height:401px;
	position:relative;
}
div.contentBox p {
	margin-bottom:20px;
}
div.mailproduct p {
	margin-bottom:0;
}
div.mailproduct div.boxBody div.bottomright {
	position:absolute;
	right:10px;
	bottom:30px;
	width:200px;
}
div.mailproduct a.closeX {
	display:inline;
	height:14px;
	position:relative;
	right:auto;
	top:auto;
	width:auto;
	padding-right:15px;
}
/* contactform
============================================================= */
div.contentBox div.address {
	width:180px;
	float:left;
	display:inline;
}
body.lifestyle div.contentBox div.address {
	display: none;
}
div.mailform {
	margin:0px;
}
div.mailproduct div.mailform {
	width:230px;
	left:16px;
	_left:26px;
	top:70px;
	position:absolute;
}
div.mailproduct div.product {
	position:absolute;
	right:16px;
	_right:26px;
	top:90px;
}
div.mailform td.label {
	width:128px;
	vertical-align:top;
	padding-bottom:5px;
}
div.mailform input, div.mailform textarea {
	width:220px;
}
div.midbottomButton {
	width:202px;
	position:absolute;
	bottom:80px;
	margin-left:-101px;
	left:50%;
	text-align:center;
	height:32px;
	display:inline;
}
/* scroll
============================================================= */
div.scroll {
	overflow:auto;
	height:266px;
}
div.history div.scroll {
	height:320px;
}
/* search results
============================================================= */
div.tabs {
	height:32px;
	position:relative;
}
div.tabs ul {
	list-style:none;
}
div.tabs ul li {
	display:block;
	float:left;
	width:215px;
	text-align:center;
}
div.result {
	height:219px;
	overflow:auto;
	position:relative;
	clear: both;
}
div.result td, div.result th {
	padding:5px 0;
}
div.result td.name {
	padding-right:10px;
}
div.result th {
	height:32px;
}
.new {
	position:relative;
	margin-top:10px;
	right:0;
	top:0;
	height:20px;
}
/* dealer locator
============================================================= */
div.labelInput {
	height:25px;
}
div.store label {
	width:80px;
	display:block;
	float:left;
	clear:left;
	font-size:12px;
}
div.store select {
	float:left;
	width:170px;
}
div.store #pcCijfers {
	width:56px;
}
div.store #pcLetters {
	width:20px;
}
div.store select#distance {
	width:90px;
}
div.store a.button {
	margin:25px 0 0 80px;
}
div.extended {
	position:absolute;
	left:294px;
	width:718px;
}
div.extended div.boxBody {
	padding-left:40px;
}
div.tablehead {
	overflow:hidden;
	height:20px;
	margin:13px 0 0;
}
div.headLocation {
	width:500px;
	float:left;
}
div.headPhone {
	width:140px;
	float:left;
}
div.tablebody {
	overflow:auto;
	height:264px;
	width:640px;
}
div.tablebodySmall1 {
	height: 146px;
	width: auto;
}
div.tablebodySmall2 {
	height: 100px;
	width: auto;
}
div.tableheadDiap {
	margin-top: 13px;
}
div.tablebodySmall1 p {
	padding: 5px 0 0 0;
	margin: 0;
}
div.tableheadDiap h4 {
	margin: 5px 3px 0px 0px;
	padding: 3px 0px 2px 5px;
}
div.tablerow {
	overflow:hidden;
}
div.shop {
	float:left;
	width:200px;
}
div.street {
	float:left;
	width:300px;
}
div.phone {
	float:left;
	width:120px;
}
/* countrySelector
============================================================= */
#countrySelector {
	width:185px;
	float:left;
	margin-right:5px;
}
#countryList {
	display:none;
	position:absolute;
	z-index:400;
	width:156px;
	height:1px;/
	padding:19px 25px;
	bottom:20px;
	left:-1px;
}
#countryList ul {
	list-style:none;
}
iframe#coverframe {
	display:none;
	position:absolute;
	top:20px;
	left:-1px;
	width:206px;
	height:1px;
}
/* countrySelector
============================================================= */
#footer {
	position:absolute;
	top:575px;
	left:22px;
	width:980px;
}
#footer #footerNav {
	padding-top:2px;
}
#footer div.copyright {
	position:absolute;
	right:0;
	top:0;
	padding-top:4px;
	text-align:right;
	width:200px;
}

#footer div.copyright a 
{
    text-decoration: none;
    color: #000;
}

#footer div.copyright a:hover 
{
    color: gray;
}

/* get inspired
============================================================= */

div.inspired {
	position: absolute;
	z-index:300;
	right: 0;
	top: 0;
	cursor: pointer;
	padding-right: 27px;
	overflow: hidden;
	display: block;
}
div.inspired p {
	margin: 0;
	padding: 0;
}
div.inspired img.arrow {
	position: absolute;
	right: 0;
	bottom:0;
}
/* previewer image
============================================================= */

p.previewArea {
	text-align: center;
	margin: 0;
	padding: 0;
	position:absolute;
	bottom:53px;
	left:16px;
	width: 340px;
}
/* career page
============================================================= */

body.career div.scroll {
	height: 323px;
}
body.career div.scroll h4 {
	margin-bottom: 20px;
}
body.career div.store {
	width: 408px;
}
body.career div.extended {
	margin-left: 108px;
	width: 610px;
}
body.career div.tablebody {
	width: auto;
}
body.career div.tablebody {
	width: auto;
}
body.career div.store div.scroll {
	height: 280px;
	position: relative;
}
body.career div.tablebody div.positions a {
	position: relative;
}
body.career div.tablehead div.headPosition, body.career div.tablerow div.positions {
	width: 187px;
	float: left;
}
body.career div.tablehead div.headLocation {
	width: 50px;
}
body.career div.boxBody div.scroll ul {
	margin-bottom: 20px;
	margin-left: 15px;
	padding-left: 0px;
}
/* 7.0 systempage
============================================================= */
#system {
	width:1024px;
	height:510px;
	position:relative;
}
#system #heading {
	padding:42px;
}
#system #heading h2 {
	margin:0;
}
#system #heading h3 {
	margin-top:-4px;
}
#system #products {
	overflow:hidden;
	padding-left:35px;
	width:989px;
}
#system #products div.product {
	float:left;
	width:194px;
}
#system #productdetail {
	position:absolute;
	bottom:0;
	overflow:hidden;
	height:109px;
	padding-top:27px;
	width:1024px;
}
#system #productdetail div.product {
	width:230px;
	float:left;
	height:109px;
	text-align:center;
}
#system #productdetail div.systemlogo {
	float:left;
	width:172px;
}
#system #productdetail div.info {
	width:500px;
	height:100px;
	float:left;
	position:relative;
}
#system #productdetail div.info h4 {
	margin:0;
}
#system #productdetail div.info div.bottom {
	right:0;
}
div.overlay {
	display:none;
	width:1024px;
	height:463px;
	position:absolute;
	z-index:10;
	top:109px;
	left:0;
}
div.overlay img.logo {
	position:absolute;
	right:5px;
	top:70px;
	z-index:10;
}

