/* ------------( body ) ----------- */
body { 
  font-family					: Trebuchet MS, Arial, Verdana, sans-serif;
  font-size						: 13px;
  color								: #12507b;
	margin							: 0;
	padding							: 0;
/* filter:alpha(opacity=100);
 opacity: 1.0;*/
}

body#website { 
  background-image		: url(/images/bg_website.jpg);
	background-position : top left;
	background-repeat		: repeat-x;
  text-align					: center;
	background-color		: #2b69a0;
}

/* ------------( linx ) ----------- */
a {
  text-decoration			: underline;
  color								: #12507b;
}
a:hover, a:active {
  text-decoration			: underline;
  color								: #8ab5d3;
}

/* ------------( images ) ----------- */
img {
  display							: block;
}

img.inline {
  display							: inline;
}

img.popupnormal {
  display							: inline;
  border							: none;
}

img.external {
  display							: inline;
  border							: none;
  padding							: 0;
  margin							: 0 0 0 0.2em;
}

img.external_doc {
  display							: inline;
  border							: none;
  padding							: 0;
  margin							: 0 0 0 0.2em;
  vertical-align			: bottom;
}

img.icon {
  display							: inline;
  border							: none;
}

/* ------------( table defaults ) ----------- */
table {
	border-collapse			: collapse;
}
td {
	vertical-align			: top;
}
th {
	text-align					: left;
}

.stripe {
	background-color		: #eee;
}

.rtd {
	text-align					: right !important;
}

.ltd {
	text-align					: left !important;
}

.ctd {
	text-align					: center !important;
}

/* ------------( headings ) ----------- */
h1, h2, h3, h4, h5, h6 {
  font-family					: Trebuchet MS, Arial, sans-serif;
  color								: #12507b;
  margin							: 11px 0 0 0;
}
h1 {
  /*margin							: 11px 0 3px 0;*/
  font-size						: 16px;
  font-weight					: bold;
}
h1#str_title {
  margin 							: 0 0 10px 0;
  font-size						: 18px;
  font-weight					: bold;
}

h2 {
  font-size						: 15px;
  font-weight					: bold;
  padding							: 0;
}
h3 {
  font-size						: 13px;
  font-weight					: bold;
  padding							: 0;
}
h4 { 

  font-size						: 12px;
  font-weight					: bold;
}
h5 { 
  font-size						: 12px;
  font-weight					: bold;
	color								: #000;
}
h6 { 
  font-size						: 11px;
  font-weight					: bold;
	color								: #000;
}

/* ------------( paragraphs ) ----------- */
p { 
  padding							: 0; 
  margin							: 0 0 10px 0;
	line-height					: 1.4em;
	word-spacing				: 1px;
}

.error {
  color								: #C90101;
}

p.error {
	background-color		: #fff;
	border			      	: #EDEDED 1px solid;
	padding							: 10px;
}

p#demo {
  font-size						: 11px;
  color								: #999;
  text-align					: center;
}


/* ------------( site ) ----------- */

#site {
 padding							: 0;
 margin								: 13px auto 0px auto;
 text-align						: left;
 /*background-color			: #fff;*/
 width								: 968px;
}

/* ------------( header ) ----------- */
div#header {
  background-image		: url(/images/bg_header.jpg);
	background-position : top left;
	background-repeat		: no-repeat;
	height 							: 40px;
	padding 						: 30px 0 0 0;

}
div#subheader_left {
	/*clear								: both;*/
	height 							: 40px;
	float								: left;
	width								: 200px;
}

div#subheader_left a img {
	border							:	none;
}
div#subeader_right {
	float								: right;
}

/* ---------- ( menu ) ------------- */
div#menu {
	margin 							: 19px 0 0 0;
	padding							: 0;
	color								: #666;
  font-size         	: 13px;
  float								:	right;
}

#menu a {
	color								: #837f71;
  font-size         	: 14px;
	font-weight					: bold;
	display							: block;
	text-decoration			: none;
	padding							: 0px 4px 3px 4px;
	margin							: 0 12px 0px 0;
}

#menu a:hover {
  color 							: #595441;
  background-image		: url(/images/bg_menu.gif);
	background-position : bottom left;
	background-repeat		: repeat-x;
}

