/* 
    COLORS Tijdstroom                   Kindergeneeskunde
        meerlichtblauw:  #e0e4ee        donkerrood: #80071b
        lichtblauw:      #d0d6e5        
        middelblauw:     #8494bc
        donkerblauw:     #344f91
        meerdonkerblauw: #3c475e

    AFMETINGEN
        containter       : 980px
        content          : 618px
        rechts, mannetje : 263px
        links:           :  99px
*/

html.kindergeneeskunde {
    background: #80071b;
}

body, html {
  margin:      0em;
  background:  #3c475e;
  font-family: Verdana, Sans Serif;
  font-size:   12px;
  line-height: 1.6em;
}


body { overflow-y: scroll }
/* subsite kindergeneeskunde andere achtergrondkleurwrapper  */
body.kindergeneeskunde { 
  background: #80071b;
}


a {
  text-decoration:none;
  color: #29387B;
}

a:hover {
  text-decoration:underline;
  color:red;
}

a img{ 
  border: none;
  margin: 0em 1em 1em 1em;
}


/* WRAPPER */

#container {  /* complete site in het midden */
  width: 980px;
  margin: auto;
}

/* complete site minus topbalk */
div.tijdstroom {
  background-image: url('../img/background.png');
  background-repeat: repeat-y;
  background-position:  top right; /* topnav height */
}

div.kindergeneeskunde {
  background-image: url('../img/background-kindergeneeskunde.png');
  background-repeat: repeat-y;
  background-position:  top right; /* topnav height */
}

#subsubcontainer{ /* content en hoofdnavigatie centreren */
  margin: auto;
}


/* TOPNAV */
#topnav{ 
  color: #DDD;
  margin-left: 99px; /* todo */
  height: 2em;
  overflow: hidden;
  padding-top: .3em;
  font-family: Verdana, Sans Serif;
}
#topnav a{
  color: #DDD;
  text-decoration: none;
}
#topnav a:hover{ 
  text-decoration: underline;
}

#topnav #search_search{ 
  margin-left: 4em;
  background:  white;
  padding:     1px;
  height:      1.1em;
}

#topnav #search_field{ 
  width:   6em;
  border:  none;
  height:  1em;
  margin:  0em;
  padding: 0em;
  /* vertical-align: top; */
}

#topnav #search_submit{ 
  padding:    0em;
  font-size:  80%;
  margin:     0em;
  background: transparent;
  vertical-align: top;
  border:     1px solid #FFF;
}



/* HEADER */

#header{ 
  margin-left: 99px;
}

#header_nav{ 
  /* 91px hoog inclusief rand */
  height: 91px; 
  line-height:1em;
  position: relative;
}
#header_nav a#header_nav_home_link{
  display: block;
  height: 50px;
  border: none;
}

#header_nav ul{
  margin: 0em;
  /* voor IE */
  padding: 10px 0em 7px .5em;
  max-width: 500px; /* TODO */
  position: absolute;
  bottom: 0px;
  max-width: 520px;
  overflow: hidden;
}

#header_nav ul li{ 
  display: inline;
  margin: 0em;
  padding: 0em;
}

#header_nav a{ 
  border-bottom: 3px solid #FFF;
  border-top: 3px solid #8395B4;
  color: white;
  text-decoration: none;
  padding: .5em .5em 5px .5em;
  font-family: Arial, Verdana; /* @TODO */
  font-weight: bolder;
}

#header_nav a:hover{ 
  text-decoration: underline;
}

#header_nav a.active{ 
  border-top:    3px solid #FFF;
  border-left:   3px solid #FFF;
  border-right:  3px solid #FFF;
  border-bottom: 3px solid #CDd6e5;
  color:         #3c475e;
  background:    #d0d6e5;
}

/* header_nav kindergeneeskunde */

#header_nav_kg{ 
  /* 91px hoog inclusief rand */
  height: 91px; 
  position: relative;
  line-height:1em;
}
#header_nav_kg a#header_nav_kg_home_link{
  display: block;
  height: 50px;
  border: none;
}

#header_nav_kg ul{
  margin: 0em;
  /* voor IE */
  padding: 10px 0em 7px .5em;
  max-width: 500px; /* TODO */
  position: absolute;
  bottom: 0px;
  max-width: 520px;
  overflow: hidden;
}

#header_nav_kg ul li{ 
  display: inline;
  margin: 0em;
  padding: 0em;
}

#header_nav_kg a{ 
  border-bottom: 3px solid #FFF;
  border-top: 3px solid #b20700;
  color: white;
  text-decoration: none;
  padding: .5em .5em 5px .5em;
  font-family: Arial, Verdana; /* @TODO */
  font-weight: bolder;
}

#header_nav_kg a:hover{ 
  text-decoration: underline;
}

#header_nav_kg a.active{ 
  border-top:    3px solid #FFF;
  border-left:   3px solid #FFF;
  border-right:  3px solid #FFF;
  border-bottom: 3px solid #e3e6ef;
  color:         #3c475e;
  background:    #e3e6ef;
}

#header_nav a.active{ 
  border-top:    3px solid #FFF;
  border-left:   3px solid #FFF;
  border-right:  3px solid #FFF;
  border-bottom: 3px solid #CDd6e5;
  color:         #3c475e;
  background:    #d0d6e5;
}

#header_nav a.active h1, #header_nav_kg a.active h1 {
    font-size:1em;
    display:inline;
}

#header_subnav a.active h2, #header_subnav_kg a.active h2 {
    font-size:1em;
    display:inline;
}

#header_subnav{ 
  margin: 0em;  
  height: 85px;
  overflow: hidden;
}

#header_subnav ul{ 
  padding: 1em 1em 0em 1em;
  margin:  0em;
}

