body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #19437f;
	margin: 0;
	padding: 0;
	text-align: center;
	background: url(/images/bg_right.jpg) no-repeat top center;
	background-color: #2462B5;
}

th, td {
	vertical-align:top;
	text-align: left;
	font-size: 12px;
}

form {
	margin: 0;
}

input {
	font: 12px Arial, Helvetica, sans-serif;
}

img {
	border: 0;
}

p {
	margin-top: 0;
}

h1 {
	font: normal 29px "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
	margin: 0 0 15px 0;
	line-height: 33px;
}

h2 {
	border-bottom: 1px solid #2462B5;
	font-size: 18px;
}

small {
	font-size: 11px;
}


#wrapper {
	width: 970px;
	text-align: left;
	margin: 0 auto 0 auto;
}

/**** header ****/

#header {
	height: 227px;
	padding: 0 10px 0 10px;
	position: relative;
	background: url(/images/bg_top2.jpg) no-repeat;
}

#logo {
	padding: 32px 0 0 30px;
}

#logo h1 {
	font: italic 14px Georgia, times, serif;
	color: #C4DBF9;
	margin: 10px 0 0 0;
}

#globalmenu {
	float: right;
	font-size: 11px;
	color: #dfeaf1;
	margin-top: 3px;
}

#globalmenu a {
	color: #dfeaf1;
	text-decoration: none;
}

#globalmenu a:hover, #globalmenu a.active {
	text-decoration: underline;
}

#slide {
	position:absolute;
	top: 9px;
	left: 475px;
	width: 150px;
	height: 121px;
}

#slide img {
	display: block;
	margin: 43px auto;
}

#searchLogin { 
	background: url(/images/bg_search_login.jpg) no-repeat;
	width: 313px;
	height: 212px;
	position: absolute;
	top: 0;
	right: 10px;
}

#search, #login {
	width: 115px;
	float: left;
	font-size: 11px;
	line-height: 12px;
	color: #2260B4;
}

#search form, #login form { padding: 67px 0 0 10px; }
#search form { padding: 80px 0 0 35px; }

#search input, #search select, #login input {
	width: 90px;
	height: 12px;
	padding: 0;
	margin: 0;
	font-size: 10px;
}
#search select { height: auto; width: 94px; }

#search table th, #login table th {
	font-weight: normal;
	font-size: 11px;
	color: #2260B4;
}

#login { float: right; padding: 5px 25px 0 0; }

#login .loginLinks {
	font-size: 11px;
	line-height: 13px;
	color: #84CCF7;
}

#login .loginLinks a { color: #84CCF7; white-space: nowrap; }
#login .loginLinks a:hover { color: #2260B4; }

#winkelmandje {
	background: url(/images/bg_winkelmandje.gif) no-repeat;
	width: 103px;
	height: 37px;
	position: absolute;
	top: 210px;
	right: 40px;
}

#winkelmandje a {
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 0 5px 10px;
}

#winkelmandje a .aantalItems {
	font-weight: normal;
	font-style: italic;
}

#winkelmandje a:hover {
	text-decoration: underline;
}

.winkelMandje th {
	background-color: #2462B5;
	color: white;
	font-weight: bold;
	padding: 0 5px 0 2px;
}

.subtotaal {
	border-top: 1px dotted #2462B5;
	text-align: right;
}

.totaalExcl {
	background-color: white;
	border-top: 2px solid #2462B5;
	text-align: right;
}

.totaalIncl {
	border-top: 1px solid #2462B5;
	text-align: right;
}

.message {
	font-style: italic;
	color: #229ae2;
}

/**** mainmenu ****/

#mainmenu {
	position: absolute;
	top: 125px;
	left: 40px;
	padding: 0;
	margin: 0;
	height: 100px;
}

#mainmenu li {
	float: left;
	list-style: none;
}

#mainmenu li a{
	float: left;
	background-repeat: no-repeat;
	height: 72px;
	width: 94px;
	padding-right: 6px;
}

#mainmenu li a:hover, #mainmenu li a.active {
	height: 90px;
}

#mainmenu li#wiezijnwe a {
	background-image: url(/images/mb_wiezijnwe.gif);
}

#mainmenu li#wiezijnwe a:hover, #mainmenu li#wiezijnwe a.active {
	background-image: url(/images/mb_wiezijnwe_over.gif);
	padding-bottom: 16px;
}

#mainmenu li#producten a {
	background-image: url(/images/mb_producten.gif);
}

