html {
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: aliased;
}

body {
	font-family: arial, sans-serif;
	background: #dadada;
	color: #000;

	margin: 0;
	padding: 0;
}

#wrapper {
	max-width: 990px;
	margin: 0 auto;
}

header {
	width: 100%;
}
header nav {
	font-size: 0.95em;
	text-align: left;
	color: #fff;
	background: #2C2C2C;
	margin: 10px 2% 0 2%;
	-webkit-border-radius: 5px 5px 5px;
	border-radius: 5px 5px 5px;
}
header nav ul {
	margin: 0;
	padding: 1em;
	list-style-type: none;
}
header nav ul li {
	display: inline;
	margin-left: 1em;
	line-height: 2em;
	white-space: nowrap;
}
header nav ul li:first-child {
	margin-left: 0;
}
header nav ul li ul {
	display: none;
}
header nav a {
	color: #999;
	text-decoration: none;
}
header nav a:hover,
header nav a.submenuopenactive,
header nav a.active {
	color: #fff;
}
header nav a, a:hover,
#topmenu a, a:hover {
	-o-transition: color 0.2s ease-in;
	-webkit-transition: color 0.2s ease-in;
	-moz-transition: color 0.2s ease-in;
	transition: color 0.2s ease-in;
}

#topmenu {
	font-size: 0.95em;
	text-align: right;
	background: #fff;
}
#topmenu ul {
	margin: 0;
	padding: 1em;
	list-style-type: none;
}
#topmenu ul li {
	display: inline;
	margin-right: 1em;
}

#topmenu ul li:first-child {
	margin-left: 0;
}

#topmenu a {
	color: #333;
	text-decoration: none;
	white-space: nowrap;
}
#topmenu a:visited {
	color: #ACB2B8;
}
#topmenu a:hover {
	color: #BCD7F4;
}


ul.lang {
	margin: 0;
	padding: 6px 0 10px 0;
	font-size: 0.95em;
	text-align: right;
	background: #fff;
}
ul.lang li {
	display: inline;
	list-style-type: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
ul.lang a {
	color: #000;
	background: transparent;
	text-decoration: none;
	padding-left: 20px;
	margin: 0 2% 0 0.5em;
}
ul.lang a.nl {
	background: transparent url(../template/nl.jpg) center left no-repeat;
}
ul.lang a.de {
	background: transparent url(../template/de.jpg) center left no-repeat;
}
ul.lang a.en {
	background: transparent url(../template/en.jpg) center left no-repeat;
}
ul.lang a.fr {
	background: transparent url(../template/fr.jpg) center left no-repeat;
}
ul.lang a.sp {
	background: transparent url(../template/sp.jpg) center left no-repeat;
}

ul.lang a:visited {
	color: #ACB2B8;
}
ul.lang a:hover {
	color: #BCD7F4;
}

a.logo { 
	float: left;
	height: 72px;
	width: 182px;
	margin: 10px 0 10px 15px;
	padding: 0;
	border: none;
	background: transparent url(../template/logo.png) top left no-repeat;
	z-index: 3000;
}
a.logo:visited {
	background: transparent url(../template/logo.png) top left no-repeat;
}
a.logo:hover {
	background: transparent url(../template/logo.png) 0 -73px no-repeat;
}

section, article, header {
	display: block;
	float: left;
	background: #fff;
	width: 100%;
}
article {
	width: 96%;
	padding: 3em 2%;
}


body.jongtalent #content {
	background: transparent url(../template/bg-menuimage-talent.png) bottom left no-repeat;
}


#textwrap {
	margin: 4px 4px 4px 200px;
	padding: 14px;
	background: #fff;
}

#text {
	position: relative;
	margin-right: 250px;
	padding: 14px 0 0 0;
	background: #fff;
}


body.bestelbody #text {
	padding: 14px 0 0 0;
}

#head {
	display: block;
	margin: 60px 2% 0 2%;
	padding: 3px;
	border: 1px solid #E4E1E3;
	border-radius:6px 6px 0 0;
}
#head div {
	background: #D3DFED url(../template/bg-header.jpg) top left no-repeat;
	font-family: Georgia,serif;
	font-style: italic;
	font-size: .85em;
	padding: 0.2em 0.2em 1.4em 0;
	overflow: hidden;
	border-radius:6px 6px 0 0;
	min-height: 235px;
}

body.standaard #head div,
body.infosectie #head div {
	background: #fff url(../template/bg-header.jpg) top left no-repeat;
	min-height: 343px;
	background-size: contain;
	padding: 0;
}
body.standaard #head,
body.infosectie #head {
	display: block;
	margin: 60px 2% 0 2%;
	padding: 0;
	border: none;
}


