.despellen
{
	width:50%;
	float:left;
	padding-right:20px;
	margin-bottom:20px;
	padding-left: 20px;
}



#ContainerDiv {
  margin: auto;
  position: fixed;
  margin: auto;
  left: 0;
  bottom: 0;
  width: 100%;
  height:40px;
  padding-top:10px;  background-color:#eee;
  border-top:solid 1px  #ccc;
}



.rij
{
	width:100%;
	clear:left;
	float:left;	
}

section {
  padding: 10px 0px 5px 0px;
  background: #fff;
}


input
{
border: 0px;
padding:0px;
}

.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/gears.gif) center no-repeat ;
	    opacity: 0.9;
    filter: Alpha(opacity=90); /* IE8 and earlier */
}


/*** ESSENTIAL STYLES ***/
.ext-menu, .ext-menu * {
	margin: 0;
	padding: 0;
	list-style: none;

}
.ext-menu li {
	position: relative;
}
.ext-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0px;
	padding: 5px;
/*	z-index: 99; */
}
.ext-menu > li {
	
	padding-left: 3px;
padding-right: 3px;

}
.ext-menu li:hover > ul,
.ext-menu li.sfHover > ul {
	display: block;
}

.ext-menu a {
	display: block;
	position: relative;
}
.ext-menu ul ul {
	top: 0;
	left: 100%;
}


/*** DEMO SKIN ***/
.ext-menu {
	
	margin-bottom: 1em;
}
.ext-menu ul {

	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
	box-shadow: 4px 4px 6px rgba(0,0,0,.3);
	min-width: 13em;
	border: 1px solid #eee;
	background: #FFEeDd;
	margin-top: 21px;
	padding-right: 0px;
	line-height: 151%;
border-radius: 0px 0px 20px 0px;
    opacity: 0.9;
    filter: Alpha(opacity=90); /* IE8 and earlier */
}
.ext-menu a {
	
	
	
	text-decoration: none;
	zoom: 1; /* IE7 */
}
.ext-menu a {
	color: #13a;
	
}



.ext-menu li {
	
/* background: urL("../images/system/menuscheiding-klein.jpg") no-repeat; */
}
.ext-menu ul li {
	
}
.ext-menu ul ul li {

}
.ext-menu li:hover,
.ext-menu li.sfHover {

}

/*** arrows (for all except IE7) **/
.ext-arrows .ext-with-ul {
	padding-right: 2.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.ext-arrows .ext-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
}
.ext-arrows > li > .ext-with-ul:focus:after,
.ext-arrows > li:hover > .ext-with-ul:after,
.ext-arrows > .sfHover > .ext-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.ext-arrows ul .ext-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}
.ext-arrows ul li > .ext-with-ul:focus:after,
.ext-arrows ul li:hover > .ext-with-ul:after,
.ext-arrows ul .sfHover > .ext-with-ul:after {
	border-left-color: white;
}

.deeper {
margin-top: 0px;
}

span.nav-header {
padding-bottom: 40px;
}


#vis-menu-groot ul.nav-child.unstyled.small {
font-size: 10pt;
margin-top: 15px;
}

ul#vis-menu-groot {
font-size: 10pt;
color:#eee;
}





#vis-menu-klein ul.nav-child.unstyled.small {
font-size: 10pt;
}

ul#vis-menu-klein {
font-size: 9pt;
  margin-left: 10px;
  color: #eee;
}

ul.nav-child.unstyled.small a {
display: inline-block;
float: left;
}





#witvlak
{
  width:100%;
  height:94px;
  position: fixed;
  top:0px;
  left:0px;
  background: #fff;
  z-index:20;
}



#horizontalelijn{
top:94px;
width:100%;
height:1px;
background:#f1f1f1;
position:fixed;
z-index:10;
}

.submenu-methode
{
margin: auto;
margin-top: -15px;
padding-top: 0px;
width: 100%;
height: 23px;
/* z-index: 999; */
background: #eee;
width: 960px;
display: none;
}