#mainmenu li#producten a:hover, #mainmenu li#producten a.active {
	background-image: url(/images/mb_producten_over.gif);
	padding-bottom: 16px;
}

#mainmenu li#promoties a {
	background-image: url(/images/mb_promoties.gif);
}

#mainmenu li#promoties a:hover, #mainmenu li#promoties a.active  {
	background-image: url(/images/mb_promoties_over.gif);
	padding-bottom: 16px;
}

#mainmenu li#events a {
	background-image: url(/images/mb_events.gif);
}

#mainmenu li#events a:hover, #mainmenu li#events a.active  {
	background-image: url(/images/mb_events_over.gif);
	padding-bottom: 16px;
}

#mainmenu li#opleidingen a {
	background-image: url(/images/mb_opleidingen.gif);
}

#mainmenu li#opleidingen a:hover, #mainmenu li#opleidingen a.active  {
	background-image: url(/images/mb_opleidingen_over.gif);
	padding-bottom: 16px;
}

#mainmenu li#contact a {
	background-image: url(/images/mb_contact.gif);
}

#mainmenu li#contact a:hover, #mainmenu li#contact a.active  {
	background-image: url(/images/mb_contact_over.gif);
	padding-bottom: 16px;
}

#mainmenu li span {
	display: none;
}

/**** maincontent ****/

#maincontent {
	background: url(/images/bg_middle_column.jpg) repeat-y;
}

#maincontent.fullwidth {
	background: url(/images/bg_middle.jpg) repeat-y;
}

#contentbg {
	background: url(/images/bg_content_column.jpg) no-repeat;
}

#contentbg.fullwidth {
	background: url(/images/bg_content.jpg) no-repeat;
}

#mincontent {
	float: left;
	width: 1px;
	height: 488px;
}

#submenu {
	float: left;
	width: 247px;
	margin: 23px 0 0 0;
}

#submenu ul {
	margin: 0 0 0 39px;
	padding: 0;
	list-style: none;
}

#submenu ul li {
	padding: 0 0 12px 0;
}

#submenu ul li a {
	text-decoration: none;
	color: #2462b5;
	font-size: 15px;
	line-height: 16px;
}

#submenu ul li a:hover, #submenu ul li.active a {
	font-weight: bold;
}

#submenu ul ul {
	margin: 0 0 6px 27px;
	list-style-image: url(/images/listitem-nivo2.gif);
}

#submenu ul ul ul {
	color: #828282;
	margin: 0 0 6px 27px;
	list-style-image: none;
	list-style-type: square;
}

#submenu ul ul li {
	padding-bottom: 0;
}

#submenu ul ul li a {
	font-size: 12px;
	color: #229AE2;
}

#submenu ul li.active li a {
	font-weight: normal;
}


#submenu ul ul ul li a, #submenu ul li.active li.active li a {
	font-size: 11px;
	color: #828282;
	line-height: 14px;
	font-weight: normal;
}

#submenu ul li.active li.active li.active a,
#submenu ul li.active li.active a {
	font-weight: bold;
}

#submenu img {
	margin: 0 0 20px 40px;
}

#content {
	float: right;
	margin: 23px 0 0 20px;
	padding: 0 38px 0 0;
	width: 660px;
	line-height: 16px;
}

#content.fullwidth {
	width: 890px;
}

#content ul {
	margin: 0 0 0 0;
	padding: 0 0 0 18px;
}

#content ul li {
	padding-bottom: 5px;
}

#content a {
	color: #2462b5;
}

#content a:hover {
	color: #19437f;
	text-decoration: underline;
}

#path , #path a {
	font-size: 11px;
	color: #229ae2;
	text-decoration: none;
}

#path a:hover {
	text-decoration: underline;
}

a.knop, #content a.knop, a.knop-blue, #content a.knop-blue {
	font-family: Arial, Helvetica, sans-serif;
	background: url(/images/button_left.gif) no-repeat;
	padding: 0 0 5px 8px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	margin-left: 0px;
	line-height: 23px;
}

a.knop-blue, #content a.knop-blue {
	background: url(/images/button_left-blue.gif) no-repeat;
	padding: 0 0 6px 9px;
}

a.knop span, a.knop-blue span {
	background: url(/images/button_right.gif) no-repeat 0 0;
	padding: 0 0 5px 3px;
	margin-left: 2px;
	
}

a.knop-blue span {
	background: url(/images/button_right-blue.gif) no-repeat 0 0;
	padding: 0 0 6px 4px;
}

