/* rood: #CE1126  
   Kun je de kleur rood wijzigen in RGB 206/17/38 zodat het qua kleur 
   overeenkomt met de kleur rood van het logo welke wordt gebruikt in de
   banner van de site.*/

html {
    height: 100%;
}

body {
	margin: 0;
	padding: 0;
    font-family:Trebuchet MS,Verdana,Arial,Helvetica;
    font-size:80%;
    line-height:150%;
    height: 100%;
    color:#333;
}

h1 {
    font-size:150%;
    color: #ce1126;
}
h2 {
    font-size:120%;
    color: #ce1126;
}
h3 {
    font-size:110%;
    color: #ce1126;
}

form {
	margin: 0;
	padding: 0;
}

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

img {
    border:0px;
}

sup{
    line-height: 0;
    vertical-align: text-top;
}

/* tinyMCE chi */
.rechts{
    float: right;
    margin: 0em 0em 1em 1em;
}
.links{
    float: left;
    margin: 0em 1em 1em 0em;
}

/*=== HOME ===*/

body {
    background-color:#fff;
    background-repeat: repeat-x; 
}

#left_shade {
    position:absolute;
    width:30px;
    left:50%;
    margin-left:-503px;
    top: 248px; /* logo + nav + bread */
    background-image: url(img/shade-left.jpg);
    background-repeat: no-repeat;
    border-right: 1px solid #FFF;
}

#right_shade {
    position:absolute;
    width:30px;
    left:50%;
    margin-left: 472px;
    top: 248px;
    background-image: url(img/shade-right.jpg);
    background-repeat: no-repeat;
    border-left: 1px solid #FFF;
}

#wrapper {
    position:absolute;
    width:945px;
    left:50%;
    margin-left:-473px;
    overflow: hidden;
}

#topbar {
    position:relative;
    width:945px;
    height:68px;
    margin-bottom:0px;
}
#topbar img {
}

#topbar_right {
    position: absolute;
    bottom: 12px;
    right: 0px;
}

#language {
    float:right;
    vertical-align:bottom;
}

#search {
    float:right;
    padding-right:20px;
}

#webshop_banner {
    padding:0px 0px 10px 180px;
}

#nav {
    width:      945px;
    height:     180px;
    background: #E6E6E6;
}

#breadcrumb {
    background: #FFF;
    padding: .5em 0em 1em 1em;
    /*width: 555px;*/    /* 945 - content_table_right */
    font-size: 90%;
    color: #ce1126;
}
#breadcrumb a {
    color: #ce1126;
}

#right {
    width:220px;
    float:right;
}



/*
    CONTENT
*/

#content {
    width:945px;
    /* background-color:yellow; */
}
 #content_table{
   width: 945px;
   border-collapse:collapse;
 }
 
  #content_table td{
   vertical-align: top;
  }
   /* overflow: hidden; werkt niet met table cells */
   #content_table tr td div{
   overflow: hidden;
   }
  #content_table #content_table_left div{
   width: 260px;
   padding: 0em 0em 0em 0em;
  }
    #content_table #content_table_left div img{
     margin-bottom: 1em;
    }
    #content_table #content_table_left div div.num{
     background:  black;
     opacity:     .8;
     margin-top:  -3.4em;
     margin-left: .3em;
     padding:     .2em;
     color:       white;
     font-weight: bold;
     width:       1em;
     z-index:     10;
     text-align:  center;
    }

  #content_table #content_table_content div{
    width:     465px;
    max-width: 465px;
    overflow: hidden;
    padding: 0px 20px 0px 20px;
  }

  #content_table #content_table_content_wide div{
    width:     605px;
    max-width: 605px;
    overflow: hidden;
    padding: 0px 20px 0px 20px;
  }

  #content_table #content_table_right{
    /* zucht, 1px table cell rechts blijft zichtbaar dus: */
    background: #E6E6E6;
  }
    #content_table #content_table_right div {
     background: #E6E6E6;
     width: 150px;
     max-width: 150px;
     overflow: hidden;
     font-size: 90%;
    }
      .blackblock{
        background: #111;
        color: #CCC; 
        font-size: 110%;
        font-weight: bold;
        padding: 0em .2em 0em .2em;
      }
      #content_table #content_table_right div p{
        margin: 1em;
      }


#summary {
    font-size:90%;
}

#screens {
    position:absolute;
    width:420px;
    height:87px;
    left:50%;
    margin-left:-75px;
    visibility:hidden;
    overflow:hidden;
}
#iscreens {
    position:relative;
    left:0px;
    top:0px;
}

#footer {
    position:absolute;
    background-image: url(img/footer.gif);
    background-repeat: repeat-x;
    text-align:right;
    height:16px;
    color:grey;
}

#debug{ 
  opacity: .2;
  position: fixed;
  bottom: 2em;
  right: 2em;
}
#debug:hover{ 
  opacity: 1;
}


.archief_cat {
    background:#eee;
    border:1px solid #ddd;
    padding:10px;
    margin-bottom:10px;
}