/* CSS Document */

/* CSS Document */

HTML, BODY, DIV, TABLE, TD, TR {
	font-size: 11px;
	font-family: Arial, Verdana;
} 

HTML, BODY {
	margin: 0 auto;
	height: 100%;
	text-align: center;
}

HTML {
	margin: 0 auto;
}

FORM {
	margin: 0px;
}


.body_left {
	line-height: 16px;
}


.body_left H1 {
	color: #003366;
	font-size: 18px;
	margin-top:30px;
	margin-bottom:10px;
}

.body_left H2 {
	color: #003366;
	font-size: 14px;
	margin-top:20px;
	font-variant: small-caps;
	background: url(../img/paginas/derjans_h2_bg.gif) top left no-repeat;
}

.body_left A {
	color: #197BAF;
	text-decoration:none;
}
.body_left A:hover {
	text-decoration: underline;
}


.contactformulier INPUT, .contactformulier TEXTAREA, .contactformulier SELECT {
	background: #EDF7FC;
	border: 1px solid #999999;
	margin: 3px 0px 3px 0px;
}
.contactformulier TEXTAREA, .contactformulier SELECT {
	width: 200px;
	font-size: 12px;
	font-family: Verdana, Arial;
}


/********************/
/* BODY TEMPLATE	*/
/********************/

DIV.background_header {
	height: 31px;
	width: 600px;
	}
	
DIV.menu, DIV.header, DIV.menu_footer, DIV.footer_bg, DIV.breadcrumbs_bg, DIV.body_bg {
	width: 550px;
	padding: 0px 20px 0px 20px;
	text-align: left;
	margin: 0px;
	}

DIV.header {
	padding-bottom: 3px;
	}
	
*html DIV.header {
	padding-left:-1px;
}

DIV.guy {
	overflow: visible;
}

DIV.body_bg {
}

DIV.breadcrumbs_bg {
	height: 20px;
	padding-top: 3px;
}

DIV.footer_bg {
	height: 30px;
}

DIV.menu {
	height: 187px;
	width: 734px;
}
DIV.menu_bg {
	height: 187px;
}

		TABLE.header_table A, TABLE.header_table A:active, TABLE.header_table A:visited {
			color: #000;
			text-decoration: none;
		}
		TABLE.header_table A:hover {
			text-decoration: underline;
		} 

DIV.breadcrumbs {
	width: 100%;
	padding-bottom: 3px;
	border-bottom: 1px solid #003366;
}
	DIV.breadcrumbs A, DIV.breadcrumbs A:active, DIV.breadcrumbs A:visited {
		text-decoration: none;
		color: #197BAF;
		padding-left: 15px;
		padding-right: 5px;
		background: url(../img/breadcrumbs.gif) bottom left no-repeat;
		line-height: 15px;
	}
	DIV.breadcrumbs A:hover {
		text-decoration: underline;
	}
	
/********************/
/* HEAD MENU		*/
/********************/

DIV.menuknop A, DIV.menuknop A:active, DIV.menuknop A:visited {
	color: white;
	text-decoration: none;
	letter-spacing: 1px;
}

DIV.headmenu A:hover {
	text-decoration: underline;
}

DIV.menuknop, DIV.menuknop_2 {
	float: left;
	width: 81px;
	height: 31px;
	text-align: left;
	padding-left: 15px;
	vertical-align: middle;
	background: #003366;
	margin-right: 1px;
	line-height: 30px;
}

DIV.menuknop_2 {
	width: 39px;
}


/********************/
/* BODY				*/
/********************/

DIV.body_left {
	margin-top: 5px;
	position: relative;
	float: left;
	width: 100%;
	color:#333333;
	padding: 0px 5px 0px 0px;
}

DIV.body_right {
	margin-top: 5px;
	float: right;
	width: 34%;
	padding: 0px 0px 0px 5px;
}
	DIV.body_right H4 {
		font-variant: small-caps;
		font-size: 14px;
		color: #345E87;
		margin: 0px 0px 6px 0px;
	}
	
	DIV.body_right H5 {
		font-weight: bold;
		color: #003366;
		letter-spacing: -1px;
		font-size: 14px;
		margin: 0px 0px 4px 0px;
	}
	
	DIV.introtext {
		background: #E1F1F9 url(../img/introtext_bg.gif) top right no-repeat;
		padding: 8px;
		color: #345E87;
		line-height: 18px;
	}
		.introtext A {
			color: #197BAF;
			text-decoration: none;
		}
		.introtext A {
			text-decoration:underline;
		}		


	DIV.tip {
		background: red;
		padding: 8px;
		color: #003366;
		line-height: 18px;
		background: url(../img/tip_bg.jpg) bottom left no-repeat;
	}

