html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

html {
	height: 100%;
}

html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

body {
	color: #7e6f4a;
	font-size: 0.6em;
	font-family: "Tahoma", "Arial", sans-serif;
	height: 99%;
	font-size: 0.7em;
	background: #dcd6cc url('new_bg_menu.gif') repeat-y center 0;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

a {
	text-decoration: underline;
	color: #7e6f4a;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

a:focus, a:hover, a:active {
	/*color: #ff6600;*/
	color: #000;
}

hr {
	display: none;
}

/* classes */

.clearer {
	clear: both;
	height: 1px;
}

.imgLeft {
	float: left;
	margin: 0 15px 5px 0;
	border: 1px solid #ccc;
	padding: 4px;
}

.imgRight {
	float: right;
	border: 1px solid #ccc;
	margin: 0 0 5px 15px;
	padding: 4px;
}

.hr {
	height: 15px;
}

.imgSub {
	font-style: italic;
	color: #999;
	margin-left: 5px;
}

#outer {
	position: relative;
	height:auto !important;
	height: 99%;
	min-height: 99%;
	width: 768px;
	margin: 0 auto;
	border-right: 7px solid #eeebe6;
	border-left: 7px solid #eeebe6;
	border-bottom: 1px solid #fff;
}

/******** HEADER ********/

#header {
	position: relative;
	background: url(bg_header.jpg) no-repeat right 0;
	height: 129px;
	margin: 0 0 0 0;
	}

	#header h1#logo {
		position: absolute;
		z-index: 80;
		top: 30px;
		left: 0;
		/*border-bottom: 1px solid #a0a8ad;*/
		margin: 0 4px 0 0;
		}

		#header h1#logo a {
			position: relative;
			display: block;
			width: 200px;
			height: 94px;
			background: #fff url(logo.gif) no-repeat 0 0;
			text-decoration: none;
			}

			#header h1#logo a span {
				visibility: hidden;
				}

	#header ul#menuLanguage {
		background: #fff;
		float: left;
		margin: 0 0 0 0;
		padding: 0;
		list-style-type: none;
		width: 220px;
		height: 29px;
		border-left: 5px solid #fff;
		border-bottom: 1px solid #a0a8ad;
		}

		#header ul#menuLanguage li {
			padding: 8px 10px 0 10px;
			float: left;
			}

			#header ul#menuLanguage li a {
				margin: 0;
				font-weight: normal;
				color: #7e6f4a;
				text-decoration: none;
				}

				#header ul#menuLanguage li a:hover,
				#header ul#menuLanguage li a.active {
					font-weight: bold;
					color: #900;
					}

	#header #topMenuContainer #topMenu {
		background-color: #af9072;
		width: 518px;
		height: 15px;
		float: right;
		margin: 107px 0 0 0;
		padding: 5px 10px 2px 10px;
		text-align: right;
		}

		#header #topMenuContainer #topMenu li {
			display: inline;
			}

			#header #topMenuContainer #topMenu li a {
				color: #fff;
				text-transform: uppercase;
				font-size: 90%;
				text-decoration: none;
				padding: 0 8px;
				}

			#header #topMenuContainer #topMenu li span {
				color: #fff;
				padding: 0 8px;
				}

			#header #topMenuContainer #topMenu li a:hover {
				color: #000; /* Rood = 900 */
				}

			#header #topMenuContainer #topMenu li a.selected {
				font-weight: bold;
				border-bottom: 3px solid #fff;
				}

/******** CONTENTCONTAINER ********/

#contentContainer {
	position: relative;
	width: 768px;
}

#contentContainer div#breadCrumb {
	position: relative;
	right: 10px;
	color: #484642;
	margin: 0 0 40px 0px;
	padding: 3px 0 3px 15px;
	background: url("arrow_breadcrumb.gif") no-repeat 0 0;
}

* +html #contentContainer div#breadCrumb {
	right: 8px;
}

#contentContainer div#breadCrumb span {
	margin: 0 5px 0 5px;
}

#contentContainer div#breadCrumb a {
	color: #484642;
	text-decoration: none;
}

#contentContainer div#breadCrumb a:hover,
#contentContainer div#breadCrumb a.selected {
	text-decoration: underline;
}

#contentContainer div#breadCrumb span#selectedTitle {
	color: #990000;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 0 0;
	text-decoration: underline;
	font-size: 90%;
}

#contentContainer #content {
	width: 529px;
	float: left;
	padding: 0 0 0 10px;
}

#contentContainer #content p,
#contentContainer #content ul {
	line-height: 18px;
	width: 310px;
	margin: 0 0 18px 0;
}

