* {
	margin: 0;
	padding: 0;
}

body {
	background: #333;
	font-family: Tahoma;
	font-size: 0.7em;
}


a {
	color: #fff;
	text-decoration: underline;
}

a:focus, a:hover, a:active {
	color: #c85a09;
}

hr {
	display: none;
}

.clearer {
	clear: both;
}

.left {
	float: left;
}

.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;
}

#outer {
	position: relative;
	width: 760px;
	margin: 0 auto;
	color: #333;
}


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

#header {
	position: relative;
	height: 105px;
	margin: 5px 0 0 0;
}

#header h1#logo {
	position: absolute;
	z-index: 80;
	top: 25px;
	left: 37px;
}

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

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

#header #topMenu {
	height: 20px;
	list-style: none;
	margin: 0 0 0 37px;
	padding: 0;
	background-color: #c85a09;
}

#header #topMenu li {
	float: left;
	height: 16px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 90%;
	color: #f5e0d1;
	padding-top: 4px;
}

#header #topMenu li a {
	text-decoration: none;
	border-right: 1px solid #fff;
	padding: 0 15px 0 15px;
	color: #f5e0d1;
}

#header #topMenu li a:focus,
#header #topMenu li a:hover,
#header #topMenu li a:active,
#header #topMenu li a.active  {
	color: #fff;
	text-decoration: underline;
}

#header #topMenu li a.noBorder {
	border-right: 0px solid #fff;
}

#header #topMenu #menuLanguage {
	background-color: #666;
	width: 214px;
	font-size: 90%;
	font-weight: normal;
	text-transform: lowercase;
}

#header #topMenu #menuLanguage a {
	color: #ccc;
	display: inline;
}

#header #topMenu #menuLanguage a span {
	background: url(select_lang.gif) no-repeat 0 5px;
	padding: 0 0 0 10px;
}


#header #topMenu #menuLanguage a:hover {
	color: #fff;
	text-decoration: none;
}

#header #topMenu #menuLanguage ul {
	display: none;
	background: #999;
	list-style-type: none;
	position: absolute;
	top: 20px;
	left: 37px;
	width: 208px;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	-khtml-opacity: 0.80;
	opacity: .80;
	z-index: 400;
	padding-left: 5px;
	border-top: 1px solid #333;
}


#header #topMenu #menuLanguage ul li a {
	padding: 0 10px 0 10px;
	margin: 0;
	font-weight: normal;
	color: #fff;
}

#header #topMenu #menuLanguage:hover ul {
	display: block;
}
#header #topMenu #menuLanguage ul li a:hover,
#header #topMenu #menuLanguage ul li a.active {
	text-decoration: underline;
}


/******** MENU / FLASHANIMATIE ********/

#menuContainer {
	background-color: #fff;
	height: 240px;
	margin: 0 0 10px 37px;
	padding: 8px 0 0 8px;
	border-bottom: 8px solid #fff;
}

#menuContainer div {
	float: left;
}


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

#contentContainer {
	background-color: #fff;
	margin: 0 0 0 37px;
	border: 8px solid #fff;
	background: #fff url(stripes.gif) repeat-y 0 0;
	min-height: 420px;
}

*html #contentContainer {
	height: 420px;
}

#contentContainer.productPage {
	background-image: none;
	background-color: #fff;
}


/******** CONTENTCONTAINER BANNERS ********/

#contentContainer #bannerDVD,
#contentContainer #bannerBrochures,
#contentContainer #bannerGas,
#contentContainer #bannerHout {
	background-color: #fff;
	text-align: right;
	border-bottom: 8px solid #fff;
}

#contentContainer #bannerDVD a,
#contentContainer #bannerBrochures a,
#contentContainer #bannerGas a,
#contentContainer #bannerHout a {
	display: block;
	height: 104px;
	padding-right: 5px;
	text-decoration: none;
}

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

#contentContainer #bannerDVD h2,
#contentContainer #bannerBrochures h2,
#contentContainer #bannerGas h2,
#contentContainer #bannerHout h2 {
	display: none;
}

#contentContainer #bannerDVD {
	width: 205px;
	border-right: 1px solid #fff;
	background: url(fr/banner-dvd.jpg) no-repeat 0 0;
}

#contentContainer #bannerBrochures {
	width: 205px;
	border-right: 1px solid #fff;
	background: url(fr/showroom_small.jpg) no-repeat 0 0;
}

#contentContainer #bannerGas {
	width: 205px;
	border-right: 1px solid #fff;
	background: url(fr/gashaarden_small.jpg) no-repeat 0 0;
}

