/* GENERAL STYLES */
/* Algemeen
------------------------------------*/
body { font-size: 80%; font-family: Arial, Helvetica, Sans-serif; color: #000; } 
textarea, td { font-family: Arial, Helvetica, Sans-serif; font-size: 1em; }

#content { border-top: solid 2px #CACACA; border-bottom: solid 1px #CACACA; }
#content p, #content li { line-height: 1.4em; }

#footer { padding: 1em 0 0; text-align: center; font-size: 0.9em; color: #999; }
  #footer a {  color: #999; }

#logo { margin: 0 0 1em; height: 100px; background: #fff url(/images/rna-logo.gif) no-repeat 0 0; }
  #logo a { display: block; height: 100px; text-indent: -9999px; background: transparent url(/images/rna-logo.gif) no-repeat 100% 0; }

.box { position: relative; margin: 0 0 1em; background: #C8F0C8 url(/images/menuknop.gif) no-repeat 0 100%;  }
  .box .content { padding: 1em; background: transparent url(/images/menuknop.gif) no-repeat 100% 100%;  }
  .box .content a { color: red; text-decoration: none; }
  .box .content a:hover { color: #000; }
  .box h2 { margin: 0; font-size: 1em; font-weight: bold; color: #01A001; height: 25px; line-height: 25px; background: #92E192 url(/images/menuknop.gif) no-repeat 0 0; }
  .box h2 span { display: block; padding: 0 1em; background: transparent url(/images/menuknop.gif) no-repeat 100% 0; }
  .box .content p { margin: 0 0 .5em; }

  .blauw .box{ background-color: #C3E4F0; }
    .blauw .box h2 { background-color: #87C9E1; color: #0A3296; }
  .oranje .box{ background-color: #FBE2B7; }
    .oranje .box h2 { background-color: #FDBD70; color: #C83200; }
  .rood .box{ background-color: #F3DCDA; }
    .rood .box h2 { background-color: #E6B8B4; color: #C83200; }

blockquote { padding: 1em 1em 0.5em; background: #ffc; }
  blockquote p, blockquote h2, blockquote h3, blockquote h4, blockquote h5 { margin: 0 0 1em; }

p.meta, p.last-update { margin: 0; color: #666; font-size: 0.9em; }
  p.last-update { border-top: solid 1px #ccc; padding: 1em 0; margin: 1em 0 0; }
    p.last-update span { float: left; width: auto; }
      p.last-update span.authors{ float: right; }

/* Links
------------------------------------*/
a, a:link, a:active, a:visited { color: #C83200; }
  a:hover { color: green; text-decoration: none; }

  a.pdf, a.doc, a.ppt, a.zip, a.extern, a.externLink { position: relative; padding-right: 20px; background: transparent no-repeat 100% 50%; }  
  a.pdf { background-image: url(/images/icon_pdf.gif) ; }
  a.doc { background-image: url(/images/icon_doc.gif); }
  a.ppt{ background-image: url(/images/icon_ppt.gif); }
  a.zip{ background-image: url(/images/icon_zip.gif); }
  a.extern, a.externLink { background-image: url(/images/icon_extern.gif); }

#secondaryNav a { color: #01A001; }
 #secondaryNav a:hover { color: #000; }

  a.spectacle { margin: 1em 0 0; }

/* Headings
------------------------------------*/
/*
h1 { font-size: 1.5em; line-height: 1.2em; margin: 0.5em 0;  font-weight: normal; }
h2 { font-size: 1.5em; line-height: 1.2em; font-weight: normal; }
h3 { font-size: 1.3em; line-height: 1.2em; }
h4 { font-size: 1.2em; line-height: 1.2em; }
h5 { font-size: 1em;  line-height: 1.2em; }
*/

/* Navigatie
------------------------------------*/
#mainNav ul, #mainNav li, #mainNav div  { margin: 0; padding: 0; list-style: none; position: relative; }
  #mainNav li { color: #C83200; font-size: 1em; margin: 0 0 10px;}  
  #mainNav li, #mainNav li div { background: url(/images/menuknop.gif) no-repeat 0 100%; }    
    #mainNav li div { height: auto; margin: 0; width: 100%; padding: 0 0 5px; background-color: transparent; background-position: 100% 100%; }
      #mainNav .submenu li { margin: 0; padding: 0; background: none; }
	
  #mainNav li span, #mainNav li span a {background: url(/images/menuknop.gif) no-repeat 0 -50px; display: block; }
    #mainNav li span a { background-color: transparent; background-position: 100% -50px; height: 14px; padding: 6px 20px 0 10px; }
    #mainNav li ul { padding: 5px 10px 0 24px; }
    #mainNav .submenu li { list-style-type: circle; }
      #mainNav .submenu ul { padding: 0 0 0 24px; }       
      #mainNav li li span, #mainNav li li span a { display: inline; margin: 0; padding: 0; line-height: 1.5em; background: none; }  
  
  /* kleuren */
  #mainNav li, #mainNav li span { background-color: #FDBD70; } /* headers */
  #mainNav li.active, #mainNav li ul {  background-color: #FBE2B7; }
  
  /* aktief */
  #mainNav li li.active { color: #000; list-style-type: disc; }
  #mainNav li.active span, #mainNav li.active span a { background-position: 0 -100px;}
    #mainNav li.active span a { background-position: 100% -100px; padding-bottom: 7px; }
      #mainNav .submenu li.active span a { color: #000; }
      
  /* links */
  #mainNav a, #mainNav .submenu li a { color: #C83200; text-decoration: none; }
  #mainNav a:hover { color: #000; }
    #mainNav li a { font-weight: bold; }
    #mainNav li li a { font-weight: normal; } 
  
#breadCrumbNav { position: absolute;  bottom: 10px;  left: 25%; }
  #breadCrumbNav, #breadCrumbNav  li { margin: 0; padding: 0; list-style: none; }
  #breadCrumbNav li { display: inline; font-size: 0.9em; color: #666; }
  #breadCrumbNav a { text-decoration: none; }
  #breadCrumbNav .spacer { margin: 0 0.5em; }

#baseNav { position: absolute; bottom: 10px; left: 10px; }
  #baseNav , #baseNav li { margin: 0; padding: 0; list-style: none; } 
  #baseNav li { display: inline; font-size: 0.9em; color: #666; }
  #baseNav a { text-decoration: none; color: #666; }
  #baseNav .spacer { margin: 0 10px; }

/* Keywords
------------------------------------*/
#keywords, #keywords li  { margin: 0; padding: 0; list-style: none; }
 #keywords li { margin: 0 0 .2em; }

#keyword { position: absolute; right: 100%; top: auto; width: 370px; z-index: 999; }  
  #keyword a.close { position: absolute; top: 10px; right: 25px; padding: 0 2px; color: #C83200; }
  #keyword a.close:hover { background: #C83200; color: #fff; }
  #keyword .content { position: relative; margin: 0; padding: 0; font-size: 0.9em; }
  #keyword .content .lemma { width: 330px; padding: 10px 25px 0 15px;  background: url(/images/bg_lemma.png) no-repeat 0 0; }
  #keyword .content .bottom { height: 20px; width: 370px; margin: 0; background: url(/images/bg_lemma-bottom.png) no-repeat 0 0; }   

  #keyword h1 { margin: 0 0 0.5em; font-weight: bold; }
  #keyword h3 { font-size: 1em; margin: 1em 0 0.2em; }

  #keyword ul, #keyword li { margin: 0; padding: 0; list-style: none; }
    #keyword li a { font-weight: bold; }


/* FacetNav
------------------------------------*/
ul#facets, #facets ul, #facets li { margin: 0; padding: 0; list-style: none; }
  #facets ul.values { background: #fff; height: 100px; padding: 5px; overflow: auto; margin-bottom: 1em; border: solid 1px #ccc; }
  html > body #facets ul.values { height: auto; max-height: 100px; } /* FF, Opera & IE7 */

ul#results, #results li { margin: 0; padding: 0; list-style: none; }

#selections { margin: 0 0 1em; padding: 5px; background: #fff; border: solid 1px #ccc;}
  #selections li { position: relative; font-size: 0.9em; width: 100%; margin: 0 0 0.25em; padding: 0; list-style: none; }
  #selections li strong { display: block; margin-right: 3.5em; }
  #selections li strong span {font-weight: normal; }
  #selections li a { position: absolute; top: 0; right: 0; padding: 0 2px; color: #C83200; }
  #selections li a:hover { background: #C83200; color: #fff; }

/* Search
------------------------------------*/
  #search input {margin: 0; width: 50% }
  #search input.search-button { float: right; width: 35%; background: #4DBC4D; color: #fff; border: none;  }

#searchResults, #searchResults li {margin: 0; padding: 0; list-style: none; }
  #searchResults .number { color: #666; float: left; width: 2em; }

.paging, .paging li {margin: 0; padding: 0; list-style: none; }
  .paging li { margin-right: 1em; display: inline; }
  .paging a, .paging strong { padding-right: 0.7em; border-right: solid 1px #000;}
  .paging li.next a { border: none; }
  .paging { margin: 2em 0 }
  .paging li.actief a { font-weight: bold; color: #000; }

/* Forms
------------------------------------*/
form, fieldset { margin: 0; padding: 0; border: none; }
form { padding-bottom: 1em; }
  form label, form input, form textarea { float: left; width: 20%; margin: 0 0 10px; padding: 0.2em 0; }
  form label { font-weight: bold; margin-right: 5%; display: inline; }
  form input, form textarea { width: 74%; background: #F7F7F7; border: 1px #ccc inset; }
  form textarea { height: 10em; overflow: auto; }
  form .umbracoAutoFormButton { margin-left: 25%; width: 30%; background: #4DBC4D; color: #fff; border: none;  }

  form#umbracoAutoForm p { clear: both; margin: 0; }

/* Walvis demo
------------------------------------*/
#soorten, #soorten li { margin: 0; padding: 0; list-style: none; }
  #soorten li {  }
  #soorten li.actief a { font-weight: bold; color: #000; }

/* Nieuws
------------------------------------*/
#news-item h1 { margin-bottom: 0.2em; }
#news .entry { padding-top: 1em; border-top: solid 1px #ccc; }
  #news .entry h3 { margin: 0; } 
      #news .entry h3 a { color: #000; text-decoration: none; }
      #news .entry h3 a:hover { color: green; }

  #news ul.tags, #news ul.tags li { margin: 0; padding: 0; list-style: none; }
  #news ul.tags li { display: inline; margin: 0.5em 1em 0.5em 0; }

/* Comments
------------------------------------*/
.comment-count, .leave-comment { position: relative; color: #333; background: url(/images/icon_comment.gif) no-repeat 0 50%; padding-left: 20px; }
  .leave-comment { color: #C83200; background-image: url(/images/icon_comment-add.gif); cursor: pointer;} 

#comments { border-top: solid 1px #ccc; }
  #comments ul, #comments li { margin: 0; padding: 0; list-style: none; }
    #comments li { padding: 0.5em; margin: 0 0 0.5em; position: relative; background: #f7f7f7; }
      #comments li p { font-size: 0.9em; margin: 0 0 0.5em; }
      #comments li .meta, #comments li .meta a { text-decoration: none; color: #666; }
      #comments li .meta a { font-size: 0.9em; }



/* EDITOR PROPERTIES */
h1 {
font-size: 1.5em; 
line-height: 1.2em; 
margin: 0.5em 0;  
font-weight: normal;
}

h2 {
font-size: 1.5em; 
line-height: 1.2em; 
font-weight: normal; 
}

h3 {
font-size: 1.3em; 
line-height: 1.2em;
}

h4 {
font-size: 1.2em; 
line-height: 1.2em;
}

h5 {
font-size: 1em; 
line-height: 1.2em;
}

h6 {
font-size: 0.9em; 
line-height: 1.2em;
}

.pink {
color: #CC0099;
font-style: italic;
}