body.badeo #head div {
	background: #D3DFED url(../template/bg-header-badeo.jpg) top left no-repeat;
}
body.badkamer #head div {
	background: #D3DFED url(../template/bg-header-badkamer.jpg) bottom left no-repeat;
	min-height: 120px;
}
body.fifties #head div {
	background: #D3DFED url(../template/bg-header-fifties.jpg) bottom left no-repeat;
}
body.gedichten #head div {
	background: #D3DFED url(../template/bg-header-gedichten.jpg) bottom left no-repeat;
	min-height: 120px;
}
body.jongtalent #head div {
	background: #D3DFED url(../template/bg-header-talent.jpg) bottom left no-repeat;
	min-height: 140px;
}
body.lazysusan #head div {
	background: #D3DFED url(../template/bg-header-lazysusan.jpg) top left no-repeat;
}
body.verwarmingsspiegel #head div {
	background: #D3DFED url(../template/bg-header-verwarmingsspiegel.jpg) top left no-repeat;
}
body.decorset #head div {
	background: #D3DFED url(../template/bg-header-decorset.jpg) top left no-repeat;
}
body.lazysusanzieher #head div {
	background: #D3DFED url(../template/bg-header-zieher-lazysusan.jpg) bottom left no-repeat;
}
body.afbeeldingspiegels #head div {
	background: #D3DFED url(../template/bg-afbeelding-spiegels.jpg) top left no-repeat;
	min-height: 180px;
}
body.spiegelkleuren #head div {
	background: #D3DFED url(../template/bg-header-spiegelkleuren.jpg) top left no-repeat;
}

body.wandspiegels #head div {
	background: #D3DFED url(../template/bg-spiegelwand.jpg) top left no-repeat;
}
body.spiegelwandvoorbeelden #head div {
	background: #D3DFED url(../template/bg-spiegelwand-voorbeelden.jpg) top left no-repeat;
}
body.spiegelwandarenaintro #head div {
	background: #D3DFED url(../template/bg-spiegelwand-arena-sfeer.jpg) top left no-repeat;
}
body.spiegelwandarenamontage #head div {
	background: #D3DFED url(../template/bg-spiegelwand-arena-montage.jpg) top left no-repeat;
}
body.spiegelwandarenasfeer #head div {
	background: #D3DFED url(../template/bg-spiegelwand-arena-intro.jpg) top left no-repeat; 
}
body.spiegelwandrome96 #head div {
	background: #D3DFED url(../template/bg-spiegelwand-arena-rome96.jpg) top left no-repeat; 
}
body.fitnesswandspiegel #head div {
	background: #D3DFED url(../template/bg-spiegelwand-fitness.jpg) top left no-repeat;
}
body.spiegelwanddojo #head div {
	background: #D3DFED url(../template/bg-spiegelwand-dojo.jpg) top left no-repeat;
}
body.spiegelwandmaasdam #head div {
	background: #D3DFED url(../template/bg-spiegelwand-maasdam.jpg) top left no-repeat;
}
body.spiegelwandsporthal #head div {
	background: #D3DFED url(../template/bg-spiegelwand-sporthal.jpg) top left no-repeat;
}
body.spiegelwandmontage #head div {
	background: #D3DFED url(../template/bg-spiegelwand-montage.jpg) top left no-repeat;
}
body.ledspiegel #head div {
	background: #D3DFED url(../template/bg-ledspiegel.jpg) bottom left no-repeat;
}
body.spiegelwereldkaart #head div {
	background: #D3DFED url(../template/bg-spiegel-wereldkaart.jpg) bottom left no-repeat;
}
body.gezandstraald #head div {
	background: #D3DFED url(../template/bg-gezandstraald.jpg) bottom left no-repeat;
}
body.gelaserd #head div {
	background: #D3DFED url(../template/bg-gelaserd.jpg) bottom left no-repeat;
}
body.impressie #head div {
	background: #D3DFED url(../template/bg-impressie.jpg) bottom left no-repeat;
}
body.designspiegels #head div {
	background: #D3DFED url(../template/bg-designspiegels.jpg) bottom left no-repeat;
}
body.vrachtwagenopspiegel #head div {
	background: #D3DFED url(../template/bg-vrachtwagenopspiegel.jpg) bottom left no-repeat;
}
body.vrijstaandespiegel #head div {
	background: #D3DFED url(../template/bg-staande-spiegel.jpg) bottom left no-repeat;
}