#contentContainer #bannerHout {
	width: 205px;
	background: url(fr/houthaarden_small.jpg) no-repeat 0 0;
}

/******** CONTENTCONTAINER CONTENT ********/

#contentContainer.productPage #content {
	margin: 0 20px 0 12px;
}

#contentContainer #content {
	margin: 0 20px 0 230px;
}

#contentContainer #content a {
	color: #333;
}

#contentContainer #content a:focus,
#contentContainer #content a:hover,
#contentContainer #content a:active {
	color: #c85a09;
}

#contentContainer #content h3,
#contentContainer.productPage #content h3 {
	text-transform: uppercase;
	font-size: 90%;
	margin: 0 0 25px 0;
	font-weight: normal;
}

#contentContainer #content h3 span,
#contentContainer.productPage #content h3 span {
	margin: 0 5px 0 5px;
}

#contentContainer #content h3 a,
#contentContainer.productPage #content h3 a {
	text-decoration: none;
}

#contentContainer #content h3 a.active,
#contentContainer.productPage #content h3 a.active {
	font-weight: bold;
	text-decoration: underline;
}

#contentContainer #content h2,
#contentContainer #content h4 {
	font-size: 14px;
	color: #333;
	margin: 0 0 15px 0;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #ccc;
}

#contentContainer #content p {
	margin: 0 0 15px 0;
	line-height: 18px;
}

#contentContainer.productPage #content div.whiteSpace {
	margin: 0 20px 15px 0;
	width: 320px;
	float: left;
}

*+html #contentContainer.productPage #content div.whiteSpace {
	margin: 0 20px 0 0;
}

#contentContainer.productPage #content div.noWhiteSpace {
	margin: 0 0 15px 0;
	width: 320px;
	float: left;
}


#contentContainer.productPage #content div.usp,
#contentContainer.productPage #content div.item {
	border: 1px solid #ccc;
	padding: 5px;
	/*margin: 0 0 20px 0;*/
}
#contentContainer.productPage #content div.usp a,
#contentContainer.productPage #content div.item a {
	text-transform: uppercase;
}

#contentContainer.productPage #content div.item h3 a {
	width: 308px!important;
	border: 0!important;
	display: block;
	text-decoration: none;
	height: 25px;
}

#contentContainer.productPage #content div.item h4 a {
	width: 308px!important;
	border: 0!important;
	display: block;
	text-decoration: none;
	height: 20px;
}

#contentContainer.productPage #content div.item h3,
#contentContainer.productPage #content div.item h4 {
	margin: 0 0 0 0;
}

#contentContainer.productPage #content div.usp a img,
#contentContainer.productPage #content div.item a img {
	position: relative;
	margin: 0 0 0 0;
	border-width:0;
}

#contentContainer.productPage #content div.item h3 a span,
#contentContainer.productPage #content div.item h4 a span  {
	visibility: hidden;
}


ul#newsList {
	list-style-type: square;
	padding: 0;
	margin: 0 0 20px 15px;
}
ul#newsList li {
	line-height: 18px;
}


#contentContainer #content div.newsList,
#contentContainer #content div.newsListImg {
	margin: 0 0 20px 0;
}

#contentContainer #content div.newsListImg p {
	height: 130px;
	min-height: 130px;
}

#contentContainer.productPage #content div a.productLink,
#contentContainer.productPage #content div a.uspLink,
#contentContainer #content div.newsList a,
#contentContainer #content div.newsListImg a,
#contentContainer #content a#readMore {
	text-decoration: none;
	background-color: #c85a09;
	display: block;
	padding: 3px 0 0 15px;
	font-size: 10px;
	height: 15px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}
#contentContainer.productPage #content div a.uspLink {
	background-color:#333;
}

#contentContainer #content a#readMore {
	margin: 0 0 15px 0;
}

#contentContainer.productPage #content div a.productLink:hover,
#contentContainer.productPage #content div a.uspLink:hover,
#contentContainer #content div.newsList a:hover,
#contentContainer #content div.newsListImg a:hover,
#contentContainer #content a#readMore:hover  {
	background-color:#333;
}

#contentContainer.productPage #content div a.uspLink:hover {
	background-color:#c85a09;
}

#contentContainer #content div a.normal {
	text-decoration: underline;
	background: #fff;
	display: inline;
	padding: 0;
	font-size: 10px;
	color: #333;
	font-weight: normal;
}
#contentContainer #content div a.normal:hover {
	background: #fff;
	text-decoration: underline;
	color: #c85a09;
}

