/*

	basis.css

	www2.blomsma.nl

	Versie 1.01 - 7 mei 2007
	Versie 1.02 - 5 mei 2009 - Jaco
	Versie 1.03 - 8 jan 2010 - Jaco

	d-blauw: #202d48
	geel: #ebbb00
*/

body {
	margin: 0;
	padding: 0;
	font-family: "Arial", Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	background: #202D48 url(../img/_1_pagina.gif) top left repeat-x;
	background-attachment: fixed;
	text-align: center;
}

p {
	font-family: "Arial", Arial, Helvetica, sans-serif;
	/*font-size: 1em;*/
	margin: 0;
	line-height: 16px;
	text-align: left;
}

b {
	font-family: "Arial", Arial, Helvetica, sans-serif;
	/*font-size: 1em;*/
	font-weight: bold;
	margin: 0;
	line-height: 16px;
	text-align: left;
}

a:link {
	font-family: "Arial", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	outline: none;
}

a:visited {
	font-family: "Arial", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #aaa;
	text-decoration: none;
	outline: none;
}

a:active {
	font-family: "Arial", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	outline: none;
}

a:hover {
	font-family: "Arial", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #202d48;
	text-decoration: underline;
	outline: none;
}

h1 {
	text-align: left;
	font-family: "Arial", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666;
	margin-top: 0px;
	margin-bottom: 10px;
	text-decoration: none;
}

h2 {
	text-align: left;
	font-family: "Arial", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666;
	margin-top: 0px;
	margin-bottom: 10px;
	text-decoration: none;
}

h3 {
	text-align: left;
	font-family: "Arial", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
}

h4 {
	text-align: left;
	font-family: "Arial", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666;
	margin-bottom: 10px;
	text-decoration: none;
}

h5 {
	text-align: left;
	font-family: "edo-1","edo-2",sans-serif;
	/*font-family: "Arial", Arial, Helvetica, sans-serif;*/
	font-size: 14px;
	font-style: normal;
	color: #fff;
	background: #525252 url(../img/kolom_grijs.jpg) top left no-repeat;
	padding: 5px 15px 5px 15px;
	height: auto;
	margin: 0;
	text-decoration: none;	
}

/* H6 wordt al gebruikt in de zoek.css
h6 {
	text-align: left;
	font-family: "Arial", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666;
	margin-top: 0px;
	margin-bottom: 10px;
	text-decoration: none;
}
*/

.tussenkop {
	text-align: left;
	font-family: "Arial", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.5em;
	color: #000;
	margin-top: 0px;
	margin-bottom: 10px;
	text-decoration: none;
}

/*
.menukop {
	text-align: left;
	font-family: "Arial", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #666;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	text-decoration: none;
}
*/

.productgroepkop {
	text-align: left;
	font-family: "Arial", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #ffffff;
	padding: 5px 0 5px 7px;
	background: url(../img/productgroepen_ondergrond.jpg) left top no-repeat;
	width: 193px;
	height: 30px;
	margin: 0 0 -5px 0;
}

#container {
	width: 900px;
	margin: 0 auto;
	background: #eee /*url(../img/_1_pagina2.gif) top left repeat-y*/;
	margin-bottom: 0;
}

#header {
	width: 900px;
	height: 120px;
	background: #444 url(../img/_1_header_01.jpg) left top no-repeat;
	margin-bottom: 0;
}

#navigatiecontainer {
	width: 900px;
	background: #444 url(../img/_1_header_02.jpg) left top no-repeat;
	float: right;
	height: 50px;
	text-align: right; !important
}

#footer {
	bottom: 0;  /*bepaalt of de footer aan de onderkant staat geplakt maar of het werkt?*/
	height: 260px;
	background: #444 url(../img/footer_2.jpg) top center no-repeat;
	clear: both;
	padding-top: 10px;
	margin-bottom: -20px;
	/* height: auto;
	background: #444 url(../img/footer_2.jpg) top center no-repeat;
	clear: both;
	margin-bottom: -24px;
	padding-top: 170px;*/
}

.footerkop {
	text-align: left;
	font-family: "Arial", Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: normal;
	color: #888;
	line-height: 1.5em;
}

.copyright {
	width:860px;
	clear: both;
	margin-top:20px;
	padding: 0 20px 0 20px;
	/*background-color: #444;*/
	text-align:left;
	float:left;
	font-size:0.8em;
	color:#646464;
}

