/* *************************************************************************************
				BODY & WRAPPER STRUCTURE
************************************************************************************* */

* 							{ margin: 0; }
html, body						{ height: 100%; }
body 							{ background: #ffffff url('../images/achtergrond.gif') top center repeat-x; }

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


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

img 							{ margin: 0; padding: 0; border: 0; }
table, form, ul, li					{ margin: 0; padding: 0; }
.nomargin 						{ margin: 0; padding: 0; }

* {
	font-family: 					Arial, Tahoma, Verdana, Helvetica, "Sans Serif";
	color:						#ffffff;
	font-size: 					12px;
	line-height: 					18px;
	text-align: 					left;
}

a:link, a:visited, a:active 				{ color: #45a13e; font-weight: normal; text-decoration: none; }
a:hover 						{ color: #3e1168; font-weight: normal; text-decoration: none; }

h1 							{ font-size: 22px; color: #3e1168; line-height: 23px; margin-bottom: 15px; font-weight: normal; }
h2 							{ font-size: 18px; color: #3e1168; line-height: 20px; margin-bottom: 10px; font-weight: normal; }
h3 							{ font-size: 12px; color: #3e1168; margin-bottom: 3px; font-weight: bold; }
p 							{ line-height: 16px; margin-bottom: 20px; }

input, textarea						{ background: #f5f5f9; border: 1px solid #ececf4; padding: 3px; }
input[type="submit"], input[type="button"]		{ 
	width: 		198px;
	background:	#000000 url('../images/submit.gif') top left repeat-y;
	color: #ffffff;
	font-weight: bold; 
	padding: 3px; 
	padding-left: 10px;
	cursor: pointer; 
}

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

/* navigation */
	
	ul.navigation					{ list-style-type: none; }
	ul.navigation li				{ padding-right: 12px; height: 30px; line-height: 30px; color:	#ffffff; }
	ul.navigation li a				{ color: #ffffff; text-decoration: none; }
	ul.navigation li a:hover			{ text-decoration: underline; }


/* *************************************************************************************
				TOP
************************************************************************************* */

#top
{
	width:		1040px;
	height:		180px;
	background:	#000000;
/*	background:	url('../images/logo_tackerplein.gif') top left no-repeat; background-color:#000000;*/
	border-top:	10px solid #4c4b52;
}

#vez
{
	float: right;
	margin-right:60px;
}

#logo
{
	float: left;
	margin-left:60px;
}

#menu
{
	margin-top: -26px;
	z-index: 999;
}
	
#menu	ul		{  list-style-type: none; }
#menu	ul li		{ 
			background: url('../images/button.gif') top left no-repeat; 
			float: left; 
			padding-left: 10px; 
			margin-right: 3px;
			height: 26px; 
			color: #ffffff; 
			width: auto; 
			}
#menu	ul li a					{ font-size: 14px; font-weight: bold;  color: #ffffff; text-decoration: none; line-height: 26px; padding-right: 3px; }
#menu	ul li div.hoekjeRechts	{ float: right; background: url('../images/button_right.gif') top right no-repeat; height: 26px; width: 10px; }
#menu	ul li a:hover			{ text-decoration: underline;  line-height: 26px;}

/* Index */

#index
{
	width: 800px;
	height: auto;
	float: left;
}
#index #indexachtergrond
{
	background: #000000;
}

/* upNavigation */

	#upNavigation
	{
		width:					1040px;
		height:					30px;
		background:				url('../images/achtergrond_top.gif') bottom left repeat-x;
		padding-top: 				160px;
	}

	#upNavigation #leftSide			{ padding-top: 1px; float: left; width: 200px; height: 30px;}
	#upNavigation #leftSide ul.navigation	{ margin-left: 15px; }
	
	#upNavigation #middleSide			{ padding-top: 1px; float: left; width: 560px; height: 30px;}
	#upNavigation #middleSide ul.navigation	{ margin-left: 15px; }
	
	#upNavigation #rightSide		{ padding-top: 3px; float: right; width: 210px; height: 30px; }
	#upNavigation #rightSide ul.navigation	{ margin-left: 15px; }
	
/* LowerNavigation */

	#lowerNavigation
	{
		width:					100%;
		height:					auto !important;
		min-height:				220px;	
		border-bottom:				10px solid #ffffff;
		background-color: 			#f78a00; 
		line-height: 				30px;
	}
	
	#lowerNavigation #firstblock			{ padding-top: 0px; float: left; width: 25%;}
	#lowerNavigation #firstblock ul			{ margin-left: 30px;  }
	#lowerNavigation li		{ line-height: 20px; height: 20px;  }
	#lowerNavigation #firstblock h1			{ font-size: 18px; line-height: 30px; padding-left: 30px; color: #ffffff; background-color: #383838; border-bottom: 1px solid #ffffff; height: 30px;}
	
	#lowerNavigation #secondblock			{ padding-top: 0px; float: left; width: 25%;}
	#lowerNavigation #secondblock ul		{ margin-left: 30px;  }
	#lowerNavigation #secondblock h1		{ font-size: 18px; line-height: 30px; padding-left: 30px; color: #ffffff; background-color: #383838; border-bottom: 1px solid #ffffff; height: 30px;}
	
	#lowerNavigation #thirdblock			{ padding-top: 0px; float: left; width: 25%;}
	#lowerNavigation #thirdblock ul			{ margin-left: 30px;  }
	#lowerNavigation #thirdblock h1			{ font-size: 18px; line-height: 30px; padding-left: 30px; color: #ffffff; background-color: #383838; border-bottom: 1px solid #ffffff; height: 30px;}
	
	#lowerNavigation #fourthblock			{ padding-top: 0px; float: left; width: 25%;}
	#lowerNavigation #fourthblock ul		{ margin-left: 30px;  }
	#lowerNavigation #fourthblock h1		{ font-size: 18px; line-height: 30px; padding-left: 30px; color: #ffffff; background-color: #383838; border-bottom: 1px solid #ffffff; height: 30px;}


/* *************************************************************************************
				MAIN COLUMN
************************************************************************************* */

#main
{
	z-index:					100;
	width:						1040px;
	height:						100%;

}

/* *************************************************************************************
				ZOEKEN
************************************************************************************* */

.zoeken
{
	width: 151px;
	height: 20px;
	color:		#000000;
	background:	#f7fbf4 url('../images/zoekfunctie2.gif') top left no-repeat;
	border: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	padding-right: 0px;
}

/* *************************************************************************************
				LEFT COLUMN
************************************************************************************* */

#leftColumn
{
	width:						200px;
	height:						100%;
	float:						left;	
/*
	background:					#f7fbf4 url('../img/leftColumn_back.gif') top left repeat-y;
*/
	background:					#000000;
/*	padding:					10px 15px 15px 15px;*/
	color:						#45a13e;	
}

#leftColumn h1 						{ font-size: 18px; color: #45a13e; line-height: 20px; margin-bottom: 10px; font-weight: normal; }
#leftColumn h2 						{ font-size: 12px; color: #45a13e; margin-bottom: 3px; font-weight: bold; line-height: normal; }
#leftColumn h2.kopje					{ width: 100%; background: #e5f3db; padding: 3px 5px 3px 5px; margin-left: -5px; }
/*
#leftColumn h2, #leftColumn h3				{ color: #45a13e; }
#leftColumn h3.kopje					{ width: 100%; background: #e5f3db; padding: 3px 5px 3px 5px; margin-left: -5px; }
*/

#leftColumn input.text					{ color: #45a13e; background: #ffffff; border: 1px #d6e9d5 solid; font-size: 11px; width: 160px; }
#leftColumn input.text.active				{ color: #3e1168; background: #ffffff; }
#leftColumn hr 						{ color: #d6e9d5; background-color: #d6e9d5; }

/* *************************************************************************************
				CONTENT COLUMN
************************************************************************************* */

#contentColumn
{
	float:						left;	
/*	background:					#ffffff;*/
	color:						#000000;
	width:						590px;
	min-height:					250px;
	padding: 					15px 5px 15px 15px;
}
#contentColumn ul { list-style-type: square; margin-left: 25px; margin-bottom: 15px;

}

#contentColumn form label
{
	float: left;
	width: 120px; 
}
#contentColumn form input
{
	margin: 1px;
}

#contentColumn form input[type="submit"]
{
	margin-left: 120px;
	color: #FFFFFF;
}


#contentColumn *
{
	color:						#000000;
}

/* upperNavigation */

	#contentColumn #upperNavigation
	{
		width:					560px;
		height:					30px;
		background:				#9793be url('../img/navigation_back.gif') top left repeat-x;
		position:				absolute;			/* toegevoegd t.b.v. de jQuery animatie van de breadcrumb balk */
	}
	#contentColumn #upperNavigation ul.navigation	{ margin-left: 30px; }
	
/* mainContent */

	#contentColumn #mainContent			{ padding: 50px 30px 30px 30px; }
	#contentColumn #mainContent ul			{ list-style-type: square; margin-left: 25px; margin-bottom: 15px; }

/* *************************************************************************************
				INDEX CONTENT COLUMN
************************************************************************************* */

#indexColumn
{
	float:						left;	
/*	background:					#ffffff;*/
	color:						#000000;
	width:						605px;
	min-height:					250px;
	padding: 					0px 5px 0px 0px;
}
#indexColumn ul { list-style-type: square; margin-left: 25px; margin-bottom: 15px;

}

#indexColumn form label
{
	float: left;
	width: 120px; 
}
#indexColumn form input
{
	margin: 1px;
}

#indexColumn form input[type="submit"]
{
	margin-left: 120px;
	color: #FFFFFF;
}


#indexColumn *
{
	color:						#000000;
}

/* upperNavigation */

	#indexColumn #upperNavigation
	{
		width:					560px;
		height:					30px;
		background:				#9793be url('../img/navigation_back.gif') top left repeat-x;
		position:				absolute;			/* toegevoegd t.b.v. de jQuery animatie van de breadcrumb balk */
	}
	#indexColumn #upperNavigation ul.navigation	{ margin-left: 30px; }
	
/* mainContent */

	#indexColumn #mainContent			{ padding: 50px 30px 30px 30px; }
	#indexColumn #mainContent ul			{ list-style-type: square; margin-left: 25px; margin-bottom: 15px; }


/* *************************************************************************************
				RIGHT COLUMN
************************************************************************************* */

#rightColumn
{
	width:						200px;
	height:						100%;
	float:						left;	
	background:					#e1e1e1;
	border-top:					1px solid #ececf4;
	padding:					10px 15px 15px 15px;
	color:						#ffffff;
}

#rightColumn #account
{
	width:						198px;
	height:						100%;
	background:					#000000 url('../images/blok.gif') top left repeat-y;
}

#account h1
{
	padding-top: 5px;
	padding-left: 15px;
}

#account div
{
	padding:					10px 15px 15px 15px;
}
#account input[type="submit"]
{
	width: 		198px;
	background:	#FGEGFE url('../images/submit.gif') top left repeat-y;
}

#account form
{
	margin-bottom: 15px;
}

#account ul
{
	padding-left: 15px;
}

#account a
{
	color: #FFFFFF;
}
/*
#rightColumn #winkelwagen
{
	width:						198px;
	height:						100%;
	background:					#000000 url('../images/blok.gif') top left repeat-y;
}
#winkelwagen h1
{
	padding-top: 5px;
	padding-left: 15px;
}

#winkelwagen div
{
	padding:					10px 15px 15px 15px;
}

#winkelwagen p
{
	padding:					0 0 0 15px;
}

#winkelwagen input[type="submit"]
{
	width: 		198px;
	background:	#FGEGFE;
}

#winkelwagen form
{
	margin-bottom: 15px;
}
*/

#rightColumn h1						{ font-size: 18px; color: #ffffff; line-height: 20px; margin-bottom: 10px; font-weight: normal; }
#rightColumn h2						{ font-size: 12px; color: #ffffff; margin-bottom: 3px; font-weight: bold; }

#rightColumn hr 					{ color: #ffffff; background-color: #e2e2ee; }
#rightColumn input.text					{ background: #ffffff; width: 160px; }

ul.nieuws						{ list-style-type: square; margin-left: 15px; }
ul.nieuws li a						{ font-size: 10px; line-height: 13px; margin-left: -3px; color: #ffffff; }
ul.nieuws li a:hover					{ text-decoration: underline; }



/* *************************************************************************************
				FOOTER
************************************************************************************* */

#footer, #push
{
	clear:						both;
	height: 					39px; 				/* .push must be the same height as .footer */
}
#footer
{
	width:						100%;
	margin: 					auto;
	z-index:					666;
	
	background:					#212028;
}

#footer #adres
{
	/*background:					#212028;*/
	/*text-align:					center;*/
	font-size:					10px;
	color: 						#ffffff;
	line-height:					39px;
	
	margin: 					auto;
	width:						1010px;	
}
#footer #adres a
{
	color: 						#ffffff;
	text-decoration:				none;	
	font-size:					12px;
	padding-left:					15px;
	padding-right:					15px;
	
}


/* *************************************************************************************
				WINKELWAGEN
************************************************************************************* */

#winkelwagen
{
	width:						198px;
	height:						auto;
	background:					#000000 url('../images/blok.gif') top left repeat-y;
}

#winkelwagen #winkelwagenHeading
{
	padding-top: 5px;
	padding-left: 15px;
}
#winkelwagen p					
{ 
	padding-left:	15px;
	line-height: 	14px; 
}
#winkelwagen h1
{
	padding-top:	10px;
	padding-left:	15px;
}
#winkelwagen a					{ padding-left: 15px; color: #ffffff; text-decoration: underline; }

#winkelwagen ul					{ list-style-type: none; }
#winkelwagen ul	li				{ list-style-type: none; }

#winkelwagen table	{padding-left: 15px; padding-right: 5px; }
#winkelwagen td					{  border-top: 1px dotted #f89110; }
#winkelwagen td input			{ width: 15px; height: 17px; padding-top: 3px; margin: 0; font-size: 10px; border-top: 1px solid #abadb3; border-left: 1px solid #abadb3; border-bottom: 1px solid #e3e9ef; border-right: 1px solid #e3e9ef; }


/* *************************************************************************************
				PRODUCT
************************************************************************************* */

.aanbieding
{
	float: 		left; 
	width: 		190px;
	border:		0px;
	padding: 	0 0 5px 5px;
	margin:		0px;

}

.aanbieding tr
{
	background:	#ffffff;
	padding:	0px;
	margin:		0px;
}

.clear
{
	padding: 0px;
	margin 0px;
	line-height: 0px;
}

.aanbieding th
{
	width: 		190px;
	height: 	40px;
	background:	#383838 url('../images/aanbieding_top.gif') top left repeat-y;
	color:		#f78a00;
	font-size:	13px;
	padding:	0px;
	padding-left: 	10px;
}
#prijs
{
	color:		#ffffff;
	text-align:	right;
	background:	#383838;
	font-size:	18px;
	margin-right: 5px;
	float: left;
}

.prijsblok {
	padding:	0px;
	margin:		0px;
	padding-left: 	15px;
	background-color: #383838;
	height: 	30px;
}

.aanbieding input
{
	border:		0px;
	padding:	0px;
	margin:		0px;
}
.aanbieding table tr td a img
{
	border:	1px #858585;
	align:	center;
}

/* *************************************************************************************
				PRODUCT
************************************************************************************* */

.product
{
	float: 		left; 
	width: 		565px;
	border:		0px;
	padding: 	0 0 5px 5px;
	margin:		0px;
}
.product tr
{
	background:	#ffffff;
	padding:	0px;
	margin:		0px;
}

.product th
{
	width: 		190px;
	height: 	37px;
	background:	#383838 url('../images/product_top.gif') top left repeat-y;
	color:		#f78a00;
	font-size:	13px;
	padding-left: 	15px;
}

.product input
{
	border:		0px;
	padding:	0px;
	margin:		0px;
}
.product table tr td a img
{
	border:	1px #858585;
	align:	center;
}

/* *************************************************************************************
				PRODUCTEN
************************************************************************************* */

.producten
{
	float: 		left; 
	width: 		565px;
	border:		0px;
	padding: 	0 0 5px 5px;
	margin:		0px;
}
.producten tr
{
	background:	#ffffff;
	padding-left: 15px;
	border-bottom: solid 1px #000000;
}

.producten tr th
{
	height: 	37px;
	background: #383838;
	color:		#f78a00;
	font-size:	13px;
	padding-left: 	15px;
}

/* *************************************************************************************
				MENU
************************************************************************************* */

#interface		{ width: auto; height: auto; background: #00000;}
#indexachtergrond	{ width: 800px; height: 310px; background: #00000; }
#afbeelding 		{ width: 590px; height: 290px; float: right; background: #000000; margin: 10px;}
#knoppen		{ position: absolute; width: 180px; height: 290px; margin: 10px; }
#knoppen ul		{ margin: 0; padding: 0; list-style-type: none; }
#knoppen ul li		{ padding-bottom: 1px; }
#knoppen ul li	a	{ line-height: 30px; font-size: 13px; color: #FFFFFF; display: block; height: 30px; }
#knoppen ul li	a:hover	{ line-height: 30px; font-size: 13px; display: block;}
#flashcontent 
{
	padding-bottom: 15px; 
}


.knop-off		{ background: url('/img/knop_back.gif') top left no-repeat; width: 180px; height: 30px; line-height: 30px; padding-left: 10px; font-size: 13px; }
.knop-over		{ background: url('/images/button_over.gif') top left no-repeat; width: 180px; height: 30px; line-height: 30px; padding-left: 10px; cursor: pointer; font-size: 13px; }

/* *************************************************************************************
				CLEAR
************************************************************************************* */

.clear
{
clear: both;
}

/* *************************************************************************************
				Foutmelding
************************************************************************************* */

.error
{
font-color: red;
background-color: #000000;
}


/* *************************************************************************************
				ACCORDION MENU
************************************************************************************* */

/* wijzigingen na het ombouwen van de vorige versie, i.v.m. aangepast menu aan de linkerkant */
	
	ul.accordion						{ list-style-type: none; margin: 10px; }
	ul.accordion a						{ color: #ffffff; }
	ul.accordion li						{ margin-left: 0; padding: 2px 0 2px 0; font-size: 11px; line-height: 14px; }
	ul.accordion li p					{ margin: 0; cursor: pointer; }
	ul.accordion li ul					{ list-style-type: none; }
	ul.accordion li ul li				{ border-bottom: 0; border-top: 1px solid #666; }
	ul.accordion li ul li p				{ margin-left: 10px; }
	ul.accordion li ul li ul li			{ border-top: 1px solid #666; }
	ul.accordion li ul li ul li a		{ margin-left: 20px; }

	.hideUntilLoaded					{ display: none; }