body.badkamerspiegelvoorbeelden #head div {
	background: #D3DFED url(../template/bg-badkamerspiegelvoorbeelden.jpg) bottom left no-repeat;
	min-height: 400px;
}
body.badkamerspiegel #head div {
	background: #D3DFED url(../template/bg-badkamerspiegel.jpg) bottom left no-repeat;
	min-height: 400px;
}
body.keukenachterwand #head div {
	background: #D3DFED url(../template/bg-keukenachterwand.jpg) bottom left no-repeat;
}

#head h1 {
	font-size: 1.6em !important;
	color: #000;
	margin: 25px 0 0 400px !important;
	text-shadow: 1px 1px #999;
}

#head h1 sup { 
	font-size: 0.55em;
}

#head h2 {
	font-size: 1.2em !important;
	margin: 15px 0 0 400px !important;
	text-shadow: 1px 1px #999;
}

body.spiegelwandarena #head div h1 {
	margin-left: 530px !important;
}
body.spiegelwandarena #head div h2 {
	margin: 5px 0 35px 530px !important;
}

body.verwarmingsspiegel #head div h1 {
	font-size: 1.5em !important;
	margin-left: 465px !important;
}
body.verwarmingsspiegel #head div h2 {
	margin: 5px 0 35px 465px !important;
	font-size: 0.95em !important;
}

body.gedichten #head h1 {
	position: absolute;
	top: -130px;
	right: 15px;
	margin-left: 200px !important;
	color: #F6F7F9;
}
body.gedichten #head h2 {
	position: absolute;
	top: -145px;
	right: 15px;
	margin-left: 200px !important;
	color: #F6F7F9;
}

body.afbeeldingspiegels #head h1 {
	margin: 25px 0 0 465px !important;
}
body.afbeeldingspiegels #head h2 {
	margin: 15px 0 0 465px !important;
}

#text img {
	width: 100% \9;
	max-width: 100%;
}

#text img.round {
	height: 200px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
}

#text a, #colright a { 
	color: #003957;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted;
}

#text a:hover, #colright a:hover  { color: #7b7777; }

#text a:hover img {
	color: rgb(195,189,187);
}

#text a.external {
	padding-right: 25px;
	background: transparent url(../template/extern.jpg) center right no-repeat;
}

#text a.imagelink {
	float: left;
	margin: 0 1em 0 0;
	border-bottom: none !important;
}
#text a.imagelink img {
	border: 1px solid #406A81;
	margin: 0;
}

#text a.pdf, a.doc, a.zip {
	margin: 0;
	padding: 0.17em 0;
	padding-right: 35px;
}

#text a.pdf {
	background: transparent url(../template/pdf.jpg) center right no-repeat;
}
#text a.doc {
	background: transparent url(../template/doc.jpg) center right no-repeat;
}
#text a.zip {
	background: transparent url(../template/zip.jpg) center right no-repeat;
}
#text a.button {
	font-size: 14px;
	text-decoration: none !important;
	border-bottom: none !important;
	margin-right: 0.5em;
	padding: 5px 9px 5px 9px !important;
	color: #fff !important;
	background: #2080D0;
	border-radius: 8px;
	box-shadow: 2px 2px 2px #888;
}
#text a.button:visited {
	color: #645A54;
}
#text a.button:hover {
	color: #000 !important;
	background: #A6CAF0;
	box-shadow: none;
}


#text h1, h2, h3 {
	font-family: Georgia,serif;
	font-style: italic;
}
#text h1 {
	font-weight: 900;
	font-size: 1.5em;
	color: #2E1C48;
	margin-top: 0;
}

#text h2 {
	font-size: 1.16em;
	color: #003957;
}
#text h2.intro {
	font-size: 1em;
	color: #003957;
}
#text p+h2 {
	margin-top: 2em;
}

#text h3 {
	color: #334C4C;
	margin-top: 0;
	margin-bottom: 0;
}

#text h4 {
	background: transparent;
}

#text h5 {
}

#text h6 {
}

#text ul {
	margin-bottom: 1.5em;
	padding-left: 0.8em;
}
#text ul a{
	font-weight: bold;
}
#text ul + p, ol + p {
	margin-bottom: 0;
}
#text ul h3 {
	margin-top: 1em;
}

ul.nostyletype {
	list-style-type: none;
}

ul.letterstyletype {
	list-style-type: upper-latin;
}

#text ol {
	margin: 0 0 1.5em 0.5em;
	padding-left: 1.2em;
}
#text ol li h2{
	padding-top: 1.5em;
}

#text li {
	margin: 0.5em 0 0.5em 0.2em; 
}
#text li p{
	margin-top: 0;
}

#text ul li ul {
	margin-bottom: 0;
}

