/***
 * http://www.lottedemey.com
 */

/*****
 * Whole document
 *****/

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
html {
  min-height: 100%;
}
body {
  margin: 0 auto;
  padding: 0;
  background: #e0e0e0 url(/img/site/bgr.jpg) 50% top no-repeat;
  background: #e0e0e0 url(/img/site/bgr-rings03.jpg) 50% top no-repeat;
  line-height: 1.5em;
  font-family: Verdana,Tahoma,Arial,sans-serif;
  font-size: 76%;
  color: #111;
}
#wrap {
  margin: 0 auto;
  width: 900px;
  padding: 0 0 0 0px;
  overflow: hidden;
}

a {
  text-decoration: none;
  color: #CF8300; /*oranje*/
  color: #CF7310; /*oranje*/
}
a:hover     { text-decoration: underline; }

img         { border: 0px; }
p           { margin: 0 0 1em 0; }
pre         { font-size: 10pt; }
li          { list-style-position: inside; }
dl, dd, dt  { margin: 0; padding: 0; }


/*****
 * Header
 *****/

#header {
  height: 200px;
  text-align: right;
  overflow: hidden;
  position: relative;
}
#header #languages {
  bottom: 65px;
  right: 30px;
  position: absolute;
  font-size: 0.9em;
}
#header #languages a {
  color: #999;
}
#header #logo {
  bottom: 0px;
  right: 2px;
  position: absolute;
}


/*****
 * Menu
 *****/

#menu {
  margin: 5px 5px 20px 30px;
  overflow: hidden;
  border-bottom: 1px solid #AEB326;
  padding: 0 0 4px;
  text-align: center;
  list-style: none;
}
#menu li {
  padding: 0 8px;
  display: inline;
}
#menu li a {
  border-bottom: 4px solid transparent;
  padding: 0 0 1px 0;
  color: #808080;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
}
#menu li a:hover {
  color: #505050;
  border-bottom: 4px solid #bbb;
  color: #000;
  border-bottom: 4px solid #ddd;
}
#menu li a.current {
  border-bottom: 4px solid #AEB326;
  color: #000;
}

/** submenu **/

#submenu {
  padding: 0 16px 7px 22px;
  text-transform: lowercase;
  font-size: 1.1em;
  color: #000;
}
#submenu A {
  text-decoration: none;
  font-weight: bold;
  color: #909090;
}
#submenu A:hover {
}
#submenu A.xtra {
  color: #707070;
}
#submenu A.current {
  color: #000;
}


/*****
 * General Content
 *****/

#content {
  padding: 0 0 0 30px;
  overflow: hidden;
}

/** rc frame (rounded corners) **/
.rcframe {
  margin: 0 0 25px 0;
  text-align: justify;
  overflow: hidden;
}
  .rcframe_top {
    width: 100%;
    height: 15px;
  }
    .rcframe_top div {
      background:url(/img/site/rc_tr_tr.png) no-repeat right top;
      display: block;
      position: relative;
      height: 15px;
    }
    .rcframe_top div div {
      background: url(/img/site/rc_tr_tl.png) no-repeat left top;
      margin: 0 18px 0 0px;
      display: block;
      position: relative;
      height: 15px;
    }
  .rcframe_mid {
    position: relative;
    background: url(/img/site/rc_tr_mr.png) repeat-y right top;
    margin: 0px 0 0px 0px;
  }
    .rcframe_mid div.inside {
      position: relative;
      margin: 0px 10px 0px 0px;
      background: #f6f6f6;
      padding: 0 20px 4px 17px;
    }
  .rcframe_bottom {
    width: 100%;
    height: 17px;
  }
    .rcframe_bottom div {
      background: url(/img/site/rc_tr_br.png) no-repeat right top;
      display: block;
      position: relative;
      height: 17px;
    }
    .rcframe_bottom div div {
      background: url(/img/site/rc_tr_bl.png) no-repeat left top;
      margin: 0 18px 0 0px;
      display: block;
      position: relative;
      height: 17px;
    }

