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

* 								{ margin: 0; padding: 0;}
html, body						{ height: 100%; }
body 							{ background: #f5f5f5 url('../img/body_back.gif') top center repeat-y; }
body.voorpagina					{ background: #f5f5f5; }

div#wrapper
{
	background: 				#ffffff;
	min-height:					100%;
	width:						960px;
	height: 					auto !important;
	height: 					100%;
	margin: 					0 auto -25px; 		/* the bottom margin is the negative value of the footer's height */
	margin-top:					-20px;				/* hele vieze correctie, maar de wrapper werd 20px omlaag gedrukt door ???? */
}

div#wrapperVoorpagina
{
	position: 					absolute;
	z-index: 					1;
	/*background:				#eeeeee;*/
	width:						680px;
	height:						560px;
	top: 						50%;
	left: 						50%;
	/*margin:					-280px 0 0 -390px;*/
	margin:						-300px 0 0 -390px;
}

/* *************************************************************************************
				VOORPAGINA
************************************************************************************* */

div#wrapperVoorpagina div#topBorder, div#wrapperVoorpagina div#bottomBorder  
{
	width:						680px;
	height:						20px;
}
div#wrapperVoorpagina div#topBorder 	{ background: url('../img/voorpagina/topBorder.gif') top left no-repeat; }
div#wrapperVoorpagina div#bottomBorder 	{ background: url('../img/voorpagina/bottomBorder.gif') top left no-repeat; }

div#middle
{
	width:						680px;
	height:						520px;
	display:					block;	
}
div#wrapperVoorpagina div#leftBorder, div#wrapperVoorpagina div#rightBorder
{
	width:						20px;
	height:						520px;
}
div#wrapperVoorpagina div#leftBorder 	{ float: left; background: url('../img/voorpagina/leftBorder.gif') top left no-repeat; }		
div#wrapperVoorpagina div#rightBorder 	{ float: right; background: url('../img/voorpagina/rightBorder.gif') top left no-repeat; }		


div#wrapperVoorpagina div#content
{
	width:						640px;
	height:						520px;
	background:					#ffffff url('../img/voorpagina/contentBack.gif') bottom left repeat-x;	
	float:						left;
}

div#wrapperVoorpagina div#content table.columns img
{
	padding-bottom:				1px;	
}
div#wrapperVoorpagina div#content table.columns p
{
	font-size:					11px;
	line-height:				15px;
	text-align:					left;
}

div#wrapperVoorpagina div#content .column1	{ padding: 75px 10px 0px 10px; background: url('../img/voorpagina/back_startende_bedrijven.jpg') top left no-repeat; }
div#wrapperVoorpagina div#content .column2	{ padding: 75px 10px 0px 10px; background: url('../img/voorpagina/back_middelgrote_bedrijven.jpg') top left no-repeat; }
div#wrapperVoorpagina div#content .column3	{ padding: 75px 10px 0px 10px; background: url('../img/voorpagina/back_grote_bedrijven.jpg') top left no-repeat; }


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

div#top
{
	width:						960px;
	height:						90px;
}
div#top div#logo
{
	position: 					absolute;
	top: 						15px;
	margin-left: 				20px;	
}
div#top div#topNavigation
{
	width:						960px;
	height:						30px;	
	background:					url('../img/topNavigation_back.jpg') bottom right no-repeat;
}
div#top div#topNavigation p
{
	text-align: 				right;
	font-size: 					11px;
	font-family: 				Verdana, Arial;
	line-height:				30px;
	padding-right:				20px;
}
div#top div#topNavigation a			{ text-decoration: none; }
div#top div#topNavigation a:hover	{ text-decoration: underline; }

div#top div#partners
{
	width:						960px;
	height:						60px;
}
div#top div#partners ul
{
	float:						right;	
	padding-top:				5px;
	margin-right:				15px;
	list-style-type: 			none;
}
div#top div#partners ul li
{
	float: 						left;
	padding-left:				5px;
}

div#mainNavigation
{
	width:						960px;
	height:						35px;	
	background:					#3e3e3e url('../img/mainNavigation_back.gif') top left repeat-x;
	margin-top:					-35px;
	z-index:					999;
}


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

div#main
{
	width:						960px;
	height:						100%;
}

div#main div#topImage
{
	width: 						960px;
	height: 					215px;
	border-top:					5px solid #b9cadb;	
}

div#main div#columnMain
{
	position:					relative;
	/*float:					left;*/	
	width:						630px;
	/*margin-top: 				-20px;*/
	/*background: 				#ffffff;*/
}
div#main div#mainContent
{
	position:					relative;
	min-height:					400px;
	width:						620px;
}

div#main div#mainContent .grijs, div#main div#mainContent .wit
{
	color:						#454545;
	padding:					30px 30px 20px 30px;
	font-size:					12px;
	line-height:				13px;
}
div#main div#mainContent .grijs { background: url('../img/grijs_back.gif') top left no-repeat; min-height: 180px; }
div#main div#mainContent .wit	{ background: #ffffff; }

div#main div#mainContent ul 	{ line-height: 19px; padding-left: 25px; }


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

div#main div#columnRight
{
	/*position:					relative;*/
	position:					absolute;
	top:						310px;
	width:						330px;
	margin-left:				630px;
}

div#main div#columnRight .blauw, div#main div#columnRight .groen
{
	color:						#ffffff;
	padding:					15px 15px 0 15px; /*padding:					15px;*/
	font-size:					12px;
	line-height:				13px;
	margin-bottom:				10px;
}

div#main div#columnRight .blauw		{ background: url('../img/blauw_back.gif') top left no-repeat; }
div#main div#columnRight .blauw	h3,
div#main div#columnRight .blauw	a 	{ color: #ffffff; }
div#main div#columnRight .groen 	{ background: #26681c url('../img/groen_back.jpg') top left no-repeat; }
div#main div#columnRight .groen h3,
div#main div#columnRight .groen	a 	{ color: #ffffff; }
div#main div#columnRight .wit		{ background: #ffffff; padding: 15px; }

.bottomLeftCorner					{ padding: 10px 0 0 0; margin: 0 0 0 -15px; height: 5px; width: 100%; background: url('../img/bottomLeftCorner.gif') bottom left no-repeat; }

div#main div#columnRight div#service
{
	width:						330px;
	height:						110px;
	background:					url('../img/customerservice_back.jpg') top left no-repeat;	
	margin-bottom: 				10px; 
}

div#main div#columnRight div#nieuwemanier
{
	width:						330px;
	height:						110px;
	background:					url('../img/nieuwemanier_back.jpg') top left no-repeat;	
	margin-bottom: 				10px; 
}

div#main div#columnRight div#ipbmformulier
{
	width:						330px;
	height:						96px;
	margin-bottom: 				10px; 
}

div#main div#columnRight div#service ul,
div#main div#columnRight div#nieuwemanier ul
{
	padding-top:				50px;
	padding-left:				110px;
	font-size:					11px;
	line-height:				14px;
	list-style-image: 			url('../img/arrow_black.gif');
}
div#main div#columnRight div#service a,
div#main div#columnRight div#nieuwemanier a
{
	text-decoration:			none;
}


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

#wrapper #tagcloud {
    width: 						280px;
    color:						#ffffff;
    padding:					10px 10px 0 10px; /*padding:					10px;*/ 
    text-align:					center;
}

#wrapper #tagcloud a:link, #wrapper #tagcloud a:visited {
    text-decoration:			none;
}

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

