/*
#################
#	ALGEMEEN	#
#################
*/

* {
	margin: 0;
	padding: 0;
}

p {
	margin: 0px;
	margin-bottom: 15px;
	color: #000;
	font-size: 12px;
}

h2 {
	color: #477ec1;
	font-size: 1.2em;
}

a { 
	color:  #477ec1; /* #3a5b8c; */
	text-decoration: none;
}

a:hover { 
	text-decoration: underline;
}

img {
	border: none;
}

.hidden {
	display: none;
}

.clear {
	clear: both;
}

body {
	font: 62.5% Arial, Helvetica, sans-serif;
	text-align: center;
}

/*
#################
#	CONTAINER	#
#################
*/


#container {
	/*overflow: hidden;*/
	margin: 0 auto;
	width: 913px;
	text-align:left;
	background: url(/img/bg_main.gif) repeat-y 5px;
}

/*
#################
#	HEADER		#
#################
*/

#header {
	margin: auto;
	width: 921px;
	height: 150px;
}

#header_top {
	margin: auto;
	width: 920px;
	height: 80px;
}

#header_top img.logo {
	float: left;
	margin: 15px 0 0 20px;
}

#header_search {
	display: none;
}

#header_search a {
	color: #000;
}

#header_search input {
		
}

#header_search select {
	border: 1px solid #d7d7d7;
	margin: 0 10px 0 0;
	width: 180px;
}

#header_search input {
	vertical-align: bottom;
}

#header_search p {
	display: inline;
	color: #000;
	margin-right: 10px;
}
		
#header_footer {
	display: none;
}
	
/*
#################
#	MENU		#
#################
*/

#menuContainer {
	display: none;
}
	
ul#menu {
	float: left;
	width: 650px;
	height: 41px;

}

ul#menu a,
ul#menusub a {
	color: #475b89;
	text-decoration: none;
	height: 25px; 
	float:left;
	overflow: hidden;	
	display: block;
}

ul#menu a:hover,
ul#menusub a:hover,
ul#menu li.active a,
ul#submenu li.active a
  {
	color: #475b89;
	background-color: #fff;
}

ul#menu li.active a img,
ul#menusub li.active a img,
ul#menu a:hover img,
ul#menusub a:hover img {
	margin-top: -100px;
}

ul#menu a:hover {
	text-decoration: underline;
}

ul#menu ul {
	list-style: none;
}

ul#menu li {
	display: inline;
	float: left;
	list-style: none;
	margin: 8px 0 0 8px;
	background: url(/img/arrow.gif) no-repeat 10px 9px;
}
	
ul#menu li span.left {
	width: 18px;
	height: 25px;
	float: left;
}

ul#menu li span.middle {
	height: 25px;
	padding-top: 0px;
	float: left;
	padding-bottom: 0px;
}

ul#menu li span.right {
	width: 14px;
	height: 25px;
	float: left;
}

ul#menu li.active span.left {
	width: 18px;
	height: 25px;
	background: url(/img/menu_left.gif) no-repeat;
	float: left;
}

/* IE 6 CSS */
ul#menu li.active span.middle {
	background-color: #477ec1;
	height: 20px;
	padding-top: 0px;
	float: left;
}

ul#menu li.active span.right {
	width: 14px;
	height: 25px;
	background: url( '../img/menu_right.gif' ) no-repeat;
	float: left;
}
	
ul#menusub {
	float: right;
	height: 41px;
}

ul#menusub a {
	color: #475b89;
	text-decoration: none;
}

ul#menusub a:hover {
	text-decoration: underline;
}

ul#menusub ul {
	list-style: none;
}

ul#menusub li {
	display: inline;
	float: left;
	list-style: none;
	margin: 8px 8px 0 0;
	background: url(/img/arrow.gif) no-repeat 10px 8px;
}
	
ul#menusub li span.left {
	width: 18px;
	height: 25px;
	float: left;
}

ul#menu li span.middle {
	height: 25px;
	padding-top: 0px;
	float: left;
	padding-bottom: 0px;
}


ul#menusub li span.right {
	width: 14px;
	height: 25px;
	float: left;
}

