@charset "utf-8";
abbr,acronym {
   border: 0;
   font-variant: normal;
}

address,caption,cite,code,dfn,em,strong,th,var{
   font-style: normal;
   font-weight: normal;
}

body {
   background: #FFF;
   color: #000;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
   margin: 0;
   padding: 0;
}

caption,th {
   text-align: left;
}

fieldset,img{
   border: 0;
}

h1,h2,h3,h4,h5,h6{
   font-size: 100%;
   font-weight: normal;
}

input, textarea, select{
   font-family: inherit;
   font-size: inherit;
   font-weight: inherit;
}

li {
   list-style: none;
}

q:before,q:after{
   content: '';
}

sub {
   vertical-align: text-bottom;
}


table{
   border-collapse: collapse;
   border-spacing: 0;
}

body {
	font-family: arial, helvetica, clean, sans-serif;
	font-size: 0.8em;
}

/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {
   font-size: 108%;
   font-family: monospace;
   line-height: 99%;
}

table {

   font-size: inherit;
}


abbr,acronym {
   border-bottom: 1px dotted #000; /*indicating to users that more info is available */
   cursor: help;
}

blockquote {
	border: 3px solid #ff6600;
	line-height: 100%;
	background-color: #fafafa;
	padding-top: 14px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	width: 300px;
	margin-top: 0;
	margin-right: 0;
    margin-bottom: 0;
	margin-left: 2em;
	
}

blockquote,ul,ol,dl {
   margin: 1em; /*giving blockquotes and lists room to breath*/
}

caption {
   margin-bottom: .5em; /*centered so it doesn't blend in to other content*/
   text-align: center;
}

dl dd {
   margin-left: 1em; /*giving UL's LIs generated numbers*/
}

em {
   font-style: italic; /*bringing italics back to the em element*/
}

h1 {
   font-size: 138.5%; /*18px via YUI Fonts CSS foundation*/
}

h1,h2,h3 {
   margin-bottom: 1em;
   /* ORIGINEEL: margin: 1em 0; /* top & bottom margin based on font size */ 
}


h1,h2,h3,h4,h5,h6,strong {
   font-weight: bold; /*bringing boldness back to headers and the strong element*/
}

h2 {
   font-size: 123.1%; /*16px via YUI Fonts CSS foundation*/
}

h3 {
   font-size: 108%; /*14px via YUI Fonts CSS foundation*/
}

ol li {
   list-style: decimal outside; /*giving OL's LIs generated numbers*/
}

ol,ul,dl {
   margin-left: 2em; /*bringing lists on to the page with breathing room */
   margin-top:0;
}

/*p,fieldset,table {
   margin-bottom: 1em; so things don't run into each other
}*/

th {
   font-weight: bold; /*distinguishing table headers from data cells*/
   text-align: left;
}



ul li {
   list-style: disc outside; /*giving UL's LIs generated disc markers*/
}


.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */


a:link {
   color: #8bb23a;
   text-decoration: none;
}

a:visited {
   color: #8bb23a;
   text-decoration: none;
}

a:hover {
   color: #767676;
   text-decoration: underline;
}

a:active {
   color: #8bb23a;
   text-decoration: none;
}

body {
	color: #000;
	font-family: arial, geneva, sans-serif;
	margin: 0;
	font-size: 0.8em;
	line-height: 25px;
}

h1 {
   font-size: 190%;
   font-weight: normal;
}

h1,h2,h3,h4 {
	color: #767676;
}

h2 {
   font-size: 150%;
   font-weight: normal;
}

h3 {
   font-size: 120%;
   font-weight: bold;
   margin-bottom: 0.5em;
}

h4 {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0;
	padding: 0px;
}

hr {
   background: #e1d9ea;
   border: 0;
   color: #e1d9ea;
   height: 1px;
   margin-bottom: 15px;
}

input, select {
   color: #636363;
   margin: 0;
}

label, .event-nodeapi div label {
   color: #767676;
   font-weight: bold;
}

ol, ul, dl {
   margin: 0 0 1em 0;
}

p {
   margin: 0 0 1em 0;
}

strong, b {
   color: #767676;
}

table {
  border-collapse: separate;
}

td, th {
   padding: 0.3em;
}

.block ul{
   margin: 0;
   padding: 0;
}

ul.links.inline li {
   font-size: 85%;
   margin-left: 0;
   padding-left: 0;
}

