h1{font-size: 18px;margin:0;padding:5px 0}
h2{font-size: 16px;margin:0;padding:5px 0}
h3{font-size: 14px;margin:0;padding:5px 0}
h4{font-size: 12px;margin:0;padding:5px 0}


a img {
border: 0;
text-decoration: none;
}
      
/***-------------------------------------------------------------------------------------------------------------------------------------------***/
/***STYLES voor menu tables ***/
.menu_table{
	height:80px;
	margin:0px;padding:0px;
	border-width: 0px 0px 0px 0px;    
    width:500px;    
    cellpadding:0px; 
    cellspacing:0px;
}

.menu_td{
	vertical-align:middle;
    width:150px;
	border-width: 1px 1px 1px 1px;
	text-align:center;
	padding:0px;
	font-size:130%;    
    }
.menu2_table{
	height:25px;
	margin:0px;padding:0px;
    width:600px;    
    cellpadding:0px; 
    cellspacing:0px;
}
.menu2_td{
	vertical-align:middle;
    width:120px;
	border-width: 1px 1px 1px 1px;
	text-align:center;
	padding:0px;
    }
.menu3_table{
	height:25px;
	margin:0px;padding:0px;
    width:98%;     
    cellpadding:0px; 
    cellspacing:0px;
}
.menu3_td{
	vertical-align:middle;
    width:19%;   
	border-width: 1px 1px 1px 1px;
	text-align:center;
	padding:0px;
    }    

    
/***-------------------------------------------------------------------------------------------------------------------------------------------***/
/***STYLES voor rechts tables ***/
.rechts_table{
    width:98%;    
}
.rechts_td{
	vertical-align:left;
    border-style: solid;
	border-width: 0px 2px 2px 2px;
	text-align:center;
	padding:7px;
    }
.rechts_header{
    border-style: solid;    
	border-width: 0px 0px 0px 0px;       
	text-align: center;;    
    font-size:130%;      
 
    }    


/***STYLES voor links tables ***/
.links_table{
    width:98%;    
	vertical-align: center;    
}
.links_td{
	vertical-align: center;
    align: center;
    border-style: solid;
	border-width: 0px 2px 2px 2px;
	text-align:center;
	padding:7px;
    }
.links_td_x{
	vertical-align: center;
    align: center;
    border-style: solid;
	border-width: 0px 2px 0px 2px;
	text-align:center;
	padding:7px;
    }    
.links_td_links{
	vertical-align: center;
    align: left;
    border-style: solid;
	border-width: 0px 2px 2px 2px;
	text-align:left;
	padding:7px;
    }
.links_header{
    border-style: solid;    
	border-width: 0px 0px 0px 0px;       
	text-align: center;  
    font-size:130%;  
    }    

/***STYLES voor midden tables ***/
.mid_table{
 /***	background-color:#FF0000;  
   filter:alpha(opacity=60); 
    -moz-opacity:0.6;       
    opacity: 0.6;             ***//***ACHTERGROND tranparant ***/
    width:98%;    
/*	color:#000000;*/   
}
.mid_td_l{
	vertical-align: center;
    align: center;
    border-style: solid;
	border-width: 0px 0px 0px 2px;
	text-align:center;
	padding:7px;
    }
.mid_td_r{
	vertical-align: left;
    align: left;
    border-style: solid;
	border-width: 0px 2px 0px 0px;
	text-align:left;
	padding:7px;
    }    
.mid_td_x{
	vertical-align: left;
    align: left;
    border-style: solid;
	border-width: 0px 2px 2px 2px;
	text-align:left;
	padding:7px;
    } 
.mid_td_y{
	vertical-align: middle;
    align: center;
	text-align: center;       
    border-style: solid;
	border-width: 0px 2px 0px 2px;
	padding:0px;
    } 
.mid_td_z{
	vertical-align: left;
    align: left;
	text-align: left;       
    border-style: solid;
	border-width: 0px 2px 2px 2px;
	padding:7px;
    }  
.mid_td_o{
	vertical-align: left;
    align: left;
	text-align: left;       
    border-style: solid;
	border-width: 0px 0px 1px 0px;
	padding:7px;
    }               
.mid_header{
    border-style: solid;    
	border-width: 0px 0px 0px 0px;       
	text-align: center;   
  	font-size:130%;
    }   
.mid_header2{
    border-style: solid;    
	border-width: 0px 0px 0px 0px;       
	text-align: center;   
    }   
    
    
 
       
/***-------------------------------------------------------------------------------------------------------------------------------------------***/
/***STYLES voor HYPERLINKS ***/    

/*a.hyperlink{
   font-family: inherit;
    font-weight: normal;
    text-decoration: none;
    background-color: 0;
    color: #000000;
    }
    
a.hyperlink:hover, a.menu:active{
    font-style: oblique;
/*    color: #FFFFFF;
    background-color: #8080FF; 
    }*/
        