ul#menusub li.active span.left {
	width: 18px;
	height: 25px;
	background: url(/img/menu_left.gif) no-repeat;
	float: left;
}

/* IE 6 CSS */
ul#menusub li.active span.middle {
	background-color: #477ec1;
	height: 20px;
	padding-top: 0px;
	float: left;
}

ul#menusub li.active span.right {
	width: 14px;
	height: 25px;
	background: url( '../img/menu_right.gif' ) no-repeat;
	float: left;
}
	
/*
#################
#	MAIN		#
#################
*/

#main_headLeft {
	display: inline;
	float: left;
	width: 343px;
	height: 214px;
	background: #477ec1;
	margin-left: 17px;
}

#main_headLeft p {
	color: #fff;
	margin: 10px;
	line-height: 2.2em;
	font-size: 1.2em;
	letter-spacing: 1px;
}

#main_headLeft img {
	margin: 10px 0 0 10px;
}
	
#main_headRight {
	float: left;
	width: 530px;
	height: 214px;
	margin-left: 10px;
	background-repeat: no-repeat;
}

/* nieuwsblok */

#news {
	display: inline;
	float: left;
	width: 507px;
	margin-left: 15px;
	padding: 5px 15px 10px 15px;
	border-right: #d7e3f1 1px solid;
	border-bottom: #d7e3f1 1px solid;
}

#news_bottom {
	display: inline;
	float: left;
	background: url(/img/bottom_white.gif) no-repeat;
	height: 18px;
	width: 500px;
	margin-left: 15px;
	margin-top: 10px;
	padding: 7px;
}

#news h2 a {
	text-decoration: none;
	color: #477ec1;
}

#news h2 a:hover {
	text-decoration: underline;
}

#news p {
	color: #6d6d6d;
	line-height: 20px;

	
}

#news img {
	margin-right: 10px;
}

/* blokken_groen */

div#blokken {
	width: 537px;
	display: inline;
	float: left;
	margin: 10px 0 0 15px;
}

/* IE 6 CSS */
#blok_groen {
	font-size: 1.2em;
	padding: 20px 0px 10px 20px;
	float: left;
	background: #e3efd5 url(/img/bg_blok_groen.gif) repeat-x;
	width: 244px;
	height: 260px;
}




#blok_groen a {
	color: #000;
}

#blok_groen img {
	float: left;
}

#blok_groen ul {
	padding-top: 5px;
}

#blok_groen li {
	list-style: none;
	background: url(/img/dot_green.gif) no-repeat 0 4px;
	padding: 0 0 12px 15px;
}

#blok_groen li.more {
	margin: 5px 0 0 0;
}

/* blokken_rood */

/* IE 6 */
#blok_rood {
	background: #faddd4 url(/img/bg_blok_rood.gif) repeat-x;
	float: left;
	width: 243px;
	font-size: 1.2em;
	padding: 20px 0px 10px 20px;
	border-left: 10px solid #fff;
	height: 260px;
}

#blok_rood a {
	color: #000;
}

#blok_rood ul {
	padding-top: 5px;
}

#blok_rood li {
	list-style: none;
	background: url(/img/dot_red.gif) no-repeat 0 4px;
	padding: 0 0 12px 15px;
}

#blok_rood img {
	float: left;
}

#blok_rood li.more {
	margin: 5px 0 0 0;
}
	
/* mainright */

#mainLeft {
	float: right;
	width: 338px;
/*	height: 426px; waarom?*/
}

/* brands */

#brands {
	border: 1px solid #d7e3f1;
	width: 310px;
	padding: 25px 0 10px 0;
	text-align: center;
	overflow: hidden;
}
	
/* contact */

ul#tabs {
	float: left;
	list-style: none;
}

ul#tabs a {
	text-decoration: none;
}

ul#tabs li {
	display: block;
	float: left;
	text-align: center;
}

ul#tabs li#first a {
	display: block;
	width: 108px;
	height: 18px;
	padding: 8px 0 0 0;
	background: url(/img/tab1.gif) no-repeat;
}
ul#tabs li#first a.active {
	display: block;
	background: url(/img/tab1_active.gif) no-repeat;
}

