/* random things */
.clear{ clear: both; }
.invisible{ display: none; }

a { color: #454545; }
a:hover { color: #ba4a4a; }
.jslink { color: #454545; text-decoration: underline; }
.jslink:hover { color: #ba4a4a; cursor: pointer; }

.img { margin: 5px; border: 4px solid #cccc99; }
.image { cursor: pointer; }
p
{
  color: #000000;
  font-family: Times;
  font-size: 15px;

  margin-top: 0px;
  margin-bottom: 10px;
}
h1
{
  color: #303530;
  font-family: Monotype Corsiva;
  font-size: 26px;
  font-weight: bold;
  
  margin-top: 20px;
  margin-bottom: 10px;
}
h2
{
  color: #252525;
  font-family: Times;
  font-size: 16px;
  font-weight: bold;

  margin-top: 5px;
  margin-bottom: 0px;
}


html, body { min-height: 100% }

body
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  
  background-color: #cccc99;
  background-image: url(../img/background1.gif);
  background-repeat: repeat-y;
}

div.main
{
  /*position: relative;*/
  
  margin-left: 19px;
  width: 890px;
  height: 100%;
  
  background-color: #a6ba7f;
}

/* Split background in three parts*/
div.background-top
{
  width: 890px;
  height: 143px;
  margin-left: 0px;
  
  background-image: url(../img/background-top.gif);
}
div.background-center
{
  width: 824px;
  top: 0px;
  margin-left: 10px;
  padding-left: 23px;
  
  background-color: #8dba7f;
  background-image: url(../img/background-center.gif);
}
div.background-bottom
{
  width: 846px;
  height: 153px;
  margin-left: 10px;
  
  background-image: url(../img/background-bottom.gif);
}

/* Header */
.page_header
{
  position: absolute;
  left: 270px;
  top: 32px;
  width: 240px;
  height: 50px;
  margin-left: 15px;
  
  color: #a6ba7f;
  font-family: Monotype Corsiva;
  font-size: 34px;
  line-height: 50px;
  text-decoration:none;
}
.page_header_right
{
  position: absolute;
  left: 575px;
  top: 13px;
  width: 300px;
  height: 75px;
}
.img_header
{
  width: 240px;
  height: 50px;
  border: 0px black solid;
}

/* Navigation */
.navtop
{
  position: absolute;
  left: 52px;
  top: 53px;
  width: 180px;
  height: 90px;
  
  background-color: #659465;
  background-image: url(../img/menutop.gif);
}
.navlink
{
  font-family: Monotype Corsiva;
  color: #a6ba7f;
  text-decoration:none;
}
.navlink:hover { color: #ba4a4a; }

/* Bignav */
.bignav
{
  width: 180px;
  float: left;
    
  background-color: #659465;
  padding-bottom: -100px;
  
  text-align: center;
}
.navmenu
{
  background-image: url(../img/menubalkenverticaal.gif);
  background-repeat: repeat-y;
}
.navmenu div
{
  width: 180px;
  height: 40px;
  
  text-align: center;
  padding-top: 5px;
  background-image: url(../img/menubalk.gif);
}
.navmenu div.navmenu_last { background-image: url(../img/menubalk-last.gif); }
.navmenu div a
{
  display: block;
  width: 100%;
  height: 100%;
  
  color: #a6ba7f;
  font-family: Monotype Corsiva;
  font-size: 24px;
  text-decoration:none;
}
.navmenu div a:hover { color: #ba4a4a; }
.navmenu div.navmenu_selected a { color: #ba4a4a; }

/* Little menu on top of the page */
.lilmenu
{
  position: absolute;
  left: 275px;
  top: 110px;
  width: 530px;
  height: 18px;
  
  font-family: Monotype Corsiva;
  font-size: 19px;
}
.lilmenu div { display: inline; margin-left: 30px; }
.lilmenu a { color: #454545; text-decoration: none; }
.lilmenu a:hover { color: #ba4a4a; }
.lilmenu a.lilmenu-selected { color: #ba4a4a; }

/* Content */
.content
{
  margin-left: 30px;
  width: 560px;
  float: left;
  
}
/* Wavey thing at bottom right of the content */
.wavey
{
  float: right;
  width: 36px;
  height: 84px;
  margin-right: 75px;
  
  vertical-align: bottom;
  background-image: url(../img/golfjes.gif);
}

/* Feeds */
.feed_contentedit textarea { width: 480px; height: 200px; }


.page .feed_item { }
.page .feed_info { display: none; }
.page .feed_extrabuttons { height: 20px; }
.page .feed_title { color: #303530; font-family: Monotype Corsiva; font-size: 26px; font-weight: bold; margin-top: 0px; margin-bottom: 10px; }
.page .feed_content { display: block; }

.gastenboek .feed_item { width: 95%; margin: 10px auto 20px auto; border: 2px solid #659465; }
.gastenboek .feed_info { display: inline; }
.gastenboek .feed_extrabuttons { display: inline; float: right }
.gastenboek .feed_title { display: none; }
.gastenboek .feed_content { border-top: 2px solid #659465; background-color: #a6ba7f; }

.verhalen .feed_item { width: 95%; margin: 10px auto 20px auto; }
.verhalen .feed_info { display: inline; color:#454545; font-size:12px; }
.verhalen .feed_extrabuttons { display: inline; float: right; }
.verhalen .feed_title { border: 2px solid #659465; background-color: #a6ba7f; color: #303530; font-family: Monotype Corsiva; font-size: 26px; font-weight: bold; }
.verhalen .feed_title:hover { cursor: pointer; }
.verhalen .feed_content { background-color: #8dba7f; }


div.file_manager_view
{
  border: 2px solid #659465;
  background-color: #d7e7b0; 
}
td.file_manager_view
{
  
}
div.file_manager_message
{
  background-color: #a6ba7f;
  border: 2px solid #659465;
}

div.albumview_dirlist
{
  display: inline;
}

/*a { color: #454545; }
a:hover { color: #ba4a4a; }*/

.lastupdates { margin-left: 10px; line-height: 18px; }
.lastupdates .header { font-weight: bold; color: #303530; }
.lastupdates .item { }
.lastupdates .item a { text-decoration: none; color: #303530; }
.lastupdates .item a:hover { text-decoration: underline; color: #454545; }
.lastupdates .item .changedate { font-style: italic; }
.lastupdates .item .title { font-weight: normal; }