/***-------------------------------------------------------------------------------------------------------------------------------------------***/
/***STYLES REACTIES ***/    
.reac_td1{
	vertical-align: center;
    align: center;
    border-style: solid;
	border-width: 0px 2px 2px 2px;
	text-align:left;
	padding:14px;
    }
.reac_td2{
	vertical-align: center;
    align: center;
    border-style: solid;
	border-width: 0px 2px 2px 2px;
	text-align:left;
	padding:14px;
    }    

        
/***-------------------------------------------------------------------------------------------------------------------------------------------***/
/***STYLES FORMFIELD ***/
/* Background Color */

.ta_content {
    border-style: solid;    
    font-family: inherit; 
    resize: none;
	border:1px;
    width: 100%;
    overflow:auto;
    overflow-y: scroll;
    overflow-x: hidden;

}
.reactie_inp{border-left: 0px ;border-right: 0px ;border-top: 0px ;border-bottom: 0px ; font-family: inherit; }

/***-------------------------------------------------------------------------------------------------------------------------------------------***/
/***STYLES voor pagina indeling ***/

#framearea_200 {
width: 100%; 
height: 100%;
overflow: auto;
}
      
.framebody_200 {
overflow: auto;
width: 35%;
height: 300px;
}

#overpage_container{
float: none;
/*width: 80%;*/
max-width: 80%;
min-height: 100%;
margin: 0 0 0% 0; /*top ?? ?? links */
}


#page_container{
float: none;
width: 1320px;
min-height: 100%;

_height: 90%;
margin: 0 0 0 0; /*top ?? ?? links */
}


#main_container{
float: right;
width: 100%;
min-height: 100%;
margin: 0 0 0 0;
}

/* container boxen */
#header_container{
width: 100%;
height: 65px;
padding: 0 0 0 0;
align: center;
text-align: center;
}

#links_container{
float: left;
height: 150%;
width: 29%;
margin: 0 0 0 0;
}

#content_container{
float: none;
margin: 0 0 0 0;
width: 100%;
}

#rechts_container{
float: right;
width: 29%;
height: 100%;
margin: 0 0 0 0;
}

#footer_container{
clear: both;
height: 350px;
width: 100%;
text-align: center;
margin: 0 0 0 0;

}

/* content boxen */
#header{
width: 100%;
height: 0px;
}

#rechts, #links, #content{
padding: 0px 0px 0 0px;
}

#footer{
padding: 0 00% 0 0%;
}

/* background image boxen */
#top_left{
position: absolute;
width: 163;
height: 0px;
top: 0;
left: 0;
}

#top_right{
position: absolute;
width: 264px;
height: 0px;
top: 0;
right: 1px;
}

#footer_left{
height: 46px;
width: 13px;
float: left;
}



/* SLIDER    SLIDER   SLIDER   SLIDER   SLIDER   SLIDER   SLIDER   SLIDER   SLIDER   SLIDER   SLIDER   SLIDER   SLIDER   SLIDER   */   
/* http://www.menucool.com */

#sliderFrame  {position:relative;width:100%;margin: 0 auto;} /*remove the "margin:0 auto;" if you want to align the whole slider to the left side*/
#sliderFrame2 {position:relative;width:100%;margin: 0 auto;} /*remove the "margin:0 auto;" if you want to align the whole slider to the left side*/
#sliderFrame3 {position:relative;width:100%;margin: 0 auto;} /*remove the "margin:0 auto;" if you want to align the whole slider to the left side*/
#sliderFrame4 {position:relative;width:100%;margin: 0 auto;} /*remove the "margin:0 auto;" if you want to align the whole slider to the left side*/
#sliderFrame5 {position:relative;width:100%;margin: 0 auto;} /*remove the "margin:0 auto;" if you want to align the whole slider to the left side*/

/*
#ribbon  {width:111px;height:111px;position:absolute;top:-4px;left:-4px;background:url(ribbon.png) no-repeat;z-index:7;}
#ribbon2 {width:111px;height:111px;position:absolute;top:-4px;left:-4px;background:url(ribbon.png) no-repeat;z-index:7;}
#ribbon3 {width:111px;height:111px;position:absolute;top:-4px;left:-4px;background:url(ribbon.png) no-repeat;z-index:7;}
#ribbon4 {width:111px;height:111px;position:absolute;top:-4px;left:-4px;background:url(ribbon.png) no-repeat;z-index:7;}
#ribbon5 {width:111px;height:111px;position:absolute;top:-4px;left:-4px;background:url(ribbon.png) no-repeat;z-index:7;}
AbAb */
        
