/* Poort80 - for screen use only */

/* common tags 
============================= */

* {
	-moz-outline: none; /* disable outline (for firefox / mozilla) on clickable items */
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 12px 0 40px 0;
}

p, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	line-height:16px;
	margin:0;
}

a img {
	border: none;
}

h1{
	font-size:11px;
	padding:25px 10px 10px 16px;
	margin:0;
	line-height:16px;
}
h2{
	font-size:11px;
	font-weight:bold;
	line-height:16px;
	margin:0;
	padding:0;
}

/* wrapper
============================= */

div#wrapper {
	width: 970px;
	overflow: hidden;
	position: relative;
	margin: 0 0 0 23px;
	/* margin: 0 auto 0 auto; /* uncomment this line, to center the website */
	padding: 0;
}

/* header
============================= */

div#header {
	position: relative;
	height:48px;
}

div#header img.companyLogo {
	position: absolute;
	right: 27px;
}

div#header ul.headNav{
	float:left;
	width:222px;
	margin:0;
	padding:0 0 0 18px;
	list-style:none;
}
div#header ul.headNav a{
	text-decoration:none;
	text-transform:uppercase;
	font-size:9px;
}


/* mainVisual
============================= */

div#mainVisual {
}

/* mainNavBar
============================= */

div#mainNavBar {
	width:964px;
	height:23px;
	padding:5px 0 0 1px;
}

div#mainNavBar ul.mainNav{
	list-style:none;
	margin:0;
	padding:0;
}

div#mainNavBar li{
	display:block;
	width:225px;
	float:left;
	margin:0;
	padding:0 0 0 16px;
}

div#mainNavBar ul.mainNav a{
	text-transform:uppercase;
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:9px;
	letter-spacing:1px;
}
/* mainContent
============================= */

div#mainContent {
}

div#mainContent .row{
	float:left;
	width:965px;
	clear:both;
}

div#mainContent .firstRow{
	height:275px;
}

div#mainContent .firstCol{
	margin-right:1px;
}

div#mainContent .colspan1{
	float:left;
	width:241px;
	margin-top:1px;
}
div#mainContent .colspan2{
	width:482px;
	float:left;
}

div#mainContent div.photoBlock{
	overflow:hidden;
	width:240px;
	margin-left:1px;
}

div#mainContent div.textBlock{
	padding:6px 10px 10px 16px;
}

div#mainContent div.textBlock h1{
	font-size:11px;
	font-weight:normal;
	margin:0;
	padding:0;
}

/* mainContent > subNav
============================= */

div#mainContent ul.subNav{
	list-style:none;
	margin:6px 0 20px 16px;
	padding:0;
}

div#mainContent ul.subNav li{
	padding:3px 0;
}

div#mainContent ul.subNav a{
	text-transform:uppercase;
	text-decoration:none;
	font-size:9px;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:px;
}

/* mainContent > slideCarrousel
============================= */

div.slideCarrousel{
	margin-top:35px;
}

div.slideNav{
	width:466px;
	margin:5px 0;
	position:relative;
}

div.slideNav img.prev{
	padding-left:5px;
}

div.slideNav img.next{
	position:absolute;
	right:5px;
}

div.slide{
	float:left;
	width:78px;
	height:76px;
}

div.slideCurrent{
	
	float:left;
	width:78px;
	height:76px;	
}

div.slideCurrent img{
	border: solid 2px black;
	
	float:left;
	width: 72px;
	height: 72px;	
}

/* mainContent > options
============================= */

div#mainContent div.options{
	margin-top:50px;
	border-top-width:1px;
	border-top-style:solid;
	width:222px;
	margin-left:16px;
}

div#mainContent div.options ul.optionsNav{
	text-align:right;
	list-style:none;
	margin:0;
	padding:0;
}

div#mainContent div.options ul.optionsNav li{
	border-bottom-style:solid;
	border-bottom-width:1px;
	background-color:transparent;
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:28px;
	padding-top:10px;
	padding-bottom:12px;
}

div#mainContent div.options ul.optionsNav li.zoom{
	background-image:url(../../gfx/artemotions/icon_zoom.gif);
}

div#mainContent div.options ul.optionsNav li.pdf{
	background-image:url(../../gfx/artemotions/icon_pdf.gif);
}

div#mainContent div.options a {
	text-transform:uppercase;
	text-decoration:none;
	font-size:9px;
}

/* mainContent > multicol
============================= */

div#mainContent div.multicol {
	column-count: 4;
	column-gap: 26px;
	-moz-column-count: 4;
	-moz-column-gap:26px;
	padding:6px 10px 10px 16px;
	text-align: left;
 	width:939px;
}

div#mainContent div.multicol p{
	padding:0 0 16px 0;
}

/* footer
============================= */

div#footer {
	width:965px;
	border-top-width:6px;
	border-top-style:solid;
	margin:0;
	clear:both;
}

/* common classes
============================= */

.hide {
	display: none;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.clear {
	clear: both;
}

.clearer {
	height: 0px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	clear: both;
}


/* contactForm
============================= */

form.contactForm p {
	margin: 0;
	padding: 0;
}

div.contactAbout {
	display: block;
	height: auto;
	clear: both;
}

form.contactForm div.inputs p input,
form.contactForm textarea {
	width: 420px;
}

form.contactForm textarea {
    height: 100px;
}


form.contactForm div.contactAbout label {
	width: 150px;
	margin: 0 10px 5px 0;
	display: block;
	float: left;
}

form.contactForm div.inputs div.sexe,
form.contactForm div.inputs div.initialen {
	display: block;
	width: 120px;
	float: left;
}

form.contactForm div.inputs div.sexe input {
	width: auto;
	position: relative;
	top: 2px;
	margin: 0 4px 0 0;
	padding: 0;
}

form.contactForm div.inputs div.initialen input {
	width: 100px;
}

form.contactForm div.inputs div.voornaam input {
	width: 180px;
}

/* dealerlocator 
============================= */

div.hidden{
	display:none;
}

div.preferred{
	background: transparent url(../../gfx/preferred.png) top left no-repeat;
}

div.normal{
	background: transparent url(../../gfx/normal.png) top left no-repeat;
}