/*
-----------------------------------------------
CSS Base Stylesheet
Author:   Matthijs Brondijk
Version:  14-04-2006
----------------------------------------------- */

/* Base styles
----------------------------------------------- */
* {
    margin:                     0;
    padding:                    0;
}
html {
    height:                     100%;
    overflow:			hidden;
}
body {
    width:                      100%;
    height:                     100%;
    font:                       0.8125em Tahoma, Verdana, Arial, sans-serif;
    color:                      #000;
    background:                 #FFF;
}
a {
    text-decoration:            none;
	  font-weight: 					      bold;
}
a img {
    border:                     none;
}
a:link{
    color: 000;
}
a:visited, a:active {
    color:                      #666;
}
a:hover {
    /*color:                      #006;*/
	/* background-color: #E4D7FB;*/
}
h1 {
    font-size:                  1.5em;
}
h2 {
    font-size:                  1.2em;
    letter-spacing:             1px;
	  color:                      #d93f3f;						
}
h3 {
    font-size:                  1em;
    letter-spacing:             2px;
    text-transform:             uppercase;
}
ul, ol {
    list-style:                 none;
}
table {
    border-collapse:            collapse;
    border-spacing:             0;
}
th {
    text-align:                 left;
}

/* Extra styles
----------------------------------------------- */
body.big_bg {
    background:                 none;
}
body.subframe {
    width:                      auto;
    height:                     94%;
    background:                 #FFF;
   /* overflow-x:                 hide;*/
   /* overflow-y:                 scroll;*/
}
#main {
    width:                      90%;
    height:                     90%;
    padding-top:                 25px;
}
#container{
    position: relative;
    top: 20px;
    width:                      100%;
    height:                     98%;
    background:                 #FFF;
    margin-left:                5%;
    margin-bottom:              10%;
    display:                    block;
}
#logo{
	  position:                  absolute;
		width:                     180px;
		background-color:          #fff; 
		left:                      40px;
		top:                       40px;
		text-align:                left;
}
#buttons {
    position:                   absolute;
    left:                       -75px;
    width:                      28%;
    float:                      left;
    height:                     100%;
}

	.navigatie{
		display:                    block;
		width:                      230px;
		height:                     15px;
		background:                 url('../images/blokje_rood.jpg') no-repeat 0 2px;
		position:                   relative;
		left:                       120px;
		top:                        180px;
		margin-top:                 0px;
		margin-bottom:              2px;
		padding-left:               15px;
		text-align:                 left;
		font-weight:                bold;
		font-size:                  12px;
	}
  .navigatie:hover{	
		background:                 url('../images/blokje.jpg') no-repeat 0 3px;		
	}
	.text{
	  font-family:                tahoma;
	  font-weight:                bold;
	  font-size:                  14px;
		color:                      #8c8c8c;	
	}
	.text:hover{
	  color:                      #d93f3f;
  }
#content {
		/*width: 							67%;*/
		width: 600px;
		height: 					  90%;
		position:						relative;
		top: 								30px;
		left: 							290px;
		vertical-align: 		top;		
}
    #content iframe {
        width:                      100%;
        height:                     100%;
        position:                   absolute;
        overflow-x:                 hidden;
        overflow-y:                 scroll;
    }
    #content_div {
        width:                      90%;
        height:                     94%;
        background:                 white;
    }    
    #frm_privacy {
        display:                    block;
    }
    #frm_catalogus {
        display:                    none;
    }
    #frm_databanken {
        display:                    none;
    }
    #frm_websites {
        display:                    none;
    }
#screentext {
    height:                     96%;
    width:                      15%;
    position:                   absolute;
    float:                      left;
}
    #screentext h1 {
        text-transform:             uppercase;
        font-size:                  510%;
        color:                      #8c8c8c;
        float:                      none;
        text-align:                 center;
        padding-top:                1%;
        height:                     95%;
    }
#no_accesstext {
    position:                   absolute;
    left:                       15%;
    top:                        70%;
}
    #no_accesstext H1 {
        color:                      #8c8c8c;   
        text-transform:             uppercase;   
        filter:                     DropShadow(Color=#000, OffX=5, OffY=3, Positive=2);
        font-size:                  710%;
        height:                     10%;        
    }
#no_access_subtext {
    width:                      33%;
    margin-left:                3em;
    margin-top:                 5em;
    filter:                     alpha(opacity=85);
    background:                 #FFF;
    padding:                    1em;
}
    #no_access_subtext p {
        font-size:                  2.7em;
    }
    
/* Databank styles
----------------------------------------------- */
#databank {
    background:                 #FFF;
    width:                      97%;    
}
#databank thead th {
    padding:                    0.4em;
    color:                      #FFF;
}
#databank tr.row_on {
    background-color:           #D9E9EE;
}
#databank tr.row_on td, #databank tr.row_off td {
    padding:                    0.2em;
}
#databank td.logo {
    width:                      16%;
    text-align:                 center;
}
    #databank td.logo img {
        padding:                    0.1em 0;
    }
#databank td.text {
    width:                      80%;    
    padding-top:                1em;
    padding-left:10px;  
}
    #databank td div.textframe {
        padding:                    0.4em;
    }
    #databank td.text a {
        font-size:                  1.1em;
        padding-left:               0.4em;
    }
    #databank td.text p {
        font-size:                  0.9em;
        padding-left:               0.4em;
    }
/* Beginpagina styles
----------------------------------------------- */
#beginpagina{
    background:                 #FFF;
    width:                      97%; 
}
#beginpagina thead th {
    padding:                    0.4em;
    color:                      #FFF;
}
#beginpagina td.text {
    width:                      80%;    
    padding-top:                1em;
}
    #beginpagina td div.textframe {
        padding:                    0.4em;
    }
    #beginpagina td.text a {
        font-size:                  1.1em;
        padding-left:               0.4em;
    }
    #beginpagina td.text p {
        font-size:                  0.9em;
        padding-left:               0.4em;
        padding-top: 2em;
        height: 25px;
    }
    #beginpagina il{
      list-style-type:              none;
    }