#contentContainer #content ul li {
	background: url(li_item.gif) 0 6px no-repeat;
	padding: 0 0 0 15px;
	margin: 5px 0 0 0;
	font-weight: bold;
}


#contentContainer #content p a.homeArticle,
#contentContainer #content div.highLight p a.homeArticle {
	color: #990000;
	text-transform: uppercase;
	margin: 0 0 0 0;
	background: url('homeArticle.gif') no-repeat 0 0;
	text-decoration: none;
	font-size: 90%;
	display: block;
	border: 0;
	padding: 1px;
	width: 500px;
}

#contentContainer #content a#readMore {
	color: #7e6f4a;
	text-transform: uppercase;
	/*margin: 20px 0 0 0;*/
	background: url('homeArticle.gif') no-repeat 1px 0;
	text-decoration: none;
	font-size: 90%;
	border: 0;
	padding: 2px;
	width: 307px;
	display: block;
}

#contentContainer #content p a.homeArticle span,
#contentContainer #content div.highLight p a.homeArticle span {
	display: block;
	padding: 0 0 0 15px;
	background: url('stippel.gif') repeat-x 0 bottom;
}

#contentContainer #content a#readMore span {
	display: block;
	padding: 2px 0 3px 15px;
	background: url('stippel.gif') repeat-x 0 bottom;
}

#contentContainer #content p a.homeArticle:hover,
#contentContainer #content a#readMore:hover,
#contentContainer #content div.highLight p a.homeArticle:hover {
	/*color: #ff6600;*/
	color: #000;
}

#contentContainer #content h2 {
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 15px 0;
}

#contentContainer #content img {
	padding: 1px;
	border: 1px solid #ccc;
}

#contentContainer #content h3 {
	padding: 0;
	/*width: 297px;*/
	margin: 0 0 15px 0;
	background: url('bg_h3.gif') no-repeat 0 bottom;
	/*height: 41px;*/
}
/*
#contentContainer #content h3.pageTitle {
	background: url('bg_h3_long.gif') no-repeat 0 bottom;
	padding: 0;
	margin: 0 0 15px 0;
	padding: 26px 0 0 15px;
	height: 20px;	font-size: 19px;
	font-family: "Arial";
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: -1px;
}
*/
#contentContainer #content h2.pageTitle,
#contentContainer #content div.highLight h3.pageTitle {
	background: url('bg_h3_long.gif') no-repeat 0 bottom;
	padding: 0;
	margin: 0 0 15px 0;
	padding: 0 0 0 15px;
	font-size: 16px;
	font-family: "Arial";
	font-weight: bold;
	color: #493f26;
	text-transform: uppercase;
	letter-spacing: -1px;
}

#contentContainer #content h2.pageTitle a {
	text-decoration: none;
}

#contentContainer #content h5 {
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	background-color: #af9072;
	color: #fff;
	padding: 3px 0 3px 5px;
	margin: 0 0 15px 0;
	width: 297px;
}

#contentContainer #content #introText {
	width: 310px;
	float: left;
	padding: 30px 0 0 0;
}

#contentContainer #content #introText p.firstAlinea {
	color: #900;
	font-weight: bold;
}

#contentContainer #content div.highLight {
	position: relative;
	clear: both;
	width: 505px;
}

#contentContainer #content div.highLight img {
	padding: 1px;
	border: 1px solid #ccc;
	margin-top: -26px;
}

#contentContainer #content div.highLight p.newsImg {
	width: 505px;
	clear: both;
}

#contentContainer #content div.highLight p.newsImg span {
	position:relative;
	display: block;
	width: 493px;
	float:left;
	background-color: #fff;
	color: #000;
	font-size: 16px;
	padding: 2px 5px 0 0;
	text-transform: uppercase;
	text-decoration: none;
	text-align: right;
	height: 20px;
	font-weight: bold;
	margin: 0px 0 1px 3px;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity: .50;
}

* html #contentContainer #content div.highLight p.newsImg span {
	margin: 0;
	top: 1px;
	left: 3px;
}

#contentContainer #content div.newsList {
	position: relative;
	width: 300px;
	margin: 30px 0 20px 0;
}

#contentContainer #content div.newsList h2 {
	font-weight: bold;
	margin: 0 0 10px 0;
}

#contentContainer #content div.newsList a {
	position: relative;
	color: #990000;
	text-transform: uppercase;
	margin: 20px 0 0 0;
	background: url('homeArticle.gif') no-repeat 0 0;
	text-decoration: none;
	font-size: 90%;
	display: block;
	border: 0;
}