.banner-top-links-sep-img {
   border: 0;
   margin: 0 10px;
}

.banner-top-links-sep-img {
   border: 0;
   margin: 0 10px;
}

.block {
   margin-bottom: 20px;
}

.block .content p{
	line-height: 180%;
	text-indent: 2em;
	margin: 0px;
	padding: 8px;
}
.block .content img{
	border: 1px solid #333;	
}
.block h2 {
   background: url(/2009shop/underline-h1.jpg) no-repeat -330px 1.4em;
   height: 2.5em;
   margin: 0;
}

.breadcrumb-sep-img {
   margin: 0 5px;
}



.footer-links-sep-img {
   border: 0;
   margin: 0 10px;
}

.front #banner-breadcrumb-div {
   display: none;
}

.front #banner-green-bar-div {
   background: url(/2009shop/bg-banner-green-bar-home.jpg) no-repeat -16px;
   height: 225px;
   left: 5px;
   position: absolute;
   top: 127px;
   width: 975px;
}

.front #banner-title-div {
   left: 30px;
   position: absolute;
   top: 159px;
   width: 300px;
}

.front #banner-wrapper-div {
   background: url(/2009shop/bg-banner-home.jpg) repeat-x;
   height: 371px;
}

.front #content-div {
	float: left;
	margin-left: 0px;
	width: 460px;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}

.front #content-div h1 {
   background: url(/2009shop/underline-h1.jpg) no-repeat 0 1.4em;
   font-size: 150%;
   font-weight: bold;
   height: 2.5em;
   margin: 0;
}

.item-list ul li a {
/*   color: #8bb23a;*/
   text-decoration: none;
}

.item-list ul li a.active {
   font-weight: bold;
   color: #8bb23a;
}

.item-list ul li a:hover {
/*   color: #8bb23a;*/
   text-decoration: underline;
}

.item-list ul li p {
   margin: 0;
}

.item-list ul li, .content ul li, .menutree-page ul li {
   list-style: square outside url(/2009shop/bullet.gif);
   margin: 0 0 0.8em 1.5em;
   padding: 0;
}

.node ul {
   margin-left: 0;
}

.node ul li {
   margin-bottom: 0;
}

.more-link {
	/*   text-align: left;*/
font-weight: bold;
	margin-top: 0px;
	background: url(/2009shop/more-link-arrow.gif) no-repeat top right;
	padding-right: 6px;
	text-align: right;
	margin-bottom: 1em;
	height: 0px;
}



.node-form .standard {
   clear: none; /* In het origineel staat een clear: both
      wat ervoor zorgt dat bij edit dit onder de submenu div wordt getoond.
   */
}

.services-teaser-div {
   margin-bottom: 40px;
}

.services-teaser-div .services-teaser-content-div {
   line-height: 140%;
   margin-left: 185px;
}

.services-teaser-div .services-teaser-content-div p {
   margin: 0;
}

.services-teaser-div .services-teaser-icon-div {
   background: url(/2009shop/services-icon-sep.jpg) no-repeat right;
   float: left;
   height: 115px;
   width: 145px;
}

.teaser {
   margin: 0 0 2em 0;
}

.teaser p {
   margin: 0;
}

#banner-breadcrumb-div {
   color: #a9aeae;
   font-size: 85%;
   left: 297px;
   position: absolute;
   top: 227px;
}

#banner-breadcrumb-div a:link {
   color: #DFE1E1;
   text-decoration: none;
}

#banner-breadcrumb-div a:visited {
   color: #DFE1E1;
   text-decoration: none;
}

#banner-breadcrumb-div a:hover {
   color: #8CB5F0;
   text-decoration: none;
}

#banner-breadcrumb-div a:active {
   color: #DFE1E1;
   text-decoration: none;
}

#banner-flash-div {
   height: 173px;
   left: 372px;
   position: absolute;
   top: 145px;
   width: 546px;
}

#banner-flash-div h3 {
	/*border: solid 1px red;*/
position: absolute;
	left: 430px;
	top: 174px;
	z-index: 999;
	width: 112px;
	height: 15px;
   font-size: 15px;
}
#banner-flash-div h3 a {
   color: #979797;
   text-decoration: none;
}

#banner-flash-div h3 a:hover {
   color: #8bb23a;
   text-decoration: none;
}


