body										{ width: 100%; height: 100%; margin: 0px; padding: 0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; background: #252328 url(/img/bg.jpg) center top no-repeat; background-size:cover }
html										{ width: 100%; height: 100%; margin: 0px; padding: 0px; }
img											{ border: none; }

#container									{ width: 100%;  min-height: 100%; min-width:940px; position: relative; }
.wrapper									{ width: 80%; margin:0 auto; position: relative; min-width:940px; }

.clear										{ clear: both; }

/*-----------------------
		Extra's
-------------------------*/

#bg_holder									{ height:100%; width:100%; overflow:hidden; position:absolute; bottom:0; left:0; }
#bg_img										{ width:100%; height:100%; min-width:1600px; z-index:0; height:100%; }

/*-----------------------
		text
-------------------------*/

h1											{ font-size:3em; text-transform:uppercase; color:#fac414; margin:15px 0; font-family: 'Cutive', sans-serif; }
h2											{ font-size:1.5em; text-transform:uppercase; color:#FFF; font-family: 'Cutive', sans-serif; margin-bottom:0px; }
h3											{ font-size:1.3em; text-transform:uppercase; color:#c5c5c5;font-family: 'Cutive', sans-serif;   }
h4											{ font-size:18px; color:#484848; text-transform:uppercase; margin:15px 0px 0px 15px; line-height:24px; }

p											{ color: #FFF; padding:15px; font-size:14px; line-height:22px; }

a											{ text-decoration:none; color:#FFF; }

ul											{ display:inline-block; }
ul li										{ list-style-type:none; color:#484848; } 



/*-----------------------
		home
-------------------------*/

#header										{ position:relative; z-index:1; }
#header h3									{ margin-top:30px; margin-left:180px; }
#header_textholder							{ width: 100%; position: absolute; top:60px; }
#header_textholder div						{ width: 620px; position:absolute; right:20%; }
#logo										{ display:inline-block; margin-left:2%; }

#taal_menu									{ width:96%; border-bottom: 1px solid #484848; margin:20px auto; position:relative; z-index:3; }
#taal_menu ul								{ float:right; }
#taal_menu ul li							{ float:left; list-style-type: none; padding:5px 0 5px 20px; color:#FFF; text-transform:uppercase; }
#taal_menu a								{ color:#fac414; opacity:0.4 }
#taal_menu .active a						{ color:#fac414; opacity:1.0 }
#taal_menu a:hover							{ color:#fac414;opacity:1.0 }

.content_row								{ width:96%;margin:20px auto; text-align:center; padding-top:20px}

#info_holder								{ width:100%; position:relative; z-index:1; opacity:0.9; }
#info_holder a								{ color:#fac414; }
#middle_item								{  }
.info_item									{ width:29.3%; margin:2% 2%; float:left; background-color: #4f4e52; text-align:center; min-height:385px; }
.info_item_img								{ position:relative; top: 25px; margin-bottom:40px; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; }
.info_item_textholder						{ text-align:left; position:relative; left:0; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; }
#hover_item_textholder						{ text-align:left; }

#info_item_hover							{ overflow:hidden; position:relative; }
#info_item_hover:hover .info_item_img 		{ top:-200px; }
#hover_item_holder							{  width:100%; position:absolute; left:-100%; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; }
#hover_item_holder p						{ color:#484848; line-height:22px; }
#info_item_hover:hover						{ background-color:#fac414; }
#info_item_hover:hover #hover_item_holder	{ left:0; }
#info_item_hover:hover .info_item_textholder { left:100%; }
#left_list									{ position:absolute; left:0px; }
#right_list									{ position:absolte; right:15px; text-align:right; }		

#contact_holder								{ width:96%; margin:20px auto; background-color:#fac414; position:relative; padding:0px 0; z-index:1;}
#contact_holder	 div						{ text-align:center; }
#contact_holder p							{ color:#484848; text-transform:uppercase; display:inline-block; line-height:60px; padding:0 15px; margin:0;}
#contact_icon								{  }
#tel_nr										{ font-size:24px; font-weight:bold; background:url(/img/icon_telefoon.png) no-repeat left center; padding-left:45px; line-height:60px; margin-left:10px;}	
#tel_nr a										{color:#000000}	

#footer										{ width:100%; min-height:230px; margin-top:50px; background:url(/img/bg_footer.png) }	
#naw_holder									{ position:relative; z-index:1; width:96%; margin:0 auto; }
#naw_holder a:hover							{ color:#fac414; }
#naw_holder	ul li							{ color:#FFF; font-size:14px; line-height:22px; }	
.naw_item									{ width:25%; margin:20px 1%; float:left; }
#naw_item_short								{ width:12%; margin:20px 1%; float:left; text-align:right;}
#naw_item_long								{ width:30%; margin:20px 1%; float:left; }
#naw_item_long a							{ color:#FFF; }
.list_geel li								{ color:#fac414!important; padding-right:5px; }

@media screen and (max-width:1500px) {
	#header_textholder div					{ width: 620px; position:absolute; right:15px; }
}