/* Basics: */
body
{
	margin:0;
	padding:0;
	color:#525252;
	font:62.5%/1.7em "Arial", sans-serif;
	text-align:center;
	background:#DFDFDF;
	behavior:url(/htc/csshover.htc);	/* Whatever:hover! Hoverclasses op alle elementen voor IE! Kudos to Peterned. */
}

.verberg
{
	display:none;
}

.clearFix:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearFix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearFix {height:1%;}
.clearFix {display:block;}
/* End hide from IE-mac */

.autoWidth
{
	width:auto;
}

a
{
	color:#6DABFF;
}

/* Basics > Headers: */

h1, h2, h3, h4, h5, h6
{
	margin:0 0 7px 0;
	padding:0;
	font-family:"Verdana", sans-serif;
	font-weight:normal;
	line-height:1em;
	color:#001E8F;
}

h1	{font-size:1.7em;}
h2	{font-size:1.4em;}
h3	{font-size:1.2em;}
h4	{font-size:1.1em;}
h5	{font-size:1em;}
h6	{font-size:0.9em;}

h2 span
{
	color:#7D7D7D;
}

h3.golf
{
	font-size:10px;
	height:23px;
	line-height:22px;
	overflow:hidden;
	color:white;
	margin:0;
	padding:0;
	background:no-repeat top right url(../gfx/golfkopbg.gif);
}

h3.golf span
{
	float:left;
	font:1px/1px sans-serif;
	width:4px;
	height:23px;
	background:#2F74A7 no-repeat url(../gfx/golfkophoekje.gif);
}

h3.golf strong
{
	display:block;
	float:left;
	padding:0 66px 0 5px;
	background:#2F74A7 no-repeat top right url(../gfx/golfje.gif);
}

#colLeft h3.golf, #colRight h3.golf
{
	background:no-repeat top right url(../gfx/bloklinkhdbg.gif);
}

#colLeft h3.golf strong, #colRight h3.golf strong
{
	padding:0 50px 0 4px;
	height:23px;
	background:no-repeat top right url(../gfx/blokhdbg.gif);
}

#colLeft h3.golf span
{
	width:9px;
	background-image:url(../gfx/bloklinkshoekje.gif);
}

#colRight h3.golf span, #verplaatst h3.golf span
{
	width:9px;
	background-image:url(../gfx/blokrechtshoekje.gif);
}

p
{
	margin:0 0 1.2em 0;
}

img
{
	border-color:#7D7D7D;
}

img.left
{
	margin:0 25px 25px 0;
}

img.right
{
	margin:0 0 25px 25px;
}

#colLeft img, #colRight img
{
	border:0;
}

/* Basics > standaard unordered lists: */
#colMid ul, #colRight ul
{
	list-style:none;
	margin:0 0 1.2em 0;
	padding:0;
}

#colMid ul li, #colRight ul li
{
	/*height: 100px;*/
	clear: both;
	padding:0 0 3px 12px;
	line-height:15px;
	background:no-repeat 0 5px url(../gfx/bullet.gif);
}

#colRight ul li
{
	background-image:url(../gfx/bullet_grijsbg.gif);
}

/* Basics > Formulieren: */
form
{
	margin:0;
	padding:0;
}

input, select, option, textarea
{
	margin:0;
	padding:0;
	vertical-align:middle;
	font:1em/1.3em "Arial", sans-serif;
}

textarea#opmerkingen
{
       width:357px;
       height:60px;
}

form p
{
	clear:both;
}

form p label
{
	font-size:1em;
	width:150px;
	float:left;
}

form p label.noFloat, form p label.noFloatBlock
{
	width:auto;
	float:none;
}

form p label.noFloatBlock
{
	display:block;
}

form p input
{
	width:355px;
}

form p select
{
	width:355px;
}

/* Basislayout: */
#wrapper
{
	text-align:left;
	width:950px;
	margin:0 auto;
	font-size:1.2em;
	background:white repeat-y top left url(../gfx/wrapperbg.gif);
}