.rcframe h2 {
  padding: 0 0 5px 0;
  font-size: 125%;
  font-weight: bold;
  color: #9F1D13;
}


/** Flash msg **/

#flashMessage {
  margin: 0px 50px 20px 20px;
  padding: 5px 10px;
  border: 1px solid #a00;
  background-color: #eee;
  font-size: 1.2em;
  font-style: bold;
  color: #a00;
}


/** Footer **/

#footer {
  clear: both;
  margin: 0px auto;
  padding: 2px 0 5px 0;
  border-top: 2px solid #d0d0d0;
  width: 700px;
  text-align: center;
  color: #808080;
}
#footer p {
  margin: 0;
  padding: 0;
}
#footer a {
  color: #808080;
  text-decoration: none;
  font-weight: bold;
}
#footer a: hover {
  text-decoration: underline;
}



/*****
 * Collections
 *****/

.coll_button, .coll_button_draft {
  float: left;
  width: 250px;
  height: 250px;
  margin: 20px;
  width: 255px;
  height: 255px;
  margin: 20px 15px 15px 20px;
}
.coll_button_draft {
  border: 3px dashed #eee;
  margin: 17px;
  margin: 17px 12px 12px 17px;
}



/*****
 * 1 Collection
 *****/

#coll_left {
  float: left;
  width: 350px;
  margin: 0px 20px 10px 0px;
  padding: 0 0px 0 10px;
  text-align: justify;
  overflow: hidden;
}
#coll_top {
  margin: 0px 20px 20px 0px;
  padding: 0 0px 0 45px;
  text-align: justify;
  overflow: hidden;
}
#coll_left H2, #coll_top H2 {
  padding: 10px 0 10px 0;
  font-size: 150%;
  font-weight: bold;
  font-size: 18px;
  color: #7B7F0F;
}
#coll_top H2 {
  color: #9F1D13;
}
#coll_left A, #coll_top A {
  font-weight: bold;
  color: #666;
}
#coll_right {
  width: 420px;
  margin: 0px 0px 0px 395px;
  line-height: 1em;
  padding: 15px 0 10px 0;
}
#coll_bottom {
  line-height: 1em;
  padding: 0px 0 40px 45px;
}
.coll_gallery {
  padding: 0px 0 0 0px;
  margin: 0px 0px 0px 0px;
}
.coll_gallery img {
  margin: 0px 0px 0px 1px;
  border: 1px solid #e0e0e0;
  padding: 1px;
  background-color: #eee;
  width: 100px;
  height: 100px;
}
.coll_gallery img.draft {
  border: 1px dashed #ccc;
}
.coll_gallery img.selected, .coll_gallery img.selected:hover {
  padding: 0px;
  border: 1px solid #888;
}
.coll_gallery img:hover {
  border: 1px solid #aeb326;
  background-color: #aeb326;
}



/** Image sort **/
#imgsort li {
  position: relative;
  display: block;
  float: left;
  list-style-type: none;
}



/*****
 * Shop
 *****/

.shop_tab {
  margin: 0 -25px 0 0px;
}
.shop_info {
  margin: 0 25px 0 0px;
}
.shop_button, .shop_button_draft {
  float: left;
  width: 156px;
  padding: 10px 6px 8px 6px;
}
.shop_button_draft {
  opacity: 0.4;
}
.shop_button a, .shop_button_draft a {
  color: #9f1d13;
  text-align: left;
}
.shop_img, .si_buy_img {
  float:left;
  background: url(/img/site/shadow.gif) no-repeat bottom right;
}
.shop_img_hover {
  float:left;
  background: none;
}
.shop_img img, .shop_img_hover img, .si_buy_img img {
  display: block;
  position: relative;
  width: 140px;
  height: 140px;
  margin: -6px 6px 6px -6px;
  border: 1px solid #a4a4a0;
  background-color: #fff;
  padding: 4px;
}
.shop_img_hover img {
  margin: -5px 5px 5px -5px;
}
.shop_price {
  float: right;
  padding-right: 15px;
}






/*****
 * 1 Shop item
 *****/