#text ul.adres {
	margin: 1.5em 0;
	padding: 0;
}
#text ul.adres li {
	background: transparent;
	list-style-type: none;
}

#text ul.sitemap {
	margin: 1.5em 0 3em 0;
	padding: 0;
}
#text ul.sitemap li {
	margin-left: 1em;
	line-height: 1.2em;
}

#text ul.cols2 {
	margin: 1em 0 2em 0;
	padding: 0;
	text-align: left;
	list-style-type: none;
}
#text ul.cols2 span {
	width: 55%;
	float: right;
	text-align: left;
	padding-left: 1em;
}

#text ul.previous-next {
	margin: 1em 1.5em 0 1.5em;
	padding: 0;
}
#text ul.previous-next li {
	display: inline;
}
#text ul.previous-next li+li {
	margin-left: 2em;
}

#text ul.lavabuttons {
	margin: 0;
	padding: 0;
}
#text ul.lavabuttons li {
	display: inline;
	float: left;
	margin-right: 3px;
}
#text ul.lavabuttons li a img{
	border: none;
	width: 228px;
	height: 250px;
}
ul.lavabuttonssmall {
	position: relative;
	margin: 6px !important;
	padding: 0 !important;
}
ul.lavabuttonssmall li {
	position: relative;
	display: inline;
	float: left;
	margin: 0 !important;
	padding: 4px !important;
}
ul.lavabuttonssmall li a img {
	position: relative;
	border: none !important;
	width: 98px;
	padding: 0 !important;
	margin: 0 !important;
}

#text abbr {
	font-style: italic;
	cursor: help;
}

.red {
	font-style: normal;
	color: #BF0000 !important;
}

#text .productplacement {
	float: left;
	width: 225px;
	margin: 3em 5px 0 0;
	padding: 0.2em;
	border-right: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	font-size: 0.8em;
	text-align: center;
}
#text .productplacement h3{
	margin-bottom: 15px;
}
#text .productplacement .image a{
	border: none !important;
}
#text .productplacement .price{
	font-weight: bold;
	margin-bottom: 1em;
}

p.imagebuttons {
	margin: 1em auto;
	height: 3em;
}
p.imagebuttons span{
}
p.imagebuttons a {
	font-size: 1.5em;
	text-decoration: none !important;
	border: none !important;
	padding: 6px 12px !important;
	color: #fff !important;
	background: #2080D0;
	border-radius: 50%;
	margin: 0 1em;
}
p.imagebuttons a:hover {
	color: #000 !important;
	background: #A6CAF0;
	box-shadow: none;
}

.imageknop {
	background: #2080D0;
	border-radius: 5%;
}
.imageknop a {
	color: #fff !important;
	border: none !important;

}
.imageknop a.visited {
	border: none !important;
}
.imageknop img {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-decoration: none !important;
	border: none !important;
	padding-left: 0 !important;
}

div#colleft {
	position: absolute;
	left: 0;
	background: transparent;
	width: 200px;
	margin: -170px 0 0 0;
	padding: 0;
}

#colleft h2 {
	font-size: 1.2em;
	font-style: normal;
	margin: 0;
	padding: 1em 0 0 0.6em;
	color: #243840;
}

span.plus {
	display: none;
}

menu {
	margin: 0 0 0 12px;
	padding: 0;
	color: #003957;
	border: 1px solid #E4E1E3;
}
menu ul {
	margin: 0;
	padding: 0.7em 0.7em 1em 0.5em;
	list-style-type: none;
}
menu ul li {
	margin: 0;
	padding: 0;
	background: transparent;
}
menu ul ul {
	margin: 0 0 10px 1em;
	padding: 0;
	list-style-type: none;
}
menu ul ul li {
}
ul.menu ul ul {
	margin: 0 0 10px 1em;
	padding: 0;
	list-style-type: none;
}
menu ul a {
	vertical-align: middle;
	padding: 0.5em 0 0.5em 0 !important;
	text-decoration: none;
	color: #000 !important;
	font-size: 13px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	background: transparent;
}
	
menu ul a:link, menu a:visited {
	display: block;
	margin: 0;
	padding: 4px 0 4px 10px;
}

menu ul ul a, menu ul ul a:link, menu ul ul a:visited {
	vertical-align: middle;
	padding: 0.45em 0 0.45em 0 !important;
	font-weight: normal;
}

menu ul a.active {
	color: #9A9A9A;
	background: url(../template/bg-menu-active.png) center right no-repeat !important;
	margin-right: -10px;
}

menu ul a.submenuopen {
	font-variant: small-caps !important;
}
menu ul a.submenuopenactive {
	font-variant: small-caps !important;
	font-size: 1em;
	background: url(../template/bg-menu-active.png) center right no-repeat !important;
}