#contentContainer #content div.newsList a span {
	display: block;
	padding: 3px 0 3px 15px;
	background: url('stippel.gif') repeat-x 0 bottom;
}

#contentContainer #content div.newsList a:hover {
	/*color: #ff6600;*/
	color: #000;
}


/******** CONTENTCONTAINER NEWSCONTAINER ********/

#contentContainer #content #newsContainer {
	float: right;
	width: 200px;
	background-color: #990000;
	color: #fff;
	border-top: 5px solid #fff;
}

#contentContainer #content #newsContainer h3 {
	width: 170px;
	margin: 20px auto;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	background: none;
}

#contentContainer #content #newsContainer p {
	width: 170px;
	margin: 0 auto;
	padding: 0 5px;
	line-height: 16px;
	height: 179px;
	overflow: hidden;
}

#contentContainer #content #newsContainer a {
	display: block;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	margin: 10px auto;
	width: 160px;
	height: 20px;
	line-height: 14px;
	background: url(moreHeadline.gif) no-repeat 0 0;
	padding-left: 15px;
}

#contentContainer #content #newsContainer a:hover,
#contentContainer #content #newsContainer a.allArticles:hover {
	/*color: #ff6600;*/
	color: #000;
}

#contentContainer #content #newsContainer a.allArticles {
	display: block;
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
	margin: 25px 0 5px 0;
	padding-left: 15px;
	background: url(allArticles.gif) no-repeat 0 0;
	text-transform: uppercase;
}

/******** BANNERS ********/

#bannerDVD, #bannerHout, #bannerGas, #bannerBrochures {
	position: relative;
	width: 200px;
	margin: 0;
}

#bannerDVD a,
#bannerHout a,
#bannerGas a,
#bannerBrochures a   {
	margin: 1em auto;
	width: 189px;
	display: block;
	height: 95px;
	text-decoration: none;
	border: 1px solid #bfb7a5;
	padding: 2px;
}

#bannerDVD a {
	background: url('banner-dvd.jpg') no-repeat center center;
}

#bannerBrochures a {
	background: url('en/brochures.gif') no-repeat center center;
}

#bannerHout a {
	background: url('en/new_hout.jpg') no-repeat center center;
}

#bannerGas a {
	background: url('en/new_gas.jpg') no-repeat center center;
}

#bannerDVD a:hover,
#bannerHout a:hover,
#bannerGas a:hover,
#bannerBrochures a:hover {
	background-color: #dcd6cc;
}

#bannerDVD a span,
#bannerHout a span,
#bannerGas a span,
#bannerBrochures a span {
	visibility: hidden;
}

/******** FOOTER ********/

#footer {
	color: #999;
	position: relative;
	background-color: #fff;
	border-right: 7px solid #eeebe6;
	border-left: 7px solid #eeebe6;
	width: 768px;
	bottom: 0;
	font-size: 90%;
	margin: 0 auto;
	padding: 3px 0 5px 0;
}

#footer span {
	margin: 0 5px 0 5px;
}

#footer a {
	color: #999;
	text-decoration: none;
}

#footer a:focus,
#footer a:hover,
#footer a:active {
	color: #c85a09;
}
/*
#clearFooter {
	width: 100%;
	height: 20px;
	clear: both;
}

* html #clearFooter {
	height: 20px;
}*/

/********** FORM **********/
/* Add by Maikel, copy old site */
form {
	margin: 15px 13px 0 0;
	width: 297px;
}

fieldset {
	border: 1px solid #eee;
	border-bottom: 4px solid #eee;
	padding: 10px 0 10px 0;
	margin: 0px 0 15px 0;
}

form fieldset #textfieldText {
	padding: 10px;
}

form fieldset div {
	clear: both;
	margin: 10px 0 0 0;
}

legend {
	margin-left: 5px;
	padding: 2px 10px;
	font-weight: bold;
	color: #7e6f4a;
	height: 15px;
}

select,
input {
	height: 16px;
	border: 1px solid #a8a39d;
	margin: 5px 0 5px 22px;
	font-size: 11px;
	color: #7e6f4a;
	padding: 2px 0 0 2px;
	font-family: Tahoma;
	width: 243px;
}

input.checkbox {
	width: 15px;
	height: 15px;
	margin: 0 5px 0 15px;
	float: left;
}

* html form input {
	margin: 5px 0 3px 10px;
}

input#zipcode {
	width: 83px;
	float: left;
}

* html input#zipcode {
	margin: 5px 3px 5px 5px;
}
*+html input#zipcode {
	margin-right: 5px;
}

input#city {
	width: 150px;
	margin-left: 6px;
}
* html input#city {
	margin-top: 4px;
}
*+html input#city {
	margin-top: 4px;
}

