/* css TotaalNi.be - luc van malderen - Belgium */

/* begin algemeen -----------------------------------------------------------------------------------------------*/
 body {
    background-color: #080806;
    padding: 0px;
	width: 100%;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-shadow: #000 0 1px 0;
}


h1  {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight:bold;
	font-size: 14px;
	padding-left:35px;
	text-align:left;
	text-shadow: #000 0 1px 0;
}

.broodtekst  {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight:normal;
	font-size: 12px;
	padding-left:35px;
	text-align:justify;
	text-shadow: #000 0 1px 0;
}

.work_description {
color: #999;
font-weigth: normal;
font-size: 14px;
padding-left:0px;
vertical-align:top
}

.work_description_groot_beeld {
color: #999;
font-weigth: normal;
font-size: 14px;
padding-left:12px;
vertical-align:top
}

.work_description_white {
color: #FFFFFF;
font-weigth: normal;
font-size: 14px;
padding-left:0px;
}

.work_description_white_groot_beeld {
color: #FFFFFF;
font-weigth: normal;
font-size: 14px;
padding-left:12px;
}

.broodtekst_links {
color: #FFFFFF;
font-weigth: normal;
font-size: 14px;
padding-left:35px;
}

.broodtekst_rechts {
color: #FFFFFF;
font-weigth: normal;
font-size: 14px;
padding-left:0px;
}




.linkse_navigatie {
padding-left:17px;
}	

img.work_big {
	padding-left:37px;
}

img {
	border:none;
	
	
	}


/* einde algemeen -----------------------------------------------------------------------------------------------*/

/* begin scrollbar -----------------------------------------------------------------------------------------------*/

div#text-block{
      width:350px;
      height:480px;
      overflow:hidden;
      float:left;
      border:0px solid #000000;
    }
div#text-block-content{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight:normal;
	font-size: 14px;
	padding-left:35px;
	text-align:justify;
	text-shadow: #000 0 1px 0; /* stupid Safari "fat" font rendering tweak */
	    }	
    div#slide{
       width:11px;
       height:480px;
       float:left;
       margin-left:20px;
	   margin-right:5px;
       border:0px solid #FFFFFF;
    }
    div#slide div#slider{
      width:11px;
      height:22px;
      background-color:#999;
      position:absolute;
      cursor:pointer;
    }
    div#slide div#slidebar{
      width:5px;
      height:480px;
      border-right:1px solid #999;
    }

/* einde scrollbar -----------------------------------------------------------------------------------------------*/

/* taébel -----------------------------------------------------------------------------------------------*/

table.hoofdtabel{
position: absolute;
left: 50%;
top: 50%;
margin-top: -320px; /* make this half your image/element height */
margin-left: -450px;  /* make this half your image/element width */
width: 900px;
height: 640px;
background-color: Black;
border: 1px #FFFFFF solid;
}

.credits-onder{
position: absolute;
bottom:0px;
text-align:center;

}

a {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
    font-size: 13px;
	text-shadow: #000 0 1px 0; /* stupid Safari "fat" font rendering tweak */
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #808080;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}


a.navigatie_grey_download {
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	font-weight: normal;
    font-size: 14px;
	text-decoration: none;
	text-shadow: #000 0 1px 0; /* stupid Safari "fat" font rendering tweak */

}
a.navigatie_grey_download:link {
	text-decoration: none;
}
a.navigatie_grey_download a:visited {
	text-decoration: none;
	color: #999;
}
a.navigatie_grey_download:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a.navigatie_grey_download:active {
	text-decoration: none;
	color: #999;
}


a.navigatie_grey_year {
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	font-weight: normal;
    font-size: 14px;
	text-decoration: none;
	text-shadow: #000 0 1px 0; /* stupid Safari "fat" font rendering tweak */

}
a.navigatie_grey_year:link {
	text-decoration: none;
}
a.navigatie_grey_year:visited {
	text-decoration: none;
	color: #999;
}
a.navigatie_grey_year:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a.navigatie_grey_year:active {
	text-decoration: none;
	color: #999;
}


a.navigatie_white_left {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
    font-size: 14px;
	padding-left:35px;
	text-decoration: none;
	text-shadow: #000 0 1px 0; /* stupid Safari "fat" font rendering tweak */

}
a.navigatie_white_left:link {
	text-decoration: none;
}
a.navigatie_white_left a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a.navigatie_white_left:hover {
	text-decoration: none;
	color: #999;
}
a.navigatie_white_left:active {
	text-decoration: none;
	color: #FFFFFF;
}



/* wordt niet gebruikt enkel als documentatie is verwerkt in hoofdtabel -----------------------------------------------------------------------------------------------*/

.center_it {
position: absolute;
left: 50%;
top: 50%;
margin-top: -320px; /* make this half your image/element height */
margin-left: -450px; /* make this half your image/element width */

/* wordt niet gebruikt enkel als documentatie-----------------------------------------------------------------------------------------------*/