html,body {
    height:100%;
}


BODY 
{
      PADDING-RIGHT: 0px;
      PADDING-LEFT: 0px;
      FONT-SIZE: 11px;
      /*BACKGROUND-IMAGE: url(grey-pixel.png);*/
      PADDING-BOTTOM: 0px;
      PADDING-TOP: 0px;
      FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif, ChalkDust
}

IMG 
{
	  BORDER-TOP-WIDTH: 0px;
      BORDER-LEFT-WIDTH: 0px;
      BORDER-BOTTOM-WIDTH: 0px;
      BORDER-RIGHT-WIDTH: 0px;
}


a {
color: #0B76AE;
text-decoration: none;
}

a:hover {
background: #0090DA;
color: #fff;
}

acronym, abbr, span.caps {
cursor: help;
border-bottom: 1px dotted #000;
}

blockquote {
background: #E3F5FE
url(http://www.mioblog.net/wp-content/themes/pool/images/blockquote.png)
no-repeat bottom left;
padding: 5px 20px 30px 20px;
margin: 1em;
} /* Idea from ShadedGrey of http://wpthemes.info/ */

cite {
text-decoration: none;
}

code {
font-family:'Courier New',
Courier, Fixed,
sans-serif;
font-size: 1.1em;
}

img {
border: 0;
}

h4 {
color: #858585;
}

/* Float and Clear */
div.floatleft {
float: left;
}

div.floatright {
float: right;
}

div.both {
  clear: both;
}

/* Images align */
img.border {
border: 1px solid #C6C6C6;
padding: 4px;
margin: 0;
}

img.border:hover {
background: #E3F5FE;
}

img.center {
display: block;
margin: auto;
}

img.alignright {
float: right;
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
float: left;
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

/* Text align */
.center {
text-align: center;
}

.alignright {
text-align: right;
}

.alignleft {
text-align: left;
} 

/* trick for preloading images */


.hiddenPic {display:none;}

.hiddenSound {visibility:hidden;}
 


#divLogo {
	position: absolute;
	left: 120px;
	top: 0px;
	width: 58px;
	float: left;
	cursor:pointer
}

#divFooter
{
    position:absolute;
	top:585px;
	height:20px;
	text-align:right;
	width:100%;
	margin-top:0px;
	margin-bottom:1px;
	padding-right:20px;
	float:left;
	left:0px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 0px;
	COLOR: #FFFFFF; 
	LINE-HEIGHT: 18px;
} 

#divFooter a {
	color:#db332a;;
}

#divFooter a:hover {
	color:#000000;
	text-decoration:none;
}


#divMain 
{
	text-align: center;
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -600px; 
    width:1080px;
	height:100%;
    margin-top:0px;
	margin-right:0px;
    margin-bottom:0px;
    BACKGROUND:URL('images/background/background.jpg') top left no-repeat rgb(255,255,255); 
}



#divAppHeader {
	position:absolute;
	top:95px;
	right:0px;
    padding-left:10px;
	padding-right:0px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 0px;
	COLOR: #666666; 
	height:16px;
	line-height:16px;
	width:960px;
}


.leftHeaderBar 
{
	float:left;
	border-right: thin solid white;
	padding-left:10px;
	padding-right:10px;
	background-color:#e5e5e5;
	color:#000000;
}

.leftHeaderBar a
{
	background-color:#e5e5e5;
	color:#db332a;
}

.leftHeaderBar a:hover
{
	color:#FFFFFF;
	background-color:#e5e5e5;
	text-decoration:none;
}

.rightHeaderBar 
{
	color:#FFFFFF;
	background-color:#db332a;
}

.rightHeaderBar a
{
	color:#FFFFFF;
	background-color:#db332a;
}

.rightHeaderBar a:hover
{
	color:#000000;
	background-color:#db332a;
	text-decoration:none;
}

#divKlasPaginaMenu
{
	position: absolute;
	z-index:100;
 	width: 630px;
	right: 50px;
	top: 120px;
	background-color:#FFFFFF;
}