#tweeKoloms #wrapper
{
	background:white;
}

#top
{
	width:950px;
	height:63px;
	background:white no-repeat top left url(../gfx/head.gif);
}

#top h1
{
	float:left;
}

#top h1 a
{
	display:block;
	width:390px;
	height:30px;
	margin:17px 0 0 16px;
}

#top h1 a span
{
	display:none;
}

/*top2 als test*/
#top2
{
	width:950px;
	height:63px;
	background:white no-repeat top left url(../gfx/headnieuw.gif);
}

#top2 h1
{
	float:left;
}

#top2 h1 a
{
	display:block;
	width:390px;
	height:30px;
	margin:17px 0 0 16px;
}

#top2 h1 a span
{
	display:none;
}

#colLeft, #colRight, #verplaatst, #algemeen
{
	float:left;
	width:210px;
	color:#808080;
	overflow:hidden;
}

#colRight, #algemeen
{
	width:180px;
	padding:20px 12px 20px 18px;
}

#colMid
{
	float:left;
	width:512px;
	padding:20px 18px 0 0;
	overflow:hidden;
}

#verplaatst
{
	width:180px;
	padding:20px 0px 0px 0px;
}

#tweeKoloms #colMid
{
	width:720px;
}

div#footer
{
	clear:both;
}

#zoekForm
{
	float:right;
	line-height:27px;
	width:190px;
	height:27px;
	margin:35px 0 0 0;
	padding:0;
	background:no-repeat 43px 4px url(../gfx/extranav/zoekbg.gif);
}

#zoekForm label
{
	display:block;
	float:left;
	width:44px;
	color:white;
	font-size:11px;
	line-height:27px;
}

#zoekForm input
{
	vertical-align:absmiddle;
}

#zoekForm #zoekWoord
{
	font-size:10px;
	/*color:#A8A8A8;*/
	color:black;
	margin-top:-2px;
	padding:0;
	width:120px;
	height:15px;
	line-height:15px;
	text-indent:3px;
	border:0;
	background:none;
}

* html #zoekForm #zoekWoord
{
	margin-top:3px;
	margin-left:-3px;
}

#zoekForm #zoekKnop
{
	/*position:relative;
	top:5px;*/
	margin-top:-4px;
	padding:0;
}

* html #zoekForm #zoekKnop
{
	margin-top:5px;
	margin-left:0px;
}

#extraNav
{
	float:right;
	height:27px;
	margin:35px 20px 0 0;
	padding:0;
	list-style:none;
}

#extraNav li
{
	display:block;
	float:left;
	height:27px;
	margin:0 0 0 9px;
	line-height:27px;
	font-size:11px;
}

#extraNav li a
{
	display:block;
	color:white;
	padding:0 10px 0 12px;
	text-decoration:none;
}

	/* IE hack: */
	* html #extraNav li a
	{
		position:relative;
	}

#extraNav #homeLink
{
	background:no-repeat 0 8px url(../gfx/extranav/home.gif);
}

#extraNav #contactLink
{
	background:no-repeat 3px 9px url(../gfx/extranav/contact.gif);
}

/* Linker kolom: */
#colLeft h2
{
	margin-top:20px;
	margin-left:15px;
}

/* Linker kolom > navigatie: */
#nav
{
	margin:0 0 20px 0;
	padding:0 0 1px 0;
	list-style:none;
	background:no-repeat bottom left url(../gfx/navdivider.gif);
}

#nav li
{
	display:block;
	margin:0;
	padding:1px 0 0 0;
	background:no-repeat top left url(../gfx/navdivider.gif);
}

#nav li a
{
	display:block;
	font-size:1em;
	line-height:1.5em;
	color:#515151;
	font-weight:bold;
	text-decoration:none;
	padding:2px 2px 2px 6px;
	border-left:10px solid #E3EEF7;
}

	/* IE hack: */
	* html ul#nav li, * html ul#nav li a
	{
		height:1%;
	}

