/*#######################################################################
	#						  												#
	#				   			  STYLESHEET								# 
	#						  Gemaakt Tangra Web					   		#
	# 						   www.tangraweb.nl            					#
	# 				   			 November 2011                	   			#
	#							 											#
	#######################################################################*/

	
	/*	ALGEMENE INSTELLINGEN
		_____________________________________________________________________ */
		
		HTML, BODY { height: 100%; margin: 0px; padding: 0px; }
								
		BODY  
		{
			font-family: 'Exo 2', Verdana, Arial, Helvetica, sans-serif;
			font-style: normal;
			font-size: 16px;
			
			color: #FFFFFF;
			
			background-color: #4B4A4A;
			
			overflow-y: auto;
		}
	
		TABLE 
		{	
			font-family: 'Exo 2', Verdana, Arial, Helvetica, sans-serif;
			font-style: normal;
			font-size: 16px;
			
			color: #FFFFFF;
			
			text-align: left;
			vertical-align: top;
			
			border: none;
		}
		
		
	/*	PAGINA INSTELLINGEN
		_____________________________________________________________________ */
		
		h1 
		{ 
			position: relative;
			float: left;
			
			width: 100%;
			height: auto;
			
			font-size: 26px;
	 		color: #747474;
		 	font-weight: 200;
			
			margin: 0px 0px 15px 0px;
		}
		
		h2
		{ 
			position: relative;
			float: left; 
			
			width: 100%;
			height: auto;
			
			font-size: 20px;
			font-weight: 100;
			color: #747474;	
			
			margin: 0px 0px 15px 0px;
		}
		
		h3
		{ 
			position: relative;
			float: left; 
			
			width: 100%;
			height: auto;
			
			font-size: 16px;
			font-weight: bold;
			color: #747474;	
			
			margin: 0px 0px 12px 0px;
		}
		
	
	/*	MENU
	 	_____________________________________________________________________ */	
	 	
	 	#menu_wrap
	 	{
		 	position: relative; 
			float: left; 
			
			width: 100%;
			height: 90px;
			
			background-color: #ffffff;
			
			border-top: 11px solid #494949;
			
			border-bottom: 1px solid #e4e4e4;
			
			overflow-y: hidden;
	 	}
		
		#menu
		{
			width: 960px;
			height: 90px;
			
			margin: auto;
		}
		
		#menu #logo
		{
			position: relative;
			float: left;
			
			width: 328px;
			height: 44px;
			
			padding: 23px 0px;
			margin: 0px 32px 0px 0px;
		}
		
		#menu #items
		{
			position: relative;
			float: right;
						
			width: auto;
			height: 90px;
		}
		
		#menu #items ul { list-style-type: none !important; padding: 0px; margin: 0px; }
		#menu #items ul li { display: inline-block; }
		
		#menu #items ul li a, #menu #items ul li a.standaard
		{		
			position: relative;
			float: left;
			
			min-width: 60px;
			width: auto !important;
			width: 60px;
			height: 90px;
			
			padding: 0px 20px;
			
			font-size: 13px;
			color: #4e4e4e;
			text-decoration: none;
			text-align: center;
			line-height: 90px;
			
			background-color: #ffffff;
		}
				
		#menu #items ul li a.actief
		{
			font-size: 13px;
			color: #ffffff;

			background-color: #284f74;
		}
		
		#menu #items ul li a:hover
		{
			font-size: 13px;
			color: #ffffff;
			
			background-color: #6d6d6d;
		}
	
	
	/*	SLIDER
	 	_____________________________________________________________________ */
	 	
		#slider_wrap
	 	{
		 	position: relative; 
			float: left; 
			
			width: 100%;
			height: auto !important;
			
			background-color: #ffffff;
		
			background-image: url('../multimedia/images/algemeen/pattern1.png');
			background-repeat: repeat;
	 	}
	 	
	 	#slider
	 	{
	 		width: 960px;
			height: 260px;
			
			padding: 4px;
			margin: 25px auto 25px auto;
						
			background: #ffffff;
	 	}
		 	
	 	#quote
	 	{
	 		width: 870px;
			
			min-height: 60px;
			height: auto !important;
			height: 60px;
			
			margin: auto;
			padding: 20px 45px;
			
			font-size: 16px;
	 		font-weight: 200;
	 		color: #ffffff;
	 		
	 		text-align: center;
		 	line-height: 30px;
	 		
	 		background-color: #284f74;
	 	}
		
		#triangle
	 	{
			position: absolute;
			top: 0px;
			left: 25px;
			
	 		width: 0px;
			height: 0px;
			
			border-style: solid;
			border-width: 15px 25px 0 0;
			border-color: #284f74 transparent transparent transparent;
	 	}
	
	
	/*	CONTENT
	 	_____________________________________________________________________ */
	 	
	 	#content_wrap
	 	{
		 	position: relative; 
			float: left; 
			
			width: 100%;
			
			min-height: 250px;
			height: auto !important;
			height: 250px;
			
			background-color: #ffffff;
		}
	 	
	 	#content
	 	{
			position: relative;
			
		 	width: 960px;
			height: auto;
			
			margin: auto;
			padding: 40px 0px;
			
			font-weight: 200;
	 		line-height: 26px;
		 	color: #959595;
	 	}
		
	 	#content a
	 	{
	 		color: #0070AA;
		 	text-decoration: none;
		 	border-bottom: 1px dotted #0070AA;
	 	}
	 	
	 	#content a:hover
	 	{
		 	color: #565656;
		 	border-bottom: 1px dotted #565656;
		 	transition: all .12s ease-in-out;
	 	}
	 	
		
	 /*	FOOTER
	 	_____________________________________________________________________ */
	 	
	 	
	 	#footer_wrap
	 	{
		 	position: relative; 
			float: left; 
			
			width: 100%;
			height: auto;
			
			background-color: #4b4a4a;
			
			border-bottom: 1px solid #302E2E;
	 	}
	 	
	 	#footer
	 	{
	 		width: 960px;
			height: 205px;
			
			margin: auto;
			
			padding: 40px 0px;
						
			color: #ffffff;
	 	}
		
		#footer a { color: #FFFFFF; }
		
		#footer #kaart
		{
			position: relative;
			float: left;
			
			width: 400px;
			height: 100%;
			
			margin: 0px 68px 0px 0px;
			
			background-image: url(../multimedia/images/algemeen/kaart.png);
			background-repeat: no-repeat;
			
			border-radius: 8px;
			border: solid 2px #4b4a4a;
		}
		
		#footer #openingstijden
		{
			position: relative;
			float: left;
			
			width: 220px;
			height: 100%;
			
			font-size: 13px;
			line-height: 24px;
			
			margin: 0px 67px 0px 0px;
		}
		
		#footer #openingstijden .dag { width: 20%; font-size: 16px; font-weight: 600; }
		#footer #openingstijden .tijden { width: 80%; font-size: 13px; }
		
		#footer #adres
		{
			position: relative;
			float: left;
			
			width: 200px;
			height: 100%;
			
			font-size: 13px;
			line-height: 24px;
			
			margin: 0px 0px 0px 0px;
		}
		
	 	

	/*	COPYRIGHT
	 	_____________________________________________________________________ */
				
		#copyright_wrap
	 	{
			position: relative;
			float: left;
			
			height: auto;
			width: 100%;
			
			border-top: 1px solid #686868;
			
			background-color: #4b4a4a;
	 	}
	 	
	 	#copyright_wrap #copyright
	 	{
	 		width: 940px;
			height: 33px;
			
			margin: auto;
	 		
			line-height: 33px;
	 		font-size: 12px;
			text-align: center;
	 	}
		
		#copyright_wrap #copyright a
	 	{
	 		color: #838383;
			text-decoration: none;
			transition: all .5s ease-in-out; 
	 	}
		
		#copyright_wrap #copyright a:hover
	 	{
	 		color: #d8d8d8;
		 	transition: all .02s ease-in-out; 
	 	}
	
	
										
	/*	SESSION (VOOR TESTDOELEINDEN)
	 	_____________________________________________________________________ */	
		
		#session
		{
			position: absolute;
			left: 50%;
			top: 2500px;
		
			width: 1000px;
			min-height: 300px;
			height: auto !important;
			height: 300px;
					
			padding: 20px;
			margin: auto -500px;
						
			color: #0066CC;
			
			border: solid double 4px #F4F4EC;
			background-color: #F4F4EC;
		}