@charset "utf-8";
/* CSS Document */


@import url("style.youtube.css");
@import url("style.fotoalbum.css");


*
{
	margin: 0;
	padding: 0;
}

HTML, BODY
{
	width: 100%;
	height: 100%;
}

BODY
{
	background: #FFF url(../images/layout/bg.body.jpg) repeat-x top left;
	min-width: 980px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	text-align: center;
	word-spacing: 1px;
}

A
{
	color: #FFF;
	text-decoration: underline;
}
A:HOVER
{
	text-decoration: none;
}
A IMG
{
	border: none;
}

H1
{
	font-size: 1.8em;
	padding: 10px 0;
	color: #231f20;
}
H2
{
	margin: 0 0 5px 0;
	padding: 5px 0 5px 13px;
	font-size: 1.2em;
	color: #FFFFFF;
}
H3
{
	padding: 0 0 3px 0;
	font-size: 1em;
	font-weight: bold;
	color: #231f20;
}
H4
{
	padding: 0 0 3px 0;
	font-size: 1.4em;
	color: #231f20;
}
H5
{
	margin: 0 0 0 -5px;
	padding: 5px 0;
	font-size: 1.2em;
	color: #905a01;
}
IMG
{
	display: block;
}
SELECT, INPUT, TEXTAREA {
	font-size: 1em;
}



#container
{
	background: url('../images/layout/bg.container.png') repeat-y;
	width: 960px;
	min-height: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0 10px 0 10px;
	text-align: left;
}

HTML > BODY #container
{
	height: auto;
}


/* Algemene classes */
.widgets {
	padding: 20px 0 0 10px;
	margin-top: 20px;
	border-top: solid 1px #CCC;
}
.clear
{
	clear: both;
}
.white
{
	background-color: #FFFFFF;
	height: 3px;
	font-size: 1px;
}
.search
{
	margin: 0 0 0 20px;
}
.grayBox
{
	background: url('../images/layout/bg.menu.jpg') repeat-y;
	padding: 0 11px 5px 17px;
}
.grayBox, .grayBox A, #content A
{
	color: #58585a;
}
.menuLeft UL LI
{
	list-style-type: none;
}
.nieuwsItem
{
	background: #FFE119;
	margin: 0 0 0 3px;
	padding: 5px 15px 5px 15px;
	width: 181px;
	color: #000;
}
.nieuwsItem A:LINK, .nieuwsItem A:VISITED 
{
	color: #000;
}
.nieuwsItem A:HOVER
{
	text-decoration: none;
}
.readMore
{
	color: #905a01;
	float: right;
}
.archiveItem
{
	color: #905a01;
}
.hr
{
	background: #FFE119 url('../images/layout/nieuwsitem.hr.gif') no-repeat center;
	margin: 0 auto 0 3px;
	font-size: 1px;
	line-height: 1px;
}
.markMid
{
	margin: 0 4px;
}
.marketingTekst
{
	background: url('../images/layout/bg.marketing.jpg') repeat-y;
	padding: 0 10px 5px 10px;
	width: 204px;
	color: #58585a;
}
.marketingImg
{
	margin: 0 -10px;
}
.marketingBlok
{
	padding: 0 10px;
	float: left;
	width: 208px;
}
.tekst
{
	float: left;
	width: 300px;
	padding: 10px 20px 0 20px;
}
#nieuws UL, .tekst UL
{
	padding-left: 15px;
}
.tekst IMG
{
	margin: 0 8px 8px 8px;
}
.tekstLijn
{
	border-right: 1px solid #CCC;
}


/* Header */
#header
{	
	background: url('../images/layout/header.jpg') no-repeat;
	height: 130px;
	width: 959px;
}
#imgRight
{
	float: right;
	width: 690px;
	margin: 3px 32px 0 0;
}
#shoppingcart {
	width: 201px;
	padding: 5px;
	margin: 3px 0 0 3px;
	background: #FFF9D1;
}
#shoppingcart A:LINK, #shoppingcart A:VISITED {
	color: #000;
	
}

