
/**************************************************************************************************
html-body Section
***************************************************************************************************/
  body{
/*width:100%;height:100%;position:relative;overflow:hidden;background:#6DE0FB url(/images/bigloop.gif) repeat-x left top;background-position:0px 0px;*/
  background:#6DE0FB;
  text-align:center;
  behavior: url(/css/csshover.htc);           
  }
/**************************************************************************************************
Framework Section
***************************************************************************************************/  
 .container{
 position:absolute;
	  top:0%;
	  left:0%;
	  z-index:100; 
  width:100%;
  height:100%;
  margin:0 0 0 0px;
}

#wraper{
  /*position:absolute;width:1180px;*/
  width:1190px;
  margin:0 auto;
  text-align:left;
  }
/*#wraper2{
  float:left;
  width:965px;
  height:100%;
  }
#leftbar{
  float:left;
  width:200px;
  height:100%;
  border:1px solid green;
  }
*/


/*Supersize Plugin Styles*/
#supersize img{
	height:100%;
	width:100%;
	margin:110px 0 0 0;
	
}

/**************************************************************************************************
Header section
***************************************************************************************************/  
   
   #header{
   width:1190px;
   height:142px;
   background:url(/images/bgheader.png) no-repeat left top;
   background-position:220px 0px;
   }

/**************************************************************************************************
Hormenu section
***************************************************************************************************/  
   
   #hormenu{
   width:1190px;
   height:38px;
   }
#hormenubox{
   width:965px;
   height:38px;
   margin-left:225;
   }
/*hormenu style*/   
  #hormenu ul{
  list-style:none;
  margin:0px;
  padding:0px;
  
  }
  #hormenu ul li{
  float:left;
  width:149px;
  height:44px;
  margin:0px 2px;
  }
  #hormenu li a{
  text-decoration:none;
  display:block;
  font-weight:bold;
  color:#fff;
  padding:14px 0 15 0px;
  text-align:center;
  }


/*hover style*/
 
#page_1{
  background:url(/images/hormenuleftpaars.png) no-repeat top left;
  }
  #page_1:hover, #page_1.menuitem-active {
  background:url(/images/hormenuleftoverpaars.png) no-repeat top left;
  } 
 #page_1 a{
  background: url(/images/hormenurightpaars.png) no-repeat top right;
  }
  #page_1 a:hover, #page_1 #selectedmenu{
  background: url(/images/hormenurightoverpaars.png) no-repeat top right;
  }
 
 
 #page_2{
  background:url(/images/hormenuleftpink.png) no-repeat top left;
  }
  #page_2:hover, #page_2.menuitem-active{
  background:url(/images/hormenuleftoverpink.png) no-repeat top left;
  } 
 #page_2 a{
  background: url(/images/hormenurightpink2.png) no-repeat top right;
  }
  #page_2 a:hover, #page_2 #selectedmenu{
  background: url(/images/hormenurightoverpink2.png) no-repeat top right;
  }
 
 
 #page_3{
  background:url(/images/hormenuleftgreen4.png) no-repeat top left;
  }
  #page_3:hover, #page_3.menuitem-active{
  background:url(/images/hormenuleftovergreen.png) no-repeat top left;
  } 
 #page_3 a{
  background: url(/images/hormenurightgreen4.png) no-repeat top right;
  }
  #page_3 a:hover,  #page_3 #selectedmenu{
  background: url(/images/hormenurightovergreen.png) no-repeat top right;
  }

 
 #page_4{
  background:url(/images/hormenuleftblue4.png) no-repeat top left;
  }
  #page_4:hover, #page_4.menuitem-active{
  background:url(/images/hormenuleftoverblue.png) no-repeat top left;
  } 
 #page_4 a{
  background: url(/images/hormenurightblue4.png) no-repeat top right;
  }
  #page_4 a:hover,  #page_4 #selectedmenu{
  background: url(/images/hormenurightoverblue.png) no-repeat top right;
  }

 
 #page_5{
  background:url(/images/hormenuleftgeel.png) no-repeat top left;
  }
  #page_5:hover, #page_5.menuitem-active{
  background:url(/images/hormenuleftovergeel.png) no-repeat top left;
  } 
 #page_5 a{
  background: url(/images/hormenurightgeel.png) no-repeat top right;
  }
  #page_5 a:hover,  #page_5 #selectedmenu{
  background: url(/images/hormenurightovergeel.png) no-repeat top right;
  }
 
/**************************************************************************************************
leeg section
***************************************************************************************************/   
   #leeg{
   position:relative;
   width:1190px;
   height:38px;
   }
	.home{
	position:absolute;
	top:22px;_top:22px;
	left:60px;_left:60px;
	z-index:100;
   width:140px;
   height:136px;
   background:url(/images/zon.png) no-repeat left top;
   background-position:0% 0%;
   }
   .homebox{
   width:60px;
   height:30px;
   margin:55px 0 0 43px;
   }
   .home a{
   font-size:16px;
   font-weight:bold;
   color:#ED1B24;
   }
/**************************************************************************************************
Contentwraper section
***************************************************************************************************/  
   #contentwraper{
   width:1190px;
   }
   html>body #contentwraper{
   overflow:hidden;
   }
   