#banner-green-bar-div {
   background: url(/2009shop/bg-banner-green-bar.jpg) no-repeat 50px;
   height: 97px;
   left: 0px;
   position: absolute;
   top: 127px;
   width: 975px;
}

#banner-icon-div {
   height: 82px;
   left: 128px;
   position: absolute;
   top: 136px;
   width: 85px;
}

#banner-interior-div {
   margin: 0 auto;
   position: relative;
   width: 975px;
}

#banner-logo-div {
   height: 79px;
   left: 31px;
   position: absolute;
   top: 21px;
   width: 161px;
}

#banner-main-menu-div{
   height: 36px;
   left: 349px;
   position: absolute;
   top: 94px;
}

#banner-main-menu-div .links-menu {
   list-style-type: none;
   margin: 0;
   padding: 0;
}

#banner-main-menu-div .links-menu a {
   color: #d3d5d5;
   display: block;
   font: bold 13px "Trebuchet MS", arial, geneva, sans-serif;
   height: 26px;
   padding-top: 7px;
   text-align: center;
   text-transform: capitalize;
}

#banner-main-menu-div .links-menu a:hover {
   background: transparent url(/2009shop/mainmenu-hover.jpg) no-repeat;
   color: #C1D7F7;
   text-decoration: none;
}

#banner-main-menu-div .links-menu li {
   background: transparent url(/2009shop/mainmenu.jpg) no-repeat;
   display: block;
   float: left;
   height: 35px;
   list-style-type: none;
   margin: 0;
   margin-left: 4px;
   padding: 0;
   width: 94px;
}

#banner-main-menu-div .links-menu li.active,  #banner-main-menu-div .links-menu li a.active {
   background: transparent url(/2009shop/mainmenu-active.jpg) no-repeat;
}

#banner-main-menu-div .links-menu li.active a {
   color: #FFF;
}

#banner-main-menu-div .links-menu li.active a:hover {
   background: transparent url(/2009shop/mainmenu-active.jpg) no-repeat;
   color: #d3d5d5; /* Andere hover kleur igv van het active li */
   text-decoration: none;
}

#banner-search-div {
   background: #2d3c41;
   border: 1px solid #556f86;
   display: none;
   left: 728px;
   overflow: auto;
   padding: 8px 8px 5px 8px;
   position: absolute;
   top: 28px;
}

#banner-search-div #edit-search_theme_form_keys {
   width: 120px;
}

#banner-search-div #search-image-submit {
   padding-bottom: 4px;
   vertical-align: middle;
}


#banner-login-div {
	background: #2d3c41;
	border: 1px solid #556f86;
	/*   display: none;*/
   left: 474px;
	overflow: auto;
	padding: 8px 8px 5px 8px;
	position: absolute;
	top: 39px;
	width: 452px;
	height: 24px;
}


#banner-title-div {
   height: 24px;
   left: 242px;
   position: absolute;
   top: 162px;
   width: 695px;
}

#banner-title-div .banner-title-h1 {
   color: #feffff;
   font-size: 26px;
   margin: 0;
   margin-bottom: 0;
}

#banner-title-div .front-banner-title-h1 {

	font-size: 22px;
	margin: 0;
	padding-bottom: 20px;
	font-weight: bold;
	color: #feffff;
}

#banner-title-div .front-banner-title-h2 {
   color: #feffff;
   font-size: 20px;
   margin: 0;
   margin-bottom: 0;   
   margin-left: 10px;
   margin-top: -5px;
}


#banner-top-links-div {
   font-size: 85%;
   height: 17px;
   left: 353px;
   position: absolute;
   text-align: right;
   top: 7px;
   width: 589px;
}

#banner-top-links-div a:link {
   color: #a9aeae;
   text-decoration: none;
}

#banner-top-links-div a:visited {
   color: #a9aeae;
   text-decoration: none;
}

#banner-top-links-div a:hover {
   color: #8CB5F0;
   text-decoration: none;
}

#banner-top-links-div a:active {
   color: #a9aeae;
   text-decoration: none;
}

#banner-wrapper-div {
   background: url(/2009shop/bg-banner.jpg) repeat-x;
   height: 245px;
}

#breadcrumbs-span {
   text-transform: lowercase;
}

#content-div {
   line-height: 165%;
   padding: 30px 33px 20px 40px;
   float: right; 
   width: 400px;
}