#slider {
    width:100%;height:240px;/* Make it the same size as your images */
	background:#8080FF
	position:relative;
	margin:0 auto;/*make the image slider center-aligned */
    box-shadow: 0px 0px 0px 0px;
}
#slider2 {
    width:100%;height:240px;/* Make it the same size as your images */
	background:#8080FF
	position:relative;
	margin:0 auto;/*make the image slider center-aligned */
    box-shadow: 0px 0px 0px 0px;
}
#slider3 {
    width:100%;height:240px;/* Make it the same size as your images */
	background:#8080FF
	position:relative;
	margin:0 auto;/*make the image slider center-aligned */
    box-shadow: 0px 0px 0px 0px;
}
#slider4 {
    width:100%;height:240px;/* Make it the same size as your images */
	background:#8080FF
	position:relative;
	margin:0 auto;/*make the image slider center-aligned */
    box-shadow: 0px 0px 0px 0px;
}
#slider5 {
    width:100%;height:240px;/* Make it the same size as your images */
	background:#8080FF
	position:relative;
	margin:0 auto;/*make the image slider center-aligned */
    box-shadow: 0px 0px 0px 0px;
}

#slider img {
	position:absolute;
	border:none;
	display:none;
}
#slider2 img {
	position:absolute;
	border:none;
	display:none;
}
#slider3 img {
	position:absolute;
	border:none;
	display:none;
}
#slider4 img {
	position:absolute;
	border:none;
	display:none;
}
#slider5 img {
	position:absolute;
	border:none;
	display:none;
}

/* the link style (if an image is wrapped in a link) */
#slider a.imgLink {
	z-index:2;
	display:none;position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}
#slider2 a.imgLink {
	z-index:2;
	display:none;position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}
#slider3 a.imgLink {
	z-index:2;
	display:none;position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}
#slider4 a.imgLink {
	z-index:2;
	display:none;position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}
#slider5 a.imgLink {
	z-index:2;
	display:none;position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}
/* --------- Others ------- */
#slider 
{
	transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
}
#slider2 
{
	transform: translate3d(0,1,0);
    -ms-transform:translate3d(0,1,0);
    -moz-transform:translate3d(0,0,1);
    -o-transform:translate3d(1,0,0);
}
#slider3 
{
	transform: translate3d(0,0,1);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(1,0,0);
    -o-transform:translate3d(0,0,1);
}
#slider4 
{
	transform: translate3d(0,0,1);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(1,0,0);
    -o-transform:translate3d(0,0,1);
}
#slider5 
{
	transform: translate3d(0,0,1);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(1,0,0);
    -o-transform:translate3d(0,0,1);
}



/* Caption styles */
div.mc-caption-bg, div.mc-caption-bg2 {
	position:absolute;
	width:97%;
	height:35px;
	padding:0px;
	left:0px; /* or left: ??px; */
	bottom:0px;/* or top: ??px; */
	z-index:3;
	overflow:hidden;
	font-size:0;
}
div.mc-caption-bg {
	background-color:#000000; /*Caption background color. Can be set to "background:transparent;", or set to semi-transparent through the sliderOptions.captionOpacity setting in the javascript.*/
	border-radius: 5px;
}
div.mc-caption {
	font:bold 15px/20px Arial;
	color:#FFFFFF;
	z-index:4;
	padding:0px;
	text-align:center;
}
div.mc-caption a { 
	color:#66FFFF;
}

/* ------ built-in navigation bullets wrapper ------*/
div.navBulletsWrapper  {
	top:320px; left:280px; /* Its position is relative to the #slider */
	width:150px;
	background:none;
	padding-left:20px;
	position:relative;
	z-index:5;
	cursor:pointer;
}

/* each bullet */
div.navBulletsWrapper div 
{
    width:11px; height:11px;
    /*background:transparent url(bullet.png) no-repeat 0 0;  AbAb*/
    float:left;overflow:hidden;vertical-align:middle;cursor:pointer;
    margin-right:11px;/* distance between each bullet*/
    _position:relative;/*IE6 hack*/
}

div.navBulletsWrapper div.active {background-position:0 -11px;}



/* popup vlag */
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;

visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
width:360px; 
height:225px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -180px;
left: 100px; /*position where enlarged image should offset horizontally */
}


/* popup keert */
.thumbnail2{
position: relative;
z-index: 0;
}

.thumbnail2:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;

visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
width:80px; 
height:120px;
}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -300px;
left: -230px; /*position where enlarged image should offset horizontally */
}


/* TOOLTIP */
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-60px; margin-left:48px;
    width:400px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}


/* LANDENVERZAMELAAR 
   PLAATS EEN KAARTJE MAT MAPPING OVER DE IFRAME VAN LANDENVERZAMELAAR
   ZODAT JE KAN LINKEN NAAR HET WERELDDEEL*/
#over_landenverzamelaar{
    float: left;
    margin-top: -150px;
    margin-left: 5px;
}

#landenverzamelaar{
    float: left;
animation-timing-function:    width: 100%;
    heigth: 100%;
}