#divSubContainer
{
	text-align:left;
	position: absolute;
 	width: 680px;
	right: 0px;
	top: 120px;
	height:450px;
	overflow:auto;	
}

#divAppbox {
	position:relative;
	right:15px;
	top:0px;
 	PADDING-RIGHT:0px;
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px; 
	margin-left:15px;
	width:640px;
}

#divSprokkels{
	position: absolute;
	right:120px;
	top:350px;
	background-color:#CCCCCC;
	color:#000000;
	z-index:300;
	font-size:medium;
	PADDING-RIGHT: 4px;
	PADDING-LEFT:  0px;
	PADDING-BOTTOM: 4px;
	PADDING-TOP: 4px;
	height:auto;
	width: 200px;
	border: thin solid #000000;
	font-size:small;
	list-style-position:outside;
	line-height:16px;
}

#divSprokkels a{
	color:#000000;
	margin-left:15px;
	text-decoration:underline;
}

#divSprokkels a:hover{
	color:#FFFFFF;
	background-color:#CCCCCC;
}



p.sprokkelsTitelClass  {
	margin-left:15px;
	font-size:medium;
	font-weight:bold;

}



#divImagesNew {
}

#divMenusNew {
	z-index:300;
}


HR {
	COLOR: #000; HEIGHT: 1px; BACKGROUND-COLOR: #000;
}

a.news {
color: #0B76AE;
background: #FFFFFF;
text-decoration: none;
}

a.news:hover {
background: #0090DA;
color: #FFFFFF;
}

#div_klas_image_0 {
	position: absolute;
	left: 374px;
	top: 49px;
}
#div_klas_image_1 {
	position: absolute;
	left: 423px;
	top: 37px;
}
#div_klas_image_2 {
	position: absolute;
	left: 491px;
	top: 36px;
}
#div_klas_image_3 {
	position: absolute;
	left: 545px;
	top: 39px;
}

#div_klas_image_4 {
	position: absolute;
	left: 602px;
	top: 37px;
}

#div_klas_image_5 {
	position: absolute;
	left: 638px;
	top: 26px;
}

#div_klas_image_6 {
	position: absolute;
	left: 678px;
	top: 47px;
}

#div_klas_image_7 {
	position: absolute;
	left: 735px;
	top: 48px
}

#div_klas_image_8 {
	position: absolute;
	left: 796px;
	top: 32px;
}

#div_klas_image_9 {
	position: absolute;
	left: 835px;
	top: 29px;
}


.klas_image {
	cursor:pointer;
}

.menu_image {
	cursor:pointer;
}

#div_menu_image_0 {
	position: absolute;
	left: 222px;
	top: 159px;
	width: 58px;
	float: left;
}

#div_menu_image_1 {
	position: absolute;
	left: 126px;
	top: 191px;
	width: 58px;
	float: left;
}

#div_menu_image_2 {
	position: absolute;
	left: 171px;
	top: 464px;
	width: 58px;
	float: left;
}
#div_menu_image_3 {
	position: absolute;
	left: 246px;
	top: 428px;
	width: 58px;
	float: left;
}
#div_menu_image_4 {
	position: absolute;
	left: 207px;
	top: 355px;
	width: 58px;
	float: left;
}
#div_menu_image_5 {
	position: absolute;
	left: 136px;
	top: 294px;
	width: 58px;
	float: left;
}

#div_menu_image_6 {
	position: absolute;
	left: 256px;
	top: 257px;
	width: 58px;
	float: left;
}


.divSubMenuClass {
	left:230px;
	top:500px;
	visibility:hidden;
	/*background-color:#CCCCCC;*/
	color:#000000;
	z-index:400; 
	font-size:medium;
	PADDING-RIGHT: 20px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 10px;
	height:auto;
	width:auto;
	text-align:left;
	/*border: thin solid #000000;*/
}



.divSubMenuClass a {
    color:#000000;
}

.divSubMenuClass a:hover {
    color:#FFFFFF;
	background-color:#CCCCCC;
}

.divSubMenuArrow {
	position: absolute;
	width: 60px;
	height:100px;
	visibility:hidden;
	background:url('images/laars/menus/arrow.png') center right no-repeat; 
}