#content a:hover.knop, #content a:hover.knop-blue {
	text-decoration: none;
	color: #BBDDF3;
}

/**** producten ****/

#perMerk { width: 270px; }
#perGroep { width: 200px; }
#perCode { width: 280px; }

#perMerk a, #perGroep a {
	font-weight: bold;
	font-size: 15px;
	line-height: normal;
	text-decoration: underline;
	margin-left: 15px;
}

#perMerk td, #perGroep td, #perCode td {
	padding: 7px 5px;
	background-color: white;
	vertical-align:middle;
	/*border-right: 1px solid #D7EEF8;*/
	border-bottom: 1px solid #D7EEF8;
	/*height: 35px;*/
}
#perGroep td { padding: 10px 5px 10px 15px; }
#perGroep a { margin-left: 0; }

#perMerk .logoMerk {
	text-align:center;
	height: 35px;
	width: 75px;
}

#perMerk .logoMerk a {
	margin: 0;
	line-height: normal;
}

#perMerk .space, #perGroep .space {
	height: 5px;
	padding: 0;
	border: 0;
	background: none;
}

.pdf { float:right; margin: 0 10px 0 0; }

#product {
 	width: 440px;
 	float: left;
}

#product th {
	color: #e89910;
	padding-right: 5px;
	width: 90px;
	white-space: nowrap;
}

#product td {
	padding-bottom: 10px;
}

#product ul {
	padding: 0 0 0 15px;
}

#product #productSpecs {
	background: url(/images/tb_info_orange.gif) no-repeat 0 0;
	padding: 1px 15px 5px 22px;
	color: #e89910;
	font-weight: bold;
}

#product #productSpecs:hover, #toolbox #offerte:hover, #toolbox #print:hover, #toolbox #aanbevelen:hover  {
	color: #19437f;
}

#downloadsTabel td {
	vertical-align:top;
}

#downloadsTabel th {
	font-weight: bold;
	color: #fff;
	background-color: #2462B5;
	text-align:center;
}

#downloadsTabel tr.even {
	background-color: #FFFFFF;
}

.kadertje {
	width:300px;
	font-size: 10px;
	font-style: italic;
	border:1px solid #DDD;
	padding: 8px;
	margin-top: 15px;
}

.kadertje img {
	position: absolute;
	padding-top:5px;
}

.kadertje div {
	padding-left:30px;
}

.productfoto,
.merk {
}

.merk {
	float: right;
	margin: 0 0 10px;
}

.productfoto, .liggingsplan {
	float: right;
	text-align: center;
}

.productfoto img, .liggingsplan img {
	display: block;
	border-right: 1px solid #D7EEF8;
	border-bottom: 1px solid #D7EEF8;
}

.liggingsplan img {
	margin: 20px 0 0 15px;
}

.zoom {
	background: url(/images/tb_zoom.gif) no-repeat 0 0 #EFEFF7;
	padding: 0 5px 0 15px;
	text-decoration: none;
	font-size: 11px;
}

#content .opleidingfoto, #content .eventfoto, #content .paginaFoto {
	margin: 0 0 15px 15px;
	display: block;
}

#bestellen {
	float: left;
	width: 288px;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin-top: 20px;
	color: #2462b5;
}

#bestellen img {
	border: 0;
	padding: 0;
	margin: 0;
}

#bestellen h2, #toolbox h2 {
	font: normal 18px "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
	margin: 0;
	padding: 0 0 0 10px;
	border: 0;
	line-height: 18px;
	color: #19437f;
}

#bestellen h2 {
	font-weight: bold;
	text-transform: uppercase;
}

#toolbox a {
	font-weight: bold;
}

#bestellen input {
	width: 33px;
}

#bestellen span.bekijkbestelling {
	font-size: 11px;
	font-weight: normal;
	color: #229ae2;
	padding-left: 10px;
}

#bestellen a:hover {
	color: #19437f;
}

#bestellen table a {
	font-size: 11px;
	font-weight: normal;
	color: #229ae2;
	text-decoration: underline;
}

#toolbox {
	float: right;
	width: 288px;
	font-size: 12px;
	margin-top: 20px;
	line-height: 20px;
}

#toolbox #offerte {
	background: url(/images/tb_info.gif) no-repeat 0 0;
	padding: 2px 15px 5px 22px;
}

#toolbox #print {
	background: url(/images/tb_print.gif) no-repeat 0 0;
	padding: 2px 0 5px 22px;
}

