﻿/* Main stylesheet that contains all the rules shared by all the different page types */ 
*
{
	
	font-family: Verdana;
	font-size: 11px;
	line-height: 15px;
}

body, form
{
	margin: 0px;
}

body
{
	text-align: center; /* for IE */
}

h1 
{
	color: #959595;	
	background-color: #f7e9bc;
	font-size: 12px;
	line-height: 14px;
	padding: 4px;
	margin: 0px;
	background-position: right;
	background-repeat:no-repeat;
	background-image: url(/UI/Images/header_end.gif) ;
}

h2
{
	font: bold 12px/18px;
	margin: 0px; 
	margin-bottom: 3px;
	margin-top: 5px;
	padding-bottom: 0px;
	color: #000000;
}

h3
{
	font-size: 13px;
	line-height: 26px;
	margin: 0px; 
	margin-top: 5px;
	padding-left: 14px;
	padding-bottom: 0px;
	color: #457194;
}

a
{
	color: Blue;
	text-decoration: underline;
}

hr
{
	margin-top: 5px;
	margin-bottom: 5px;
	border-top: solid 1px White;
	border-bottom: solid 1px #f90;
}

/*
/* Main structure
*/

#main_container
{
	position: relative;
	width: 955px;	
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
}

.header
{
	background-image: url(/UI/Images/header_bg.gif);
	width: 955px;
	height: 132px;	
}


.main_body
{	
	width: 960px;
	margin-top: 14px;
	padding-bottom: 21px;
}

.footerImg
{
	clear: both;
	width: 955px;
	margin: 21 0 0 0;
}

.footer
{
	clear: both;
	width: 955px;
	height: 21px;
	text-align: right;	
	background-color: #8C8C90;
}

.footer div
{
	padding: 3 20 0 0;
}

.footer a, .footer div
{
	font-size: 11px;
	color: White;
	text-decoration: none;
}

.footer a
{
	padding-left: 20px;
}

.footer a:hover
{
	text-decoration: underline;
}

/*
 *	Navigation 
 */

#navlevel0
{ 
	font: normal Verdana Verdana;
	width: 955px;
	height: 21px;
	vertical-align: bottom;
	text-align: left;
}

div.nav
{
	background-color: White;	
	color: #424242;		
}


div.nav table
{
	margin-left: 5px;
	width: 955px;
}

div.nav table tr td a
{
	color: #424242;	
}

div.nav table tr.over td a
{
	color: #424242;
}

div.nav table tr td.arrow
{
	background: url(/UI/Images/list-off_home.gif) no-repeat top left;
	vertical-align: top;
	font-weight: bold;
	width: 10px;
	height: 12px;	
}

.navigation
{
	font: normal 11px/14px Verdana;
	color: #424242;	
	position: absolute;
	top: 102px;
	left: 0px;
	width: 955px;
	height: 21px;
	padding-right: 0px;
	padding-left: 0px;
	z-index: 100;
}


#navigation_topActive
{
	font: normal 11px/14px Verdana;
	line-height: 18px;
	display: block;
	text-decoration: none;
	color: black;
	border-left: 1px solid #D6D6D6;
	border-right: 1px solid #000000;
	border-top: 1px solid #D6D6D6;
	border-bottom: 1px solid black;
	padding-left: 5px;
	padding-right: 10px;
}

#navigation_top
{
	text-align:left;
	font: normal 11px/14px Verdana;
	color: #FFF;
}

#navigation_top a
{
	border-left: 1px solid #4E2073;
	border-right: 1px solid #4E2073;
	border-top: 1px solid #4E2073;
	border-bottom: 0px solid #ffffff;	
	line-height: 18px;
	display: block;
	text-decoration: none;
	color: #FFF;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 20px;
}

#navigation_top a:hover
{ 
	border-left: 1px solid #D6D6D6;
	border-right: 1px solid #000000;
	border-top: 1px solid #D6D6D6;
	border-bottom: 1px solid black;
}

#dropmenudiv
{
	text-align:left;
	position: absolute;
	z-index: 100;
}

#dropmenudiv a
{
	width: 200px;
	line-height: 21px;
	display: block;
	text-indent: 15px;
	border-left: 1px solid #D6D6D6;
	border-right: 1px solid #000000;
	border-top: 1px solid #D6D6D6;
	border-bottom: 1px solid black;
	padding-right: 15px;
	text-decoration: none;
	background-color: #C5C3AC; /* Grijs */ 
	color: #FFF;
}

