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

* 								{ margin: 0;}
html, body						{ height: 100%; }
body 							{ background: #f3f5f9; }

#wrapper
{
	background: 				#ffffff;
	min-height:					100%;
	width:						999px;
	height: 					auto !important;
	height: 					100%;
	margin: 					0 auto -35px; 		/* the bottom margin is the negative value of the footer's height */
	border-left:				2px solid #ffffff;						
	border-right:				2px solid #ffffff;						
}

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


/* *************************************************************************************
				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:						#4b4b4b;
	font-size: 					12px;
	line-height: 				19px;
}

A:link, A:visited, A:active 	{ color: #00247d; text-decoration: none; }
A:hover 						{ color: #000000; text-decoration: underline; }

h1 								{ font-size: 21px; color: #00247d; font-weight: bold; margin-bottom: 15px; }
h2 								{ font-size: 19px; color: #00247d; font-weight: bold; margin-bottom: 15px; }
h3 								{ font-size: 14px; color: #00247d; }

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


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

div#main div#top
{
	position:					relative;
	width:						1000px;
	height:						135px;
}
	
div#main div#top div#logo
{
	position:					absolute;
	margin-top: 				0px;
	margin-left: 				0px;	
}

div#main div#top div#topNavigation
{
	position:					absolute;
	margin-top: 				85px;
	margin-left: 				680px;
	font-size:					11px;
	width:						300px;
	text-align:					right;
	font-weight:				normal;
}

div#main div#top div#mainNavigation
{
	position:					absolute;
	margin-top: 				105px;
	width:						1000px;
	height:						30px;	
	background:					#00247d;
}


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

div#main div#columnLeft
{
	position:					relative;
	float:						left;	
	width:						225px;
	min-height:					300px;
}

div#main div#columnLeft div#navigation ul
{
	list-style-type:			none;		
	margin:						0;
	padding:					0;
	border-left:				1px solid #aeb9d6;
	border-right:				1px solid #aeb9d6;
	border-bottom:				1px solid #aeb9d6;
}

div#main div#columnLeft div#navigation ul li
{
	height:						25px;
}
div#main div#columnLeft div#navigation ul li a
{
	line-height:				25px;
	padding-left:				20px;
	text-decoration:			none;
	font-weight:				bold;
	font-size:					13px;
}
div#main div#columnLeft div#navigation ul li.button1
{
	background:					url('../img/button_back1.gif') top left repeat-x;
}
div#main div#columnLeft div#navigation ul li.button2
{
	background:					url('../img/button_back2.gif') top left repeat-x;
}


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

div#main div#columnRight
{
	position:					relative;
	width:						775px;
	margin-left:				225px;
}
div#main div#columnRight div#mainContent
{
	position:					relative;
	padding:					30px 50px 30px 50px;
	/*height:						320px;*/	
	overflow-y:					auto;
}

div#main  div#columnRight ul
{
	margin-left: 25px;
	margin-bottom: 15px;
	list-style-type: square;
	list-style-image: url(../img/square.gif);

}

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

#footer, #push
{
	height: 					35px; 				/* .push must be the same height as .footer */
}
#footer
{
	width:						1000px;
	margin: 					auto;
}

#footer #contact
{
	width:						225px;
	height:						85px;
	background:					url('../img/footer_contact.gif') top left no-repeat;
	margin-top:					-115px;
}

#footer #breadcrumb ul
{
	list-style-type:			none;		
	margin:						0;
	padding:					0;
	margin-left:				275px;
}
#footer #breadcrumb ul li
{
	float: 						left;
	padding-right:				10px;	
}

#footer #breadcrumb a
{
	color:						#004d69;		
}


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

#columnLeft img, #columnRight img, #topImage img
{
	display:					block;
}

table.producten img
{
	border:						1px solid #e2e2e2;
	display:					block;
}
.producten-off a
{
	color:						#00247d;
	text-decoration:			none;
	font-weight:				bold;
	line-height:				14px;
}
.producten-on a
{
	color:						#f7d417;
	text-decoration:			none;
	font-weight:				bold;
	line-height:				14px;
}

blockquote
{
	color:					#00247d;
	text-decoration:			none;
	font-size:				18px;
	font-weight:				bold;
	font-style:				italic;
	line-height:				20px;
	text-align:				center;
	width: 					300px;
	margin-bottom:				15px;
}

/* *************************************************************************************
				FORM
************************************************************************************* */


form div {
	clear: both;
}

form div.note {
	margin: 1em 0;
	padding: 0.25em;
	background-color: #CAD401;
}

form div.fill input.text {
	background-color: #CAD401;
}

input, textarea {
	float: left;
	font: 100%/1.5 Verdana, Arial, Helvetica, sans-serif;
}

label {
	display: block;
	float: left;
	width: 11.5em;
}

form input {
	float: left;
}

form input.text {
	border: 1px solid #6188C3;
}

form div.footer {
	margin-top: 1em;
	padding: 1em .25em .25em 11.75em;
}

form input.submit {
	float: left;
	border-top: 1px solid white;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid white;
	background-color: #CAD401;
}
form .submit {
	float: left;
	border-top: 1px solid white;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid white;
	background-color: #CAD401;
}

#albumafb {
	float: left;
	border:	1px solid #e2e2e2;
	display: block;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 200px;
}
#albumafb2 {
	float: left;
	border:	1px solid #e2e2e2;
	display: block;
	margin-right: 10px;
	margin-bottom: 40px;
	height: 200px;
}
#taal {
	float: 	right;
	position: relative;
	height: 20px;
	width: 50px;
	top: 5px;
}
#taal a {
	color: #FFFFFF;
}