#nav li a:hover
{
	border-color:#C3DFF7;
}

#nav li em
{
	display:block;
}

	/* IE hack: */
	* html #nav li em
	{
		height:1%;
	}

#nav li em a
{
	color:#001E8F;
	font-style:normal;
	border-color:#C3DFF7;
}

#nav ul
{
	margin:0;
	padding:0;
	list-style:none;
}

#nav ul li
{
	margin:0;
	padding:0;
	border-left:10px solid #C3DFF7;
	background:no-repeat 12px 7px url(../gfx/navbullet.gif);
}

#nav ul li a
{
	font-size:0.9em;
	font-weight:normal;
	line-height:1.3em;
	padding:5px 0 5px 25px;
	border:none;
}

#nav ul li a:hover, #nav ul li em a
{
	color:#001E8F;
	text-decoration:underline;
}

#nav ul ul li
{
	border:none;
	margin-left:14px;
}

/*
	Linker kolom > blok:
	(Gebruiken voor nieuwste aanbieding/occasion of andere content.)
*/

#colLeft .blok
{
	font-size:11px;
	line-height:15px;
	width:180px;
	margin:0 0 16px 13px;
	padding:0 0 4px 0;
	background:no-repeat bottom left url(../gfx/bloklinksbg.gif);
}

#verplaatst .blok
{
	font-size:11px;
	line-height:15px;
	width:180px;
	margin:0 0 0px 0px;
	padding:0 0 4px 0;
	background:no-repeat bottom left url(../gfx/bloklinksbg.gif);
}

#colLeft .blok h3, #colLeft .blok h3 img, #colLeft .blok .image, #colLeft .blok .image img, #verplaatst .blok h3, #verplaatst .blok h3 img, #verplaatst .blok .image, #verplaatst .blok .image img
{
	display:block;
	margin:0;
	padding:0:
}

#colLeft .blok .image, #verplaatst .blok .image
{
	margin:0 0 0 4px;
	padding:0 0 4px 0;
}

#colLeft .blok .image img
{
	border:1px solid white;
	border-top:0;
}

#verplaatst .blok .image img
{
	border:0px solid white;
	border-top:0;
}

#colLeft .blok .content, #verplaatst .blok .content
{
	margin:7px 10px 10px 13px;
}

#colLeft .blok .content h4, #verplaatst .blok .content h4
{
	font:12px/1em "Arial", sans-serif;
	font-weight:bold;
	margin:0 0 3px 0;
	padding:0;
	color:#808080;
}

#colLeft .blok .content p,  #verplaatst .blok .content p
{
	margin:0;
}

#colLeft .blok .prijs, #verplaatst .blok .prijs
{
	width:162px;
	height:20px;
	line-height:20px;
	margin:0 0 0 4px;
	padding:0 6px;
	font-size:11px;
	font-weight:bold;
	color:white;
	text-align:right;
	border:1px solid white;
	background:#4885B2;
}

#colLeft .blok .prijs span, #verplaatst .blok .prijs span
{
	float:left;
}

#colLeft .blok .prijs strike, #verplaatst .blok .prijs strike
{
	font-size:10px;
	font-weight:normal;
	color:#D4EDFF;
}

/* Rechter kolom: */
div#colRight a
{
	color:#5E94DD;
}

#colRight h5
{
	margin:0;
	padding:0;
	font-weight:bold;
}

#colRight address
{
	font-style:normal;
	margin:0 0 1.3em 0;
	padding:0;
}

#colRight .blok
{
	position:relative;
	left:-4px;
	font-size:11px;
	line-height:15px;
}

#colRight .blok h3, #colRight .blok h3 img
{
	display:block;
	margin:0;
	padding:0;
}

#colRight .blok a.image
{
	display:block;
	margin:0;
	padding:0 0 6px 5px;
	background:no-repeat bottom left url(../gfx/blokrechtsbg.gif);
}