.portfolio-teaser-div {
   background: url(/2009shop/bg-portfolio-item.jpg) no-repeat;
   height: auto !important;
   height: 171px;
   min-height: 171px;
   margin-bottom: 40px;
}

.portfolio-teaser-div .portfolio-teaser-content-div {
   line-height: 140%;
   margin-left: 290px;
   padding: 20px 15px 0 28px;
}

.portfolio-teaser-div .portfolio-teaser-thumb-div {
   float: left;
   padding: 28px 0 0 28px;
   width: 280px;
}

.portfolio-teaser-thumb-div img:hover {
   border: 1px solid #BEBEBE;
   margin: 1px 0 -1px 1px;
   
}
.portfolio-teaser-thumb-div img {
   border: solid 2px #FFF;
   margin: -2px 0 0 -2px;
}

.bijschrift-p {
   color: #C1C1C1;
   font-size: 80%;
   margin: -1em 0 1em 1em;
}

.portfolio-teaser-thumb-div-help-p {
   color: #C1C1C1;
   font-size: 80%;
   margin: 15px 0 0 15px;
}

.portfolio-teaser-h2 {
}

.portfolio-teaser-h2 a {
   font-weight: normal;
}

.portfolio-teaser-link-div {
   margin-top: 1em;
}

.portfolio-teaser-text-div {
}

.portfolio-teaser-text-div p {
   margin: 0;
}

#content-div a {
 font-weight: bold;
}

#content-div h1 {
	background: url(/2009shop/underline-h1.jpg) no-repeat left 1.1em;
	height: 3.5em;
	margin: 0;
	font-family: "微软雅黑";

}

#content-div h2 {
   background: url(/2009shop/underline-h2.jpg) repeat-x left 1.2em;
   height: 2.0em;
   margin: 0;
}

#content-div h2 a {
   color: #767676;
   font-weight: normal;
   text-decoration: none;
}

#content-div h3 {
	font-weight: bold;
	color: #FF6600;
	font-size: 22px;
	text-align: center;
	padding-top: 10px;
	font-family: "微软雅黑";
	padding-bottom: 20px;
	background-image: url(/2009shop/MinIcons_001.png);
	background-repeat: no-repeat;
	background-position: 180px 40px;
	letter-spacing: 6px;
}

#content-div h4 {
	margin: 4px;
	padding-bottom: 15px;
	text-indent: 2em;
	line-height: 2em;
	padding-top: 8px;
}

#content-footer-blocks-wrapper-div {
   background: url(/2009shop/content-footerblocks-sep.jpg) no-repeat center top;
   clear: both;
   padding-top: 2em;
}

#content-interior-div {
   margin: 0 auto;
   position: relative;
   width: 975px;
}

#content-wrapper-div{
   background: #FFF url(/2009shop/bg-content.jpg) repeat-x;
}

#footer-interior-div {
   height: 30px;
   margin: 0 auto;
   width: 975px;
}

#footer-naw-div {
  font-size: 100%;
 text-align: center;  
 margin-top: 0.3em;
  margin-left: -40px; 
}

#footer-links-div {
  margin-left: -40px;
  text-align: center;
}

#footer-links-div .links {
   list-style-type: none;
   margin: 0;
   padding: 0;
   font: bold 100% "Trebuchet MS", arial, geneva, sans-serif;
}

#footer-links-div .links a:link {
   color: #486a6a;
   /* color: #a9aeae;*/
   text-decoration: none;
}

#footer-links-div .links a:visited {
   color: #486a6a;
   /* color: #a9aeae;*/
   text-decoration: none;
}

#footer-links-div .links a:hover {
   color: #78a326;
   /*color: #8CB5F0;*/
   text-decoration: none;
}

#footer-links-div .links a:active {
   color: #486a6a;
   /* color: #a9aeae;*/
   text-decoration: none;
}

#footer-links-div .links li {
   border-right: 1px solid #a9aeae;
   list-style-type: none;
   margin: 0;
   padding: 0 0.6em 0 0.9em;
}

#footer-links-div .links li.last {
   border-right: none;
}

#footer-wrapper-div{
   background: url(/2009shop/bg-footer.jpg) repeat-x;
   clear: both;
   padding-top: 30px;
}

#lightbox #imageDetails {
   font-family: arial, geneva, sans-serif;
   font-size: 120%;
   margin-bottom: 1em;
}

#lightbox #imageDetails #numberDisplay {
   margin-top: 10px;
   padding: 0;
}


