/* CSS Document */
body {
	color: #ffffff;
	margin: 0;
	background-color:#666666;
	background-image: url(images/bg_top2.jpg); /* source for start image */
    background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 0px 0px;
 	font-family: Arial, Geneva, Helvetica, sans-serif; 
	font-style: normal; 
	font-variant: normal;
	font-size: 11px;
	font-weight: normal;
  }
#bodyContent {
	width: 100%;
	margin: 0;
  }

p.center{
	text-align:center;
	font-size:90%;
}

h1 { 
	margin: 0 0 0 0; 
	color:#a8d6f9;
	font-family: "Trebuchet MS", Verdana, Geneva, Helvetica, sans-serif;
	font-size: 240%;
	font-style: normal; 
	font-variant: normal;
	font-weight: bold;
	text-transform: uppercase;
	}
	
	
	
#linkerkant	{
	float:left;
	position:absolute;
	top: 0;
	width:340px;
	clear:left;
}
.logo_button {
	clear: both;
	margin-top:21px;
	margin-left: 16px;
}
.main_buttons {
	clear: both;
	margin-top:30px;
	margin-left: -18px;
}
.top_button {
	margin-left: 60px;
	padding-bottom: 5px;
}
.middle_button {
	padding-top: 15px;
	margin-left: 80px;
}
.bottom_button {
	padding-top: 20px;
	margin-left: 38px;
}



.personel_butt a {
display:block;
margin-left:50px;
width: 176px;
height:46px;
padding-top:20px;
padding-bottom:10px;
text-align: center;
font: bold 14px sans-serif;
color:#ffff00;
background: url("images/personeelsdagen_butt.png") 0 0 no-repeat;
text-decoration: none;
}
.personel_butt a:hover { 
background-position: 0 -166px;
color: #ffffff;
}
.personel_butt a:active {
background-position: 0 -83px;
color:#ffff00;
}




.cursus_butt a {
display:block;
position:relative;
margin-top:20px;
margin-left:50px;
width: 176px;
height:46px;
padding-top:20px;
padding-bottom:10px;
text-align: center;
font: bold 14px sans-serif;
color:#ffff00;
background: url("images/cursus_butt.png") 0 0 no-repeat;
text-decoration: none;
}
.cursus_butt a:hover { 
background-position: 0 -166px;
color: #ffffff;
}
.cursus_butt a:active {
background-position: 0 -83px;
color:#ffff00;
}




.wiezijn_butt a {
display:block;
margin-top:20px;
margin-left:50px;
width: 176px;
height:46px;
padding-top:20px;
padding-bottom:10px;
text-align: center;
font: bold 14px sans-serif;
color:#ffff00;
background: url("images/wiezijn_butt.png") 0 0 no-repeat;
text-decoration: none;
}
.wiezijn_butt a:hover { 
background-position: 0 -166px;
color: #ffffff;
}
.wiezijn_butt a:active {
background-position: 0 -83px;
color:#ffff00;
}









		
#inhoud {
	float:left;
	margin-left: 361px;
	position:absolute;
	}
#inhoud p{
	text-align: justify;
	color:#ffffff;
	font-size: 125%;
	line-height: 14pt;
	}
#inhoud b{
	text-align: left;
	color:#ffffff;
	line-height: 14pt;
	font-weight: bold;
	}
#inhoud h1 { 
	margin: 132px 0 0 0; 
	color:#a8d6f9;
	padding-bottom: 2px;
	font-family: "Trebuchet MS", Verdana, Geneva, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal; 
	font-variant: normal;
	font-weight: bold;
	text-transform: uppercase;
	}


#scroll {
	height: 306px;
	width: 565px;
	padding-left: 20px;
	padding-right: 20px;
	overflow: auto;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	margin-bottom: 8px;
	}
#scroll_gallery {
	height: 306px;
	width: 565px;
	padding-left: 20px;
	padding-right: 20px;
	overflow: auto;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	margin-bottom: 8px;
	}
	

#thumbs {
	height: 306px;
	width: 565px;
	padding-left: 0px;
	overflow: auto;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	margin-bottom: 8px;
	}

.thumb {
	float: left;
	margin-left:8px;
	margin-bottom:6px;
}
IMG {
	border:2px solid #cccccc;
}	

IMG.icon {
	border:0px;
}
	



		
	
	
	
#rechterkant	{
	float:left;
	position:relative;
	top: 0;
	width:200px;
	background:#cccccc;
	clear:left;
}


	
	

#bottomFrame {
	height: 78px;
	background-image: url(images/footer_bg22.jpg); /* source for start image */
    background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 0px 0px;
	left: 0;
	width: 588px;
	text-align:right;
	padding-top: 12px;
	padding-bottom: 5px;
  }
#bottomFrame b{
	font-size: 90%;
	color: #ffffff;
	font-weight: bold;
	}
	
#bottom	{
	margin-top:0px;
}


#g_bottomFrame {
	height: 78px;
	background-image: url(images/footer_bg22.jpg); /* source for start image */
    background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 0px 0px;
	left: 0;
	width: 100%;
	text-align:center;
	padding-top: 24px;
	padding-bottom: 5px;
  }
#g_bottom	{
	margin-top:10px;
	background:#666666;
}
 