.submenu-klein-methode
{
  margin-top:-18px;
  padding-top:0px;
  margin-left:auto;
  margin-right:auto;
  width:560px;
  height:25px;
/*  z-index:999;*/
   display: none;
   position: fixed;
background: #eee;
}






a:link,a:visited,a:active,a:hover{color:#000;text-decoration:none;font-weight:normal;list-style-type:none;display: inline;}
a:hover{color:#ff0000; }
.vis-menu-groot a:active {color:# F00; }

.hoofdtekst a{font-size:9pt;}
.hoofdtekst a:link ,.hoofdtekst a:visited, .hoofdtekst a:active {color:#F30;}
.hoofdtekst a:hover{color:#333;}

.submenu a:link ,.submenu a:visited,.submenu a:active {color:#F30;padding-left:10px; padding-right:10px;}
.submenu a:hover{color:#333;padding-left:10px; padding-right:10px; text-decoration:underline;}

.linkcenter a:link ,.linkcenter a:visited,.linkcenter a:active {color:#F30;padding-left:10px; padding-right:10px;}
.linkcenter a:hover{color:#333;padding-left:10px; padding-right:10px;}

a.link-normaal {font-size:11pt;}

.actief a:link ,.actief a:visited ,.actief a:active
{
color:#000;
}

.inbeeld a:link ,.actief a:visited ,.actief a:active
{
color:#000;
}




.submenulinks a:link ,.submenulinks a:visited,.submenulinks a:active {color:#F30;padding-left:10px; padding-right:10px;}
.submenulinks a:hover{color:#333;padding-left:10px; padding-right:10px;}


body{
  font-family:Verdana,'TrebuchetMS';
  font-size:11pt;
  margin:0 0 0 0;
  padding:0 0 0 0;
  background: #fff;
}


.verhaaltekst
{font-size:9pt;
}




#menubalk
{
  font-size:11pt;
margin:0px auto;
width:800px;
padding:11px;
z-index:10;
text-align: center;
}



ul#menu-boven-groot 
{
margin-left:-20px;
margin-top:11px;
padding:0px;
text-align: center;
  overflow:visible;
}


#menu-boven-groot li 
{
overflow:hidden;
padding-left:12px;
padding-right:5px;
padding-top:0px;
/* background: urL("/images/menuscheiding.jpg") no-repeat; */
}

#menu-boven-groot .current  {
overflow:hidden;

padding-left:12px;
padding-right:5px;
padding-top:0px;
}

#menu-boven-groot .current a
{
color:#69008C;
}

/*#menu-boven-groot li.item-101 
{
 background: urL("/images/geenpuntkomma.jpg") no-repeat;
}
*/


#menu-klein
{
position: fixed;
margin-left: 367px;
width: 800px;
z-index: 900;
padding-top: 59px;
background: #fff;
}





ul#menu-boven-klein 
{
  margin-left:-20px;
  margin-top:11px;
  padding:0px;
  text-align: center;
}

ul li { display: inline; }

#menu-boven-klein li 
{
  overflow:hidden;
  padding-left:10px;
  padding-right:3px;
  padding-top:0px;
 /* background: urL("/images/menuscheiding-klein.jpg") no-repeat; */
}

#menu-boven-klein .current  
{
  overflow:hidden;
  height:15px;
  padding-left:10px;
  padding-right:3px;
  padding-top:0px;
}

#menu-boven-klein .current a
{
color:#69008C;
}

#menu-boven-klein a
{
font-size:6.5pt;
color:#000;
}


#menu-boven-klein a:hover
{
font-size:6.5pt;
color:#ff0000;
}


/*
#menu-boven-klein li.item-101 
{
 background: urL("/images/geenpuntkomma.jpg") no-repeat;
}
*/





ul#menu-sub
{
  margin-left:0px;
  margin-top:5px;
  padding:0px;
  text-align: center;
  overflow:visible;
}

ul li { display: inline; }

#menu-sub li 
{
  overflow:hidden;
  padding-left:12px;
  padding-right:5px;
  padding-top:0px;
}

#menu-sub .current  {
overflow:hidden;
padding-left:12px;
padding-right:5px;
padding-top:0px;
}

#menu-sub .current a
{
color:#69008C;
}










ul#menu-klein-sub
{
  width:560px;
  font-size:7.5pt;
  margin-left:0px;
  margin-top:3px;
  padding:0px;
  text-align: center;
  overflow:visible;
}



#menu-klein-sub li 
{
overflow:hidden;
padding-left:7px;
padding-right:0px;
padding-top:0px;

}

#menu-klein-sub .current  {
overflow:hidden;

padding-left:12px;
padding-right:5px;
padding-top:0px;
}

#menu-klein-sub .current a
{
color:#69008C;
}


li.item-home{background:url("") no-repeat;}



#logo-boven
{
  width: 100%;
  position: fixed;
  top:0px;
  left:0px;
  height: 40px;
  background: urL("/images/plaatje-boven-logo.jpg") repeat;
  z-index:998;
  border-bottom:1px solid #666;
}



#logo-klein-plaatje
{
position: fixed;
margin-left: 0px;
width: 372px;
height: 85px;
background: url("/images/logo-klein.jpg");
z-index: 950;
}





#logoklein 
{	   
    margin:0px auto;
    width:960px;
    height:140px;
    margin-top:0px;
    overflow:hidden;
	 z-index:999;
}

#logo-groot-plaatje
{ 
    margin:0px auto; 
  	width: 960px;
  	height: 220px;
    background: urL("/images/logo-groot.jpg"); 
  	z-index:999;
}

#logogroot 
{
    margin:0px auto;
  	margin-top:-100px;
    width:100%;
    height:267px;
    overflow:visible;
}



.parallax-window {
    min-height: 300px;
  background: transparent;

}

.parallax-mirror, .parallax-mirror * {
    transition: none;
}


.plaatjestekstmidden
{   
  margin-left:auto;
  margin-right:auto;
  height:150px;
  margin-top:-150px;
  line-height:150%;
  font-family:'kras',Arial,Verdana,'TrebuchetMS';
  font-size:35pt;
  color: #FFf;
}

.wit
{	
   text-align: center; 
   -webkit-stroke-width: 15.3px;
   -webkit-stroke-color: #FFFFFF;
   -webkit-fill-color: #FFFFFF;
   text-shadow: 5px 0px 20px yellow;
   -webkit-transition: width 0.3s; /*Safari & Chrome*/
   transition: width 0.3s;
   -moz-transition: width 0.3s; /* Firefox 4 */
   -o-transition: width 0.3s; /* Opera */
}

.rood
{   
   text-align: center; 
   text-shadow: 0px 0px 10px #ff0000;
}




.hoofdtekst
{   
  	margin-top:20px;
  	margin-right: auto;
    margin-left: auto;
  	width: 800px;
    line-height:150%;
    margin-bottom:0px;
}


.submenu
{   
  	margin-top:0px;
  	margin-right: auto;
    margin-left: auto;
  	width: 100%;
    line-height:150%;
   
	text-align: center;
	font-size:9pt;
	color:#ddd;
}

.submenulinks
{   
  	margin-top:0px;
  	margin-right: auto;
    margin-left: -10px;
  	width: 100%;
    line-height:150%;
	text-align: left;
	font-size:9pt;
	color:#ddd;
}

.linkcenter
{   
  	margin-top:0px;
  	margin-right: auto;
    margin-left: auto;
  	width: 100%;
    line-height:150%;
	text-align: center;
	font-size:9pt;
	color:#ddd;
}
.koptekst
{   
  
  font-size:18pt;
  margin-bottom:20px;
  font-weight:bold;
}

h1
{   
  
  font-size:18pt;
  margin-bottom:20px;
  font-weight:bold;
}



