/**
* CSS Template voor Mongo
*/

html {height:100%}
body {font:14px "Trebuchet MS", Verdana, Arial; color:#d7d8cd; background:#d9dacc; font-weight:normal; height:100%;}
a {display:inline; text-decoration:none; }
img {border:0; float:none; height:auto; width:auto; }
strong {color:#fff; font-weight:bold; }
ul {list-style:none; }
p {margin:10px 0; }
legend {color:#fff;}

h1 {font-size:17px; margin:10px 0; text-transform:uppercase; color:#fff; }
h2 {font-size:18px; text-align:left; color:#fff; margin:10px 0; float:none; text-decoration:underline;}
h3 {font-size:15px; color:#fff; margin:10px 0; }
h4 {font-size:14px; color:#fff; }
h5 {font-size:19px; color:#717265; margin:5px;}
h6 {font-size:28px; margin:20px auto 20px 5px; text-align:left; font-weight:normal; letter-spacing:8px; }

span.error {display:block; color:#000; text-align:center; background:#ffb0b0; margin:3px 0; border:1px solid #ff1e1e; padding:3px;}
.right {text-align:right;}
.left {text-align:left;}
.thumbnail {max-width:60px; max-height:60px; border:1px solid #fff;}
.small {max-width:30px; max-height:30px;}
.amount {width:40px; padding:5px; margin:0 0 0 60px; float:left;}
.message {display:block; float:left; margin:0 20px 0 0;}
.down {float:left;}

button.button {padding:4px 10px;}
button.button:hover {cursor:pointer;}

/* Omloop van de site */
div.top {position:relative; float:left; width:100%; height:10px; background:#2f3029;}
div.wrapper {position:relative; width:1024px; height:100% !important; min-height:100%; margin:0 auto;}

/* Binnenkant van de site (donkere vlak) */
div.site {position:relative; float:left; width:100%; text-align:center; background:#5a5c51; padding:0 0 50px 0}
div.site h6 strong {color:#fff; }
div.site div.frontp {width:680px; margin:0; text-align:left; padding:0 5px; }
div.site div.frontp a.fp {float:none; display:inline;}

img.frontimg {max-width:680px}

div.cart {position:absolute; right:20px; top:20px; background:#fffdd5; border:1px solid #eee500; padding:4px; color:#000;}
div.cart a {color:#000;}

div.menu {position:relative; float:left; width:100%; height:50px; border-top:2px solid #fff; border-bottom:2px solid #fff; background:#84857d; margin:40px 0 0 0; }
div.menu ul {position:relative; list-style:none; margin:0 0 0 135px; }
div.menu ul li {float:left; width:auto; height:46px; }
div.menu ul li:hover {background:#6d6e65; }
div.menu ul li a, a:link, a:visited {color:#fff; display:block; padding:15px 12px 18px 12px; font-size:15px; height:16px; text-decoration:none;}
div.menu ul li a:hover {background:#6d6e65; }
div.menu ul li a.active {background:#5b5c52; }

div.sm {position:absolute; right:45px; top:10px; width:100%}
div.sm a, a:link, a:visited {font-size:14px; text-transform:lowercase;}
div.sm a:hover {color:#b6b7ae; }
div.sm a.active {color:#fff; }
div.sm ul.submenu {list-style:none; display:inline;}
div.sm ul.submenu li {float:right;}
div.sm ul.submenu li a {padding:0 10px;}
div.sm ul.submenu li img.flag {max-height:16px}

div.logo {position:absolute; top:17px; left:20px; width:104px; height:104px; background:url(../images/mongo_logo.png) no-repeat; z-index:1000; }
div.logo a.home {display:block; width:104px; height:104px; text-decoration:none;}

div.content {position:relative; float:left; width:100%; height:100%; text-align:left; margin:45px 0 0 0;}

div.content a.button {display:block; padding:5px; background:#ddd; color:#000;}
div.content li.coll a {display:inline; padding:0;}
div.content textarea.remark {width:50%;}

div.content div.vertban {position:relative; float:left; width:115px; min-height:675px; margin:30px 0 0 10px; }
div.content div.vertban img {max-width:100px}

div.content fieldset {border:1px solid #b6b7ae; padding:1em; width:80%; }
div.content fieldset hr {border:1px solid #b6b7ae; margin:10px 0;}
div.content fieldset legend {padding:10px; font-size:17px; }
div.content fieldset label {width:100%; float:left; margin:4px; }
div.content fieldset label span {width:30%; float:left; }
div.content fieldset label input[type=text] {width:50%; }
div.content fieldset label input[type=password] {width:50%; }
div.content fieldset textarea {width:95%; height:100px;}

div.content table.cart {width:80%;}
div.content table.cart th {color:#fff; padding:4px;}
div.content table.cart td {padding:4px;}

div.content div.colmenu {position:relative; float:left; width:190px; background:#fff; margin:0; height:100%; min-height:805px; }
div.content div.colmenu ul.colul {list-style:none;}
div.content div.colmenu ul.colul li {height:auto; margin:10px 0; float:none; }
div.content div.colmenu ul.colul li img.col {margin:20px 0 20px 45px; }
div.content div.colmenu ul.colul li ul.cats {list-style:none; height:auto; }
div.content div.colmenu ul.colul li ul.cats li {height:auto; float:none; margin:0 0 0 10px; }
div.content div.colmenu ul.colul li ul.cats li a, a:link, a:visited {display:block; color:#5b5c52; padding:5px 0;}
div.content div.colmenu ul.colul li ul.cats li a:hover {color:#222;}

div.content div.colcont {position:relative; float:left; width:690px; margin:0 0 0 10px;}
div.content div.colcont h1.category {position:absolute; font-size:15px; color:#fff; font-weight:bold; width:500px; top:-45px}
div.content div.colcont ul {list-style:none; position:relative; margin:0;}
div.content div.colcont ul li {width:100%; height:200px; margin:15px 0 20px 0;}
div.content div.colcont ul li p {font-size:17px; }
div.content div.colcont ul li img {margin:0 30px 0 25px; float:left; }
div.content div.colcont h2 {margin:10px 0; padding:0 5px; }

span.desc {display:block; height:auto; margin:0; font-size:12px; color:#333; padding:5px; overflow:hidden; background:#d9dacc;}
div.pop img {max-height:400px; margin:0 0 10px 0;}
div.pop h2 {color:#2f3029; text-align:center; font-size:15px}

div.content div.colcont p {font-size:14px; padding:10px 0 0 0; }
div.content div.colcont div.spacer {clear:both; width:100%; height:50px;}
div.content div.colcont p.storedesc {height:200px; margin:0; font-size:12px; color:#fff; padding:0 5px;}
div.content div.colcont div.type {clear:both; margin:5px 0; width:100%; height:auto; color:#fff; }
div.content div.colcont span.size {margin:0 5px; }
div.content div.colcont input.order {margin:10px 0 0 100px;}
div.content div.colcont span.order {float:right; padding-top:5px;}
div.content div.colcont img.order {float:right; margin-left:10px;}

div.content div.colcont div.largeimg {position:absolute; width:350px; height:461px; background:#fff; top:0; left:0}
div.content div.colcont div.largeimg a {padding:0; margin:0;}
div.content div.colcont div.largeimg img.largepic {max-width:250px; bottom:0; position:absolute; top:0; left:0}
div.content div.colcont div.largeimg div.smallpic img.smallpic {position:absolute; right:0; top:0; max-width:120px; border:2px solid #84857d; margin:3px;}
div.content div.colcont div.largeimg div.smallpic a.zoom {padding:0; margin:0;}
div.content div.colcont div.prodinfo {width:320px; float:right; position:relative; margin:18px 0 0 0; padding:5px 10px;}

div.content div.colcont ul.product {position:relative; margin:-5px 0 0 0; padding:0;}
div.content div.colcont ul.product li.product {width:170px; height:265px; float:left; margin:5px 2px 0 0; padding:0; background:#fff;}
div.content div.colcont div.pimage {max-width:160; max-height:200px; text-align:center; margin:0; padding:0;}
div.content div.colcont ul.product li.product div.pimage img.prodpic {max-height:230px; max-width:160px; float:none; margin:10px 0 0 0; padding:0;}
div.content div.colcont ul.product li.product div.pimage a.zoom {padding:0; }
div.content div.colcont ul.product li.product div.pimage img.tinypic {max-height:80px; max-width:80px; float:none; margin:0; padding:0;}
div.content div.colcont ul.product li.product div.pimage .productimage {position:relative; padding:0; margin:0; }
div.content div.colcont ul.product li.product div.pimage .productimage li {margin:0; float:none; padding:0;}
div.content div.colcont ul.product li.product div.pimage .productimage li.smallpic {width:80px; margin:-2px 0 0 2px; text-align:right;}
div.content div.colcont ul.product li.product div.pimage .productimage li.smallpic img {max-width:80px; border:2px solid #84857d;}
div.content div.colcont ul.product li.product div.pimage .productimage li a {padding:0; font-size:.9em}

div.content div.colcont ul.product li.product a.title {display:block; margin:5px 0 10px 0; color:#2f3029; text-align:center; font-size:11px; font-weight:bold}

div.content div.text ul.media {position:relative; width:auto;}
div.content div.text ul.media li.thumb {width:160px; height:250px; float:left; margin:0 30px 10px 0; text-align:center;}

div.content img.country {margin:0 30px 0 0; max-height:25px; }
div.content a {text-decoration:none;}
div.content table {width:95%;}
div.content table td {padding:2px; }

div.nav {position:absolute; width:100%; text-align:center; bottom:20px; left:0;}
div.nav a.nav {display:inline; color:#fff; }

div.content div.provincie {position:relative; float:right; width:200px; height:auto;margin:-25px 0 0 0;}

div.content div.text {position:relative; float:left; width:580px; margin:0; padding:0 9px;}
div.content div.wide {width:850px;}
div.content div.text ul {position:relative; display:inline; clear:both; overflow:auto; width:650px; }
div.content div.text li {float:left; width:300px; margin:10px 5px; }
div.content div.text a, a:link, a:visited {display:inline; color:#fff; font-size:14px; text-decoration:underline;}

div.content div.tekst {position:relative; float:left; width:432px; min-height:300px; margin:0; padding:0 9px; z-index:1020;}

div.content div.text table {margin:30px 0;}
div.content div.text td {}
div.content div.text td strong {font-size:1.2em}

.content .outline {position:relative; float:left;}

.hidden{display:none;}

div.content div.dealers {position:relative; float:left; width:450px; min-height:200px;top:0; left:10px;}

div.content div.rightpic {position:relative; float:right; width:300px; height:660px; margin:0;}
div.content div.rightpic img {float:right; margin:6px 0 0 0;}

div.content div.inspire {width:800px; height:auto; position:relative; float:left; text-align:center; }
div.content div.inspire li.inspiration {width:900px; height:448px; text-align:center; float:left; margin:0}

.login {position:relative; float:left;}

div.picture {position:absolute; float:left; width:845px; height:465px; top:250px; left:180px;  }

.footer {position:relative; float:left; width:100%; text-align:center; height:166px; padding:10px 0; background:#6d6e67; margin:0;
border-top:1px solid #fff;  border-bottom:1px solid #fff;}
.footer a {display:block; font-size:12px; text-decoration:none; margin:0; text-transform:none}
.footer a:hover {color:#383834;}
.footer img {max-width:24px}
.footer ul {list-style-position:inside;}
.footer ul li {margin:0}
.footer ul li:hover {}
.footer .footblock {position:relative; float:left; width:24%; height:100%; text-align:left; margin:0 3px; }

#feedback fieldset {padding:2em;}
#feedback legend {color:#333; padding:1em;}
#feedback label {clear:both; display:block;}
#feedback h3 {color:#333; padding:0 1em}
#feedback input {width:290px; display:block; margin:3px 0}

#catalogus fieldset {padding:2em;}
#catalogus div {display:block; clear:both}
#catalogus legend {color:#333; padding:1em;}
#catalogus label {clear:both; display:block}
#catalogus h3 {color:#333; padding:0 1em}
#catalogus input {width:290px; display:block; margin:3px 0}

#nieuwsbrief fieldset {padding:2em;}
#nieuwsbrief legend {color:#333; padding:1em;}
#nieuwsbrief label {clear:both; display:block}
#nieuwsbrief h3 {color:#333; padding:0 1em}
#nieuwsbrief input {width:290px; display:block; margin:3px 0}


/* clearfix */
.inner:after, .content:after, .cols:after, .fixed:after{ content:".";  display:block; height:0; clear:both; visibility:hidden;}
.inner, .content, .cols, .fixed{display:block;min-height:1%;}
* html .inner, * html .content, * html .cols, * html .fixed{height:1%;}
/* // clearfix */

/* easy elements */

	#easy_tooltip{
		border:1px solid #e1e1e1;
		padding:2px 10px;
		background:#f5f5f5;
		}
	#easy_tooltip span{} /* extra element */
	
	#easy_popup{ /* popup overlay */
		background:#000;
		}
	#easy_popup_preloader{ /* popup preloader */
		padding:10px;
		background:#fff;
		color:#333;
		}
	#easy_popup_content{ /* popup window */
		padding:0;
		background:#fff;
		color:#333;
		}
	#easy_popup_content .caption{visibility:hidden; margin:0; padding:0}	
	#easy_popup_close{ /* popup close button */
		position:absolute;
		right:0;
		top:0;
		color:#111;
		cursor:pointer;
		font-size:1.3em;
		margin:5px;
		}	
	#easy_popup_gallery{ /* popup gallery navigation */
		position:absolute;
		float:left;
		left:0;
		bottom:-24px;
		color:#fff;
		cursor:pointer;
		}	
	#easy_popup_prev{margin-right:5px;}
	#easy_popup_next{}
	#easy_popup_counter{ /* popup gallery counter */
		position:absolute;
		float:left;
		right:0;
		bottom:-24px;
		color:#fff;
		cursor:pointer;
		}
	
/* // easy elements */