menu ul a:hover {
	color: #ccc !important;
}
menu ul a strong {
	font-size: 0.85em;
	font-weight: normal;
}


ul.lavabuttons li {
	display: inline;
	float: left;
	margin-right: 3px;
}

ul.keurmerk {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.keurmerk li {
	display: inline;
	float: left;
	margin-right: 3px;
}

div#colright {
	position: relative;
	float: right;
	width: 250px;
}

div#colright .voorbeelden {
	margin-top: 1em;
	margin-left: 20px;
}

div#colright .voorbeelden h4 {
	font-style: italic;
	font-weight: normal;
}

div#colright img {
	font-size: 1.05em;
}

div#colright .voorbeelden a {
	border: none !important;
}

div#colright .voorbeelden a img {
	border: none;
	box-shadow: 3px 3px 3px #888;
	width: 90%;
	margin-bottom: 2em;
}
div#colright .voorbeelden a img:hover {
	border: none;
	box-shadow: 3px 3px 3px #DAE3EC;
}


div.introtext,
div.nieuws,
div.welkom,
div.blokrechts,
div.cart {
	color: #003957;
	border: 1px solid #E4E1E3;
}
div.introtext div, 
div.nieuws div,
div.welkom div,
div.blokrechts div,
div.cart div {
	background: #E6EEF6;
	margin: 3px !important;
	padding: 0.7em 0.7em 2em 0.7em;
}
div.introtext div p {
	font-size: 1.03em;
}
div.introtext span.quote {
	line-height: 1em;
	font-size: 2em;
}

.onderschrift {
	color: #003957;
	font-family: Georgia,serif; 
	font-style: italic; 
	font-weight: bold; 
	font-size: 0.9em;
	float: right; 
	margin: 0.6em 2em;
}
p.onderschrift small {
	float: right;
	font-size: 0.45em; 
}
div.welkom {
}
div.welkom div {
	background: #DAE3EC;
	padding-bottom: 1em !important;
}

div.nieuws {
}
div.nieuws div {
}

div.blokrechts {
}
div.blokrechts div {
	background: #EAEEF1 !important;
}
div.blokrechts div ul {
	padding: 0 0 1em 1em;
	margin: 0;
}
div.blokrechts div ul li {
	padding: 0.2em 0;
}
div.blokrechts div hr {
	clear: right;
}

div.blancoblok {
	background: transparent;
}
div.blancoblok div {
	padding: 1em 1em 1.3em 0.7em;
}
div.blancoblok a, div.blancoblok img {
	border: none !important;
}

body.martine div.blancoblok div {
	min-height: 1000px;
	background: transparent url(../youngtalent/martine/background-martine-cello.jpg) top right no-repeat;
}


div.blokimpressie {
	position: relative;
	padding: 0 !important;
}
div.blokimpressie a {
	border: none !important;
}
div.blokimpressie a img {
	padding: 14px;
	border: 1px solid #80A1CC !important;
}
div.borderblue {
	position: relative;
	border: 1px solid #80A1CC;
}
div.borderblue h4,
div.borderblue h3,
div.borderblue h2 {
	color: #0A246A;
	margin: 11px;
}
div.borderblue img{
	margin-left: 11px;
}

div.cart {
	color: #003957;
}
div.cart div {
	height: 53px;
	background: #E99C42 url(../template/bg-cart.jpg) bottom right no-repeat;
}
.cart div a { 
	display: block;
	padding: 10px 0 20px 65px !important;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: bold; 
	color: #000; 
	background: transparent;
	border: none !important;
}
.cart div#noscript a { 
	font-size: 1.1em;
	padding-top: 0 !important;
}

.cart div a span { 
	font-size: 0.8em !important;
	font-weight: bold; 
	color: #fff;
	padding-left: 15px;
}


div.introtext,
div.welkom,
div.nieuws,
div.blokrechts,
div.blancoblok,
div.cart {
	width: 225px;
	float: right;
	clear: right;
	margin: 14px 0 0 14px;
	line-height: 1.2em;
}

div.introtext div,
div.welkom div,
div.nieuws div,
div.blokrechts div, 
div.cart div {
	margin: 14px 0 0 0;
}

div.introtext div p,
div.welkom div p,
div.nieuws div p,
div.blokrechts div p,
div.cart div p {
	padding: 0;
	margin: 0 0 0.5em 0;
}

div.introtext div img,
div.welkom div img,
div.nieuws div img,
div.blokrechts div img {
	float: left;
	margin: 0.2em 1em 0.2em 0;
	padding: 2px;
	border: 1px solid #E4E1E3;
}