#si_left {
  float: left;
  width: 300px;
  padding: 0 0px 10px 5px;
  text-align: justify;
  overflow: hidden;
}
#si_left H2 {
  padding: 5px 0 8px 0;
  font-size: 18px;
  font-weight: bold;
  color: #9F1D13;
}
.si_buy {
  text-align: center;
  font-size: 18px;
}
.si_buy .si_price {
  margin: 0 auto;
  padding: 30px 0 10px;
}
.si_buy .si_button {
  margin: 0 auto;
  width: 108px;
  height: 43px;
  background: url(/img/site/button-green4.gif) no-repeat;
  padding: 5px 0 0px;
  text-align: center;
}
.si_buy .si_button a {
  color: #fff;
  font-weight: bold;
}
.si_buy .si_button a:hover {
  text-decoration: none;
}

#si_right {
  margin: 0px 0px 0px 320px;
  width: 500px;
  height: 880px;
  line-height: 1.5em;
}
.si_bigpic {
  margin: 0px 0 10px 8px;
  width: 480px;
  height: auto;
  xheight: 480px;
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 4px;
}
.si_gallery {
  margin: 0 -10px 0 0;
  padding: 0 0 4px 0px;
}
.si_bigpic .currentImg, .si_bigpic .nextImg {
  width: 480px;
  height: 320px;
  overflow:hidden;
}

/***** Gallery (1 shop item) *****/

.gallery img {
  margin: 5px 8px;
  background-color: #fff;
  padding: 4px;
  width: 100px;
  height: 100px;
  border: 1px solid #ccc;
}
.gallery img.draft {
  padding: 3px;
  border: 2px dashed #ccc;
}
.gallery img.selected, .gallery img.selected:hover {
  padding: 4px;
  border: 1px solid #888;
}
.gallery img:hover {
  padding: 3px;
  border: 2px solid #aeb326;
}



/** order form **/
.si_buy_hdr {
  padding: 20px 0 30px 0
}

/** order confirmation **/
dl.order_conf {
  line-height: 2.5em;
  padding: 0 0 20px 0;
}
dl.order_conf div {
  border-bottom: 1px solid #aaa;
}
.order_conf dt {
}
.order_conf dd {
  margin: -2.5em 0 0 150px;
  font-weight: bold;
}



/*****
 * Pages
 *****/

.page_tab {
  padding: 0 0 40px 0;
}
.page_tab H2 {
  padding: 5px 0 10px 0;
  font-size: 18px;
  font-weight: bold;
}
.page_tab .sectionspacer {
  height: 30px;
}


/*****
 * Workshops
 *****/

.wsh_line {
  clear: both;
  margin: 5px 0px 5px 0px;
  height: 1px;
  border-top: 1px solid #aaa;
}
.wsh_descr h3 {
  margin: 10px 0 0 0px;
}
.wsh_descr div {
  margin: 5px 220px 10px 0px;
}
.wsh_descr_pic {
  float: right;
  margin: 5px 0px 10px 15px;
}
.wsh_descr_pic_small {
  margin: 5px 0px 10px 15px;
}
.wsh_descr_pic img, .wsh_descr_pic_small img {
  border: 1px solid #ccc;
}

/** v2 2010 **/
.ws_descr img.pic {
  margin: 5px 7px 5px 6px;
  background-color: #fff;
  padding: 4px;
  border: 1px solid #aaa;
}
.ws_descr h2 {
  font-size: 18px;
  font-weight: normal;
}


/** agenda **/
#agenda_panel h3 {
  margin: 10px 0 5px 0;
}
.wsh_agenda td    { text-align: center; }
.wsh_agenda td a  { font-weight: bold; }

.wsh_agenda tr.month td  { font-size: 16px; font-weight: bold; }
.wsh_agenda tr.titles td { font-weight: bold; }

.wsh_agenda td.level    { width: 50px; }
.wsh_agenda td.subject  { }
.wsh_agenda td.day      { width: 65px; }
.wsh_agenda td.when     { width: 175px; }
.wsh_agenda td.duration { width: 60px; }
.wsh_agenda td.price    { width: 60px; }
.wsh_agenda td.spots    { width: 75px; }