#toolbox #aanbevelen {
	background: url(/images/tb_aanbevelen.gif) no-repeat 0 0;
	padding: 2px 0 5px 22px;
}

#productNavigatie, #eventNavigatie {
	color: #828282;
	font-size: 11px;
	margin-top: 20px;
	border-top: 1px dotted #828282;
}

#productNavigatie a, #eventNavigatie a {
	color: #828282;
	font-size: 11px;
	text-decoration: underline;
}

#productNavigatie a.linkback, #productNavigatie span.linkback, #eventNavigatie a.linkback, #eventNavigatie span.linkback {
	background: url(/images/link_back.gif) no-repeat 0 2px;
	padding: 0 0 0 12px;
}

#productNavigatie a.linknext, #productNavigatie span.linknext {
	background: url(/images/link_next.gif) no-repeat right 2px;
	padding: 0 12px 0 0;
}

#prodlijstlink {
	float: left;
}

#prodlinks {
	float: right;
}

.eventFotos,
.opleidingFotos {
	float: right;
}
.eventFotos img,
.opleidingFotos img {
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}

.promotie,
.opleiding,
.evenement {
	background-color: #FFFFFF;
	border: 1px dotted #828282;
	padding: 10px;
 	width:490px; 
 	padding: 10px 10px 0 0;
}

.evenement h2,
.opleiding h2,
.promotie h2 {
	margin: 0;
}

#content .evenement h2 a,
#content .promotie h2 a,
#content .opleiding h2 a,
#content .evenement h2 a:hover,
#content .opleiding h2 a:hover,
#content .promotie h2 a:hover {
	text-decoration: none;
	color: #19437f;
}

.promotie div,
.opleiding div,
.evenement div {
	padding-left: 10px;
}

.promotie, .opleiding {
	padding-bottom: 10px;
}

.promotie a,
.opleiding a,
.evenement a,
.inschrijven {
	font-weight: bold;
}

.promotie img.teaser,
.opleiding img.teaser,
.evenement img.teaser {
	float: left;
	padding: 0 10px 10px 0;
}

.promotie .artikelnr {
	color: #e89910;
	font-weight: bold;
}

.commentaar,
.geldigheid {
	font-style: italic;
	color: #229ae2;
}

.geldigheid {
	margin-top: 10px;
}

.promotie .commentaar,
.promotie .geldigheid {
	font-style: italic;
	color: #229ae2;
}

.promotie .geldigheid {
	margin-top: 10px;
}

.error {
	color: red;
	padding: 0 0 10px 0;
}

.clearboth {
	clear: both;
	line-height: 1px;
}

/**** footer ****/

#footer {
	background: url(/images/bg_bottom.jpg) no-repeat;
	padding: 20px 0 0 20px;
	font-size: 12px;
	color: #80A8DD;
}

#footer a {
	color: #80A8DD;
}

#footer a:hover {
	color: #FFFFFF;
}

#duo {
	float: right;
	padding-right: 20px;
}

#topLink {
	text-align: right;
	padding-right: 20px;
	clear: both;
}

#topLink a {
	background: url(/images/tb_top.gif) no-repeat 0 0;
	padding: 0 0 0 8px;
	color: #7AC2EE;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

#topLink a:hover {
	color: #19437f;
}





.bedrag {
	text-align: right;
	padding-right: 5px;
	padding-left: 10px;
	white-space: nowrap;
}


#sitemap li {
	font-size: 14px;
	font-weight: bold;
}

#sitemap li li {
	font-size: 12px;
	font-weight: normal;
}



a.print {
	background: url(/images/tb_print.gif) no-repeat 0 0;
	padding: 2px 0 5px 22px;
}


.slashedPrice {
	color: red;
	text-decoration: line-through;
}




#innotech th, #innotech td {
	text-align: center;
	border: 1px dotted #828282;
}
#innotech td {
	border-top: 0px;
}
#innotech .leeg {
	border: 0px;
	width: 10px;
}
#innotech .links {
	border-right: 0px;
}
#innotech .rechts {
	border-left: 0px;
}


.productBestelForm td {
	vertical-align:middle;
}

.productBestelForm th {
	font-style: italic;
	font-weight: normal;
	border-bottom: 1px solid #BCD8E9;
}

.productBestelForm tr.totaal td {
	border-top: 1px solid #2462B5;
 	background: #BCD8E9;
 }

#totaal1, #totaal2, #totaalAantal {
	text-align: right;
}

#product table.specificaties td { 
	padding: 0;
}