ul#tabs li#second a {
	display: block;
	width: 91px;
	height: 18px;
	padding: 8px 0 0 0;
	background: url(/img/tab2.gif) no-repeat;
}
ul#tabs li#second a.active {
	display: block;
	background: url(/img/tab2_active.gif) no-repeat;
}


div#tabContent {
	clear: both;
	padding: 7px 0px 0px 10px;
}

div#tabContent span.left {
	float: left;
	display: block;
	color: #477ec1;
	font-size: 1.2em;
	margin: 10px 0 15px 0;
	padding: 0;
	line-height: 1.8em;
}

div#tabContent span.right {
	float: left;
	display: block;
	color: #477ec1;
	font-size: 1.2em;
	margin: 10px 0 15px 10px;
	padding: 0;
	line-height: 1.8em;
}



/*
#################
#	SUB			#
#################
*/


div#pageTitle {
	clear: both;
	overflow: hidden;
	padding: 20px 28px 20px 35px;
	width: 850px;
}


div#subLeft p {
	font-size: 12px;
}

div#pageTitle2 {
	display: none;
}
div#pageTitle2 div#bar {
	overflow: hidden;
	height: 51px;
	padding: 35px 0 0 40px;
	background: #E9F0F9;
}

div#subLeft h1 {
	font-size: 1.3em;
	font-weight: bold;
	padding: 0 5px;
	color: #477EC1;
}

div#subLeft p {
	padding: 0 5px ;
	margin: 0 0 20px 30px;
	line-height: 1.4em;
	font-size: 9pt;
}

div#subLeft a {
	font-weight: bold;
	text-decoration: underline;
}

div#subLeft a:hover {
	text-decoration: none;
}

div#subLeft ul,
div#subLeft ol {
	color: #477EC1;
	padding: 0 5px 12px 30px;
}

div#subLeft ul {
	list-style: square;
}

div#subLeft img {
	padding: 8px;
	background: #E9F0F8;
}

div#subLeft img.left {
	float: left;
	margin: 0 25px 5px 0;
}

div#subLeft img.right {
	float: right;
	margin: 0 0 5px 25px;
}

div#subRight {
	display: none;
}

div#leverancier {
	width: 167px;
	border: 1px solid #D9E3EF;
	padding: 10px;
	margin: 0 0 10px 0;
	text-align: center;
}

div#leverancier img.logo {
	padding: 5px 0;
}

div#leverancier a {
	color: #0D74C0;
	font-size: 1.2em;
	font-weight: bold;
}

div#inloggen {
	display: none;
}

div#inloggen input.inputbox {
	border: 1px solid #D7D6D4;
	margin: 2px 0 0 0;
	color: #1467AD;
	width: 154px;
	padding: 0px 4px;
}

/* IE 6 CSS*/
div#inloggen input.login {
	border: none;
	width: 90px;
	margin: 5px 3px 0 0px;
	float: right;
}

div#winkelwagen {
	width: 169px;
	padding: 10px 10px 5px 10px;
	background: #D9E3EF;
	font-size: 1.2em;
	color: #477EC1;
}

div#kassa {
	width: 169px;
	height: 17px;
	padding: 5px 10px 0;
	overflow: hidden;
	background: #477EC1;
	margin: 0 0 10px 0;
}

div#zieOok {
	width: 169px;
	padding: 10px;
	font-size: 1.2em;
	background: #F0F0F0;
}

div#zieOok a {
	display: block;
	width: 154px;
	padding: 0 0 0 15px;
	font-weight: bold;
}

/* IE 6 */
div#subLeft2 {
	float: left;
	width: 641px;
	padding: 0 0 0 35px;
	font-size: 1.2em;
}

ul#prodList {
	display: none;
}

ul#prodlist li {
	margin-bottom: -15px;
}

ul#prodList ul {
	margin-left: 12px;
}

ul#prodList ul li {
	list-style: none;
	display: block;

}

ul#prodlist li ul {
	margin-left: 5px;
}

ul#prodList li {
}