#verplaatst .blok a.image
{
       background:none;
}

#colRight .blok p
{
	margin:0 0 0 6px;
}

/* Middelste kolom: */

/* Middelste kolom > headlines/referenties: */
.headline., .referentie
{
	margin:0 0 5px 0;
}

.headline .body, .referentie .body
{
	min-height:157px;
	background:no-repeat url(../gfx/headlinebg.gif);
}

.headline .body .plaatje
{
	text-align:center;
	/*line-height:157px;
	margin:0;
	padding:0;*/
}

	/* IE hack: */
	* html .headline .body, * html .referentie .body
	{
		height:157px;
	}

.headline .datum, .referentie .datum
{
	font-size:10px;
	line-height:23px;
	height:23px;
	margin:0 6px;
	background:#4885B2;
}

.headline .datum span, .referentie .datum span
{
	display:block;
	float:left;
	height:23px;
	color:white;
	margin:0;
	padding:0 66px 0 130px;
	background:#2F74A7 no-repeat top right url(../gfx/golfje.gif);
}

.referentie .datum span
{
	padding-left:195px;
}

.headline .image
{
	display:inline;
	float:left;
	position:relative;
	top:-14px;
	margin:0 0 0 9px;
	padding:1px 1px 6px 6px;
	width:109px;
	height:109px;
	background:no-repeat top left url(../gfx/headlineimgoneven.gif);
}

.referentie .image
{
	display:inline;
	float:left;
	position:relative;
	top:-14px;
	margin:0 0 0 9px;
	padding:1px 1px 6px 6px;
	width:160px;
	height:120px;
	background-image:url(../gfx/referentieimgoneven.gif);
}

.headline .image img, .referentie .image img
{
	display:block;
	margin:0; /*veranderd*/
	padding:0;
	border:0;
	/*vertical-align:middle;*/
	/*margin-top:13px;*/ /*toegevoegd*/
	/*line-height:109px;*/
}

#nieuws .even .image, #referenties .even .image
{
	float:right;
	margin:0 13px 0 0;
	background-image:url(../gfx/headlineimgeven.gif);
}

#referenties .even .image
{
	background-image:url(../gfx/referentieimgeven.gif);
}

#nieuws .even .datum span, #referenties .even .datum span
{
	padding-left:4px;
}

.headline .content
{
	margin:11px 10px 0 137px;
}

.referentie .content
{
	margin:11px 10px 0 202px;
}

#nieuws .even .content, #referenties .even .content
{
	margin-left:11px;
}

#nieuws .headline h3, #referenties .referentie h3
{
	font-weight:bold;
}

/* Middelste kolom > referenties: */

/* Middelste kolom > nieuws > oude headlines: */
#oldHeadlines
{
	border-bottom:1px solid #C1C1C1;
}

#bottom #oldHeadlines li
{
	display:block;
	background-position:0 9px;
	border-top:1px solid #C1C1C1;
}

	/* IE hack: */
	* html #bottom #oldHeadlines li, * html #bottom #oldHeadlines li a
	{
		height:1%;
	}

#oldHeadlines li a
{
	display:block;
	text-decoration:none;
	color:#808080;
	line-height:17px;
	padding:4px 0 2px 0;
}

#oldHeadlines li span
{
	display:block;
	position:relative;
	top:7px;
	float:right;
	font:10px/12px "Verdana", sans-serif;
	font-weight:bold;
	color:#DBD9D9;
}

/* Middelste kolom > nieuwsdetail: */

#nieuwsDetail .inleiding
{
	font-style:italic;
}

#nieuwsDetail .datum
{
	font:10px/12px "Verdana", sans-serif;
	font-weight:bold;
	color:#AAAAAA;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	text-align:left;
	border-bottom:1px solid #DBD9D9;
}

