/****************************************************************************************************
*						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 20px 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; }

	#main #columnLeft #content3	.contentColumn	{ padding: 0px 30px 30px 30px; float: left; width: 280px; }

	ul.contentMenu							{ list-style-type: none; margin: 0; }
	ul.contentMenu li						{ background: #d9eaf4; float: left; margin-right: 1px; padding: 5px 10px 5px 10px; }
	ul.contentMenu li.active				{ background: #dd7a00; color: #ffffff; }
	ul.contentMenu li.active a				{ color: #ffffff; }

	ul.nieuws								{ list-style-type: none; margin: 0; }
	ul.nieuws li							{ border-top: 1px dotted #7fb9da; padding-top: 3px; padding-bottom: 3px; line-height: 17px; }
	ul.nieuws li a							{ color: #0073b6; }
	ul.nieuws li a:hover					{ color: #820024; } 

/* 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: #f4f4f4 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;*/ color: #0073b6; text-decoration: none; }
a:hover										{ /*color: #820024;*/ color: #dd7a00; } 

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-top: 10px; padding-right: 20px; }
#social ul						{ list-style-type: none; }
#social ul li					{ float: right; }
/*
a#social_twitter 				{ background-image: url('../img/social_twitter_off.jpg'); width: 55px; height: 35px; display: block; }
a#social_twitter span 			{ display: none; }
a#social_twitter:hover 			{ background-image: url('../img/social_twitter_on.jpg'); }

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

a#social_facebook 				{ background-image: url('../img/social_facebook_off.jpg'); width: 55px; height: 35px; display: block; }
a#social_facebook span 			{ display: none; }
a#social_facebook:hover 		{ background-image: url('../img/social_facebook_on.jpg'); }
*/
a#social_twitter 				{ background-image: url('../img/social_twitter_on.jpg'); width: 55px; height: 35px; display: block; }
a#social_linkedin 				{ background-image: url('../img/social_linkedin_on.jpg'); width: 55px; height: 35px; display: block; }
a#social_facebook 				{ background-image: url('../img/social_facebook_on.jpg'); width: 55px; height: 35px; display: block; }
a#social_4sq					{ width: 35px; height: 35px; margin-left: 20px; }

/* *************************************************************************************
				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: 20px 30px 0px 30px; background: #f8f8f8; width: auto; }
#gallery #gallery_heading h1	{ margin: 0; width: auto; }

#slides .textContent p 			{ font-size: 11.5px; }

/* *************************************************************************************
				TWEETS
************************************************************************************* */


#tweets							{ position: relative; z-index: 1000; margin-top: 0px; margin-bottom: -40px; height: 70px; background: url('../img/laatstetweets_back1.png') no-repeat; padding: 90px 20px 0 20px; }
#tweetstop						{ position: absolute; width: 75px; height: 40px; background: url('../img/laatstetweets_top.png') no-repeat; margin: -130px 0 0 222px;}
#tweets h1						{ position: absolute; margin: -70px 0 0 0; font-size: 17px; }
#tweets ul						{ list-style-type: none; margin: 0; padding: 0; margin-top: -40px; }
#tweets ul *					{ color: #0073b6; }
#tweets ul li a					{ color: #dd7a00; text-decoration: underline; }

/* *************************************************************************************
				TWEETS ALLEEN ZICHTBAAR VOOR AVANCE
************************************************************************************* */

#tweetsAvnc						{ position: relative; z-index: 1000; margin-top: 0px; margin-bottom: -40px; height: 70px; background: url('../img/laatstetweets_back1.png') no-repeat; padding: 90px 20px 0 20px; }
#tweetstop						{ position: absolute; width: 75px; height: 40px; background: url('../img/laatstetweets_top.png') no-repeat; margin: -130px 0 0 222px;}
#tweetsAvnc h1					{ position: absolute; margin: -70px 0 0 0; font-size: 17px; }
#tweetsAvnc ul					{ list-style-type: none; margin: 0; padding: 0; margin-top: -40px; }
#tweetsAvnc ul *				{ color: #0073b6; }
#tweetsAvnc ul li a				{ color: #dd7a00; text-decoration: underline; }


/* *************************************************************************************
				BALK PEANUTS
************************************************************************************* */
#connecthier {
	position: absolute;
	margin: 0px auto;
	
}

.code {margin-top: 25px;}
.close-meerkat {
	float: right;
	margin: 30px 0 0 0;
	display: block;
	height: 20px;
	width: 20px;
	background: url('/cms_templates/avance/img/close.png') no-repeat;
	cursor: pointer;
	text-indent: -9000px;
	z-index: 10;
}
.dont-show {
	position: absolute;
	display: block;
	height: 18px;
	width: 100px;
	cursor: pointer;
	z-index: 10;
	color: #0072bc;
}
	a.dont-show:hover {color:#FFF; text-decoration: underline;}
.adsense {z-index: 5; text-align: center; margin: 0 auto; }
.meerkat {
	color: #FFF;
	display: none;
}
	.pos-bot .adsense, .pos-top .adsense {
		width: 1020px;
		height: 90px;
		margin: 0px auto;
	}
.pos-left, .pos-right {
	color: #FFF;
	display: none;
	height: 100%;
	width: 100%;
}			
	.pos-left .adsense, .pos-right .adsense {
	   	width: 120px;
		height: 600px;
		position: absolute;
		top: 50%;
		margin-top: -300px;
	}
	
	.pos-top .adsense {bottom: 20px;}
	.pos-top .close-meerkat {right: 10px; bottom: 20px;}
	.pos-top .dont-show {left: 10px; bottom: 10px;}
	
	.pos-right .adsense {left: 20px;}				
	.pos-right .close-meerkat {left: 20px; top: 10px;}
	.pos-right .dont-show {left: 20px; bottom: 0px;}			
	
	.pos-bot .adsense {top: 20px;}				
	.pos-bot .close-meerkat {right: 10px; top: 20px;}
	.pos-bot .dont-show {right: -10px; top: 100px;}				
	
	.pos-left .adsense {right: 20px;}				
	.pos-left .close-meerkat {right: 20px; top: 10px;}
	.pos-left .dont-show {right: 0px; bottom: 0px;}