ul#prodList li.title {
	padding: 4px;
	font-weight: bold;
	color: #477EC1;
	margin-bottom: 5px;
}

ul#prodList li.over {

}

ul#prodList li.over a {
	font-weight: bold;
	border-bottom: 1px solid #477EC1;
}

ul#prodList li.over ul li a {
	font-weight: normal;
	display: block;
	padding: 4px 20px;
	background: url(/img/bg_a.gif) no-repeat left top;
	color: #477EC1;
	border-bottom: 1px solid #cccccc;
}

ul#prodList li.over ul li a:hover {
	background: url(/img/bg_a-active.gif) no-repeat right top;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #477EC1;
}

ul#prodList li.subOver {
}

ul#prodList li a {
	display: block;
	padding: 4px 20px;
	background: url(/img/bg_a.gif) no-repeat left top;
	color: #477EC1;
	border-bottom: 1px solid #cccccc;
}

ul#prodList li a.subA {
	display: block;
	padding: 4px 20px 4px 38px;
	color: #477EC1;
}

ul#prodList li a:hover {
	background: url(/img/bg_a-active.gif) no-repeat right top;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #477EC1;
}



div#prodOverzicht {
	float: left;
	width: 486px;
	margin: 0 0 0 2px;
}

ul#producten {
	list-style: none;
}

ul#producten li {
	display: block;
	overflow: hidden;
	float: left;
	width: 225px;
	height: 50px;
	margin: 0 0 10px 12px;
	border-right: 1px solid #477EC1;
	background: url(/img/prod_bg.gif) no-repeat;
}

ul#producten li.over {
	background: url(/img/prod_bg_over.gif) no-repeat;
}

ul#producten li img.thumb {
	vertical-align: bottom;
	padding: 5px 0 0 0;
	position: absolute;
	z-index: 199;
}

ul#producten li img.titel {
	padding: 0 0 0 10px;
	vertical-align: top;
}

ul#producten li.over a img.titel {
	margin-top: -100px;
}

/* IE 6 */
ul#producten li a {
	position: absolute;
	z-index: 200;
	margin: 5px 0 0 0;
	float: left;
	height: 40px;
	overflow: hidden;
	padding: 5px 0 0 73px;
	width: 150px;
}

div.producttitel {
	float: left;
	height: 40px;
	width: 160px;
	margin: 5px 0 0 0;
	overflow: hidden;
}

ul#producten li a:hover {
	color: #fff;
	text-decoration: none;
}


div#prodOverzicht2 {
	float: left;
	width: 466px;
	padding: 0 0 0 20px;
	margin: 0 0 0 2px;
}

div#detailIntro {
	overflow: hidden;
	width: 462px;
	padding: 0 0 0 2px;
	height: 117px;
	background: url(/img/detail_bg.gif) no-repeat;
}

div#detailIntro div#tekst {
	float: left;
	padding: 25px;
	width: 274px;
}

div#detailIntro div#tekst h1 {
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	padding: 0 0 10px 0;
}

div#detailIntro div#tekst p {
	color: #D8E3F0;
	font-size: 0.9em;
}

div#detailIntro div#afbeelding {
	overflow: hidden;
	float: left;
	width: 135px;
	height: 117px;
}

div#detailMeer {
	overflow: hidden;
	width: 432px;
	padding: 10px 15px;
	background: url(/img/detail_shade.gif) repeat-y;
}

div#detailMeerFooter {
	width: 462px;
	height: 8px;
	overflow: hidden;
	padding: 0;
	margin: 0 0 30px 0;
	background: url(/img/detail_shade_footer.gif) no-repeat;
}

div#detailMeer p {
	width: 312px;
	line-height: 1.4em;
}

div#detailMeer p.kenmerk {
	width: 297px;
	padding: 0 0 0 15px;
	margin: 0;
	background: url(/img/block_orange.gif) no-repeat;
}

div#detailMeer h1 {
	font-size: 1.3em;
	font-weight: bold;
	color: #477EC1;
	padding: 0;
	margin: 0 0 0 -1px;
}