img.noborder {
	border: none !important;
	background: transparent !important;
}

div.welkom div h1,
div.welkom div h2,
div.welkom div h3,
div.welkom div h4,
div.welkom div h5,
div.welkom div h6,
div.nieuws div h1,
div.nieuws div h2,
div.nieuws div h3,
div.nieuws div h4,
div.nieuws div h5,
div.nieuws div h6 {
	padding: 0;
	margin: 0;
}

div.nieuws h1, 
div.nieuws h2,
div.welkom h1,
div.welkom h2,
div.blokrechts h1,
div.blancoblok h1 {
	font-size: 1.15em !important;
	line-height: 1.2em;
	margin: 0.4em 0 !important;
}
div.nieuws h4 {
	font-size: 1.1em;
	font-style: italic;
	font-variant: small-caps;
	color: #003957;
}

span.phone {
	margin-left: 1em;
	padding-left: 40px;
	line-height: 35px;
	background: transparent url(../template/phone.png) center left no-repeat;
}

span.datum {
	margin-left: 1em;
	font-size: 0.8em;
}

.tekstblok {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 3em 0;
	padding-bottom: 3em;
	background: transparent url(../template/divider.png) center bottom no-repeat;
	overflow: hidden;
}

.fotoblokmontage a img {
	border: none;
	box-shadow: 3px 3px 3px #888;
	margin-right: 15px;
}

.fotoblokmontage a img:hover {
	border: none;
	box-shadow: 3px 3px 3px #DAE3EC;
}
.fotoblokmontage a {
	border-bottom: none !important;
}

.fotoblokmontage img {
	width: 45%;
}
.fotoblokmontage {
	margin: 0 0 20px 20px;
}
.fotoblokmontage img.firstimage {
	margin-right: 10px;
}


#fotoblok {
  display: block;
}

#fotoblok a {
  display: block;
  float: left;
  width: 30%;
  max-width: 400px;
  margin-right: 20px;
  margin-bottom: 20px;
	border: none;
}

#fotoblok a img {
  display: block;
  padding: 2%;
  background: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.25);
  -moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.25);
  box-shadow: 1px 2px 2px rgba(0,0,0,0.25);
}

.fiftypercent a img, 
.twentyfivepercent a img,
.thirtypercent a img {
  padding: 2%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.25);
  -moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.25);
  box-shadow: 1px 2px 2px rgba(0,0,0,0.25);
}

.fiftypercent a {
  display: block;
  float: left;
  width: 47% !important;
  max-width: 400px;
  margin-right: 3%;
  margin-bottom: 2%;
  border: none !important;
}
.fiftypercent a img {
	border-bottom: none;
}

.twentyfivepercent a {
  display: block;
  float: left;
  margin-right: 2%;
  margin-bottom: 2%;
  width: 22% !important;
  border: none !important;
}
.twentyfivepercent img {
  width: 120px !important;
  height: 120px !important;
}
.thirtypercent a {
  display: block;
  float: left;
  margin-right: 2%;
  margin-bottom: 2%;
  width: 31% !important;
  border: none !important;
}

.mfp-title {
  font-size: 1em;
  color: #ddd !important;
  font-weight: 700;
}

/** clearfix **/
.clearfix:after { content: "."; display: block;  visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


#modellen {
	text-align: center;
	padding: 1em 0 3em 0;
	margin: 0;
}
#modellen img {
	border: 1px solid #E4E1E3;
	margin: 0 2px 4px 2px;
	padding: 0;
}

.adblok {
	text-align: center;
	overflow: hidden;
}
.bron {
	font-size: 0.9em;
	font-weight: bold;
	list-style-type: none;
}

a.toplink {
	float: right;
}
a.toplink, a.toplink img {
	border: none !important;
}

.col1, .col2 { 
	float: left;
	width: 48%;
}
.col1 {
	margin-right: 3%;
}

.col1 small, .col2 small {
	float: left;
	font-size: 0.6em;
	color: #5585B5;
	width: 6em;
	padding: 0 0 0.5em 0.2em;
}

.col1 h2, .col2 h2 { 
	color: #fff !important;
	font-weight: normal;
	font-style: normal;
	background: #222323;
	padding: 0.3em 0 0.3em 0.1em;
}

.col1 ul, .col2 ul {
	margin: 0 0 2em 0 !important;
	padding: 0 !important;
	list-style-type: none;
}
.col1 li, .col2 li {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.6em;
}

