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

* 										{ margin: 0; }
html, body								{ height: 100%; }
body 									{ background: #416896 url('../img/body_back.jpg') top center repeat-x; /*background: #94b6c7 url('../img/body_back.gif') top left repeat-x;*/ }

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

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

img 									{ border: 0; }
				
body, input, textarea, select {
	font-family: 						Arial, Tahoma, Verdana, Helvetica, "Sans Serif";
	color:								#095a88;
	font-size: 							12px;
	line-height: 						16px;
}

a:link, a:visited, a:active 			{ color: #ed1b2d; font-weight: normal; text-decoration: none; }
a:hover 								{ color: #48a6dc; font-weight: normal; text-decoration: underline; }

h1 										{ font-size: 23px; color: #0e0c29; margin-bottom: 25px; line-height: 23px; font-weight: normal; letter-spacing: -0.5px; }
h2 										{ font-size: 18px; color: #0e0c29; margin-bottom: 25px; line-height: 23px; font-weight: normal; letter-spacing: -0.4px; }
h3 										{ font-size: 15px; color: #48a6dc; margin-bottom: 15px; }

p 										{ line-height: 18px; margin-bottom: 15px; }

th										{ text-align: left; }

/* *************************************************************************************
				MAIN
************************************************************************************* */

div#main
{
	width:								975px;
	height:								100%;
	min-height:							400px;
}

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

div#top
{
	width:								975px;
	height:								70px;
	background:							url('../img/top_back.jpg') top center no-repeat;
}

div#logo								{ position: absolute; margin: 10px 0 0 20px; }
div#payoff								{ position: absolute; margin: 0px 0 0 143px; }

div#lang								{ position: absolute; margin: 25px 0 0 380px; }
div#lang ul								{ list-style-type: none; }
div#lang ul li							{ float: left; margin-right: 5px; }

div#search								{ position: absolute; width: 245px; height: 30px; margin: 20px 0 0 730px; background: url('../img/search_back.gif') top left no-repeat; }
div#search input[type="text"], div#search input.searchField		{ position: absolute; background: transparent; border: 0; font-size: 14px; line-height: 14px; margin: 6px 0 0 5px; width: 200px; }	
div#search input[type="image"], div#search input.searchButton	{ position: absolute; border: 0; margin: 3px 0 0 208px; }

/* *************************************************************************************
				MAIN NAVIGATION
************************************************************************************* */

div#mainNavigation
{
	width:								975px;
	height:								40px;
	background:							url('../img/mainnavigation_back.jpg') top left no-repeat;
	/*border-bottom:						1px solid #ffffff;*/
}

div#mainNavigation ul					{ list-style-type: none; margin-left: 250px; }
div#mainNavigation ul li				{ float: left; padding: 0 15px 0 15px; border-right: 1px solid #7f9db4; }
div#mainNavigation ul li a				{ color: #ffffff; line-height: 40px; font-size: 15px; text-decoration: none; }

/* toegevoegd */

div#mainNavigation ul li ul				{ list-style-type: none; margin-left: 0; }
div#mainNavigation ul li ul li			{ border: 0; padding: 0; margin: 0; }
div#mainNavigation ul li ul li a		{ line-height: normal; font-size: 11px; }


/* *************************************************************************************
				BREADCRUMB
************************************************************************************* */

div#breadcrumb
{
	width:								975px;
	height:								30px;
	background:							url('../img/breadcrumb_back.jpg') top left no-repeat;
}
div#breadcrumb p
{
	text-align:							left;
	color:								#ffffff;
	line-height:						32px;
	font-size:							11px;
	padding:							0 30px 0 30px;
}

div#breadcrumb a
{
	color:								#ffffff;		
}

/* *************************************************************************************
				PAGEHEADER
************************************************************************************* */

div#pageHeader
{
	width:								955px;
	height:								180px;
	background:							#fff;
	padding:							10px;
}
div#pageHeader div#leftSide				{ float: left; }
div#pageHeader div#rightSide			{ float: left; }

div#product								{ position: absolute; margin-top: -31px; margin-left: 805px; width: 160px; height: 221px; background: url('../img/product.gif') no-repeat; } 

/* *************************************************************************************
				MAINWRAPPER
************************************************************************************* */

div#mainWrapper
{
	width:								955px;
	background:							url('../img/pageheader_shadow.gif') top left repeat-x;
	padding:							30px 10px 0px 10px;
}

/* *************************************************************************************
				CONTENT
************************************************************************************* */

.singleColumn,
.doubleColumn,
.quadColumn								{ float: left; margin-right: 5px; padding: 0 20px 0 20px; }

.singleColumn							{ width: 75px; }
.doubleColumn							{ width: 195px; }
.quadColumn								{ width: 435px; }

.specials .singleColumn,
.specials .doubleColumn,
.specials .quadColumn					{ border: 1px solid #cfe0e9; }

.specials .singleColumn					{ width: 73px; }
.specials .doubleColumn					{ width: 193px; }
.specials .quadColumn					{ width: 433px; }

.specials h2							{ margin: 5px -20px 15px -20px; padding-left: 20px;	line-height: 35px; background: url('../img/specials_heading_back.gif') top left repeat-x; }

.lastColumn								{ margin-right:	0; }

.divider								{ float: left; margin-left: -5px; width: 5px; min-height: 242px; background: url('../img/divider.gif') top center no-repeat; }

.clear									{ margin-bottom: 15px; clear: both; }

.headingShadow							{ position: absolute; width: 940px; height: 12px; margin-top: 28px; background: transparent url('../img/heading_shadow.png') top left no-repeat; }

#mainWrapper ul								{ margin-left: -20px; }
#mainWrapper ul.productlist					{ list-style-type: none; border-top: 1px solid #e3e4e9; margin-top: 5px; }
#mainWrapper ul.productlist li				{ border-bottom: 1px solid #e3e4e9; margin-left: -20px; padding: 2px 0 2px 0; font-size: 11px; line-height: 14px; }

#mainWrapper ul.accordion					{ list-style-type: none; border-top: 1px solid #e3e4e9; margin-top: 5px; }
#mainWrapper ul.accordion li				{ border-bottom: 1px solid #e3e4e9; margin-left: -20px; padding: 2px 0 2px 0; font-size: 11px; line-height: 14px; }
#mainWrapper ul.accordion li p				{ margin: 0; cursor: pointer; }
#mainWrapper ul.accordion li ul				{ list-style-type: none; }
#mainWrapper ul.accordion li ul li			{ background: #f5f9fb; border-bottom: 0; border-top: 1px solid #e3e4e9; }
#mainWrapper ul.accordion li ul li p		{ margin-left: 10px; }
#mainWrapper ul.accordion li ul li ul li	{ background: #ebf3f7; border-top: 1px solid #ffffff; }
#mainWrapper ul.accordion li ul li ul li a	{ margin-left: 20px; }

.hideUntilLoaded							{ display: none; }


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

div#footer, div#push
{
	height: 							60px; 				/* .push must be the same height as .footer */
}
div#footer
{
	width:								975px;
	background:							#416896 url('../img/footer_back.jpg') top left no-repeat;
	margin: 							auto;
}
div#footer p
{
	text-align:							left;
	color:								#ffffff;
	line-height:						32px;
	font-size:							11px;
	padding:							0 30px 0 30px;
}

div#footer a
{
	color:								#ffffff;		
}