#menu a.selected {
  background-image		: url(/images/bg_menu.gif);
	background-position : bottom left;
	background-repeat		: repeat-x;
  color 							: #595441;
}

#menu ul ul {
	width								: 100px;
}

#menu ul li li {
	padding-left				: 1px;
	background-color		:	#fff;
}

#menu ul li li a {
	font-size						:	14px;
	padding							: 2px 0 2px 4px;
	/*border-right 				: 1px solid #ccc;
	border-bottom 			: 1px solid #ccc;
	border-left 				: 1px solid #ccc;
	border-top 					: 1px solid #fff;*/
}

/* ------------- ( main ) ------------ */
#main {
	background-image		: url(/images/bg_main.gif);
	background-position	: top right;
	background-repeat		: repeat-y;
	width								: 952px;
	margin							:	0 15px 5px 0; 
	float								: left;

}

/* ------------- ( welcome_main ) ------------ */
#welcome_main {
	background-image		: url(/images/bg_welcome_main.gif);
	background-position	: top right;
	background-repeat		: repeat-y;
	width								: 952px;
	margin							:	0 15px 5px 0; 
	float								: left;

}

/* ----------- ( welcome_col_left) ----------- */
.welcome_col_left {
	width								: 340px;
	float								: left;
	padding							: 0 0 50px 0px;
	/*border-right				:	2px solid #fff;*/
}

.welcome_col_left a img {
	border							:	none;
}

/* ----------- ( welcome_col_right ) --------- */
#welcome_col_right {
	/*width								: 570px;*/
	width								: 568px;
	float								: right;
	margin							: 0;
}

/* ----------- ( col_left) ----------- */
.col_left {
	/*width								: 340px;*/
	width								: 185px;
	float								: left;
	padding							: 0 0 50px 0px;
	/*border-right				:	2px solid #fff;*/
}

.col_left a img {
	border							:	none;
}

/* ----------- ( col_right ) --------- */
#col_right {
	/*width								: 570px;*/
	width								: 723px;
	float								: right;
	margin							: 0;
}
a#extranet {
 	vertical-align			: bottom;
	text-align 					: right;
	float								: right;
	padding							: 3px 15px 0 0;
 }


/* ------------( content ) ----------- */
#content {
  padding							: 0 20px 10px 20px;
  margin							: 20px 0 0 0;
  min-height          : 460px;
  height              : auto !important;
  height              : 460px;
	width								: 520px;
}
#content ul {
 list-style-type			: square;
}

/* ---------- ( modi ) ------------- */
#modi ul{
	list-style-type			:	none;
	padding							:	0;
	margin							:	5px 0 15px 10px;
}

/* ---------- ( footer ) ------------- */
#footer {
  clear             	: both;
  background-image		: url(/images/bg_footer.jpg);
	background-position : top left;
	background-repeat		: no-repeat;

	margin 							: 0px 0 0 0;
	padding 						: 0px 10px 10px 33px;
	/*background-color  	: #12507b;*/
	color								: #fff;
	font-size         	: 11px;
	height							: 136px;
	min-height					: 136px;
	width								: 938px;
}

#footer ul {
	padding							: 0;
	margin							: 0;
}


#footer a {
  color								: #fff;
	font-weight					: bold;
}

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

/* ------------( credits ) ----------- */
#credits { 
  margin							: 0;
  padding							: 0 0 20px 15px;
	font-size						: 11px;
  width								: 695px;
  text-align					: left;
  color								: #e4ded1;
}

#credits a { 
  color								: #e4ded1;
  text-decoration			: underline;
}

#credits a:hover { 
  color								: #12507b;
  text-decoration			: underline;
}

/* ------------( breadcrumb ) ----------- */
#breadcrumb {
  margin							: 0 0 5px 0;
  padding							: 3px 2px 2px 2px;
  color								: #999;
}

#breadcrumb a {
  color								: #999;
}

#breadcrumb a:hover {
  color								: #12507b;
}

/*------( sub pages )------*/
#subpages {
}

#subpages ul {
  list-style-type			: square;
  color								: #12507b;
}

#subpages li {
  margin							: 0;
  padding							: 0.2em 0;
}