#login
{
	float: right;
	font-size: 11px;
}
#login TABLE
{
	border-collapse: collapse;
}
#login TABLE TD
{
	padding: 1px 0 0 0;
}
#login FORM
{
	float: left;
}
#login FORM INPUT
{
	margin: 1px 5px 0 5px;
	padding: 2px 0 0 5px;
	border: 1px solid #ccc;
	height:15px;
	color: #999;
	font-size: 1em;
}
#login FORM INPUT#searchBtn
{
	padding: 0;
	margin: 0 0 0 0;
	background: url('../images/layout/search.gif') no-repeat;
	width: 20px;
	height: 20px;
	border: none;
}
#login FORM INPUT#searchBtn:HOVER, #login FORM INPUT#loginBtn:HOVER
{
	cursor: pointer;
}
#login FORM INPUT#loginBtn
{
	height:20px;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0;
	margin: 0px 15px 0 0;
	background: none;
	text-align: left;
	border: none;
}
#login FORM INPUT#loginBtn:HOVER
{
	color: #666;
}
#menuTop
{
	margin: 30px 0 0 5px;
	color: #FFF;
}
#menuTop A
{
	padding: 0 10px;
}
#menuTop A.active
{
	text-decoration: none;
}


/* Linker kolom (menu + nieuws) */
#left
{
	float: left;
	width: 214px;
	margin: -9px 0 0 0;
}
#nieuws
{
	background: url('../images/layout/bg.nieuws.jpg') no-repeat;
	width: 214px;
	color: #58585a;
}
 
/* Rechter kolom (Home pagina - content) */
#content
{
	background: url('../images/layout/bg-content.gif') no-repeat 50% 50%;
	float: left;
	min-height: 360px;
	margin: -5px 0 0 2px;
	line-height: 18px;
}
#content P
{
	padding-bottom: 10px;
}
#content UL
{
	margin: 0 0 0 15px;
	color: #905A01;
}
#content SPAN
{
	color: #905a01;
	font-weight: bold;
}
#marketing
{
	width: 690px;
	background: url(../images/layout/bg.marketingblok.gif) repeat-y;
	color: #58585a;
}
#tekstblokken
{
	float: left;
	width: 690px;
	margin: 15px 0 0 0;
}
#tekstLijn
{
	border-right: 1px solid #CCC;
}
#googleMap
{
	width: 400px;
	height: 291px;
	float:right;
	background-color: #000000;
	margin: 0 0 0 10px;
}
.infoPopup
{
	width: 300px;
}
.infoPopup IMG
{
	display: block;
}

/* Rechter kolom (Content1 pagina - content) */
.homeContent
{
	width: 690px;
	padding: 0 21px 31px 29px;
}
.vervolgContent
{
	width: 660px;
	padding: 0 40px 31px 40px;
}
.prod
{
	float: right;
	margin: 0 5px 0 0;
}
.prodSmall
{
	width: 114px;
}


/* CONTACT FORMULIER */
#content FORM
{
	margin: 30px 0 0 0;
}
#content FORM INPUT.send
{
	border: none;
	background-color: #231F20;
	padding: 3px 5px;
	color: #FFF;
	width: 70px;
}
#content FORM INPUT, #content FORM TEXTAREA
{
	margin: 3px 10px;
	border: 1px solid #905a01;
	width: 185px;
	padding: 2px;
}
#content TD.last
{
	padding: 0 10px;
}
#content TD.error INPUT
{
	border: 2px solid #990000;
}

/* Footer */
#footer
{
	clear: both;
	background: url('../images/layout/footer.gif') no-repeat;
	width: 980px;
	height: 24px;
	margin: -31px auto 0 auto;
	padding: 7px 0 0 0;
	text-align: center;
	color: #FFF;
}
#footer SPAN
{
	padding: 0 0 0 210px;
}