/****************************************************************************************************
*						RESET																		*
****************************************************************************************************/

*											{ margin: 0; padding: 0; border: 0; }
*											{ font-family: Calibri, Arial, Tahoma, Verdana, Arial; font-size: 12px; color: #0a0908; }


/****************************************************************************************************
*						BODY AND STRUCTURE 															*
****************************************************************************************************/

/* WRAPPER */

	html, body								{ height: 100%; }

	#wrapper
	{
		min-height:							100%;
		width:								1020px;
		height: 							auto !important;
		height: 							100%;
		margin: 							0 auto -25px; 		/* the bottom margin is the negative value of the footer's height */
	}


/* HEADER */

	#header									{ position: absolute; width: 100%; height: 30px; background: #33302e; }
	
	#header ul								{ width: 1020px; margin: auto; color: #fff; text-align: right; line-height: 30px; list-style-type: none; }
	#header ul li							{ float: right; padding-left: 20px; line-height: 30px;}
	#header ul a							{ text-decoration: none; color: #fff; }
	#header ul a:hover						{ text-decoration: underline; }


/* TOP */

	#top									{ width: 1020px; height: 190px; background: url('../img/top_back.jpg') top left no-repeat; }

	#top #logo								{ position: absolute; margin-top: 50px; margin-left: 20px; }
	#top #folder							{ position: absolute; margin-top: 50px; margin-left: 720px; }


/* NAVIGATION */

	body 									{ behavior:url(csshover.htc); }
	
	#navigation								{ height: 45px; background: url('../img/navigation_back.gif') top left repeat-y; }
	#navigation								{ position: absolute; margin-left: 0; margin-top: 145px; }
	#navigation ul#nav 						{ list-style: none; padding: 0; margin: 0; }
	#navigation ul#nav li					{ background: url('../img/nav_divider.png') bottom left no-repeat; }
	#navigation a 							{ font-size: 14px; }
	
	#navigation ul#nav li,
	#navigation ul#nav li ul li 
	{
		float: 								left;
		position: 							relative;
		height:								45px;
		line-height: 						45px;
		padding: 							0 20px 0 20px;
	}
	#navigation ul#nav li ul li				{ width: 135px; height: 25px; line-height: 25px; background: #e0dfde; list-style: none; margin-left: -18px; border-top: 1px solid #fff; }
	
	#navigation ul#nav li,
	#navigation ul#nav li a 				{ display: block; color: #fff; font-size: 14px; }
	#navigation ul#nav li ul li a			{ color: #33302e; font-size: 12px; }
	#navigation ul#nav li ul li a:hover		{ color: #820024; }
	
	#navigation li ul
	{
		display: 							none;
		position: 							absolute;
		width:								100px;
		top: 								0;
		left: 								0;
		margin-left:						-1px;
	}
	
	#navigation li>ul 						{ top: auto; left: auto; }
	
	#navigation li:hover ul,
	#navigation li.over ul 					{ display: block; }
	
	#navigation ul#nav li a:hover			{ color: #ffffff; }
	#navigation ul#nav li.active			{ }
	#navigation ul#nav li.active a:hover	{ color: #ffffff; }


/* MAIN */

	#main									{ width: 1020px; }
	
	#main #columnLeft						{ float: left; width: 685px; background: url('../img/columnLeft_back.gif') top left repeat-x; min-height: 470px; }
	#main #columnLeft #content1				{ height: 365px; }
	#main #columnLeft #content2				{ }
	
	#main #columnRight						{ float: left; width: 335px; }

	.contentColumn							{ padding: 40px 30px 30px 30px; float: left; width: 280px; }
	.contentColumn.left						{ width: 295px; padding-right: 15px; }
	.contentColumn.right					{ width: 295px; padding-left: 15px; }
	.contentColumnDivider					{ float: left; width: 5px; }
	
	.contentWide							{ padding: 40px 30px 30px 30px; float: left; }

	ul.nieuws								{ list-style-type: none; margin: 0; }
	ul.nieuws li							{ border-top: 1px solid #efefee; line-height: 20px; }

/* FOOTER */

	#push									{ clear: both; height: 50px; /* .push must be the same height as .footer */ }

	#breadcrumb								{ clear: both; height: 25px; width: 1020px; margin: auto; z-index: 666; }
	#breadcrumb p							{ font-size: 12px; color: #99918a; margin: 0 0 0 30px; }
	#breadcrumb p *							{ font-size: 12px; color: #99918a; }
	#breadcrumb p a:hover					{ color: #820024; }

	#footer									{ clear: both; height: 25px; width: 1020px; margin: auto; z-index: 666; background: #99918a; }
	#footer p								{ font-size: 12px; color: #fff; line-height: 25px; margin: 0 0 0 30px; }
	#footer p *								{ font-size: 12px; color: #fff; }
	#footer p a:hover						{ color: #820024; }


/****************************************************************************************************
*						GENERAL STYLES  															*
****************************************************************************************************/

body										{ background: #e0dfde url('../img/body_back.gif') top left repeat-x; }
#wrapper									{ background: #ffffff; }

h1											{ font-family: Calibri, Tahoma, Verdana, Arial; font-size: 23px; line-height: 22px; color: #820024; font-weight: normal; margin-bottom: 20px; }
h2											{ font-family: Calibri, Tahoma, Verdana, Arial; font-size: 16px; color: #820024; font-weight: normal; margin-bottom: 15px; }
p											{ line-height: 17px; margin-bottom: 15px; }
a											{ color: #dd7a00; text-decoration: none; }
a:hover										{ color: #820024; } 

hr 											{ border: 0; color: #efefee; background-color: #e0dfde; height: 1px; width: 100%; margin: 15px 0 10px 0; }

th											{ text-align: left; }
form th										{ text-align: left; width: 100px; }

input, textarea, select						{ /*border: 1px solid #e8e2dc;*/ border: 1px solid #d8cfc6; padding: 3px; width: 180px; }

input[type="button"],
input[type="submit"],
input.button								{ cursor: pointer; padding: 3px; background: #dd7a00; color: #ffffff; width: auto; }
label										{ float: left; width: 100px; }

ul											{ margin-left: 15px; }
ul li										{ line-height: 17px; }


/* *************************************************************************************
				TAG CLOUD
************************************************************************************* */

#tagcloud
{
    width: 						295px;
    height: 					95px;
    color:						#ffffff;
    padding:					20px; 
    text-align:					center;
    background: 				url('../img/bottomRight_back.jpg') top left no-repeat; 
}

#tagcloud a:link, #tagcloud a:visited 		{ text-decoration: none; }
#tagcloud a									{ text-decoration: none; color: #ffffff; }
#tagcloud a:hover, #tagcloud a:active 		{ text-decoration: underline; color: #ffffff; }

#tagcloud span 					{ padding: 4px; line-height: 20px; }

.smallest a 					{ /*font-size: x-small;*/ font-size: 10px; }
.small a						{ /*font-size: small;*/ font-size: 12px; }
.medium a						{ /*font-size: medium;*/ font-size: 14px; }
.large a						{ /*font-size: large;*/ font-size: 16px; }
.largest a						{ /*font-size: larger;*/ font-size: 18px; }

/* *************************************************************************************
				SOCIAL
************************************************************************************* */

#social							{ padding: 20px; }
#social ul						{ list-style-type: none; }
#social ul li					{ float: left; }

a#social_twitter 				{ background-image: url('../img/social_twitter_off.gif'); width: 187px; height: 45px; display: block; }
a#social_twitter span 			{ display: none; }
a#social_twitter:hover 			{ background-image: url('../img/social_twitter_on.gif'); }

a#social_linkedin 				{ background-image: url('../img/social_linkedin_off.gif'); width: 91px; height: 45px; display: block; }
a#social_linkedin span 			{ display: none; }
a#social_linkedin:hover 		{ background-image: url('../img/social_linkedin_on.gif'); }

/* *************************************************************************************
				PORTFOLIO
************************************************************************************* */

ul.portfolio_klanten			{ list-style-type: none; margin: 0; padding: 0; }
ul.portfolio_klanten li			{ line-height: 25px; font-size: 15px; border-bottom: 1px solid #fff; }

/* *************************************************************************************
				SLIDER
************************************************************************************* */

#gallery #gallery_heading		{ padding: 10px 15px 0px 15px; background: #f8f8f8; width: auto; }
#gallery #gallery_heading h1	{ margin: 0; width: auto; }