div#detailImages {
	overflow: hidden;
	float: right;
	width: 86px;
	padding: 26px 0 0 0;
	margin: 60px 5px 0px;
	text-align: center;
	background: url(/img/detail_images.gif) no-repeat;
}

div#detailImages div {
	overflow: hidden;
	padding: 5px 0;
	width: 84px;
	border: 1px solid #E3EFD5;
}

div#detailImages div img {
	padding: 5px 0;
}



div#breadCrumbs {
	padding: 0 28px 0 35px;
	font-size: 1.2em;
	width: 850px;
}

div#breadCrumbs img {
	margin: 5px 3px 0 3px;
}

div#breadCrumbs a {
	color: #C3C3C3;
	text-decoration: none;
}

div#breadCrumbs a.here {
	color: #477EC1;
	text-decoration: underline;
}

div#breadCrumbs a:hover {
	text-decoration: underline;
}

div#breadCrumbs a.here:hover {
	text-decoration: none;
}

div#breadCrumbs a.print {
	display: none;
}




ul#tabs2 {
	list-style: none;
	margin: 0 0 0 15px;
	display: inline;
	float: left;
}

ul#tabs2 a {
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}

ul#tabs2 li {
	display: block;
	float: left;
	text-align: center;
}

ul#tabs2 li#first a {
	display: block;
	width: 145px;
	height: 19px;
	padding: 6px 0 0 0;
	background: url(/img/detail_1.gif) no-repeat;
}
ul#tabs2 li#first a.active {
	display: block;
	background: url(/img/detail_1_active.gif) no-repeat;
}

ul#tabs2 li#second a {
	display: block;
	width: 147px;
	height: 19px;
	padding: 6px 0 0 0;
	background: url(/img/detail_2.gif) no-repeat;
}

div#tabContent2 {
	clear: both;
	width: 430px;
	margin: 0 0 0 15px;
}

table#orderInfo {
	font-size: 11px;
	border-spacing: 0;
	width: 448px;
}

table#orderInfo td, 
table#orderInfo th {
	padding: 4px 10px;
	text-align: left;
}
table#orderInfo a {
	color: #000;
}

table#orderInfo a.button3 {
	color: #000;
	padding: 3px;
	background-color: #e3efd5;
	border: 1px solid #9acc60;
	margin: 2px;
	display: block;
	text-decoration: none;
}

table#orderInfo a.button3:hover {
	text-decoration: none;
	border-color: #f35927;
	background-color: #faddd4;
}

table#orderInfo tr {
}

table#orderInfo thead tr {
	background: #E3EFD5;
	color: #9ACC60;
	font-weight: bold;
}

table#orderInfo tfoot {
	background: #E3EFD5;
	font-size: 12px;
	overflow: hidden;
}

table#orderInfo tr.donker td {
	background-color: #E3EFD5;
}

table#orderInfo tr.licht td {
	background-color: #F5FDEB;
}

ul#orderInfo .pagina {
	float: left;
	display: block;
	width: 150px;
	padding: 0 10px;
}

ul#orderInfo .nummer {
	float: right;
	display: block;
	font-weight: bold;
	color: #9ACC60;
	padding: 0 10px;
}

ul#orderInfo .nummer a {
	text-decoration: underline;
}

div#addHeader {
	height: 7px;
	overflow: hidden;
	background: #FEF3F0 url(/img/addFooter.gif) repeat-x;
}

div#addInfo {
	padding: 10px;
	background: #FEF3F0;
}

div#addInfo p {
	color: #000;
	line-height: 1.4em;
	padding: 0;
	margin: 0;
}

div#meerNieuws {
	float: left;
	display: inline;
	width: 550px;
	margin: 30px 0 0 50px;
	padding: 15px 0;
	background: #F0F0F0 url(/img/meernieuws_header.gif) repeat-x;
}

div#meerNieuws img {
	border: 0;
	background: none;
	padding: 0 0 0 15px;
}

div#meerNieuws ul {
	padding: 0;
	list-style: none;
}

div#meerNieuws li {
	padding: 3px 38px;
	background: url(/img/arrow_small3.gif) no-repeat 25px 7px;
}