textarea {
	border: 1px solid #a8a39d;
	width: 239px;
	margin: 5px 0 5px 22px;
	font-size: 11px;
	color: #7e6f4a;
	font-family: Tahoma;
	padding: 2px;
	height: 50px;
}

label, input, {
	display: block;
	margin-bottom: 5px;
}

label {
	margin: 5px 0 0 5px;
	display: block;
}

button {
	height: 22px;
	line-height: 22px;
	width: 80px;
	color: #695151;
	font-family: Tahoma;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	border: none;
	color: #fff;
	background: #ccc;
	margin: 0 7px;
}

.checkbox {
	margin-top: 5px;
	width: 15px;
	border: 0;
}

.smallBlock {
	font-size: 90%;
	color: #999;
}
.formError {
	color: #c00;
}

#contentContainer #content #contactForm select {
	padding: 0 0 0 0;
	height: 18px;
}
*+html #contentContainer #content #contactForm select {
	height: 20px;
}



/********** FAQ **********/
#contentContainer #content #faq {
	position: relative;
	width: 297px;
	overflow: auto;
}

#contentContainer #content #faq h2 {
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	background-color: #af9072;
	color: #fff;
	padding: 3px 0 3px 5px;
}

#contentContainer #content #faq a {
	display: block;
	padding-left: 12px;
	text-decoration: underline;
	line-height: 20px;
	background: url(li_item.gif) 0 8px no-repeat;
	color: #7e6f4a;
	margin: 5px 0 0 0;
}

#contentContainer #content #faq a:hover {
	/*color: #ff6600;*/
	color: #000;
}

#contentContainer #content #faq h2 {
	margin-left: 0!important;
	position: relative;
	border-bottom: 0px solid #CCC;
}

#contentContainer #content #faq p {
	margin-left: 12px;
	padding: 5px;
	background: #dcd6cc;
	line-height: 16px;
	display: none;
	position: relative;
	width: 265px;
}
#contentContainer #content #faq p a {
	padding: 0;
	margin: 0;
}

/********** WAARTEKOOP **********/

#contentContainer #content table {
	width: 303px;
	border-collapse: collapse;
	margin: 0 0 15px 0;
}

#contentContainer #content th {
	text-align: left;
	background-color: #af9072;
	height: 19px;
	line-height: 19px;
	color: #FFF;
	padding-left: 5px;
	border: 1px solid #FFF;
	font-weight: normal;
}
#contentContainer #content td {
	line-height: 19px;
	padding-left: 5px;
	border: 1px solid #fff;
}
#contentContainer #content tr {
	background: #eee;
}
#contentContainer #content tr.info {
	display: none;
	background: #F7E4CE;
}
#contentContainer #content tr.info td {
	border: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}
#contentContainer #content tr td a {
	display: block;
	color: #7e6f4a;
}
#contentContainer #content tr.info a {
	display: inline;
}

#contentContainer #content tr.selected td a {
	color: #fff;
}
#contentContainer #content tr td a:hover {
	color: #000;
}

#contentContainer #content tr.selected {
	background: #990000;
	font-weight: bold;
	color: #FFF;
}

.typeBut {
	display: block;
	height: 22px;
	line-height: 22px;
	width: 80px;
	color: #695151;
	font-family: Tahoma;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	border: none;
	margin: 5px 0;
	color: #fff;
	background: url(/maps/images/knop_bg2.gif);
	margin-right: 7px;
}

#contentContainer #content #waartekoop h5 {
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	background-color: #af9072;
	color: #fff;
	padding: 3px 0 3px 5px;
	margin: 0 0 15px 0;
}

#contentContainer #content #waartekoop form {
}

#contentContainer #content #waartekoop fieldset {
	border: 0;
	padding-bottom: 10px;
}

#contentContainer #content #waartekoop select {
	margin: 0 0 20px 0;
	width: 200px;
	background: #eee;
	border: 1px solid #ccc;
	padding: 0 0 0 0;
	color: #7e6f4a;
}
*+html #contentContainer #content #waartekoop select {
	height: 20px;
}
#contentContainer #content #waartekoop button {
	float: left;
	margin: 0;
	font-size: 10px;
	text-transform: uppercase;
	color: #FFF;
	padding: 1px 15px;
	border: 0;
	background: #7e6f4a;
}

#contentContainer #content #waartekoopRes {
	font-weight: bold;
	color: #7e6f4a;
}

#contentContainer #content #map {
	width: 450px;
	height: 550px;
}


#comFields {
	line-height: 22px;
}