DIV.floating_logo {
	width: 80px;
	height: 120px;
	float: right;
	margin-left: 10px;
	margin-top: -190px;
	margin-bottom: -190px;
}

DIV.newsletter_header {
	background: #780712;
	margin-top: 5px;
	height: 10px;
	margin-bottom: 1px;
}
	DIV.newsletter_header H3 {
		font-size: 14px;
	}
	DIV.newsletter H3 {
		font-size: 14px;
		font-variant: small-caps;
		color: #780712;
		margin: -5px 0px 10px 0px;
	}

DIV.newsletter {
	padding: 8px;
	color: #003366;
	line-height: 14px;
}
	DIV.newsletter A, DIV.newsletter A:active, DIV.newsletter A:visited {
		text-decoration: underline;
		background: url(../img/nieuws_link.gif) bottom left no-repeat;
		padding-left: 30px;
		color: #780712;
	}
	DIV.newsletter A:hover {
		text-decoration: none;
	}
	#news {
		background: url(../img/nieuws_meer.gif) bottom left no-repeat;
		padding-left: 15px;
		color: #780712;
		font-weight: bold;
		margin-top: 35px;
	}

DIV.banner {
	padding: 8px;
	color: #003366;
	line-height: 14px;
	border: 1px solid #780712;
}
	DIV.banner H1 {
		font-size: 14px;
		color: #780712;
		letter-spacing: 1px;
		font-variant: small-caps;
		margin: 3px 0px 9px 0px;
	}


	FORM.newsletter INPUT {
		background: #F5F0F1;
		font-size: 11px;
	}
	
	FORM.newsletter {
		margin-top: 5px;
	}

	DIV.newsletter H6 {
		line-height: 10px;
		font-size: 9px;
		margin: 6px 8px 0px 8px;
	}
/********************/
/* FOOTER			*/
/********************/

DIV.footer, DIV.footer_print {
	height: 18px;
	color: #003366;
	width: 100%;
	margin-top: 3px;
	float: left;
}

	DIV.footer A, DIV.footer_print A {
		text-decoration: none;
		color: #466B8F;
	}
	DIV.footer A:hover, DIV.footer_print A:hover {
		text-decoration: underline;
	}
	
DIV.bottom {
	height: 22px;
	width: 800px;
}


A.print {
	background: url(../img/paginas/derjans_print_icon.gif) top left no-repeat;
	padding-left:20px;
	color: #666666;
	text-decoration: none;
	font-variant: small-caps;
	margin-left:20px;
}
A.print:hover {
	text-decoration: underline;
}




/********************/
/* ONMOUSEOVER EVENT*/
/********************/

DIV.huis {
	margin-bottom: 50px;
	height: 333px;
}
#div1, #div2, #div3, #div4, #div5, #div6 {
	position: absolute; 
	top: 250; 
	left: 0; 
	visibility:hidden;
	float: left;
}
	*html #div1, #div2, #div3, #div4, #div5, #div6 {
		margin-top: 250px;
	}
	
	#div1 H2, #div2 H2, #div3 H2, #div4 H2, #div5 H2, #div6 H2 {
		margin: 3px 0px 0px 0px;
		color: #003366;
		font-size: 12px;
		font-variant: small-caps;
		line-height: 20px;
		background: url(../img/derjans_logo_klein.gif) top left no-repeat;
		padding-left: 55px;
	}
	
DIV.move {
	padding: 0px 10px 5px 30px;
	color: #003366;
}


DIV.header_adres {
	display: block;
}

.background_header, .body_right, .floating_logo, .header_menu {
	display: none;
}

.header_table {
	margin-top: 15px;
}


/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu, .transMenu .content, .transMenu .items, .transMenu.top .items, .transMenu .item , .transMenu .background, .transMenu .shadowRight, .transMenu .shadowBottom, .transMenu .item.hover, .transMenu .item img, DIV.menu, .breadcrumbs_bg, DIV.footer, DIV.bottom {
	display: none;
}