/*-----( productgroepen overzicht )-----*/
div#shopsettings {
	border								: 1px solid #fff;
	margin								: 10px;
	color									: #006633;
	letter-spacing : 1px;
}
div#shopsettings li {
	margin								: 3px;
}
div#shopsettings a {
	text-decoration				: none;
	color									: #006633;
	font-weight						: bold;
}
div#shopsettings a:hover {
	color									: #fff;
}
div#shopsettings a.selected {
	color									: #fff;
}
/*-----( productgroepen overzicht )-----*/
ul#prdgrp {
	list-style-type			: none;
	color								: #363636;
	font-weight					: bold;
	margin							: 10px 0 0 5px;
	padding							: 10px 0 0 5px;
}

ul#prdgrp li {
	margin							: 3px;
}

ul#prdgrp a {
	text-decoration		: none;
	color								: #363636;
	letter-spacing			: 1px;
}

ul#prdgrp a:hover {
	text-decoration			: underline;
  color								: #fff;
}

ul#prdgrp a.selected {
  color								: #fff;
}

/*-----(nieuws)-----*/
table.newsitem {
	width 							: 100%;
	margin-bottom 			: 10px;
}

table.newsitem td {
	
}
table.newsitem td.thumb {
	width 							: 102px;
}

table.newsitem td.thumb img {
	border 							: 1px solid #12507b;
}
table.newsitem h2 {
	margin 							: 0;
}

table.newsitem em {
	font-size 					: 12px;
}

table.newsitem p {
	margin 							: 0;
}

table.newsitem a {
	color 							: #12507b;
}

table.newsitem a:hover {
	color 							: #8ab5d3;
}

/*----( welcome_news )------*/
#welcome_news {
}

#welcome_news ul {
	margin							: 0 0 15px 0;
	padding							: 0;
  list-style					: none;
  color								: #12507b;
}

#welcome_news li {
  margin							: 0;
  padding							: 0.2em 0 0.3em 10px;
}

#welcome_news li a {
  margin							: 0;
}

#welcome_news li a:hover {
  margin							: 0;
  color								: #8ab5d3;
}

#welcome_news li a.welcome_news_title {
  color								: #12507b;
	font-weight					: bold;
}

#welcome_news li a.welcome_news_title:hover {
  color								: #8ab5d3;
}


/*----(gallerij)------*/
ul#gallery {
	
}

a.gallery img{
	border 							: none;
	display 						: inline;
	margin-right 				: 10px;
	margin-bottom 			: 10px;
}


/*-----( activities )-----*/
table#activities {
  margin							: 15px 0 15px 0;
  border-collapse			: collapse;
  background-color		: #fff;
  border							: 1px solid #999;
}

/* tabjes */
table#activities th {
  padding							: 0;
  margin							: 0;
  text-align					: left;
  vertical-align			: top;
  border							: 1px solid #999;
  font-size 					: 12px;
}

table#activities th a , table#activities th p {
  color								: #fff;
  background-color		: #12507b;
	display							: block;
	width								: 35px;
	padding							: 5px;
	text-decoration			: none;
	text-align					: center;
	margin							: 0;
}

table#activities th p {
  background-color		: #ccc;
}

table#activities th.selected {
	border-bottom				: none;
}

table#activities th.selected a {
  margin							: 0px;
  color								: #000;
	background-color		: #fff;
}
table#activities th.selected a:hover {
  background-color		: #fff;
}

table#activities th a:hover {
  background-color		: #fff;
	color								: #000;
}

table#activities p {
	margin							: 60px 0 60px 30px;
}

table#activities table {
	border-collapse					: collapse;
	width										: 100%;
}

table#activities table td.datum {
	width										: 75px;
}

table#activities table td {
	padding							: 3px;
}

/*-----( talen )-----*/
div#language {
	float 							: right;
	padding							:	5px 0 0 0;
}

div#language a img {
	display 						: inline;
	border 							: 1px solid #000;
	margin 							: 0 5px 0 5px;
}

div#language a:hover img {
	border 							: 1px solid #ccc;
}

/* ------------( forms ) ----------- */
form {
	margin 							: 0;
	padding 						: 0;
}

.formbutton {
	margin							: 0;
	padding 						: 2px 5px 2px 5px;
	font-weight 				: bold;
  background-color		: #5091bf;
	color								: #fff;
	text-decoration 		: none;
	border							: none;
}

