html, body { width: 100%; }

body {
	font-family: arial, sans-serif;
	background: #E2E9F4 url(../template/bg-body.png) top center repeat-x;
	color: #000;
	font-size: 90%;
	margin: 0;
	padding: 0;
}

#canvas {
	position: relative;
	background: transparent;
	margin: 0;
	padding: 0;
}

#wrapper { 
	background: transparent url(../template/bg-bodycenter.png) top center no-repeat;
	position: relative;
	margin: 0;
	padding: 0;
	text-align: center;
}

#inner-wrapper { 
	position: relative;
	background: transparent;
	margin: 0 auto;
	padding: 0;
	max-width: 950px;
	min-width: 790px;
	text-align: left;
}

body.bestelbody #inner-wrapper {
	width: 950px;
}

ul.lang {
	margin: 0;
	padding: 10px 0 10px 0;
	text-align: right;
	background: transparent;
}
ul.lang li {
	display: inline;
	margin-bottom: 0;
	padding-bottom: 0;
}
ul.lang a {
	color: #fff;
	background: transparent;
	text-decoration: none;
	padding-left: 17px;
	margin: 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: #BCD7F4;
}
ul.lang a:hover {
	color: #101317;
}

#top {
	padding: 0;
	background: transparent;
	height: 118px;
}

a.logo { 
	position: absolute;
	height: 72px;
	width: 182px;
	margin: 175px 0 0 10px;
	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 -75px no-repeat;
}

div#navcontainer {
	padding: 0;
	margin: 0;
	height: 36px;
	background: transparent url(../template/bg-top-right.png) top right no-repeat;
}

div#navcontainer ul {
	position: relative;
	padding: 0;
	margin: 0 19px 0 0;
	height: 36px !important;
	background: transparent url(../template/bg-top.png) top left no-repeat;
	color: #000;
	text-align: right;
}

#navcontainer ul li { 
	margin: 0;
	padding: 0;
	display: inline; 
	list-style-type: none;
}

#navcontainer a {
	font-size: 14px !important;
	padding: 10px 15px;
	margin: 0;
	background: transparent;
	color: #fff;
	text-decoration: none;
	line-height: 36px;
	border-left: 1px dotted #27355C;
}

#navcontainer a.current {
	color: #000;
	background: transparent url(../template/bg-topmenu-active.png) top center no-repeat;
}

#navcontainer a:hover {
	color: #000;
	background: transparent url(../template/bg-topmenu-hover.png) top left repeat-x;
	border-right: 0;
}

#contentwrap {
	position: relative;
	padding: 0;
	margin: 0;
	background: transparent url(../template/bg-menu.png) top left repeat-y;
}

#content {
	padding: 0;
	margin: 0;
	background: transparent url(../template/bg-menuimage.png) bottom left no-repeat;
}

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


#textwrap {
	margin-left: 200px;
	padding: 14px;
	background: #F6F7F9;
}

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

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

#header {
	padding: 3px;
	border: 1px solid #E4E1E3;
}
#header 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;
}

body.badeo #header div {
	background: #D3DFED url(../template/bg-header-badeo.jpg) top left no-repeat;
}
body.fifties #header div {
	background: #D3DFED url(../template/bg-header-fifties.jpg) bottom left no-repeat;
}
body.gedichten #header div {
	background: #D3DFED url(../template/bg-header-gedichten.jpg) bottom left no-repeat;
	min-height: 120px;
}
body.jongtalent #header div {
	background: #D3DFED url(../template/bg-header-talent.jpg) bottom left no-repeat;
	min-height: 140px;
}

#header h1 {
	font-size: 2em !important;
	color: #000;
	margin: 25px 0 0 350px !important;
}
#header h1 sup { 
	font-size: 0.55em;
}

#header h2 {
	font-size: 1.4em !important;
	margin: 15px 0 0 350px !important;
}

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

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

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

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

#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 abbr {
	font-style: italic;
	cursor: help;
}

.red {
	color: red;
}

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

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

ul.menu {
	margin: 0;
	padding: 0;
	width: 200px;
	list-style-type: none;
}
ul.menu li {
	margin: 0;
	padding: 0;
	background: transparent;
	width: 200px;
}
ul.menu ul {
	margin: 0 0 20px 20px;
	padding: 0;
	width: 180px;
	list-style-type: none;
}
ul.menu ul li {
	width: 180px;
}
ul.menu ul ul {
	margin: 0 0 20px 20px;
	padding: 0;
	width: 160px;
	list-style-type: none;
}
ul.menu ul ul li {
	width: 160px;
}