/*Voor SUBMENU (onderaan!) */
ul#g_navlist
{
margin-top: 0px;
padding-left: 0px;
white-space: nowrap;
}

#g_navlist li
{
display: inline;
list-style-type: none;
padding-right: 0px;
}

#g_navlist a { padding: 3px 10px; }

#g_navlist a:link, #g_navlist a:visited
{
color: #ffffff;
text-decoration: none;
background-color: #000000;
}

#g_navlist a:hover
{
color: #fff;
background-color: #ff9900;
text-decoration: none;
}

#g_navlist a:active
{
color: #ffff00;
background-color: #333333;
text-decoration: none;
}

 
 
 
 
 
 
/*Voor SUBMENU (onderaan!) */
ul#navlist
{
margin-top: 0px;
padding-left: 0px;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 0px;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #ffffff;
text-decoration: none;
background-color: #999999;
}

#navlist a:hover
{
color: #fff;
background-color: #333333;
text-decoration: none;
}

#navlist a:active
{
color: #ffff00;
background-color: #333333;
text-decoration: none;
}




	
img.noborder{
	border:0px solid #000000;
}

img.border{
	border-top:1px solid #a8d6f9;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	border-left:1px solid #a8d6f9;
}


img.gallery{
	border-top:1px solid #000000;
	border-right:2px solid #000000;
	border-bottom:2px solid #000000;
	border-left:1px solid #000000;
}

.img_left {
	float: left;
	padding: 0px 20px 10px 0px;
	border:0px solid #666666;
}
.img_right {
	float: right;
	padding: 0px 0px 10px 20px;
	border:0px solid #666666;
}

/* Voor LELIJKE BUTTONS, zijn nu mooi! */
.inputButton {
		width: 120px;
 		background-color: #999999;
		border: 1px solid #000000;
 		color: #000000;
 		}
.input, textarea {
		width: 320px;
 		background-color: #999999;
		border: 1px solid #000000;
 		color: #000000;
 		}

.input:focus {
		width: 320px;
 		background-color: #cccccc;
 		border: 1px solid #000000;
 		color: #000000;
 		}

.img-shadow2 {
  clear: both;
  float:left;
  background: url(http://www.ericks.nl/hieper/images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(http://www.ericks.nl/hieper/images/shadow2.gif) no-repeat bottom right;
  margin: 20px 0 0 17px !important;
  margin: 20px 0 0 8px;
}
.img-shadow2 img {
  position: relative;
  background-color: #fff; /* Kleur van kader om afbeelding heen */
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  width: auto;
  height: auto;
}

TD.gallery_butt {
	border-top:0px solid #a8d6f9;
	border-right:0px solid #a8d6f9;
	border-bottom:0px solid #000000;
	border-left:0px solid #a8d6f9;
	text-align: center;
	width: 164px;
	height: 291px;
	padding: 8px 16px 0px 0px;
}

TD.gallery_butt img { border:0px; }


caption	{
	font-color:#ff9900;
}

img.mainbutt{
	border-top:1px solid #cccccc;
	border-right:2px solid #000000;
	border-bottom:2px solid #000000;
	border-left:1px solid #cccccc;
}

/* Voor de beschrijvingen op de LINKS PAGINA */
.font_size	{
	font-size: 85%;
	line-height:inherit;
}

a.text:link     {color: #a8d6f9; text-decoration: none; background: #666666;}
a.text:visited  {color: #a8d6f9; text-decoration: none; background: #666666;}  
a.text:hover    {color: #52b1fa; text-decoration: none; background: #666666;}
a.text:active   {color: #000000; text-decoration: none; background: #666666;}

a.footer:link     {color: #ffffff; font-weight: bold; text-decoration: none; background: #666666;}
a.footer:visited  {color: #ffffff; font-weight: bold; text-decoration: none; background: #666666;}  
a.footer:hover    {color: #ffff00; font-weight: bold; text-decoration: none; background: #666666;}
a.footer:active   {color: #000000; font-weight: bold; text-decoration: none; background: #666666;}
 
a.links:link     {font-size: 16px; color: #ffffff; font-weight: bold; text-decoration: none; background: #666666; border-bottom:1px dotted #ffffff;}
a.links:visited  {font-size: 16px; color: #ffffff; font-weight: bold; text-decoration: none; background: #666666; border-bottom:1px dotted #ffffff;}  
a.links:hover    {font-size: 16px; color: #ffff00; font-weight: bold; text-decoration: none; background: #666666; border-bottom:1px dotted #ffffff;}
a.links:active   {font-size: 16px; color: #000000; font-weight: bold; text-decoration: none; background: #666666; border-bottom:1px dotted #ffffff;}


/* Voor DEAD CENTER INDEX pagina */
#horizon        
	{
	color: white;
	background-color: #666666;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
	}
#content    
	{
	font-family: Verdana, Geneva, Arial, sans-serif;
	background-color: #666666;
	margin-left: -205px;
	position: absolute;
	top: -155px;
	left: 50%;
	width: 411px;
	height: 311px;
	visibility: visible
	}


 
 
/* Voor PRINTVRIENDELIJKHEID */
.print_footer, .datestamp, .print_message {
	display: none !important;
}