a.formbutton:hover {
	text-decoration 		: none;
	color								: #ff0;
}

.formbutton:hover {
	text-decoration 		: none;
	background-color    : #9ab9d7;
}

.noborder {
	border 							: none;
	background-color		: transparent;
}

input.noborder {
	border 							: none;
	background-color		: transparent;
}

td.noborder input {
	border 							: none;
	background-color		: transparent;
}

/*----(login)--------*/
div#loginform {
	width 							: 300px;
	margin 							: 10px auto 10px auto;
	border 							: 1px solid #12507b;
	padding 						: 10px;
	
}
table.forget {
	width 					: 350px !important;
}

/*-----( contactform )--------*/
#contact {
  margin-top					: 15px;
  border-collapse			: collapse;
}

#contact th {
  color								: #666;
  padding							: 5px 10px 5px 0;
  margin							: 0px;
  text-align					: left;
  vertical-align			: top;
  font-size						: 13px;
}

#contact td {
  padding							: 5px 10px;
  margin							: 0px;
  vertical-align			: top;
  font-size						: 13px;
}

.contact_footer {
	margin-top					: 5px;
	font-size						: 12px;
}

/*------( captcha )---------*/
#hcaptcha {
	font-size						: 10px;
	margin-left					: 10px;
	position						: relative;
	right								: 0;
}

.captcha_image {
	border							: 1px solid #000;	
	float								: left;
	margin-right				: 10px;
}

#dcaptcha {
	position						: absolute;
	z-index							: 3;
	background-color		: #fff;
	width								: 200px;
	clear								: left;
	margin-left					: 0px;
	margin-top					: 11px;
	border							: 1px solid #ccc;
	padding							: 5px;
}

#dcaptcha h2 {
	margin-top					: 0;
	margin-bottom				: 5px;
}

/*------( mailing )---------*/
#mailing {
  margin-top					: 15px;
  border-collapse			: collapse;
}

#mailing th {
  color								: #666;
  padding							: 5px 10px;
  margin							: 0px;
  text-align					: left;
  vertical-align			: top;
  font-size						: 12px;
}

#mailing td {
  padding							: 5px 10px;
  margin							: 0px;
  vertical-align			: top;
  font-size						: 12px;
}

/*-----( guestbook )-----*/
.guestbook {
	background					: #eee;
	margin-bottom				: 2em;
	padding							: 10px;
}
.guestbook p.guestbookfooter {
	border-top					: #333 1px solid;
	font-weight					: bold;
	padding-top					: 5px;
}

/* ------------( weblog ) ----------- */
.weblog {
	clear								: right;
	margin-bottom				: 2em;
	background					: #eee;
	padding							: 10px;
}
.weblog h2{
	border-bottom				: #333 1px solid;
	padding-bottom			: 5px;
}
.weblog p.weblogfooter {
	border-top					: #333 1px solid;
	font-weight					: bold;
	padding-top					: 5px;
}
/* ------------( comment ) ----------- */
.comment {
	clear								: right;
	margin-bottom				: 2em;
	background					: #eee;
	padding							: 5px 10px;
}
.comment p.commentfooter {
	border-top					: #333 1px solid;
	font-weight					: bold;
	padding-top					: 5px;
}
/* ------------( reactie  ) ----------- */
#reactie {
	background					: #eee;
	margin-bottom				: 2em;
	padding							: 10px;
}


/* ------------( webshop  ) ----------- */
p.price strong {
	color								: #12507b;
	font-size						: 13px;
	margin-left					: 5px;
}

/* ------------( producten  ) ----------- */
table#productoverview {
	width								: 100%;
	table-layout				: fixed;
	border-collapse			: separate;
}

table#productoverview td {
	padding-bottom			: 10px;
}

table#productoverview td.rpad {
	padding-right				: 10px;
}

table#productoverview table {
	width								: 100%;
	border							: 1px solid #006633;
}

table#productoverview th {
	margin							: 0 0 5px 0;
	padding							: 5px;
	background-image		: url(/images/bg_site.gif);
	background-repeat		: repeat;
	background-color		: #006633;
}
table#productoverview th a {
	text-decoration			: none;
	color								: #fff;
}