#wrapperVoorpagina #tagcloud {
    width: 						480px;
    color:						#c4c4c4;
    padding:					10px 100px 10px 100px;
    text-align:					center;
}

#wrapperVoorpagina #tagcloud a:link, #wrapperVoorpagina #tagcloud a:visited {
    text-decoration:			none;
}

#wrapperVoorpagina #tagcloud a{
    text-decoration: 			none;
    color: 						#c4c4c4;
}
#wrapperVoorpagina #tagcloud a:hover, #wrapperVoorpagina #tagcloud a:active {
    text-decoration: 			underline;
    color: 						#c4c4c4;
}

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

.smallest 						{ font-size: x-small; }
.small 							{ font-size: small; }
.medium 						{ font-size: medium; }
.large 							{ font-size: large; }
.largest 						{ font-size: larger; }


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

#footer, #push
{
	height: 					25px; 				/* .push must be the same height as .footer */
}
#footer
{
	width:						960px;
	background:					#00458c url('../img/footer_back.gif') top left no-repeat;
	margin: 					auto;
}
#footer #breadcrumb
{
	margin-left:				20px;
	float:						left;	
}

#footer #contact
{
	margin-right:				20px;
	float:						right;	
}

#footer p
{
	color:						#ffffff;
	font-weight:				normal;
	line-height:				25px;
	font-size: 					10px;
	font-family: 				Verdana, Arial;
}

#footer a
{
	color:						#ffffff;
	text-decoration:			underline;		
}


/* *************************************************************************************
				CONTENT SPECIFIC STYLES
************************************************************************************* */

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

body, input, textarea, select {
	font-family: 				Arial, Tahoma, Verdana, Helvetica, "Sans Serif";
	color:						#454545;
	font-size: 					12px;
	line-height: 				19px;
}

A:link, A:visited, A:active 	{ color: #00458c; font-weight: normal; text-decoration: underline; }
A:hover 						{ color: #2b7720; font-weight: normal; text-decoration: underline; }

h1 								{ font-size: 21px; color: #00458c; font-weight: normal; }
h2 								{ font-size: 18px; color: #00458c; margin-bottom: 15px; font-weight: normal; font-family: Tahoma; }
h3 								{ font-size: 17px; color: #00458c; margin-bottom: 15px; font-weight: normal; font-family: Tahoma; }

p 								{ line-height: 19px; margin-bottom: 10px; }

th								{ text-align: left; width: 170px; }

/* *************************************************************************************
				EXTRA
************************************************************************************* */

ul.nieuws 						{ list-style-type: disc; list-style-image: url('../img/arrow_black.gif'); color: #000000; padding-left: 15px; }
ul.nieuws li a, .nieuws	a		{ color: #ffffff; text-decoration: none; line-height: 16px; }

#footer p						{ margin: 0; padding: 0; }

#notitie						{ position: absolute; margin-left: 110px; margin-top: 77px; z-index: 666; }

#belmij
{
	position: 					absolute;
	margin-left: 				270px;
	margin-top: 				0px;
	z-index: 					667;
	width:						460px;
	line-height:				55px;
	height:						60px;
	background:					#ffffff;
}

#belmij input[type="text"]
{
	padding: 					2px;
	width: 						120px;
	margin-right: 				10px;
	border: 					1px solid #999999;
}

#contactformulier input[type="text"], #contactformulier textarea {
	padding: 					2px;
	width: 						250px;
	border: 					1px solid #999999;
}

.zoekresultaten ul				{ list-style-type: none; }
.zoekresultaten ul li			{ line-height: 11px; margin-left: -25px; padding-top: 5px; }
.zoekresultaten ul li.pad		{ font-size: 10px; padding-left: 10px; padding-bottom: 5px; border-bottom: 1px solid #e0e0e0; font-style: italic; }