ul.menu a {
	vertical-align: middle;
	padding: 0.75em 0 0.75em 0.6em !important;
	text-decoration: none;
	color: #E9F2FB !important;
	border-bottom: 1px dotted #27355C !important;
	background: transparent;
}
	
ul.menu a:link, .menu a:visited {
	display: block;
	margin: 0;
	padding: 4px 0 4px 10px;
}

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

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

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

ul.menu a:hover {
	color: #BCD7F4 !important;
	background: #5481B1 !important;
}

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

div#colright img {
	border: 1px solid #fff;
	font-size: 1.05em;
}

div.introtext {
	color: #003957;
	background: transparent url(../template/bg-intro-top.jpg) top left no-repeat;
}
div.introtext div {
	background: #A9C1E5 url(../template/bg-intro.jpg) bottom left no-repeat;
	padding: 0.01em 0.5em 3em 0.7em;
}
div.introtext div p {
	font-family: georgia,serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	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 {
	color: #000;
	background: transparent url(../template/bg-nieuws-top.jpg) top left no-repeat;
	line-height: 1.2em;
	font-size: 1.05em;
}
div.welkom div {
	background: #B8CBE9 url(../template/bg-nieuws.jpg) bottom left no-repeat;
	padding: 0 1em 1.3em 0.7em;
}

div.nieuws {
	color: #000;
	background: transparent url(../template/bg-nieuws-top.jpg) top left no-repeat;
}
div.nieuws div {
	background: #B8CBE9 url(../template/bg-nieuws.jpg) bottom left no-repeat;
	padding: 0 1em 1.3em 0.7em;
}

div.blokrechts {
	color: #003957;
	background: transparent url(../template/bg-textblock-top.jpg) top left no-repeat;
}
div.blokrechts div {
	font-size: 1em;
	background: #D3DFED url(../template/bg-textblock.jpg) bottom left no-repeat;
	padding: 0 1em 1.3em 0.7em;
}
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;
}


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


div.blokimpressie {
	padding: 0 !important;
}
div.blokimpressie a {
	border: none !important;
}
div.blokimpressie a img {
	padding: 14px;
	border: 1px solid #80A1CC !important;
}

div.cart {
	color: #003957;
	background: transparent url(../template/bg-cart-top.jpg) top left no-repeat;
}
div.cart div {
	font-size: 1em;
	background: #EBA45D url(../template/bg-cart.jpg) bottom left no-repeat;
	padding: 0;
	height: 73px;
}
.cart div a { 
	display: block;
	padding: 10px 0 20px 75px !important;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: bold; 
	color: #000; 
	background: transparent;
	text-decoration: none !important;
	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: 3em;
	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;
}
.nooverflow {
	overflow: visible !important;
}

#fotoblok {
	text-align: center;
	margin-left: 14px;
	padding-bottom: 3em;
}
#fotoblok a img {
	border: none;
}

.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 h2, .col2 h2 { 
	background: #C9D6E9;
	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;
}

#fotoblok {
	position: relative;
	float: left;
	text-align: center;
}
#fotoblok a{
	float: left;
	margin: 0 12px 12px 0;
	border: none;
}

.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;
}
form#shopform {
	position: relative;
}
span.form_error {
	color: red;
}

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

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

.productimage {
	float: left;
	width: 150px;
	margin: 0 15px 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;
}

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

table.bestelformulier {
	padding-right: 0.5em;
}

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;
	clear: right;
}
.links {
	float: left;
	position: relative;
	margin: 0 1em 1em 0;
}
.center {
	text-align: center;
}

#contentbottom {
	padding: 0;
	margin: 0;
	background: transparent url(../template/bg-bottom-left.png) bottom left no-repeat;
}
#contentbottom div {
	padding: 0;
	margin-left: 200px;
	color: #000;
	background: transparent url(../template/bg-bottom-right.png) bottom right no-repeat;
	height: 21px;
}

#footer {
	padding: 20px 0 20px 0;
	color: #000;
	background: transparent;
	text-align: center;
}

#footer address {
	color: #000; 
	margin: 20px 0 10px 0;
	background: transparent;
}

#footer ul {
	padding: 0;
	margin: 0;
	background: transparent;
}
#footer li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: inline;
}

#footer a { 
	color: #000; 
	margin: 0 0.5em; 
	text-decoration: none;
	border-bottom: 1px dotted;
}
#footer a:visited { color: #666; }
#footer a:hover { color: #A6A6A6; }

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 {
	height: 13em;
}

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

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