table#productoverview img {
	margin							: 0 10px 0 0;
}

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

table#productoverview a:hover img {
	border							: 1px solid #12507b;
}

table#productoverview table td {
	padding							: 5px;
}

table.related {
	text-align : center !important;
}
table.related img {
	display							: inline !important;
}


.new {
  color								: #ff2400;
	font-weight					: bold;
}

/*---------( product list )-----------*/
table#productlist {
	width								: 100%;
	table-layout				: fixed;
	border-collapse			: separate;
}

table#productlist h2 {
	margin							: 0 0 5px 0;
}

table#productlist h2 a {
	text-decoration			: none;
  color								: #12507b;
}

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

table#productlist td span {
	color								: #f00;
	font-weight					: bold;
}

table#productlist p {
	margin							: 3px 0 3px 0;
}

table#productlist p.price strong {
	font-size						: 14px;
}
table#productlist td {
	padding							: 2px 5px 2px 5px;
}

table#productlist td.imgtd {
	width								: 120px;
}

table#productlist td.imgtd a img {
	border							: 1px solid #000;
}

table#productlist td.imgtd a:hover img {
	border							: 1px solid #f00;
}

table#productlist table {
	border							: 1px solid #000;
	width								: 100%;

}

/*---------( product detail )-----------*/
table#product {
	width								: 100%;
}

table#product td.imgtd {
	width								: 320px;
}

table#product td.imgtd img {
	border							: 1px solid #000;
}

table#product p {
	margin							: 0 0 10px 0;
}
table#product p.special {
	color								: #f00;
	margin							: 0 0 5px 0;
	font-weight					: bold;
}

table#product table.property {
	width								: 100%;
	border							: 1px solid #ccc;
}
table#product table.property td {
	padding							: 1px 5px 1px 0px;
}
table#product table.property th {
	width								: 30%;
	padding							: 1px 5px 1px 5px;
}

table#product table.price {
	margin							: 10px 0 5px 0;
	width								: 100%;
	border-top					: 1px solid #000;
}

table#product table.price strong {
	color								: #f00;
	font-size						: 14px;
}

/*--------( attachments )---------*/
ul.attachment {
	margin							: 5px 0 5px 12px;
	padding							: 5px 0 5px 12px;
}
ul.attachment li {
	list-style-type			: square;
}


/*--------( profile )---------*/
div#profileinfo {
	border							: 1px solid #006633;
	background-color		: #EAF5DC;
	float								: right;
	padding							: 10px 20px;
	color								: #006633;
}

div#profileinfo li {
	list-style-type			: square;
}

div#profileinfo h2 {
	margin							: 0;
}

/*--------( profile edit )---------*/
/*--------( basket )---------*/
table.basket {
	width								: 100%;
	margin							: 5px 0 5px 0;
}

table.basket th {
	background-color		: #eee;
	border-bottom				: 1px solid #666;
	border-top					: 1px solid #666;
	padding							: 2px 5px 2px 5px;
}

table.basket td {
	padding							: 1px 3px 1px 3px;
}

.icontd {
	width								: 20px;
}

.total {
	border-top					: 1px solid #666;
}
	
/*-----( order )--------*/
div.order {
	margin							: 5px 0 5px 0;
	padding							: 5px;
	border							: 1px solid #ccc;
}

div.order h3 {
	margin							: 3px 0 5px 0;
}

/*-----( user form )--------*/

table.userform {
	background-color		: #eee;
	border							: 1px solid #ccc;
	margin							: 5px 0 5px 0;
	width								: 100%;
}

table.userform td {
	padding							: 3px 5px 3px 3px;
}

table.userform th {
	padding							: 3px 5px 3px 3px;
	width								: 20%;							
}

table.usergroup {
	width								: 100%;
	table-layout				: fixed;
}

table.usergroup td.rpane {
	padding-left							: 10px;
}
table.usergroup td.lpane {
	padding-right							: 10px;
}

div#orderinfo {
	padding										: 10px;
	margin										: 5px 0 10px 0;
}
div#orderinfo table {
	width											: 100%;
	table-layout							: fixed;
}

div#orderinfo a {
	color											: #12507b;
}
div#orderinfo a:hover {
	text-decoration						: none;
}