/* 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: 0 0 40px 0;
}

td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

a img {
	border: none;
}

a {
	color: #4C78B6;
}

a:hover {
	color: #00204E;
}
/* wrapper
============================= */

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

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

div#header {
	display: block;
	width: auto;
	height: 65px;
	margin: 0;
	padding: 0 0 10px 0;
	position: relative;
}

div#header img.companyLogo {
	position: absolute;
	top: 7px;
	right: 111px;
}

div#header ul.headNav,
div#header ul.langNav {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	top: 55px;
	/*left: 230px;*/
	/* left: 135px; */
	left: 58px;
}

div#header ul.langNav {
	position: absolute;
	left: 895px;
}

div#header ul.headNav li,
div#header ul.langNav li{
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}

div#header ul.headNav li.divider,
div#header ul.langNav li.divider{
	padding-right: 20px;
}

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

div#mainVisual {
	position: relative;
	display: block;
	height: 323px;
	overflow: hidden;
}

div#mainVisual img.visual1 {
	position: absolute;
	top: -7px;
}

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

div#mainNavBar {
	display: block;
	margin: 0;
	padding: 5px 0 7px 0;
}

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

div#mainNavBar ul.mainNav li {
	display: inline;
	/* padding-left: 30px; */
	padding-left: 15px;
}

/* mainContent
============================= */

div#mainContent {
	width: 896px;
	margin: 0 0 0 58px;
}

div#mainContent p.back {
	margin: 10px 0 10px 0;
	text-align: right;
}

div#mainContent  hr {
	border: 0;
	height: 0px;
	overflow: hidden;
}

/* leftCol
============================= */

div#leftCol {
	display: block;
	width: 437px;
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
}


/* leftCol > slideshow
============================= */

div.slideMain {
	display: block;
	width: auto;
	/*height: 231px;*/
	overflow: hidden;
	/*background: #bcbec0;*/
}

/* leftCol > slideCarrousel
============================= */

div.slideCarrousel img {
	display: block;
	width: 80px;
	height: 80px;
	overflow: hidden;
	float: left;
	margin: 0 5px 0 0;	
}

div.slideCarrousel img.current {
	width: 76px;
	height: 76px;	
}

div.slideCarrousel p.slideNav {
	margin: 0;
	padding: 10px 0 10px 0;
	width: 340px;
	clear: both;
	position: relative;
}

div.slideCarrousel p.slideNav img {
	width: auto;
	height: auto;
	background: none;
}

div.slideCarrousel p.slideNav img.next {
	position: absolute;
	right: 0;
}


/* leftCol > innerCol
============================= */
div.innerCol {
	display: block;
	width: 265px;
	float: left;
}

div.downloads {
	margin: 0 0 20px 300px;
	text-align: right;
}

div.downloads p {
	margin: 0;
	padding: 10px 0 5px 0;
}

div.downloads p a {
	padding-top: 10px;
	padding-bottom: 10px;
}

div.colSlide img {
	display: block;
	width: 150px;
	height: 150px;
	overflow: hidden;
	float: right;
}

/* leftCol > contactForm
============================= */

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

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

form.contactForm div.inputs p input,
form.contactForm div.inputs p textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	width: 420px;
}

form.contactForm div.inputs p textarea {
    height: 120px;
    overflow:auto;
}

form.contactForm div.contactAbout label {
	width: 130px;
	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;
}

/* kolommen > subBlock
============================= */

div.subBlock {
	display: block;
	width: 440px;
	cursor: pointer;
	border-top: 1px solid #;
}

div.subBlock div.photoBlock {
	width: 161px;
	overflow: hidden;
	float: left;
	margin: 0 20px 0 0;
}

div.subBlock div.optionText {
	margin-left: 190px;
	margin-bottom: 15px;
}

div.subBlock div.optionText h4 {
	margin: 0px;
	padding: 10px 0 0 0;
}

/* 9-1-2008 */
div.subBlock div.optionText h5 {
	margin: 0px;
	padding: 0px 0 10px 0;
	
	font-size: 10px;

	font-style: italic;
}


/* rightCol
============================= */

div#rightCol {
	display: block;
	width: 437px;	
	float: right;
	margin: 0;
	padding: 10px 0 0 0;
}

/* newsblock
============================= */

div.newsBlock h1
{
	margin: 0px;
}

div.newsBlock h5 {
	margin: 0px;
	padding: 0px 0 10px 0;
	
	font-size: 10px;

	font-style: italic;
}

div.imgBlock {
	margin-bottom: 10px;
}


a.specialLink {
	line-height: 20px;
	vertical-align: middle;
	
	background: url(../../gfx/tetterode/arrow_right_1.gif) no-repeat right center;
	padding-right: 10px;
	margin-right: 20px;
	color: #809fd3;
	
	text-decoration: none;
}

a.specialLink:hover {
	color: #00204e;
}

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

div#footer {
	margin: 10px 0 0 0;
	display: block;
	height: 43px;
	clear: both;
	overflow: hidden;
	
	padding-top: 20px;
}

div#footer p {
	margin: 2px 0 0 0;
	padding: 0;
	font-size: 10px;
	color: #00204E;

}

div#footer a {
	color: #00204E;
	color: #4C78B6;
	float: right;
	text-decoration: none;
	font-weight:bold;
}

div#footer a:hover {
	text-decoration: underline;
	color: #00204E;
}

div#footer span {
	margin-bottom: 10px;
	margin-right: 35px;
}

/* 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;
}

/* 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;
}