.datumtekst {
	font-size: 10px;
	text-align: right;
	color: #555;
	margin-bottom: 10px;
}

#productdoorlinktekst {
	float: left;
	width: 345px;
	background-color: #444;
	color: #fff;
	text-align: left;
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
}

.footertekst {
	padding-top: 14px;
	text-align: center;
	color: #ddd;
}

a.footerlink:link {
	font-family: "Arial", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	outline: none;
}

a.footerlink:visited {
	font-family: "Arial", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	outline: none;
}

a.footerlink:active {
	font-family: "Arial", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	outline: none;
}

a.footerlink:hover {
	font-family: "Arial", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #ebbb00;
	text-decoration: underline;
	outline: none;
}

a.titelpaginaterug:link, a.titelpaginaterug:visited, a.titelpaginaterug:active, a.titelpaginaterug:hover {
	text-align: left;
	font-family: "Arial", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666;
	margin-top: 10px;
	margin-bottom: 10px;
	text-decoration: none;
	outline: none;
}

.fotobijschrift {
	font-family: "Arial", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	padding-bottom: 15px;
}

.advertentie {
	font-family: "Arial", Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
}

.kadertekst {
	padding: 5px 15px 10px 15px;
}

/*-------------------------------- kader ----------------------------------*/

#advertentie {
	width: 200px;
	height: auto;
	float: left;
	display: inline;
	margin: 5px 0 10px 0;
}


#banner {
	margin: 10px 0 20px 0;
}

/*-------------------------------- kleurenkaders ----------------------------------*/

#rood {
	width: 200px;
	height: auto;
	float: left;
	display: inline;
	background: #C40005 url(../img/kolom_rood2.jpg) bottom center no-repeat;
	margin: 0 0 20px 0;
	color: #fff;
}

#cyaan {
	width: 200px;
	height: auto;
	float: left;
	display: inline;
	background: #00A4E8 url(../img/kolom_cyaan2.jpg) bottom center no-repeat;
	margin: 0 0 20px 0;
	color: #fff;
}

#magenta {
	width: 200px;
	height: auto;
	float: left;
	display: inline;
	background: #e800d0 url(../img/kolom_magenta2.jpg) bottom center no-repeat;
	margin: 0 0 20px 0;
	color: #fff;
}

#groen {
	width: 200px;
	height: auto;
	float: left;
	display: inline;
	background: #73AA37 url(../img/kolom_groen2.jpg) bottom center no-repeat;
	margin: 0 0 20px 0;
	color: #fff;
}

#paars {
	width: 200px;
	height: auto;
	float: left;
	display: inline;
	background: #7D559B url(../img/kolom_paars2.jpg) bottom center no-repeat;
	margin: 0 0 20px 0;
	color: #fff;
}

#geel {
	width: 200px;
	height: auto;
	float: left;
	display: inline;
	background: #EBBB00 url(../img/kolom_geel2.jpg) bottom center no-repeat;
	margin: 0 0 20px 0;
	color: #fff;
}

#oranje {
	width: 200px;
	height: auto;
	float: left;
	display: inline;
	background: #DA8D00 url(../img/kolom_oranje2.jpg) bottom center no-repeat;
	margin: 0 0 20px 0;
	color: #fff;
}

#dblauw {
	width: 200px;
	height: auto;
	float: left;
	display: inline;
	background: #264897 url(../img/kolom_dblauw2.jpg) bottom center no-repeat;
	margin: 0 0 20px 0;
	color: #fff;
}

#zwart {
	width: 200px;
	height: auto;
	float: left;
	display: inline;
	background: #000 url(../img/kolom_zwart2.jpg) bottom center no-repeat;
	margin: 0 0 20px 0;
	color: #fff;
}

#grijs {
	width: 200px;
	height: auto;
	float: left;
	display: inline;
	background: #bdbdbd url(../img/kolom_grijs2.jpg) bottom center no-repeat;
	margin: 0 0 20px 0;
	color: #333;
}

.aktieondergrond {
	background: url(../img/ss_ondergrond2.jpg) top center no-repeat;
	padding: 15px 0px 0px 0px;
	color: #fff;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	width: 200px;
	height: 100px;
	text-align: center;
}

/*------------------------------- float ---------------------------------*/

#extraDiv1 {
	position: absolute;
	left: 32%;
	top: 0px;
	width: 150px;
	height: 100px;
	background: url(../img/hoekbanner2.gif) no-repeat top left;
}