#divSubMenu0 {
position: absolute;
   left: 250px;
   top: 170px;
}

#divSubMenu1 {
position: absolute;
   left: 162px;
   top: 200px;
}

#divSubMenu2 {
position: absolute;
   left: 210px;
   top: 475px;
}

#divSubMenu3 {
   position: absolute;
   left: 300px;
   top: 430px;
}

#divSubMenu4 {
   position: absolute;
   left: 247px;
   top: 360px;
}
#divSubMenu5 {
   position: absolute;
   left: 184px;
   top: 285px;
}

#divSubMenu6 {
   position: absolute;
   left: 290px;
   top: 255px;
}



/*   WELCOME PAGE   */


#divWelcomeMain 
{
	text-align: center;
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -480px; 
    width:960px;
	height:100%;
    margin-top:0px;
	margin-right:0px;
    margin-bottom:0px;
    BACKGROUND:URL('images/background/background_welkom.jpg') top left no-repeat rgb(255,255,255); 
}

#div_welcome_menu_image_0 {
	position: absolute;
	left: 396px;
	top: 438px;
}

#div_welcome_menu_image_0_hidden {
	position: absolute;
	left: 480px;
	top: 548px;
}

#div_welcome_menu_image_1 {
	position: absolute;
	left: 205px;
	top: 336px;
}

#div_welcome_menu_image_1_hidden {
	position: absolute;
	left: 110px;
	top: 215px;
}

#div_welcome_menu_image_2 {
	position: absolute;
	left: 152px;
	top: 348px;
}

#div_welcome_menu_image_2_hidden {
	position: absolute;
	left: 97px;
	top: 302px;
}

#div_welcome_menu_image_3 {
	position: absolute;
	left:  1px;
	top: 344px;
}

#div_welcome_menu_image_3_hidden{
	position: absolute;
	left: 20px;
	top: 410px;
}

#div_welcome_menu_image_4 {
	position: absolute;
	left: 870px;
	top: 160px;
}

#div_welcome_menu_image_4_hidden {
	position: absolute;
	left: 795px;
	top: 125px;
}

#div_welcome_menu_image_5 {
	position: absolute;
	left: 624px;
	top: 403px;
}
#div_welcome_menu_image_5_hidden {
	position: absolute;
	left: 588px;
	top: 435px;
}

#div_welcome_menu_image_6 {
	position: absolute;
	left: 519px;
	top: 398px;
}

#div_welcome_menu_image_6_hidden {
	position: absolute;
	left: 512px;
	top: 363px;
}

#div_welcome_menu_image_7 {
	cursor:auto;
	position: absolute;
	left: 800px;
	top: 60px;
}

#div_welcome_menu_image_7_hidden {
	cursor:auto;
	position: absolute;
	left: 800px;
	top: 5px;
}


#div_welcome_menu_image_8 {
	cursor:auto;
	position: absolute;
	left: 365px;
	top: 71px;
}

#div_welcome_menu_image_8_hidden {
	cursor:auto;
	position: absolute;
	left: 390px;
	top: 71px;
}

.welcome_menu_image {
	cursor:pointer;
}

.welcome_menu_image_hidden {
	cursor:pointer;
	visibility:hidden; 
}

#divWelcomeLogo {
	position: absolute;
	left: 655px;
	top: 208px;
	width: 58px;
	float: left;
	cursor:pointer;
}

#divAankondiging {
	position: absolute;
	left: 720px;
	top: 408px;
	width: 240px;
	height: 210px;
	float: left;
	cursor:pointer;
	overflow:hidden;
}

/* nieuws FONT */

@font-face 
{  
	font-family: ChalkDust;
 	src: url("fonts/chalkdust.eot") /* EOT file for IE */
}
@font-face {
 	font-family: ChalkDust;
 	src: url("fonts/chalkdust.ttf") /* TTF file for CSS3 browsers */
}

	 
/* THEN use like you would any other font */  
.ChalkDust 
{
 font-family:ChalkDust, verdana, helvetica, sans-serif;  
}