#header_subnav ul li{ 
  display: inline;
}

#header_subnav ul li a{ 
  font-family:     Verdana, Sans Serif;
  font-weight:     bolder;
  text-decoration: none;
  margin-right:    1em;
  color:           #29387B;
}

#header_subnav ul li a.active{ 
  font-weight:     bold;
  color:           black;
  border-bottom:   1px dotted #29387B;
}

#header_subnav ul li a:hover{ 
  text-decoration: underline;
}

/* BORDER */
#left{ 
  float: left;
  width: 99px;
  height: 500px;
}

div#left{ 
  /* doorlopende balk */
  background-image: url('../img/background-left.png');
  background-repeat: repeat-y;
}
#left a{ 
  text-decoration: none;
  line-height: 0em;
}
#left img{ 
  margin: 0px;
  border: 0em;
}
#left .left{ 
  float:left; 
}

/* kindergeneeskunde subsite */
#leftkg{ 
  float: left;
  width: 99px;
  height: 500px;
}

div#leftkg{ 
  /* doorlopende balk */
  background-image: url('../img/left-kindergeneeskunde.png');
  background-repeat: no-repeat;
}
#leftkg a{ 
  text-decoration: none;
  line-height: 0em;
}
#leftkg img{ 
  margin: 0px;
  border: 0em;
}
#leftkg .left{ 
  float:left; 
}


#right{ 
  float: right;
  width: 263px;
  height: 30em;
}
#right #right_home_link{ 
  display: block;
  width: 98%;
  height: 400px;
}

/* FOOTER */

#footer{ 
  background-image: url('../img/background-footer.png');
  height: 20px;
  background-repeat: no-repeat;
  position: relative;
}
#footerkg{ 
  background-image: url('../img/background-footer-kg.png');
  height: 20px;
  opacity: 1;
  background-repeat: no-repeat;
  position: relative;
}

#footer p, #footerkg p{ 
  font-size: 66%;
  margin: 0em;
  position: absolute;
  bottom: .2em;
  right:  1em;
  opacity: .5;
  color: #ccc;
}
#footer p:hover, #footerkg p:hover{ 
  opacity: 1;
}
#footer a, #footerkg a{ 
  color: #ccc;
  text-decoration: none;
}

/* CONTENT */

#contentcontainer{ 
  background:  #e0e4ee;
  
  /* absolute doet te ver naar rechts in IE, float right werkt wel...
     position: absolute;
     top: 176px;
     right: 263px;
     left: 99px;
     padding: 0em 1em 1em 1em;
     */

  width: 618px;
  max-width: 618px;
  overflow: hidden;
  float: right;
}

#content{ 
  padding: 0em 1em .3em 1em;
}

#content h1{ 
  font-size: 120%;
}
#content h1 a{ 
  color: #000;
}
#content h2{ 
  font-size:   100%;
  font-weight: bold;
}

h1.top{ 
  /* toon in subnav balk hack */
  position:   absolute;
  margin-top: -3.5em;
  font-size:  100% !important;
}

/* DEBUG */

#debug{ 
  position: fixed;
  bottom: 2em;
  right: 2em;
  border: 2px solid #AAF;
  background: #DDF;
  padding: 1em;
  -moz-border-radius: 1em;
  opacity: .2;
}

#debug:hover{  
  opacity: 1;
}

/* CATALOGUS */
.book_title {
  font-weight:bolder;
}

.book_summary {
  margin-bottom: 2em;
}
.book_summary .book_title {
}
/* .book_summary .book_stitle { */
.book_stitle {
  font-style:italic;
}
.book_summary .book_author {
  padding-left: 0em;
}
.book_summary .book_info {
  font-size: 90%;
  color:#344f91;
  color:#3c475e;
  padding-left:0em;
}

.book_summary .book_cover{
  float: right;
  margin: 0em 0em 2em 2em;
}

.book_summary .book_cover img{
  border: none;
  margin-top: .5em;
}

/* _BOOK voor ZOEKEN */
.book_summary_zoeken .book_cover{
  float: right;
  margin: 0em 0em 0em 1em;
}

.book_summary_zoeken .book_cover img{
  border: none;
  margin-top: 0em;
}
.book_summary_zoeken .book_info .excerpt{ 
  font-size: smaller;
  padding: .2em 0em .2em .3em;
} 


table.book ul{ 
  list-style: none;
  width: 160px;
}

table.book img{ 
  border: none;
  margin: 1em 0em 1em 2em;
}

td{
  overflow:hidden;
}


table.homepage_books td{ 
  vertical-align: top;
}



#content td{
    vertical-align: top;
}

table.homepage_books img{ 
  border:   none;
  margin:   0em 0em 4em 2em;
}

ul.book_list{ 
  list-style: none;
  padding:    0em;
}
ul.category_list{ 
  list-style: none;
}
ul.category_list li{ 
  margin-bottom: 1.5em;
}
ul.category_list li h2{ 
  margin: 0em;
}
ul.category_list li .category_list_image a{ 
  float: left;
  padding: 1em 1em 1em 0em;

}
ul.category_list li .category_list_image img{ 
  margin: 0em;
}

/*  tiny */
img.right{ 
  float: right;
}
img.left{ 
  float: left;
}

/* NEWS */

ul.news_list{ 
  list-style: none;
}

ul.news_list h2{ 
  margin-bottom: 0em;
}

.faqlist h3.accordion_toggle {
    cursor:pointer;
    font-weight:bold;
    background: #d0d6e5;        
    height:15px;
    padding-left:15px;
    padding-bottom:5px;
    vertical-align:middle;
}


.faqlist .accordion_content  {
    margin-top:-5px;
    padding-left:20px;
    padding-bottom:15px;
}

table.block img {
    margin: 0 0 4em 2em;
}