#nieuws-div {
	height: auto !important;
	height: 210px;
	margin-left: 477px;
	min-height: 210px;
	background: url(/2009shop/content-nieuws-sep.jpg) no-repeat 0 80px;
	width: 460px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 28px;
}


#sidebar-left-div {
}

#submenu-div {
   background: url(/2009shop/bg-submenu.jpg) no-repeat;
   float: left;
   height: auto !important;
   height: 250px;   
   min-height: 250px;
   padding: 30px 25px 20px 30px;
   width: 200px;
}

#submenu-div ul.menu {
   margin: 0;
   padding: 0;
}

#submenu-div ul.menu li {
   display: block;
   list-style: none;
   list-style-image: none;
   margin: 0;
   padding: 0;
}

#submenu-div ul.menu li a {
   background: url(/2009shop/bg-submenu-item.jpg) no-repeat;
/*   color: #558159;*/
   display: block;
   height: 22px;
   padding-top: 5px;
   text-decoration: none;
}

#submenu-div ul.menu li a:hover, #submenu-div ul.menu li a.active {
   background: url(/2009shop/bg-submenu-item-hover.jpg) no-repeat;
   font-weight: bold;
   text-decoration: none;
   color: #767676;
}

#submenu-div ul.menu li ul a {
   padding-left: 1em;
   font-size: 90%;
}

#submenu-div ul.menu li ul li ul a {
   padding-left: 2em;
}

#submenu-div ul.menu li ul li ul li ul a {
   padding-left: 3em;
}

#submenu-div ul.menu li ul li ul li ul li ul a {
   padding-left: 4em;
}

#submenu-div ul.menu li ul li ul li ul li ul li ul a {
   padding-left: 5em;
}

#submenu-primary-item-div h2 {
   color: #558159;
}

#submenu-menu-div {
 margin-bottom: 20px;
}

.messages {
  background-color: #fff;
  border: 1px solid #b8d3e5;
}
.messages ul {
  margin: 0 0 0 1em;
}

.messages, .preview {
  margin: .75em 0 .75em;
  padding: .5em 1em;
}



.content-thumbnails-inline-div {
  margin-top: 1em;
}

.content-thumbnails-right-div {
  width: 170px;
  float:right; 
  margin: 0 0 12px 25px;
}

.content-thumbnails-right-div img {
   margin-bottom: 15px;
}

.content-thumbnails-img:hover {
   border: 1px solid #FFF;
}

.content-thumbnails-img {
  border: solid 1px #8bb23a;
  vertical-align: text-top;  
  padding: 10px;
  background-color: #F5F5F5;
}


.left-img {
   float: left;
   margin: 0 20px 20px 0;
}
.right-img {
   float: right;
   margin: 0 0 20px 20px;
}

a.opgemaakte-link{
   background: url(/2009shop/opgemaakte-link-arrow.gif) no-repeat 0 6px;
   display: block;
   font-weight: bold;
   line-height: 1.5em;
   padding-left: 8px;
   text-decoration: none;
}

a.opgemaakte-link:hover{
   background-image: url(/2009shop/opgemaakte-link-arrow-hover.gif);
   text-decoration: underline;
}


.book-navigation {

}

.book-navigation .menu {
  border-top:0px;
}

.book-navigation .page-links {
border-bottom:0px;
border-top:1px solid #e1d9ea;
   margin-top: 2em;
}




blockquote p {
   margin: 0;
}

blockquote .bron-p {
   font-size: 85%;
   color: #797979;
   font-style: normal;
}



#portfolio-terms-div {
   margin-bottom: 1em;
}
#portfolio-terms-div .portfolio-span {
   font-weight: bold;
   color: #767676;   
}


dl.search-results p.search-info {
  /* Verberg de search info */
  display: none;
}


li.webform_back, a.webform_back {
   display: none;
}

textarea#edit-body {
  /* Maak de textarea standaard met courier */
  font-family: "Courier New", Courier, monospace;
  font-size: 11px;
}

.submitted {
   margin: -1em 0 1em 0;
   color: #adabab;
   font-size: 85%;
}


dl.search-results dd strong {
   color: #000000;
}


.content-footerblock a.ext {
   color:#000;
   background:transparent;
   padding-right:0;
}


.content .mall-rule {
	padding-top: 20px;
	padding-bottom: 10px;
	text-align: center;
}