.tipblok {
	padding: 2px;
	margin-bottom: 1em;
	border: 1px solid #5585B5;
}
.tipblok p {
	margin: 0;
	padding: 0.3em;
	background: #DEE7F2;
}
.tipblok span {
	font-family: Georgia,serif;
	font-style: italic;
	font-size: 1.2em;
	font-weight: bold;
	color: #003957;
	padding-right: 0.5em;
}
.tipblok img {
	margin: 0.2em 0.2em 0 1em;
}

form {
	position: relative;
	float: left;
	color: #000;
	padding: 0;
	margin: 0;
	width: 100%;
}
form#shopform {
	position: relative;
}
span.form_error {
	color: red;
}
span.uitkomst {
	width: 100px;
	font-size: 1.2em;
	font-weight: bold;
	border: 1px solid #5585B5;
	background: #ffffff;
	padding: 2px; 
}

.productblock {
	float: left;
	width: 99%;
	margin: 0 0 3em 0;
	padding: 10px 0 40px 0;
	overflow: hidden;
	border: 1px solid #D3DCEA;
	background: #EDF1F5 url(../template/bg-productblock.jpg) top left repeat-x !important;
}

.vanvoor {
	font-size: 0.9em;
	text-decoration: line-through; 
}

.productimage {
	float: left;
	width: 150px;
	margin: 0 15px 0 10px;
	border: 1px solid #D3DCEA;
	background: #FFF;
}
.productimageright {
	float: right;
	width: 200px;
	margin: 0 0 0 10px;
	border: 1px solid #D3DCEA;
	background: #FFF;
}
.prodsmall {
	width: 90px !important;
	margin-right: 70px;
}

.productimage a {
	border: none !important;
}
.productimage a img {
	border: none !important;
}
.productimage img {
	border-bottom: 1px solid #D3DCEA;
}
.productimage a img.plus {
	margin: 2px 2px 2px 4px;
}
.description {
	float: left;
	max-width: 270px;
	position: relative;
}
.description p {
}
.description h2 {
	font-size: 1.5em !important;
	margin: 0;
	padding: 0 0 0.5em 0;
}
.description h2+p {
	margin-top: 0;
}
.description h3 {
	font-family: georgia,serif;
	font-size: 1.2em;
	padding: 1em 0;
}
.description h3.price {
	font-family: verdana, sans-serif;
	font-style: normal;
	font-size: 1.5em;
	padding: 1em 0;
}
.description h6 {
	font-size: 0.9em;
	font-weight: normal;

	padding: 0;
	margin: 0;
}
.description table a img {
	border: none;
}

form table {
	font-size: 0.95em;
	color: #000;
	background: #E1EAF3;
	padding: 1em;
	margin: 0;
	width: 100%;
	vertical-align: top;
}
form table td span {
	font-size: 0.8em;
}

form table.heating {
	width: 100%;
	border: solid 1px #D3DCEA;
	border-collapse: collapse;
	margin-bottom: 2em;
}
form table.heating td {
	margin: 0;
	padding: 0.7em 0.4em;
	border-bottom: 1px solid #D3DCEA;
}

form table.heating h2 {
	font-size: 1.5em !important;
	margin: 0;
	padding: 0;
}
form table.heating h4 {
	font-size: 1.2em;
	text-align: right;
	margin: 0;
}


form table.heating td span {
	padding-left: 1em;
	font-size: 1em;
}

form.first {
	color: #fff;
}

form#berekeningvolume {
	width: 100%;
	border: none;
	background: #E1EAF3;
	padding: 10px;
}
form#berekeningvolume ul {
	margin: 0;
	padding: 0;
}

form#berekeningvolume ul, form#berekeningvolume p {
	list-style-type: none;
}
form#berekeningvolume ul li label{
	float: left;
	width: 150px;
	padding-top: 2px; 
	vertical-align: middle;
}
form#berekeningvolume ul li strong{
	padding-top: 7px;
}

input.uitkomst {
	font-weight: bold;
	cursor: none;
}

span.errormsg {
	float: right;
}

table.bestelformulier {
	width: 100%;
	border: none;
}

table.productoverview {
	width: 100%;
	border: none;
}
table.productoverview td {
}

table.productoverview img {
	float: left;
	width: 145px;
	border: none;
}

table.productoverview a img {
	border: 1px solid #D3DCEA;
}

table.productoverview a:hover img {
	border: 1px solid #406488;
}

div.groot {
	font-size: 1.2em;
	font-weight: bold;
}

fieldset.offerteaanvraag, .mailer {
	border: 1px solid #E4E1E3;
}
fieldset.offerteaanvraag div, .mailer div {
	margin:0;
	padding: 1em;
	background: #E1EAF3;
}