/* Middelste kolom > productoverzicht: */
.browse
{
	min-height: 18px;
	font-size:12px;
	line-height:16px;
	padding:0 8px 3px 8px;
	background:#4885B2 no-repeat top left url(../gfx/paginabg.gif);
}

.browseOnder
{
	background:#4885B2 no-repeat bottom left url(../gfx/paginaonderbg.gif);
}

.browse strong
{
	float:left;
	width:59px;
	color:white;
	margin:3px 3px 0 0;
}

.browse a, .browse em
{
	float:left;
	padding:0 3px 0 5px;
	margin:2px 2px 0 0;
	text-decoration:none;
	color:#B6DDFF;
	border:1px solid #99D0FF;
	background:#5EA1DB;
}

.browse em
{
	font-style:normal;
	color:#6DABFF;
	border:1px solid white;
	background:white;
}

.browse a:hover
{
	color:black;
	background:white;
}

#colMid .productOverzicht
{
	margin:0;
	border:1px solid #2F74A7;
	border-top:0;
	border-bottom:0;
}

#colMid .productOverzicht li
{
	margin:0;
	padding:10px;
	border-bottom:2px solid white;
	background:#EFEFEF;
	height:	auto;
}

	/* Clearfix hack: */
	#colMid .productOverzicht li:after
	{
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}

	#colMid .productOverzicht li {display: inline-table;}

	/* Hides from IE-mac \*/
	* html #colMid .productOverzicht li {height:1%;}
	/* End hide from IE-mac */
	
	#colMid .productOverzicht li {display:block;}

#colMid .productOverzicht li.even
{
	background:white;
}

.productOverzicht li .image
{
	float:left;
	margin:0 8px 0 0;
	padding:0;
	width:100px; /*50*/
	/*height:50px;*/
	border:1px solid black;
	background:#989898 no-repeat center center url(../gfx/geenfoto.gif);
	/*line-height: 100px;*/
}

	/* IE hack: */
	* html .productOverzicht li .image
	{
		margin-right:5px;
	}
.productOverzicht li .image a
{

	display:inline-block;
	background:	white;
}

.productOverzicht li .image img
{
	margin:0;
	padding:0;
	border:0;

}

.productOverzicht li h4
{
	margin:0;
	padding:0;
}

.productOverzicht li h4 a
{
	display:block;
	text-decoration:none;
	color:#2F74A7;
	font-weight:bold;
	font-size:12px;
	/*line-height:14px;*/
	/*min-height:32px;*/
}

	/* IE hack: */
	* html .productOverzicht li h4 a
	{
		height:32px;
	}

.productOverzicht li h4 span
{
	float:right;
	color:#2F74A7;
}

.productOverzicht li p a
{
	display:block;
	text-decoration:none;
	color:#808080;
}

.productOverzicht li .content
{
	height:auto;
	margin:0 0 0 9px;
	padding:0 0 0 100px;
	position:relative;
}

.productOverzicht li .content p
{
	margin:0;
	padding:0;
}

#colMid .productOverzicht li:hover
{
	background:#EAEAEA;
}

#colMid .productOverzicht li.even:hover
{
	background:#FAFAFA;
}

/* Middelste kolom > productdetail: */
#productDetail .image
{
	position:relative;
	top:-8px;
	left:-22px;
	margin:0 0 0 15px;

}

.specs
{
	margin:0;
	padding:0;
	border:1px solid #2F74A7;
}

.specs dt, .specs dd
{
	background:#EFEFEF;
}

.specs dt.even, .specs dd.even
{
	background:#F8F8F8;
}

.specs dt
{
	font-weight:bold;
	font-size:12px;
	color:#2F74A7;
	margin:0;
	padding:10px 10px 0 10px;
}

.specs dd
{
	margin:0;
	padding:0 10px 10px 10px;
	border-bottom:2px solid white;
}

#productDetail .inleiding
{
	padding:10px;
	background:no-repeat top left url(../gfx/golfgradient.gif);
}