@import url(/css/menu.css);
@import url(/css/forms.css);
@import url(/css/sites.css);
@import url(/css/news.css);

/********************************************************
   default.css
   (C) Mangrove 2005
   Default style properties
********************************************************/

body 
{
	padding: 0; 
	margin: 0; 
	line-height: 1.7em;
	font-family: verdana, arial, sans-serif;
	background-color: #e3e3e3;
	color: #5f5f5f;
	font-size: 0.7em;
}

/***************************************************/
/*****               basis div's               *****/
/***************************************************/

#wrapper
{
	width: 777px;
	margin-right: auto;
	margin-left: auto;
}

#header
{
	width: 775px;
	height: 87px;
	margin-top: 12px;
}

#content
{
	width: 775px;
	background-color: #e3e3e3;
	background-image:url(/images/contentbg.gif); background-repeat:repeat-y; background-position:top left; 
	border-left: 1px solid #dbdbdb;
}


/***************************************************/
/*****               basis content             *****/
/***************************************************/

img 
{
	border: 0; 
	margin: 0;
	padding: 0;
}

a
{
	color: #5f5f5f;
}

a:hover
{
	text-decoration: none;
}

a.green, a.red, a.blue, a.white
{
	text-decoration: none;
}

a.green:hover, a:hover.red, a:hover.blue, a:hover.white
{
	text-decoration: underline;
}

a.red
{
	color: #a71a20;
}

a.blue
{
	color: #3290a9;
}

a.white
{
	color: #ffffff;
}

a.green
{
	color: #415b40;
}

h1, h2, h3, h4 
{
	color: #5f5f5f;
	margin:0;
	padding:0;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.7em;
}

h1
{
	font-size: 1.5em;
}

h2
{
	font-size: 1.3em;
	color: #a71a20;
	font-weight: bold;
}

h3
{
	font-style: italic;
}

hr
{
margin:10px 0px 10px 0px;
color: #a3a3a3; height:1px;
}

/***************************************************/
/*****                 content                 *****/
/***************************************************/

div.topblockimage
{
	width: 288px;
	height: 206px;
	border: 10px solid #FFFFFF;
	float: left; 
}

div.topblocktext, div.topblocktext_content
{
	width: 225px;
	height: 196px;
	border: 10px solid #FFFFFF;
	border-left: 0;
	padding: 5px 30px 5px 20px;
	float: left; 
	background: #e3e3e3;
}

div.topblocktext_content
{
	width: 406px;
}
div.topblocktext_content p
{
	font-size:11px;
	line-height:15px;
}
div.topblocktext_content h1
{
	font-size: 13px;
	font-weight: bold;
	color: #a52b25;
	margin:15px 0 0 0;
}

div.topblocktext_content .more
{
	display:inline-block;
	background-color: #fff;
	border:1px solid #a52b25;
	width:auto;
	padding:5px;
	color:#a52b25;
	text-decoration:none;
	font-weight:bold;
	float:right;
}


div.topblockgrafiek
{
	width: 157px;
	height: 196px;
	border: 10px solid #FFFFFF;
	border-left: 0;
	padding: 5px 7px 5px 7px;
	float: left; 
	background: #e3e3e3;
}

#contentmain
{
	width: 505px;	
	border: 10px solid #FFFFFF;
	border-top: 0;
	float: left; 
	background: #e3e3e3;
}

#contentmain .more{
	display:block;
	border-bottom:1px solid #a52b25;
	text-align:right;
	color:#a52b25;
	text-decoration:none;
}

#contentmain .em{ font-style:italic;}

#contentmain h3{
	font-weight:bold;
	color: #a52b25;
	font-size:16px;
	font-style:normal;
}

div.content_titel, div.ticker
{
	height: 28px;
	background: #a71a20;
	border-bottom: 10px solid #ffffff;
	color: #ffffff;
}

div.ticker
{
	background: #282552;
	padding-top: 3px;
	height: 25px;
}

div.ticker a
{
	color: #ffffff;
	text-decoration: none;
	font-size: 0.8em;
}

div.contentmain_text, div.contentmain_text_vervolg
{
	padding: 5px 7px 5px 7px;
	background: #FFFFFF;
	border-bottom: 10px solid #ffffff;
}

#contentitems
{
	width: 240px !important;
    width: 230px;
	min-height: 583px;
	border: 0;
	float: left; 
	background: #e3e3e3;
}

#contentitems p{
	padding:0 20px;
}

#contentitems h2{
	background:#282552 none repeat scroll 0 0;
	height:25px;
	padding:3px 20px 0;
	border-bottom:10px solid #fff;
	color:#fff;
}



img.banner
{
	margin-left: 10px;
}

span.pdfcapitalview
{
	padding: 20px 0px 0px 0px;
}


.contactpersonen{
	list-style:none;
	margin:0 0 20px;
	padding:0;
	overflow:hidden;
}
.contactpersonen li{
	display:block;
	width:240px;
	float:left;
	margin: 10px 0 0;
}

.contactpersonen img{
	float:left;
	margin-right:5px;
}
.contactpersonen h4{
	font-weight:bold;
}
.contactpersonen span{
	display:block;
}
.contactpersonen span.phone{
	margin-top:20px;
}



/***************************************************/
/*****                   footer                *****/
/***************************************************/

#footer
{
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
}

div.footermenu
{
	width: 775px;
	height: 76px;
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
	background: #282552;
	text-align: center;
	padding-top: 10px;
	font-size: 0.85em;
	color: #ffffff;
}
div.footermenu div
{
	margin: 0 auto;
	text-align: center;
	font-size: 10px;
	color: #ffffff;
}
div.footermenu div a
{
	color: #ffffff;
}

#copy
{
	font-size: 0.85em;
	color: #b7b7b7;
	background: #e3e3e3;
	width: 777px;
}

#copy a
{
	color: #b7b7b7;
}

address
{
	color: #c0bed3;
	font-style: normal;
}

address a
{
	color: #c0bed3; 
}

div.spacer 
{ 
  clear: both; 
}