#dropmenudiv a:hover
{ 
	background-color: #4E2073; /*  paars */
}

.header .serviceNavigation
{
	text-align: right;
}

.header .serviceNavigation a
{
	color: White;
	padding-right: 20px;
	text-decoration: none;
}

.header .serviceNavigation a:hover
{
	text-decoration: underline;
}

/* Web Parts */

.right .webPart
{
	width: 200px;
}

.webPart
{
	margin-bottom: 10px;
	display:inline-block;
	float: left;
	margin-right: 0px;
	height: 145px;
}

.webPart div
{
	padding: 5px;
	padding-right: 0px;
	padding-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;	
}

.webPart p
{
	padding-top: 0px;
	margin-top: 0px;
}

.webPart img
{
	padding: 0px;
	margin-top: -3px;
	margin-right: -3px;
}

/* Specifieke webparts */
.WebPartWideContactForm
{
	width: 100%!important;
	height: auto;
	padding: 0px;
	border-bottom: solid 0px #FF9900;
	padding: 0px 0px 0px 0px;
}

.WebPartWideContactForm div
{
	width: 100%!important;
	height: auto;
	padding: 0px;
	border-bottom: solid 0px #FF9900;
	padding: 0px;
}

.contactFormFooter
{
	margin-top:0px;	
	padding: 3px;
	background-color: #F7E9BC;
	border-bottom: solid 1px #FF9900;
	border-top: solid 0px #FF9900;
}


.webPartWidePressList
{
	width: 100%!important;
	height: auto;
	padding: 0px;
	border-bottom: none;	
	padding: 0px 0px 0px 0px;
}

.webPartWidePressList div
{
	padding: 0px;
	margin-top: 0px
}

.webPartWidePressList.list tr th, webPartWidePressList.list tr td
{
	border: solid 1px #f90;
	border-left: none;
	border-right: none;
	border-top: none;
	padding:8px;
	background-color: White;
}

.webPartWidePressList tr.alt
{
	float: none;
	background-color: white;
	border-top: 0px;
}

.webPartWidePressLoket
{
	width: 100%!important;
	height: auto;	
}

#logo
{
	border: none;
	position: absolute;
	top: 30px;
	left: 13px;
}

.visual
{
	position: absolute;
	top: 19px;
	left: 610px;	
	vertical-align: top;
	width: 345px;
	height: 84px;
}


.search
{
	margin-bottom: 10px;		
}

.search input
{
	border: none;
	color: black;
	vertical-align: middle;	
	height: 22px;
	padding: 4px;
}

.search button
{
	vertical-align: middle;
	width: 42px;
	height: 22px;
	text-align: center;
}

#gallery
{
	width: 417px;
	height: 286px;
}

#print, #mail, #respond
{
	text-decoration: none;
	padding-left: 16px;

	background-repeat: no-repeat;
}

#print span, #mail span, #respond span
{
	text-decoration: underline;
	color: Blue;	
}

#print
{
	background-image: url(/UI/Images/Icons/Print.gif);
}

#print:hover
{
	background-image: url(/UI/Images/Icons/Print_over.gif);
}

#mail
{
	background-image: url(/UI/Images/Icons/Mail.gif);
}

#mail:hover
{
	background-image: url(/UI/Images/Icons/Mail_over.gif);
}

#respond
{
	background-image: url(/UI/Images/Icons/Respond.gif);
}

#respond:hover
{
	background-image: url(/UI/Images/Icons/Respond_over.gif);
}
div.dropdown
{
	background-color:Navy;
}

/* afdrukken */

@media print 
{
	
	body { font-family: Garamond, "Times New Roman", Times, serif; }
	
	.header
	{
		display:none;
	}
	
	.left 
	{
		display: none;
	}
	
	.footer 
	{
		display: none;
	}
	
	#content 
	{
		top: 15px;
		position: absolute;
		left: 15px;
		width: 100%;
		
	}
	
	.articleButtons
	{
		display: none;
	}
	
	.right_content
	{
		display: none;
	}
	
	#leftnav
	{
		display: none;
	}
	
	h1 
	{
		color: #959595;	
		background-color: #f7e9bc;
		font-size: 12px;
		line-height: 14px;
		padding: 4px;
		margin: 0px;
		background-position: right;
		background-repeat:no-repeat;
		background-image: url(/UI/Images/header_end.gif) ;
	}
}