/*
Theme Name: Flamac
Theme URI: http://flamac.be/
Description: The theme for Flamac
Version: 1.0
Author: Hyp3
Author URI: http://hyp3.be/


*/
/*  Algemeen  */
img, div 					{ behavior: url('iepngfix.htc') }
body						{ font-size:11px; font: normal 12px arial, sans-serif; line-height:16px; margin:0; padding:0;}
h1,h2,h3					{color:#004c70;}
h1							{ font-size:16px;}
h2							{ font-size:14px; padding:0; margin:0;}
img							{ border:0;}
.wrapper					{ width: 1024px; margin:0 auto;}
.clear 						{clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after 			{clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clearfix 					{display: inline-block;}
* html .clearfix 			{height: 1%;}
.clearfix 					{display: block;}
.left						{ float:left;}


/*  Header  */

#header						{ height: 300px; background: url('images/backbanner.jpg') no-repeat top center #004c70; position:relative;}
* html #header				{ height: 300px; background: #004c70; position:relative;}
.slogancontainer li			{ list-style-type:none;}
.banner						{ color:#FFF; font-size: 14px; font-weight:bold; margin-top:60px; margin-left: 300px; }
.bannerwriter				{ font-size:9px; float:right; margin-top:10px;}
.bannerbuttons				{ text-align:right; margin-top:40px;}
a.bannerbutton 				{ background: transparent url('images/bannerbutton_a.png') no-repeat scroll top right; color: #444; display: block; float: right; font-size:12px; height: 24px; margin-right: 6px; padding-right: 14px; /* sliding doors padding */  text-decoration: none;}
* html a.bannerbutton 		{ background:none;color: #fff; display: block; float: right; font-size:12px; height: 24px; margin-right: 6px; padding-right: 14px; /* sliding doors padding */  text-decoration: underline;}
a.bannerbutton span 		{ background: transparent url('images/bannerbutton.png') no-repeat; display: block; line-height: 12px; padding: 5px 0 5px 14px;}
* html a.bannerbutton span 		{ background:none; display: block; line-height: 12px; padding: 5px 0 5px 14px;}
#cutimage					{ float:left; margin-top:-120px; position: relative; background: url(images/toolpic.png) no-repeat top; width:250px; height:133px;}
*html #cutimage				{ float:left; margin-top:-180px; position: relative; background: url(images/toolpicie.jpg) no-repeat top; width:250px; height:133px;}

#flamac_lang				{ width:1024px; margin:0px auto; padding-top:10px;}
#flamac_lang #lang_sel		{ float:right; }
#lang_sel li {float:left;width:149px;position:relative; z-index:99;}
#lang_sel ul ul { visibility:hidden;position:absolute;height:0;top:19px;left:0; width:149px;border-top:1px solid #000;z-index:99;}


/*  Navigation  */


#navcontainer				{ position:relative;background:url('images/backnav.jpg'); height:35px; margin-top:15px;}
#navcontainer ul#navlist	{padding: .8em 0;list-style-type: none; color: #00557D;  font-weight: bold ;text-align: center; position:relative;width:700px; margin:0px auto}
#navcontainer ul#navlist li				{ float:left; }
#navcontainer ul#navlist li a			{text-decoration: none;color: #00557D;padding: .1em 1em; }
#navcontainer ul#navlist li a:hover	{ text-decoration:none;color: #d1a133}
#navcontainer ul#navlist li.current_page_item a{color: #d1a133}
#navcontainer ul#navlist li.current_page_parent a{color: #d1a133}
#navcontainer ul#navlist li ul 	  {list-style-type:none;  display: none;  position: absolute;  width: auto; padding:5px 0 0 0 ;  background:  #f1f1f2; margin:0;}
#navcontainer ul#navlist li:hover ul{ display: block; color:#00557D; }
#navcontainer ul#navlist li:hover ul li a{color:#00557D; }
#navcontainer ul#navlist li:hover ul li a:hover{color:#d1a133; }
#navcontainer ul#navlist li ul li a { padding:10px 0px; display: inlin-block; color:#00557D;   }
#navcontainer ul#navlist li ul li{float: none; list-style:none; padding:8px 5px; text-indent:0; text-transform:lowercase; text-align:left;border-bottom:1px solid #00557D; }

/*  Content  */

.navigation					{ padding:15px 0px;}

.home .entry h2				{ margin-top:20px;}
#content a.yellowbutton 	{ background: transparent url('images/yellowbutton_a.png') no-repeat scroll top right; color: #fff; display: block; float: left; height: 24px; margin-right: 20px; margin-bottom:5px; padding-right: 14px; width:135px;  /* sliding doors padding */  text-align:center;text-decoration: none; font-size:13px;}
#content a.yellowbutton:visited{ background: transparent url('images/yellowbutton_a.png') no-repeat scroll top right; color: #fff; display: block; float: left; height: 24px; margin-right: 20px; margin-bottom:5px; padding-right: 14px; width:135px;  /* sliding doors padding */  text-align:center;text-decoration: none; font-size:13px;}
#content a.yellowbutton span { background: transparent url('images/yellowbutton.png') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 14px; font-weight:bold; text-transform:uppercase;}
.yellowspan					{ line-height:23px;} /*Depending on yellowbutton*/
#content					{padding-bottom:20px; color:#7A7A7A; background: url("images/backcontent.jpg") repeat-x #FFFFFF; position:relative;  }
.content a:link,.content a:visited{ color:#004c70; text-decoration:underline;}
.content a:hover			{ color:#004c70; text-decoration:none;}
.grid_1,.grid_2 ,.grid_3,.grid_4,.content_1,.content_2,.footer_1,.footer_2{display:inline;float: left; margin-top:30px;margin-left: 20px;margin-right: 20px}
.grid_1						{ width: 620px; text-align:justify; }
.grid_2						{ width: 340px; text-align:justify;margin-left: 20px;margin-right:0px;}
.grid_3						{ text-align:right; width:250px; margin-left:0px;}
.grid_4						{ width: 560px; text-align:justify;margin-left: 20px;margin-right:60px; }
.content_1,.content_2		{ width: 270px; }
.content					{margin-left: 20px;margin-right: 20px;}
.movie						{ border:1px solid #EDEDED; width:590px; height: 200px; padding: 5px; margin-top: 30px;}
.line						{ width:75%; height: 1px; background-color: #CCC; float:right; line-height:1; padding:0; margin:0;}
*html .line					{ width:75%; height: 1px; background:none ; float:right; line-height:1; padding:0; margin:0;}
.grid1box					{ margin-top: 30px; margin-bottom: 30px; width:auto;text-align:left; border:#a8a8a8 1px solid; width:620px; background:url('images/grid1boxline.jpg') repeat-x #e9e9e9;}
.orangebutton				{ width:100px; background-color: #FF850A; margin-right: 10px;}
.middlegrid1box				{ padding:20px 35px 20px 20px;}

/*  Sidebar  */

.grid2box					{ margin-bottom:25px;}
.grid2boxcontent			{ padding:0px 30px; }
.grid2boxtop				{ background: url("images/topgrid2box.jpg") no-repeat; width:340px; height: 24px}
.grid2boxmiddle				{ background: url("images/midllegrid2box.jpg") repeat-y; width:340px;}
.grid2boxbottom				{ background: url("images/bottomgrid2box.jpg") no-repeat; width:340px; height: 24px}
.grid2box ul				{ margin: 0px 25px; padding:0px 0px; list-style-type:none; color:#666;}
.grid2box ul li				{ padding:10px 0px; list-style-type:none; color:#666;}
.grid2box ul a				{ color:#666;}
.grid2boxcontent a:link,.grid2boxcontent a:visited{ color:#004c70; text-decoration:underline;}
.subtitle					{ padding-bottom:15px;}
/*
.grid_3 ul 					{ list-style-type:none; }
.grid_3 a					{ color: #004c70; text-decoration:underline;}
.grid_3 a:hover				{ color: #d1a133; text-decoration:none;}
.grid_3 ul li.current_page_item a      {color: #d1a133; text-decoration:none;}*/
.networking					{ padding:0 0 0 10px; margin:0; text-align:center;}
.grid_2 .networking li		{ display:inline; list-style-type:none; padding:0; margin:0; padding-right:10px;}

/*  Navigation  */
#vertnav					{list-style: none;} 
#vertnav					{padding:0; margin:0; margin-left:70px;} 
#vertnav ul 				{ padding: 0; margin:0;list-style:none;  z-index:99; position:absolute; overflow:visible;} 
#vertnav li 				{ margin:0; position: relative; background-color:#004c70;border:solid 1px #fff; width:200px;  border-bottom:none;display:block;}
/*#vertnav li.current_page_item a      {text-decoration:none;display:block; padding: 0.2em; padding-right:5px; margin:0.2em 0 0.2em 0.2em; height:1.2em; color:#fff;background-color:#999;}
#vertnav li.current_page_item li{ margin:0; position: relative; background-color:#004c70 !important;border:solid 1px #fff;  border-bottom:none;display:block;}*/
#vertnav li:last-child		{border-bottom:1px solid #fff;} 
#vertnav a 					{ text-decoration:none;display:block; padding: 0.2em; padding-right:5px; margin:0.2em 0 0.2em 0.2em; height:1.2em; color:#fff;} 
#vertnav a:hover, #vertnav li:hover{ background-color:#999;} 
#vertnav ul li:hover, #vertnav ul li a:hover{ background-color:#999;} 
#vertnav ul					{display:none; position:absolute;top:0; left:201px;}
#vertnav ul ul, #vertnav ul ul ul, #vertnav ul ul ul ul,#vertnav ul ul ul ul ul,#vertnav ul ul ul ul ul ul,#vertnav ul ul ul ul ul ul ul,#vertnav ul ul ul ul ul ul ul ul,#vertnav ul ul ul ul ul ul ul ul ul{display:none;position:absolute;top:1.0em;left:201px;}
/* non-IE browsers see this */ 
#vertnav ul li>ul, #vertnav ul ul li>ul{ margin-top:-1.4em;} 
#vertnav li:hover ul ul, #vertnav li:hover ul ul ul, #vertnav li:hover ul ul ul ul, #vertnav li:hover ul ul ul ul ul,#vertnav li:hover ul ul ul ul ul ul,#vertnav li:hover ul ul ul ul ul ul ul, #vertnav li:hover ul ul ul ul ul ul ul ul, #vertnav li:hover ul ul ul ul ul ul ul ul ul{display:none;} 
#vertnav li:hover ul, #vertnav ul li:hover ul, #vertnav ul ul li:hover ul, #vertnav ul ul ul li:hover ul, #vertnav ul ul ul ul li:hover ul,#vertnav ul ul ul ul ul li:hover ul,#vertnav ul ul ul ul ul ul li:hover ul,#vertnav ul ul ul ul ul ul ul li:hover ul, #vertnav ul ul ul ul ul ul ul ul li:hover ul,#vertnav ul ul ul ul ul ul ul ul ul li:hover ul{ display:block;} 
li>ul 						{top: auto;left: auto;} 
/* Win IE only \*/ 
* html #vertnav li			{float:left;} 
/* end holly hack */ 

/*  Footer   */

#footer						{ padding-top: 30px; background: url("images/footertop.jpg") repeat-x #00557D; color:#FFFFFF;}
.footer_1					{ width: 250px;}
.footer_2					{ width: 694px; padding-top: 30px;}
.terms						{ text-align: center; padding: 20px 0px;}
.terms a					{ color:#FFF;}


.accordion h3 				{background: url(images/arrow-square.gif) no-repeat right -51px;padding: 7px 0px;margin: 0;cursor: pointer;}
.accordion h3.active 		{background-position: right 5px;}

/*       wordpress css      */
.content img				{ padding:10px;}
.alignright					{ float:right;}
.alignleft					{ float:left;}