@charset "utf-8";
/* CSS Template Stalenhoef */
/* Template colors
Darker greenblue : #2ea397
Lichter greenblue : #13f0d9
*/

/* CMS Resets */
*{font-family: Arial, Helvetica, sans-serif;}
html, body{margin: 0px; padding: 0px;  background: #00efd6;}

p{font-size: 12px;}
h1{font-size: 20px;}
h2{font-size: 15px;}
h3{font-size: 13px;}
h4{font-size: 12px;}
h5{font-size: 10px;}

ul li{font-size: 12px;}
/* END CMS Resets */

/* 2. Layout */	
#container{width: 100%; height: 100%; min-height: 100%; background: #fff; }
	
	#header_wide{width: 100%; height: 115px; background-image: url(images/Header_graphics_BG.jpg); }
		#header{width: 1086px; height: 115px; margin-left: auto; margin-right: auto; background: url(images/Header_graphics.jpg) top center no-repeat scroll;}
		#as_master_logo{width: 300px; height: 115px; position: relative; right: 10px; float: right; line-height: 42px;} 
		#as_master_logo h1{font-size: 30px; font-style: italic; text-shadow: #2ea397 2px 2px 2px; color: #fff;}
	
	#content_wide{width: 100%; height: 100%; min-height: 100%; background: #fff; }
		#contentfield{width: 1086px; height: 100%; min-height: 100%; margin-left: auto; margin-right: auto;}
			
			#as_menu{width: 210px; height: 100%; min-height: 100%; background: #000; padding-top: 10px; float: left;}
			/* Look in the next CSS-chapter 3. Menu */
			
			#menu{width: 332px; height: 100%; min-height: 100%; padding: 0px; margin: 0px; background:; float: left; }
			
				#menu_leftside{width: 76px; height: 100%; min-height: 100%; background: url(images/Menu_Lbar_Center.jpg); float: left; position: relative;}
					#menu_leftside_top{width: 76px; height: 122px; background: url(images/Menu_Lbar_top.jpg); float: left;}
					#menu_leftside_center{}
					#menu_leftside_bottom{width: 76px; height: 122px; background: url(images/Menu_Lbar_Bottom.jpg); position: absolute; bottom: 0px; float: left;}
					
				#menu_rightside{width: 46px; height: 100%; min-height: 100%; background: url(images/Menu_Rbar_Center.jpg); float: left; position: relative;}
					#menu_rightside_top{width: 46px; height: 122px; background: url(images/Menu_Rbar_top.jpg); float: left;}
					#menu_rightside_center{}
					#menu_rightside_bottom{width: 46px; height: 122px; background: url(images/Menu_Rbar_Bottom.jpg); position: absolute; bottom: 0px; float: left;}
				#menubar_bottom{width:212px; height: 19px; margin-left: 75px; float: left; background: url(images/Menu_Bar_Bottom.png); }
				
			#as_master_adres{width:212px; min-height: 100px; margin-left: 75px; padding: 0px 24px; float: left;}
				
			#ascontent_content{width: 725px; background: #fff; height: 100%; min-height: 100%; margin: 0px; padding: 17px 10px 20px 0px; font-size: 12px; float: left;}
			
	#footer_wide{width: 100%; height: 115px; background: #06F; background-image: url(images/Footer_graphics_BG.jpg); display: inline-block;}
		#as_master_footer{width: 1085px; height: 115px; margin-left: auto; margin-right: auto; padding: 10px 30px 0px 0px; color: #13f0d9; font-size: 10px; text-align: right;}
		#as_master_footer *{text-align: right;}
		
	/* Sitetogo_handtekening */
		#Sitetogo_handtekening {width: 1086px; margin-right: auto; margin-left: auto; padding: 0px 21px 50px 0px;}
		#Sitetogo_handtekening ul {margin:5px 0px 0px 0px; list-style:none; float: right; padding: 0px;}
		#Sitetogo_handtekening li {float:left; display:block;}
		#Sitetogo_handtekening li a {font-size: 10px; margin: 0px 5px 10px 5px; font-weight:normal; color: #2ea397;}

/* END Layout */

/* 3. Menu */	

/*TEMPLATE STYLING: ID/CLASS with Hover COLOR to edit highlight */
#active a{background: url(images/Menu_item_BG.gif) no-repeat;}

#menu ul {list-style: none;	margin: 0px; padding: 0px; float: left;}
#menu ul li a {
	height:;
	line-height: 32px;
	ba///ckground: #000;
	margin: 0;
	padding: 0px 15px 0px 22px;
	display: block;
	/*overflow: hidden;*/

	/*Menuitem standard textcolor and size */
	color: #2ea397;
	font-size: 16px;
	font-weight:bold;	
	text-align:left;
	text-decoration:none;
}

#menu ul li ul li a {background: #000;}
#menu ul li {position: relative; width: 202px;}
#menu ul ul ul {position: absolute; top: 0;	left: 100%;}
#menu ul li ul {position: absolute;	top: 0; left: 100%;	z-index: 500; display: none;}

/* on hover */
#menu ul ul, #menu ul li:hover ul ul, #menu ul ul li:hover ul ul {display: none;}
#menu ul li:hover ul {display: block;}
#menu ul li:hover ul, #menu ul ul li:hover ul, #menu ul ul ul li:hover ul {display:block;}
#menu ul li:hover ul, #menu ul ul li:hover ul, #menu ul ul ul li:hover ul {display: block;}
#menu ul li:hover > a {display: block; background:; color: #13f0d9; text-decoration:none;}

/* END 3. Menu */	

/* 4. Modules */
/* Languages / FLAGS / TALEN */

#as_languages {height: 30px; width: 202px; position: relative; left: 45px; top: 67px; line-height: 42px; float: left;} 
#as_languages img{height: 20px; width: auto; float: left; padding: 0px 3px; margin: 4px 4px 4px 0px; border: 0px; }
.languagemenu {list-style: none; height: 30px; margin: 0px 0px 0px 0px;}
.languagemenu #active a img {border: 1px solid #555; background: #fff; opacity: 1; filter:alpha(opacity=100); }
.languagemenu a img {opacity: 0.5; filter:alpha(opacity=50);}
.languagemenu a:hover img {opacity: 1; filter:alpha(opacity=100);}

/* END 4. Modules */