#contentContainer.productPage #content div#productList {
	margin: 0 0 15px 0;
	width: 300px;
	float: left;
	background-color:#eeeeee;
	border:1px solid #dddddd;
	padding: 1em;
}


#contentContainer.productPage #content div#productList ul {
	margin: 0pt;
	padding: 0.5em;
	list-style-type: none;
	background-color:#ddd;
}

#contentContainer.productPage #content div#productList ul li {
	border-bottom:1px dotted #7E6F4A;
}

#contentContainer.productPage #content div#productList ul li a {
	display: block;
	margin:5px 0pt;
	padding:3px 0pt 3px 15px;
	background: transparent url(menu_arrow_black.gif) no-repeat 3px 6px;
	font-weight: bold;
	color: #c85a09;
}

#contentContainer.productPage #content div#productList ul li a:hover {
	background: #eee url(menu_arrow_black.gif) no-repeat 3px 6px;
	color: #666;
}


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

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

#contentContainer #content th {
	text-align: left;
	background: #333333;
	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;
}
#contentContainer #content tr.info td a {
	display: inline;
}

#contentContainer #content tr.selected {
	background: #C05F01;
	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 {
	height: 20px;
}

#contentContainer #content #waartekoop form {
	background: url(dottedLine.gif) top left repeat-x;
}

#contentContainer #content #waartekoop fieldset {
	border: 0;
	background: url(dottedLine.gif) bottom left repeat-x;
	padding-bottom: 10px;
}


#contentContainer #content #waartekoop select {
	margin: 0 0 15px 0;
	width: 200px;
	background: #eee;
	font-size: 10px;
	border: 1px solid #ccc;
	float: none;
}
#contentContainer #content #waartekoop button {
	float: left;
	margin: 0;
	font-size: 10px;
	text-transform: uppercase;
	color: #FFF;
	padding: 1px 15px;
	border: 0;
	background: #333;
}

#contentContainer #content #waartekoop #regio {
}

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

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


/******** SITEMAP ********/

#contentContainer #content #sitemap,
#contentContainer #content #sitemap ul,
#contentContainer #content #sitemap ul ul {
	list-style: none;
	margin-left: 25px;
	padding: 0;
}

#contentContainer #content #sitemap {
	margin: 20px 0 0 0;
}

#contentContainer #content #sitemap li {
	background: url('dottedLine.gif') bottom left repeat-x;
	padding: 8px 0 10px 0;
}

#contentContainer #content #sitemap li.last {
	background: none;
}
#contentContainer #content #sitemap li ul li,
#contentContainer #content #sitemap li ul li ul li {
	background: none;
	margin-top: 0;
	padding: 12px 0 0 0;
}

#contentContainer #content #sitemap li ul li ul li {
	padding: 4px 0 0 0;
}

#contentContainer #content #sitemap li a {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	background: url(singleGrayArrow.gif) 0 5px no-repeat;
	padding-left: 7px;
	text-decoration: underline;
	display: block;
}
#contentContainer #content #sitemap li ul li a {
	color: #8d4207;
	background: url(singleBrownArrow.gif) 0 5px no-repeat;
}
#contentContainer #content sitemap li ul li ul li a {
	color: #c85a09;
	background: url(singleOrangeArrow.gif) 0 5px no-repeat;
}

#contentContainer #content #sitemap li ul li a:focus,
#contentContainer #content #sitemap li ul li a:hover,
#contentContainer #content #sitemap li ul li a:active {
	color: #D57A08;
}

#contentContainer #content #sitemap li ul li ul li a:focus,
#contentContainer #content #sitemap li ul li ul li a:hover,
#contentContainer #content #sitemap li ul li ul li a:active {
	color: #333;
}

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

#footer {
	color: #999;
	font-size: 90%;
	margin: 5px 0 0 37px;
	width: 215px;
	text-align: center;
	height: 20px;
}

#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;
}


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

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

legend {
	margin-left: 5px;
	padding: 0 10px;
	font-weight: bold;
	color: #69645e;
}

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

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


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

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

input#city {
	width: 150px;
	margin-left: 6px;
}

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

label, input, select, input#woonplaats {
	display: block;
	float: left;
	margin-bottom: 5px;
}

form br{
	clear: both;
}

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

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


/********** FAQ **********/
#faq {
	position: relative;
}

#faq a {
	display: block;
	padding-left: 12px;
	margin-bottom: 4px;
	text-decoration: underline;
	line-height: 16px;
	background: url(../images/singleBrownArrow.gif) 0 5px no-repeat;
}
#faq h2 {
	margin-left: 0!important;
	position: relative;
	border-bottom: 0px solid #CCC;
}


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