legend {
	font-size: 1.1em;
	font-weight: bold;
}
.fout legend {
	font-variant: small-caps;
	font-size: 1.2em;
	color: red;
}

.rechts {
	float: right;
	position: relative;
	margin: 0.2em 0 1em 1em;
}
.links {
	float: left;
	position: relative;
	margin: 0 1em 1em 0;
}
.center {
	text-align: center;
}

.imgright {
	float: right;
	margin: 0.2em 0 1em 1em;
}
.imgleft {
	float: left;
	margin: 0 1em 1em 0;
}

.imgpoems {
	margin-top: 1em;
	padding: 2px;
	border: 1px solid #CECBCF !important;
}

#contentbottom {
	padding: 0;
	margin: 0;
	background: transparent;
}
#contentbottom div {
	padding: 0;
	margin-left: 200px;
	color: #000;
	background: transparent;
	height: 21px;
}

footer {
	font-size: 0.9em;
	padding: 20px 20px 20px 20px;
	margin: 0;
	color: #000;
	background: #222;
	text-align: center;
}

footer address {
	clear: both;
	color: #999; 
	margin: 20px 0 10px 0;
	background: transparent;
}
address a {
	border-bottom: 1px dotted;
}

footer ul {
	padding: 20px 0 30px 10px;
	margin: 0;
	background: transparent;
	list-style: none;
}
footer li {
	text-align: left;
	padding: 0;
	margin: 0;
	line-height: 1.3em;
}

footer li ul {
	float: left;
	width: 29%;
	min-width: 10em;
	list-style-type: circle !important;
}
footer ul.tekst li {
	color: #999;
	list-style: none;
}

footer a { 
	color: #999; 
	margin: 0 0.5em; 
	text-decoration: none;
}
footer a:visited { color: #999; }
footer a:hover { color: #fff; }

span.webontwerp {
	float: right;
	width: 12em;
	display: block;
	margin: 1.5em 10px 0 0;
	font-size: 0.9em;
	font-style: italic;
}
span.webontwerp a {
	color: #6692C1 !important;
	text-decoration: none !important;
	border-bottom: none !important;
}
p.urltext {
	color: #666;
}

.vulblok, .vulblokmiddel, .vulblokgroot {
	position: relative;
	float: left;
	width: 100%;
}

.vulblok {
	height: 13em;
}

.vulblokmiddel {
	height: 25em;
}
.vulblokgroot {
	height: 42em;
}

p.blind {
	height: 0;
	margin: 0;
	padding: 0;
	clear: both;
}

video {
	width: 30%;
}



/* #Media Queries
================================================== */

@media only screen and (device-width:768px)and (orientation:portrait)
/*iPad Portrait orientation styles */

@media only screen and (device-width:768px)and (orientation:landscape)
/*iPad landscape orientation styles */

/* Large desktops and laptops */
@media (min-width: 1200px) {
}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
}

/* Landscape phones and portrait tablets */
@media (max-width: 768px) {

	ul.lang,
	#topmenu,
	a.logo {
		float: none;
		display: block;
	}
	ul.lang,
	#topmenu {
		font-size: 1.5em;
	}

	#topmenu {
		text-align: left;
		clear: left;
		margin: 1em 0 0 0;
		padding: 0;
	}
	#topmenu ul {
		margin: 0 1em;
		padding: 0;
	}
	#topmenu li {
		margin: 0 2em 0 0;
		line-height: 3em;
		padding-bottom: 0;
	}

	#head h1,
	#head h2 { 
		display: none; 
	}

	#colright { 
		float: left !important;
		width: 100% !important;
	}
	#colright div { 
		display: none;
	}

	menu { 
		margin-left: 0;
	}
	menu ul li a { 
		font-size: 1.1em;
		line-height: 1.1em;
		color: #2080D0 !important;
		text-decoration: none;
		border-bottom: none !important;
	}

	menu ul ul {
		display: none;
	}
	menu ul li:hover > ul,
	menu ul ul ul {
		display: block;
	}
	menu ul a.submenuopenactive {
		font-size: 1.1em;
	}

	span.plus {
		float: right;
		margin-right: 1em;
		display: inline;
	}

	#text,
	div.productplacement {
		float: none;
		width: 100%;
		clear: both;
		margin-right: 0;
	}

	body.standaard #head {
		margin-top: 20px;
 	}
	body.standaard #head div {
		min-height: 271px;
 	}
	article {
		padding: 1em 2%;
	}
	
}

@media (max-width: 500px) {
	div.col1, 
	div.col2 {
		width: 100%;
		line-height: 2em;
	}
	div.col1 a, 
	div.col2 a{
		line-height: 2em;
	}
}