div#meerNieuws li.over {
	padding: 3px 38px;
	background: #1367AD url(/img/arrow_small.gif) no-repeat 25px 7px;
	color: #fff;	
}

div#meerNieuws a {
	display: block;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

div#meerNieuws li.over a {
	color: #fff;
}

/*
#################
#	FOOTER		#
#################
*/

/* IE 6 CSS */
#footer {
	margin: auto;
	width: 893px;
	background: url(/img/bg_main.gif) repeat-y 5px;
	font-size: 7pt;
	overflow: hidden;
	padding: 30px 0px 0px 50px;
}

#footer_footer {
	margin: 0 auto 10px;
	width: 909px;
	height: 15px;
	background: url(/img/bg_footer.gif) no-repeat 2px 0px;
}



form.tableless {

}	

form.tableless fieldset {
	border: none;
}

form.tableless label {
	width: 200px;
	display: block;
	float: left;
}

form.tableless input, form.tableless textarea {
	width: 300px;
	display: block;
	float: left;
}

form.tableless input.button {
	width: 90px; height: 22px;
}

form.tableless textarea {
	height: 300px;
}

form.tableless em, form.tableless ul.errors li {
	color: #f15926;
}

form.tableless li {
	clear: left;
	list-style: none;
	padding: 1em 0 1em 0;
}

ol.search {
	margin-left: 0;
	padding-left: 0;
}

ol.search li {
	list-style: none; clear: left;
	margin-top: 16px;
	margin-left: 0;
	padding-left: 0;
}

ol.search p {
	margin: 2px 0 0 0 ;
}

ol.search img#productSearchImg {
	padding: 0; float: left; margin: 0 4px 4px 0;
}

table.checkout,
table.checkout2 {
	border-spacing: 0;
	border-top: 6px solid #9acc60;
	border-bottom: 1px solid #9acc60;
	margin-bottom: 24px;
	margin-top: -6px;
	background-color: #fff;	
	width: 100%;
	color: #4c7ec4;
}
table.checkout2 {
	border-color: #F15926;
}

table.checkout2 td, 
table.checkout td {
	padding: 7px 5px;	
	vertical-align: top;
}

table.checkout tr.odd {
	background-color: #e3efd5;
}

table.checkout2 tr.odd {
	background-color: #FADDD4;
}

table.checkout2 a img, 
table.checkout a img {
	vertical-align: top;
	margin-right: 3px;
}	
table.checkout2 tfoot td, 
table.checkout tfoot td {
	border-top: 1px solid #9acc60;
}

table.checkout2 tfoot td {
	border-color: #F15926;
}

input.button2,
a.button2 {
	margin: 4px;
	background-color: #477ec1;
	padding: 3px;
	display: block;
	float: right;
	width: 150px;
	border: 1px solid #b3c7df;
	text-align: center;
	cursor: pointer;
}

input.button2 {
	width: auto;
	padding: 3px 15px;
}

a.button2 img {
	vertical-align: bottom;
}

input.veld, textarea.veld {
	font: 10pt Arial;
	border: 1px solid #4c7ec4;
	width: 378px;
	padding: 1px;
}

textarea.veld {
	height: 200px;
}

p.error {
	border: 1px solid #F15926;
	background-color: #FADDD4;
	padding: 4px 6px;
	margin: 8px 0;
	color: #111;
}

code {
	font-size: 1.33em;
	background-color: #eee;
}

div.sitemap {
	border-top: 6px solid #477cc2;
	padding-top: 24px;
}

div#subLeft div.sitemap ul {
	margin: 0;
	padding: 0;	
}

div.sitemap a {
	text-decoration: none;
}

div.sitemap li {
	margin: 0;
	border-top: 1px solid #ebebeb;
	line-height: 1.8;
	padding: 3px 0 3px 0px;
	list-style: none;
	text-indent: 24px;
}

div.sitemap li li {
	text-indent: 48px;
}
div.sitemap li li li {
	text-indent: 72px;
}
div.sitemap li li li li {
	text-indent: 96px;
}
div.sitemap li li li li li {
	text-indent: 120px;
}