/* RESET */

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, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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-size:100%;
	vertical-align:baseline;
	background:transparent;
}

img {border:0; outline:0;}

body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
/* tables benodigen nog 'cellspacing="0"' in de markup */
table {border-collapse:collapse; border-spacing:0;}

/* MAIN */

html, body {font-family:"Verdana"; font-size:10px; line-height:14px; color:#000000;}
body {background-color:#747679; background-image:url(../images/body.jpg); background-position:left 360px; background-repeat:no-repeat;}

/* LAYOUT */

#container {position:relative;}
#wrap {background:url(../images/wrap.gif) repeat-y; width:960px;}
#left {width:128px; float:left;}
#middle {width:612px; float:left;}
#right {width:220px; padding-top:10px; float:left; background:#bdbdbd url(../images/right.gif) repeat-x top;}
#header {height:96px; background:url(../images/header.jpg) no-repeat;}
#content {min-height:450px; padding:50px 50px 20px 20px; background:#d7d6d4; color:#747477;}
#footer {width:822px; height:60px; padding:10px 0 0 10px; background:#ffffff url(../images/footer.jpg) repeat-x top; margin-left:128px; clear:both;}

/* Landingpage Links */

#landingpageLinks {width:960px; padding-top:20px;}
#landingpageLinks ul {text-align:center;}
#landingpageLinks li {display:inline;}
#landingpageLinks a {color:#c3c3c3;}
#landingpageLinks span {color:#dd291e;}

/* HOOFDMENU */

#mainmenu a {
	display:block;
	width:115px;
	padding-left:8px;
	color:#fefefe; 
	text-transform:uppercase; 
	letter-spacing:1px;
	line-height:14px;
	border-bottom:#dcdddd 1px solid;	
	border-right:#dcdddd 1px solid;
}
#mainmenu a:hover, #mainmenu .selected {background:#dd291e;}
#mainmenu li {margin-bottom:5px;}
#splitmainmenu {margin-top:100px;}
.splitmainmenu {margin-top:83px;}

/* DISCLAIMER */

#disclaimerHome {position:absolute; bottom:100px; left:40px;}
#disclaimer {position:absolute; bottom:100px; left:40px;}
#disclaimerHome a, #disclaimer a {color:#ffffff; border:0; margin-left:20px;}
#disclaimerHome a:hover, #disclaimer a:hover {text-decoration:underline; border:0;}

/* BREADCRUMBS */

#breadcrumbs {position:absolute; top:80px; left:128px; color:#bdbdbd;}
#breadcrumbs li {display:inline;}
#breadcrumbs a {color:#bdbdbd;}
#breadcrumbs span.dubbelepunt {padding-right:5px;}

/* RECHTERKANT */

#right #social {color:#fff; width:159px;text-align: left;}
#right #pic img {padding-top:10px;border-right:#747679 1px solid; border-bottom:#747679 1px solid; width:159px;}
#right #txt {color:#808080; padding:18px 7px 0 7px;}
#right #txt h3 {padding:0;}

/* CONTACTINFORMATIE */

#contactinfo {font-size:9px; padding-top:5px; background:url(../images/contactinfo.gif) repeat-y;}
#contactinfo ul li {display:block; float:left; color:#ffffff;}
#contactinfo li.first {width:120px; padding-right:8px; color:#000000; text-align:right;}
#contactinfo span {color:#dd291e; padding:0 3px 0 4px;}
#contactinfo a {color:#ffffff; border:none;}
#contactinfo a:hover {text-decoration:underline; border:none;}

/* ZOEKFUNCTIE */

form#search {float:right; margin:40px 10px 0 0;}
#search .field {width:130px; padding:2px; border-bottom:#000000 1px solid;} /* specifieke opmaak voor een input type="text" */
#search .button {background:#000000; color:#ffffff; padding:1px 2px 2px 2px; text-transform:uppercase;} /* specifieke opmaak voor een input type="submit" */
#search .button:hover {background:#dd291e;}

/* PAGINA - HOME */

/*#home #content {color:#000000; background:#d7d6d4 url(../images/contenthome.jpg) no-repeat bottom left; padding:20px 50px 0px 160px;}*/
#home #content {color:#000000; /*background:#d7d6d4 url(../images/proefexemplaar-home.jpg) no-repeat bottom left;*/ padding:0;}
#home #content img {margin-bottom:-3px;}
#home #content p {margin:0; padding:0;}
#home #content h2 {padding-top:100px;}
/*#home #content h2, #home #content p {text-align:right;}*/

/* PAGINA - OFFERTE */

#offerte #content {padding-right:50px; margin-left:3px;}
#offerte #content h2 {font-size:16px; line-height:20px; border-bottom:#dd291e 1px solid; padding:80px 0 0 50px; text-transform:uppercase; margin-left:-20px;}
#offerte #content p {padding-bottom:5px;}
#offerte #content form {margin-left:50px; margin-left:-20px; margin-top:10px;}
#offerte #content label {float:left; width:130px; padding-right:10px; text-align:right;}
#offerte #content ul {margin:10px 0px 20px 118px;}
#offerte #content ul li {display:inline; margin-left:50px;}
input.contactpersoon {width:240px;}
.required {position:absolute; top:500px; left:176px;}
.sendbutton {position:absolute; top:520px; left:583px;}
#offerte #content #offertemenu {margin:5px 0 0 0; text-align:center;}
#offerte #content #offertemenu li {display:inline; margin:0 30px 0 0;}

.twofields p {float:left;}
#offerte #content p.pc, #offerte #content p.tel {width:317px;}
#offerte #content p.pc .field, #offerte #content p.tel .field {width:167px;}
#offerte #content p.plaats, #offerte #content p.fax {width:242px;}
#offerte #content p.plaats label, #offerte #content p.fax label {width:40px; text-align:left;}
#offerte #content p.plaats .field, #offerte #content p.fax .field {width:185px;}

/* artikelen overzicht */

.offerte_product {border-bottom:#dd291e 1px solid; margin-top:5px; padding-bottom:5px;}
.offerte_product a {border:0;}
.offerte_product a:hover {border:0;}
.offerte_product img {border-right:#747679 1px solid; border-bottom:#747679 1px solid; float:left; margin-right:10px;}
.offerte_product table {float:left; width:450px; text-align:left;}
.offerte_product table th {padding-bottom:10px;}
.offerte_product table img {border:0; float:none;}
.offerte_product table table {float:none; width:auto;}
.offerte_product table table th {padding-bottom:0;}
.offerte_product .field {width:40px;}
th.productinformatie {width:220px;}
th.cellpaddingright {padding-right:5px;}
dl {width:220px;}
dt {float:left; width:145px;}

/* aanvraag verstuurd */
#aanvraagverstuurd {width:200px; text-align:right; margin-top:30px;}
#aanvraagverstuurd p {width:180px; line-height:24px; text-align:right;}
#offerte #content #aanvraagverstuurd ul {margin:25px 0 0 0; text-align:right; list-style-type:none;}
#offerte #content #aanvraagverstuurd ul li {display:block; margin:0; line-height:24px;}
#offerte #content #aanvraagverstuurd ul li a {color:#ffffff; border:none; font-weight:bold;}
#offerte #content #aanvraagverstuurd ul li a:hover {color:#dd291e;}

/* PAGINA - HUISSTIJL */

#huisstijl #content {padding-right:10px; padding-left:5px;}
#huisstijl #content h2 {text-align:right; padding-top:40px; float:left;}
#huisstijl #content img {float:right; padding-top:34px}
#huisstijl p {padding-bottom:5px;}
#huisstijl .col1, #huisstijl .col2, #huisstijl .col3 {width:190px; text-align:right; float:left; margin-bottom:40px;}
#huisstijl .col2 {margin:0 10px;}

/* subs huisstijl */

.werkwijze_col1 {float:left; width:300px; margin-right:10px;}
.werkwijze_col2 {float:left; width:280px;}
#huisstijl #content .werkwijze_col1 h2 {padding-top:60px;}
#huisstijl #content .werkwijze_col2 img {padding-top:0px}
.margetopwerkwijze {margin-top:20px; padding-bottom:20px;}
.werkwijze {text-align:right;}
.werkwijze a {border:none;}
.werkwijze a:hover, .werkwijze a.selected {border:none; color:#dd291e;}
.werkwijze a span {color:#dd291e;}
.naarproducten {margin-left:485px;}
#huisstijl #content .imghuisstijlofferte img {float:none; margin-top:65px;}
#huisstijl .downloaditem {float:left; margin-right:3px; width:99px;}
.folder_col1 {float:left; width:270px; margin-right:10px;}
#huisstijl .downloaditem {margin-top:20px;}

.vorige {background:url(../images/vorige.gif) no-repeat left 2px !important; padding-left:15px; border:none;}
.navigation {padding:20px 0;}

/* PAGINA - OVER PORSELEIN */

#overporselein #content {padding-right:10px; padding-left:5px; background:#d7d6d4 url(../images/contentoverporselein.jpg) no-repeat top left;}
#overporselein #content h3 {color:#747679; font-weight:bold; font-size:11px; text-transform:none; padding-bottom:10px;}
#overporselein #content p {padding-bottom:5px;}
#overporselein .col1, #overporselein .col2 {width:290px; float:left;}
#overporselein .col1 {text-align:right; margin-right:10px; padding-top:30px;}

/* PAGINA - NIEUWS */

#nieuws #content {padding-right:10px; padding-left:25px;}
#nieuws #content h3 {padding-bottom:10px;}
#nieuws #content p {padding-bottom:5px;}
#nieuws .col1 h2 {padding-top:0;}
#nieuws .col1, #nieuws .col2 {float:left; margin-bottom:20px;}
#nieuws .col1 {width:180px; padding-right:90px; text-align:right; margin-right:10px; padding-top:50px;}
#nieuws .col2 {width:290px; padding-top:20px;}
#nieuws .col2 img {margin-bottom:10px;}
#nieuws .more {margin-bottom:10px;}

/* footer nieuws */

#footer_news {color:#747477;}
#footer_news li {float:left; width:200px;}
#footer_news p {padding-bottom:0px;}
#footer_news a.readon {color:#000000; font-weight:bold;}
#footer_news a.readon:hover {color:#dd291e;}

/* PAGINA - DOWNLOADS */

#downloads #content {padding-right:10px; padding-left:25px;}
#downloads #content h3 {padding-bottom:10px;}
#downloads #content h4 {text-transform:uppercase;}
#downloads .col1 h2 {padding-top:0px;}
#downloads .col1, #downloads .col2 {width:280px; float:left; margin-bottom:20px;}
#downloads .col1 {text-align:right; margin-right:10px; padding-top:50px;}
#downloads .col2 {padding-top:149px;}
#downloads .col1 p {padding-bottom:15px;}
#downloads .col2 p {padding:0; text-transform:uppercase; font-weight:bold;}
#downloads .col2 a {border:0;}
#downloads .col2 .more {float:right; margin-top:-14px;}
#downloads .category {margin-bottom:15px;}

.downloaditem {float:left; margin-right:3px;}
.downloadtitle {padding:0; text-transform:uppercase; font-weight:bold;}

/* PAGINA - PRODUCTEN */

#producten #content {padding-right:10px; padding-left:25px; padding-right:0px;}
#producten #content p {padding-bottom:15px;}
#producten .col1, #producten .col2 {float:left; margin-bottom:20px;}
#producten .col1 {width:200px; padding-right:70px; text-align:right; margin-right:10px;}
#producten .col2 {width:290px;}
#producten .col2 a {border:0;}
#producten h2.category_title {padding-left:80px; font-size:16px; color:#747679; text-transform:uppercase;}
#producten .col2 img {margin:0 10px 10px 0;}

/* PAGINA - SHOP */

#shop #content {padding:60px 0px 20px 20px;}
#shop p {margin:0; padding:0;}
#shop h2 {font-size:14px; color:#747679; padding:0 0 5px 50px; text-transform:uppercase;}

.product {width:98px; margin:0; float:left; padding-right:5px;}
.product a, .product a:hover {border:0;}
.product img {border-right:#747679 1px solid; border-bottom:#747679 1px solid;}
.product:hover img {border-right:#dd291e 1px solid; border-bottom:#dd291e 1px solid;}

/* 
p.articledescription {margin-top:-10px;}
p.articledescription a {display:block; width:98px; height:12px; background:url(/images/artikelbeschrijving.gif) no-repeat left top; border:0; text-indent:-9999px;}
p.articledescription a:hover {background:url(/images/artikelbeschrijving.gif) no-repeat 0px -12px;}
*/

#producten #content .product p.productimg {margin:0px; padding:0px;}

.product:hover p.articledescription a {color:#dd291e; border:none;}
.product p.articledescription a {display:block; width:98px; font-size:9px; background:url(../images/readon.gif) no-repeat right 2px;}
.product p.articledescription a:hover {color:#dd291e; border:none;}
.product p.articledescription a span {padding-right:10px;}

#productdetail {width:206px; margin-top:42px; position:relative;}
#productdetail h3 {color:#ffffff; height:17px; background:#4d4e53; padding:3px 0 0 5px; margin:0;}
#productdetail #detailleft {width:100px; padding-left:5px; color:#ffffff; font-weight:bold; float:left;}
#productdetail #detailright {width:100px; float:left;}
#productdetail p {clear:both; padding:10px 0 0 105px;}

#zoom {position:absolute; top:20px; left:0px; width:206px; height:154px; background:url(../images/zoomin.gif) no-repeat 170px 5px; opacity:0.3; cursor:pointer; border:0;}
#zoom:hover {opacity:0.8; border:0;}

#ajaxresult {clear:both; padding:10px 5px 10px 5px; font-style:italic;}

#footer a {margin-right:10px;}

#productoverview {}
#pagination {clear:both; list-style-type:none; margin-left:517px;}
#pagination li {display:inline;}

/* Portfolio */

.portfoliomargin {margin-bottom:15px;}
#productdetail .portfolio_info {margin:5px; padding:0;}

#zoomPortfolio {position:absolute; top:20px; left:0px; width:206px; height:275px; background:url(../images/zoomin.gif) no-repeat 170px 5px; opacity:0.3; cursor:pointer; border:0;}
#zoomPortfolio:hover {opacity:0.8; border:0;}

/* SHOWROOM */

#showroom #content {color:#000000; background:#d7d6d4 url(../images/contentshowroom.jpg) no-repeat bottom left; padding:20px 50px 0px 160px;}
#showroom #content h2 {padding-top:70px;}
#showroom #content h2, #showroom #content p {text-align:right;}

/* PAGINA(S) - OVERIG */

#overig #content {padding:50px 50px 20px 20px;}
#overig #content h2 {font-size:20px; text-transform:uppercase; text-align:right; width:200px;}
#overig #content h3 {margin-left:200px; padding-bottom:5px;}
#overig #content p {margin-left:200px;}

/* FORMULIER MAIL */

#mail #content {padding:50px 50px 20px 20px;}
#mail #content h2 {font-size:20px; text-transform:uppercase; text-align:right; width:200px;}
#mail #content form {margin-left:75px;}
#mail #content label {float:left; text-align:right; width:120px; margin-right:10px; padding-top:2px;}
#mail #content .field, #mail #content textarea {width:330px;}
#mail #content .contactpersoon {width:180px;}
#mail #content .required {position:absolute; top:530px; left:260px;}
#mail #content .button {width:130px; background:url(../images/readon.gif) no-repeat right 3px; color:#747477; border:none; float:right;}
#mail #content .button:hover {color:#dd291e;}

/* FORMULIEREN (Bel mij & Proefexemplaar) */

#form #content h2 {width:100%; padding:0 0 15px 0;}
#form #content p, #form #content label {color:#000;}
#form #content label {vertical-align:top; padding-top:1px;}
#form #content p {padding-bottom:10px; position:relative;}
#form #content .asterisk {position:absolute; top:3px; right:-10px;}
#form #content label.error {display:none !important;}
#form #content label, #form #content .geslacht {display:inline-block; float:none; width:230px;}
#form #content .field {width:300px;}
#form #content select {width:306px;}
#form #content textarea {width:300px; height:140px;}
#form #content .button {width:80px; font-weight:bold; background:url(../images/readon.gif) no-repeat right 3px; color:#000; border:none; float:right;}
#form #content .button:hover {color:#dd291e;}
#form #content .required {position:static; font-style:italic; margin-top:-10px;}
#form #content input.error {border-color:#ff0000;}

/* Proefexemplaar */
#form #content #proefexemplaar {position:relative;}
#form #content #proefexemplaar label {width:160px;}
#form #content #proefexemplaar .field {width:370px;}
#form #content #proefexemplaar .contactpersoon .field {width:220px;}
#form #content #proefexemplaar .contactpersoon label {padding-top:4px;}
#form #content #proefexemplaar select {width:376px;}
#form #content #proefexemplaar input.straat {width:220px;}
#form #content #proefexemplaar label.huisnummer {width:60px; text-align:center;}
#form #content #proefexemplaar input.huisnummer {width:76px;}
#form #content #proefexemplaar input.postcode {width:76px;}
#form #content #proefexemplaar label.plaats {width:60px; text-align:center;}
#form #content #proefexemplaar input.plaats {width:220px;}
#form #content #proefexemplaar .servies {overflow:auto;}
#form #content #proefexemplaar .servies label {display:block; float:left; height:70px; padding:0;}
#form #content #proefexemplaar .servies .kopschotel {width:160px; background:url("../images/proefexemplaar-kopschotel.png") no-repeat bottom right;}
#form #content #proefexemplaar .servies .mok {width:105px; background:url("../images/proefexemplaar-mok.png") no-repeat bottom right; margin-right:25px;}
#form #content #proefexemplaar .servies .bord {width:120px; background:url("../images/proefexemplaar-bord.png") no-repeat bottom right;}
#form #content #proefexemplaar .message {color:#ff0000; padding-left:165px;}

/* ZOEKRESULTATEN */

#searchresults form {margin-bottom:10px;}
#searchresults p {margin-bottom:0px;}
#searchresults label {margin-right:20px;}
#searchresults a, #found_products a {border-bottom:#dd291e 1px solid;}
#searchresults a:hover, #found_products a:hover {border-bottom:#dd291e 2px solid;}
.paddingbottom {padding-bottom:10px;}
#searchresults .field {font-size:11px; width:200px; height:14px; padding-top:3px; padding-left:5px; padding-right:5px;}
#searchresults .button {height:17px; font-size:11px; font-weight:bold; border:0; background:none; cursor:pointer;}
#searchresults .button:hover {color:#dd291e;}
.closest {font-weight:bold;}
.number {float:left; width:20px; padding-right:5px;}
.result {float:left; font-weight:bold;}
.highlight {background:#ffffff;}
.score {float:right; color:#acacac;}
.path {padding-left:25px; font-style:italic; padding-bottom:0;}
.resultcontent {padding-left:25px; padding-bottom:10px;}

.found_product dl {margin-bottom:5px;}
.found_product dt {color:#ffffff; font-weight:bold; width:100px;}
.found_product {margin-bottom:20px;}
.found_product_details {margin:5px 0 0 25px;}

/* ROUTEPLANNER */
#route #map {width:370px; height:300px; margin:0 0 20px 200px;}
#route #routelabel {background:#dd291e; padding:5px; width:125px; color:#ffffff; font-weight:bold;}
#route #map .gmnoprint span {display:none;} /* weghalen copyright e.d. */

#route #routetext p {margin-left:0; width:180px; text-align:right;}
#route #routetext {position:absolute; left:145px; top:380px;}

#route form p {padding-bottom:5px;}
#route label {float:left; width:120px;}
#route .field {width:210px;}
#route .button {width:100px; background:url(../images/readon.gif) no-repeat right 3px; color:#747477; border:none; float:right;}
#route .button:hover {color:#dd291e;}

/* SITEMAP */

ul#sitemap, ul#sitemap ul {list-style-type:none !important; padding:0 !important;}
ul#sitemap ul {margin-left:20px;}

/* LANDINGPAGE */

.landingPage #content h1 {font-size:20px; text-transform:uppercase; text-align:right; width:200px;}
#logo a {display:block; width:128px; height:96px; background:url(../images/h1.jpg); border:none; text-indent:-9999px;}
.landingPage h1 {font-size:23px; font-weight:normal; color:#dd291e; padding-bottom:15px; padding-top:50px; line-height:28px;}
.landingPage #content fieldset legend {padding-left:200px; font-weight:bold;}
.landingPage #content ul {margin-left:200px;}
.landingPage #content input, .landingPage textarea {width:330px;}
.landingPage #content form input { width:334px; padding:2px; border:#747477 1px solid; }
.landingPage #content .button {margin-left:200px; border:0; background:#000000; color:#ffffff; padding:2px; width:80px; cursor:pointer;}
.landingPage #content .button:hover {background:#dd291e;}

/* CLASSES - ALGEMEEN */

.field {width:413px; padding:2px; border:#747477 1px solid;} /* specifieke opmaak voor een input type="text" */
.button {cursor:pointer; border:0;} /* specifieke opmaak voor een input type="submit" */
.button:hover {}
.floatclearer {clear:both;} /* 'clearen' van voorafgaande floats */
.readon {color:#747679; font-weight:bold; background:url(../images/readon.gif) no-repeat right 2px; padding-right:15px; border:none;}
.readon:hover {color:#dd291e; border:none;}
.back {color:#747679; font-weight:bold; background:url(../images/back.gif) no-repeat left 2px; padding-left:15px; border:none;}
.back:hover {color:#dd291e; border:none;}
.red {font-weight:bold; color:#dd291e;}
.red:hover {text-decoration:underline;}
.center {text-align:center;}
.linksrightbottom {float:right; margin-top:-56px;}
#overig #content p.tijdlijn {margin-left:50px;}
.alignright {text-align:right;}
.bold {font-weight:bold;}

/* ELEMENTEN - ALGEMEEN */

h1 a {display:block; width:128px; height:96px; background:url(../images/h1.jpg); border:none; text-indent:-9999px;} /* plaatsen logo plus verwijzen homepage */
h1 a:hover {border:none;}
h2 {font-size:23px; font-weight:normal; color:#dd291e; padding-bottom:15px; padding-top:50px; line-height:28px;}
h3 {font-size:14px; font-weight:normal; color:#dd291e; text-transform:uppercase; padding-bottom:10px;}
h4 {color:#dd291e; font-weight:bold;}

a {color:#747477; text-decoration:none; border-bottom:#747477 1px solid;} /* algemene links */
a:hover {border-bottom:#dd291e 1px solid;}

p {padding-bottom:15px;}

#content ol {list-style-type:decimal; padding:0 0 15px 20px;} /* ordered lists in div "content" */
#content ul {list-style-type:disc; padding:0 0 15px 17px;} /* ordered lists in div "content" */

strong {font-weight:bold;}
italic {font-style:italic;}

/* ELEMENTEN - FORMULIER */

input {font-family:"Verdana"; font-size:10px;} /* algemene opmaak voor input-elementen */
textarea {font-family:"Verdana"; font-size:10px; width:413px; height:60px; padding:2px; border:#747477 1px solid; overflow:hidden;}