/**************************************************************************************************
Content section
***************************************************************************************************/  
  .leftbar{
   float:left;
   width:225px;
   height:200px;
   /*background:#ddcfde;*/
   }
  
   #content{
   float:left;
   width:748px;
   }
   /*rekbaaruniet style*/
   .contenttop{
   width:748px;
   height:9px;
   background:url(/images/bgcontenttop.png) no-repeat left top;
   background-position:0% 0%;
   }
   .contentmid{
   width:748px;
   margin:-1px 0 0 0px;_margin:-7px 0 0 0px;
   /*background:#fff;
    filter: alpha(opacity=40);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    -moz-opacity:0.90; opacity:0.90;*/
    
     background:#fff;
    filter: alpha(opacity=40);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=79);
    -moz-opacity: 0.81; opacity:0.81;
   }
   html>body .contentmid{
   overflow:hidden;
   }
   .contentmidbox{
   /*width:694px;*/width:710px;
   margin:25px 0 0 25px;
   }
   .contentmidtext{
   width:480px;
   min-height:400px;_height:400px;
   margin:30px 0 0 120px;
   }
   
   .contentdown{
   width:748px;
   height:10px;
   background:url(/images/bgcontentdown.png) no-repeat left top;
   background-position:0px 0%;
   padding-bottom:20px;
   border:0px solid green;
   margin:0 0 0 0px;
   }
   
/**************************************************************************************************
Bread section
***************************************************************************************************/  
    
  .bread{
   height:30px;
   }
 .breadbox{
  border:0px solid green;
}
.bread ul{
  list-style:none;
  margin:0px;
  padding:0px;
}
.bread li{
  float:left;
  font-family: arial;
  font-size:11px;
  font-weight:normal;
  color: #666666;
}
.bread li a{
  text-decoration:none;
  font-size:11px;
  font-weight:bold;
  color:#666666;
  background:url(/images/breadarrowblack.gif) no-repeat center left;
  padding:0 3px 0 6px;
}
.bread .firstchild a{
  background:none;
  }
   .bread .lastchild a{
  color:red;
  background:url(/images/breadarrowred.gif) no-repeat center left;
  }
  
/**************************************************************************************************
VerBread section
***************************************************************************************************/  
    
  .verbread{
   min-height:30px;_height:30px;
   }
 .verbreadbox{
 width:190px;
 min-height:30px;_height:30px;
  border:0px solid green;
}
.verbread ul{
  list-style:none;
  margin:0px;
  padding:0px;
}
.verbread li{
  padding:10px 0 5px 0;
  border-bottom:2px solid #fc0101 ;
}
.verbread li a{
  text-decoration:none;
  font-size:14px;
  font-weight:bold;
  color:#662d91;
}
.verbread .firstchild a{
  font-size:18px;
  }

/**************************************************************************************************
Navbar section
***************************************************************************************************/  
   
   #navbar{
   float:right;
   width:217px;
   }
   .navbarbox{
   width:210px;
   min-height:200px;_height:200px;
   margin:0px 0 0 6px;
   }
   

/*navmenu style*/   
  #navbar ul{
  list-style:none;
  margin:0px;
  padding:0px;
  }
  #navbar li{
  _height:1%;
  /*_margin:-10px 0 -10 0;*/
  }
  #navbar li a{
  text-decoration:none;
  display:block;
  font-weight:bold;
  color:#662D91;
  margin:0px;
  _cursor:hand;
  _cursor:pointer;
  }
  #navbar .menuitem-active ul, #navbar .menuitem-path ul {
  display:block;
  }
  #navbar .top{
  margin:0px 0 0 0;
  width:209px;
  height:13px;
  background: url(/images/vermenutop.png) no-repeat top left;
  }
  #navbar .mid{
  width:209px;
  min-height:30px;_height:30px;
  font-weight:bold;
  color:#662D91;
  _margin:-2px 0 0px 0;
  background: url(/images/vermenumidloop.png) repeat-y top left;
  border:0px solid lime;
  }
  #navbar .mid p{
  width:190px;
  font-weight:bold;
  color:#662D91;
  margin:0px 0 0px 8px;
  }
  #navbar .bot {
  width:209px;
  height:19px;
  margin:0px 0 0 0;
  background: url(/images/vermenudown.png) no-repeat top left;
  border:0px solid red;
  }
  
#navbar a:hover .top, #navbar .menuitem-active .top {
	background:url(/images/vermenutopover2.png) no-repeat top left;
}
#navbar a:hover .mid, #navbar .menuitem-active .mid {
	background:url(/images/vermenumidloopover2.png) repeat-y top left;
}
#navbar a:hover .bot, #navbar .menuitem-active .bot {
	background:url(/images/vermenudownover2.png) no-repeat top left;
}
/*
#navbar .menuitem-active #page_5 {
background:url(/images/hormenuleftovergeel.png) no-repeat top left;
border:0px solid green;
}
*/
 
/*  Submenu-Style*/    
   #navbar li ul{
   display:none;
   margin:4px 0 8px 30px;
   }
   #navbar ul ul li{
   /*vertical-align:top;bullet springt boven op*/
   background:url(/images/navbullet.png) no-repeat top left;
   background-position:0px 7px;
   
   }
   #navbar ul ul li a{
   text-decoration:none;
	font-size: 12px;
	font-weight:bold;
	color: #662D91;
	padding:0px 0 0 8px;
   }
/*gallery,movie,fun,..*/ 
.borderhouder{
   border-top:5px solid #fff;
   border-bottom:5px solid #fff;
   margin:3px 0 0px 0;
   padding:20px 0 20px 0;
   }






.clear{
width:1170px;
clear:both;
border:0px solid green;
}


/**************************************************************************************************
contentright section
***************************************************************************************************/  
   
 /*.contentright{
	float: left;
	width:217px;
}
.contentrightbox{
	margin-left: 10px;
}*/








/**************************************************************************************************
Footer section
***************************************************************************************************/  
   
   #footer{
   width:753px;
   height:15px;
   border:1px solid red;
   color:#fff;
   clear:both;
   background:#456 url(images/) no-repeat left top;
   background-position:0% 0%;
   padding-bottom:20px;
   }
	/*#supersize {
	height:100%;  
	width:100%; 
	border:0px solid blue;
	}*/
	
	