.wsh_agenda td.nplaces6 { background-color: #9f7; font-weight: bold; }
.wsh_agenda td.nplaces5 { background-color: #af8; font-weight: bold; }
.wsh_agenda td.nplaces4 { background-color: #cf8; font-weight: bold; }
.wsh_agenda td.nplaces3 { background-color: #ff8; font-weight: bold; }
.wsh_agenda td.nplaces2 { background-color: #fd9; font-weight: bold; }
.wsh_agenda td.nplaces1 { background-color: #fa8; font-weight: bold; }
.wsh_agenda td.nplaces0 { background-color: #e66; font-weight: bold; }
.wsh_agenda td.nplacesS { background-color: #888; }
.wsh_agenda td.nplacesF { background-color: #666; }


/*****
 * Resume
 *****/

.res_row {
  padding: 6px 0 6px 0;
  border-bottom: 1px solid #aaa;
}
.res_col1 {
  clear: left;
  float: left;
  width: 120px;
  font-weight: bold;
}
.res_col1 img {
  float: right;
  margin: -2px 0 0 0;
  padding: 0 10px 0 0;
  width: 40px;
  height: 40px;
}
.res_col2 {
  margin-left: 130px;
}


/** Resume - Press gallery **/
.press_gallery {
  margin: 0 -5px 0 0;
  padding: 15px 0 0 0px;
}
.press_gallery img {
  margin: 2px 4px;
  width: 150px;
  height: 150px;
  padding: 1px;
  background-color: #ccc;
  border: 1px solid #f6f6f6;
}
.press_gallery img.draft {
  padding: 0px;
  border: 1px dashed #ccc;
}
.press_gallery img:hover {
  padding: 0px;
  border: 2px solid #aeb326;
}


/*****
 * Blog
 *****/

/***** Blog page *****/
#blog_left {
  float: left;
  width: 600px;
  margin: 5px 20px 10px 0px;
  padding: 0 0px 0 0;
  text-align: justify;
  overflow: hidden;
}
#blog_right {
  margin: 15px 0px 0px 640px;
  width: 230px;
}
#blog_one {
  width: 600px;
  margin: 5px 20px 10px 135px;
  padding: 0 0px 0 0;
  text-align: justify;
  overflow: hidden;
}

/***** Blog items *****/
.blogitem h2 {
  margin: 0 0 7px;
  padding: 0 0 4 3px;
  font-size: 1.45em;
  color: #9F1D13;
  text-align: left;
  line-height: 1.1em;
  border-bottom: 1px solid #cccccc;
}
.blogitem h3 {
  font-size: 1.3em;
  margin: 0 0 8px;
}
.blogitem h2 a {
  margin: 0px 0px 0px 0px;
  color: #9F1D13;
  text-decoration: none;
}
.blogitem h2.draft, .blogitem h2.draft a {
  color: #999;
}
.blogitem .date {
  float: right;
  margin: 4px 0px 0px 10px;
  color: #505050;
  font-size: 0.8em;
  text-align: right;
}
.xblogitem .xdate a {
  color: #000;
  font-weight: normal;
  font-style: normal;
}
.blogitem a {
  color: #888;
  color: #9F1D13;
  font-weight: bold;
}
.blogitem a:hover {
  color: #000;
  text-decoration: none;
}
.blogitem .body {
  margin: 0 0 0 0;
  color: #000;
  text-align: justify;
}
.spacer_blogitems {
  height: 35px;
}
.blogpic img {
  display: block;
  margin: 12px auto 12px;
  text-align: center;
  border: 1px solid #CCCCCC;
  padding: 0px;
  background-color: #fff;
}

/***** Blog right column *****/
#blog_right a {
}
.blog_link_cat {
  margin: 18px 0 3px 0;
  padding: 0 0 1px 0;
  border-bottom: 1px solid #ccc;
  font-family: Arial;
  font-size: 1.2em;
  font-weight: bold;
  color: #7B7F0F;
}
.blog_link {
  display: block;
  color: #666;
}
.blog_big_link {
  display: block;
  margin: 10px 0 5px 0;
  font-size: 1.5em;
  font-weight: bold;
  color: #808080;
}
.blog_big_link:hover {
  color: #000;
  text-decoration: none;
}
.blog_big_link img {
  vertical-align: middle;
}

/***** Comments *****/
.ncomments {
  margin: 10px 0px 0px 0px;
}
.spacer_comments {
  height: 8px;
}
.hdr_comments {
  width: 450px;
  margin: 20px auto 12px auto;
  padding: 0 0 2px 0;
  border-bottom: 1px solid #cccccc;
  font-size: 1.2em;
  font-weight: bold;
  color: #9F1D13;
  text-align: left;
}
#comments, .frm_comment {
  width: 450px;
  margin: 0px auto;
}
.comment {
  width: 430px;
  padding: 3px 0px 15px;
}
.comment_header {
  width: 430px;
  border-bottom: 1px solid #ccc;
  border-spacing: 0px;
  padding: 0px;
  margin: 0px 0 5px;
}
.comment_header img {
  vertical-align: middle;
}
.comment_author {
  text-align: left;
  font-size: 10pt;
  font-weight: bold;
  color: #9F1D13;
}
.comment_author a {
  color: #9F1D13;
}
.comment_ip {
  font-size: 7pt;
  font-weight: normal;
  color: #888;
}
.comment_date {
  font-size: 8pt;
  text-align: right;
  color: #505050;
}
.comment_body {
  padding: 0 1px;
  color: #222;
  overflow: hidden;
}
.comment_body .reply {
  margin: 2px 0px 2px 20px;
  xborder: 1px inset #999;
  xbackground-color: #e0e0e8;
  color: #116;
  font-weight: bold;
  font-style: italic;
}
.comment_body_big .comment_more_link {
  display: inline;
}
.comment_body_big .comment_more_link a {
  cursor: pointer;
}
.comment_body_big .comment_more_text {
  display: none;
}
.comment_body_big_all .comment_more_link {
  display: none;
}
.comment_body_big_all .comment_more_text {
  display: inline;
}
.comments_pages {
  xxwidth: 400px;
  margin: 0px 0 10px 0;
  text-align: center;
}
.comments_pages a.current {
  color: #000;
}
#new_comments {
  width: 450px;
  margin: 0px auto;
}
.error_comments {
  margin: 0px 0 0 0;
  border: 1px solid #a00;
  background-color: #fee;
  padding: 5px;
  color: #c00;
  overflow: hidden;
  font-weight: bold;
}
.error_comments li {
  color: #c00;
}

/** Comment form **/
.frm_comment label {
  display: block;
  font-size: 9pt;
  color: #000;
}
.frm_comment input, .frm_comment textarea, .frm_comment select {
  display: block;
  width: 424px;
  margin: 0px 0px 10px;
  padding: 2px;
  border: 1px solid #c0c0c8;
  border-color: #C8C8BB #eeeeee #e0e0e0 #bbbbac;
  background-color: #fafaff;
  color: #000;
  word-wrap: break-word;
}
.div_submit {
  height: 32px;
}
.div_submit img {
  padding-left: 44px;
  display: none;
}
.frm_comment input.submit {
  width: 120px;
  background-color: #f0f0f8;
  border-color: #ddd #aab #c0c0c0 #ddd;
}
.frm_comment input[type=hidden] {
  display: none;
  border: none;
  background-color: #fff;
}



/*****
 * Home
 *****/

#home_left {
  float: left;
  width: 360px;
  margin: 5px 20px 10px 3px;
  padding: 0 0px 0 0;
  overflow: hidden;
  text-align: left;
}

#home_right {
  margin: 5px 0px 0px 390px;
  width: 480px;
  line-height: 1.5em;
}

.home_bigpic {
  margin: 10px 0px 10px 0;
  text-align: center;
}
.home_bigpic img {
  border: 1px solid #ccc;
  padding: 3px;
  background-color: #fff;
}



/*****
 * Various
 *****/

.mlist_info, .mlist_input {
  width: 180px;
  border-width: 1px;
  padding-left: 3px;
  color: #888;
}
.mlist_input {
  color: #000;
}
.welcome_page {
  margin: 60px 0 200px 0px;
  text-align: center;
}
.welcome_page a {
  font-size: 14pt;
  color: #7B7F0F;
}


/***** Images - general *****/

img.rightframe {
  float: right;
  margin: 5px 0px 5px 10px;
  border: 1px solid #ccc;
  padding: 3px;
  background-color: #fff;
}





/*****
 * Forms
 *****/

H2 {
  padding: 0 0 10px 0;
}
.form_user {
  padding: 2px 0 10px;
}
.form_user .info {
  margin-left: 150px;
  font-size: 0.85em;
  font-weight: bold;
  color: #666;
}
.form_user .info_ta {  /* voor textarea */
  margin: 0 0 -1.75em 150px;
  font-size: 0.85em;
  font-weight: bold;
  color: #666;
}
.form_user .input {
  padding: 0 0 4px;
}
.form_user label {
  width: 8em;
  width: 145px;
  float: left;
  text-align: left;
  margin-right: 0.5em;
  display: block;
}
.form_user input, .form_user textarea, .form_user select {
}
.form_user input, .form_user select {
}
.form_user textarea {
  word-wrap: break-word;
}
.form_user input[type=checkbox] {
  margin: 3px 0 7px;
  clear: both;
}
.form_user input[type=submit] {
  margin: 5px 0 5px;
  clear: both;
}


/*************************************
   MARKUP (posts)
 *************************************/
.markup P         { margin: 0px; text-align: justify; }
.markup P.center  { text-align: center; }
.markup P.empty   { height: 1em; }
.markup P.indent  { margin: 0px 20px 0 30px; }
.markup P.indent2 { margin: 0px 40px 0 60px; }
.markup P.indent3 { margin: 0px 60px 0 90px; }
.markup P.indent_ul  { margin: 0px 0px 0 15px; }
.markup P.indent_ul2 { margin: 0px 0px 0 35px; }
.markup P.indent_ul3 { margin: 0px 0px 0 55px; }

.markup H2 {
  margin: 0px 0 8px;
}
.markup H2, .markup H2 A {
  color: #9F1D13;
  xfont-size: 18px;
  xfont-weight: normal;
}
.markup H3 {
  margin: 0 0 4px;
}
.markup H3, .markup H3 A {
  xcolor: #585850;
  font-size: 15px;
  font-weight: bold;
}
.markup H4 {
  margin: 0 0 1px;
}
.markup H4, .markup H4 A {
  color: #585850;
  font-size: 13px;
  font-weight: bold;
}
.markup PRE {
  font-size: 12px;
}
.markup UL        { margin-left: 15px; }
.markup UL UL     { margin-left: 20px; }
.markup OL        { margin-left: 20px; }
#content .markup LI.olli2, #content_no_rc .markup LI.olli2  { margin-top: 1em; }

/** tables **/
.markup TABLE.verbuiging            { margin: 0 auto; background-color: #f4f4ec; border-spacing: 0px; }
.markup TABLE.verbuiging TD         { padding: 2px 2px; text-align: center; font-style: normal; font-weight: bold; }
.markup TABLE.verbuiging TR.row1 TD { border-bottom: 0px solid #ddc; padding: 4px 5px 2px; font-style: italic; font-weight: normal; }
.markup TABLE.verbuiging TD.col1    { border-right: 0px solid #ddc;  padding: 2px 5px; font-style: italic; font-weight: normal; }

.markup TABLE.vb                    { background-color: #fff; border: 0px solid #ddd;}
.markup TABLE.vb TD                 { font-style: italic; font-weight: normal; }
.markup TABLE.vb TR.row1 TD         { border-bottom: 1px solid #ddd;  }
.markup TABLE.vb TD.col1            { border-right: 1px solid #ddd;  }

/** frames **/
.markup .shade { margin: 0 20px; background-color: #eee; padding: 5px; }
.markup .line  { margin: 0 20px; border: 1px solid #aaa; padding: 5px; }