/*
Copyright (c) 2000-2009 Bram Simons, simons-design <info@simons-design.nl>. All rights reserved.
*/

@import url('reset.css');

*
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: rgb(255,255,255);
	line-height: 15px;
}

strong { font-weight: bold; }


h2
{
	margin: 0 38px 25px 38px;
	padding: 24px 0 1px 0;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: rgb(23,70,162);
	border-bottom: solid rgb(116,144,199) 1px;
}

.article h2
{
	margin: 0 0 25px 0;
}

h3
{
	padding: 0px;
	margin: 4px 38px 0 38px;
	font-weight: bold;
	color: rgb(0,0,0);
}

ul
{
    list-style-type:disc;
    margin-left:24px;
}

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

ul.downloads
{
	margin-left: 0;
	list-style: none;
}

ul.after-p
{
	margin-top: -15px;
}


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


p.routelink { margin-bottom: 38px; }

a
{
	text-decoration: none;
	color: rgb(0,0,0);
	border-bottom: solid rgb(139,162,209) 1px;
}

a:hover
{
	border-bottom: solid rgb(0,0,0) 1px;
}

img, a img { border: 0; }

.image a {
	border: 0;
}

.image a:hover {
	border: 0;
}

.article img
{
	margin: 3px 0 15px 0;
}

.article img.omloop
{
	margin: 3px 0 15px 9px;
	float: right;
}

div.omloop .image
{
	margin: 0 0 15px 0;
	float: right;
}

div.omloop p
{
	float: left;
	width: 249px;
	clear: none;
}


#page
{
	position:relative;
	margin: 18px auto;
	width: 760px;
	border: solid rgb(207,215,237) 1px;
	background-color: rgb(240,244,253);
}

#header
{
	height: 151px;
	background-image: url(/global/images/new_header_bg6.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	border-bottom: solid rgb(207,215,237) 1px;
}

#header h1 { display: none; }

#toplogo {
	position: absolute;
	top: 0px;
	left: 0px;
}

#toplogo a
{
	border: 0;
}

#topimg1 {
	position: absolute;
	top: 0px;
	left: 304px;
}

#topimg2 {
	position: absolute;
	top: 77px;
	left: 152px;
}

#topimg3 {
	position: absolute;
	top: 77px;
	left: 456px;
}

#headernav1 
{
	position: absolute;
	top: 0px;
	left: 608px;
	height: 75px;
	width: 152px;
}

#headernav2
{
	position: absolute;
	top: 77px;
	left: 608px;
	height: 75px;
	width: 152px;
}

#headernav1 a, #headernav2 a
{
	display: block;
	padding: 3px;
	font-size: 10px;
	border-bottom: 1px solid rgb(207,215,237);
	line-height: 12px;
}

#headernav1 a:hover, #headernav2 a:hover 
{
	background-color: rgb(35,93,133);
	background-color: rgb(23,70,162);
	color: rgb(255,255,255);
}



#content
{
	background-image: url(/global/images/bonda_bg_content.png);
	padding-bottom: 104px;
}

#content01,
#content02,
#content03
{ float: left; }

#content01
{
	width: 152px;
}
#content02 { width: 456px; }
#content03
{
	width: 152px;
	background-color: rgb(172, 192, 255);
}


.article
{
	margin: 0 38px 0 38px;
	line-height: 15px;
}

.results
{
	border-bottom: solid rgb(207,215,237) 1px;
}

.result
{
	padding: 5px 0 9px 0;
	margin: 0;
	line-height: 14px;
	border-top: solid rgb(207,215,237) 1px;
}
.result h3
{
	margin: 0;
	padding: 0;
}


#infobox
{
	position:absolute;
	left:0;
	top:-16px;
	z-index:500;
	width: 144px;
}

.vertegenwoordigerinfo
{
	position: absolute;
	left: 422px;
	top: -16px;
	z-index: 500;
	width: 144px;
	visibility: hidden;
}

.vertegenwoordigerinfo img
{
	width: 76px;
}


#mainnav ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#mainnav ul li
{
	margin: 0;
	padding: 0;
	width: 152px;
}

#mainnav a
{
	border: none;
	display: block;
	border-bottom: 1px solid rgb(240,244,253);
	padding: 3px;
	background-color: rgb(113,137,203);
	width: 146px;
}


#mainnav ul li a:hover, #mainnav ul li a.current
{
	background-color: rgb(23,70,162);
	color: rgb(255,255,255);
}

#mainnav ul li ul li a
{
	background-color: rgb(195,210,245);
	padding-left: 12px;
	width: 137px;
}

#mainnav ul li ul li a:hover, #mainnav ul li ul li a.current
{
	background-color: rgb(151,176,229);
	padding-left: 12px;
}


#breadnav
{
	margin: 4px 4px 0 38px;
	color: rgb(125,146,208);
	font-size: 10px;
	height: 18px;
	overflow: hidden;
}

#breadnav a
{
	color: rgb(125,146,208);
	font-size: 10px;
	border-bottom: solid rgb(209,218,236) 1px;
}

#breadnav a:hover
{
	border-bottom: solid rgb(139,162,209) 1px;
}

#footer
{
	margin: 0;
	border-top: solid rgb(207,215,237) 1px;
	padding: 6px 0 6px 3px;
	font-size: 10px;
	text-align: center;
    clear: both;
}

#footer p,
#footer p a
{
	font-size: 10px;
	line-height: 14px;
	margin-bottom: 0;
}

.clearer { clear: both; }


/***** formstyles begin *****/

form
{
	margin: 0;
	padding: 0;
}

input
{
	border: solid rgb(111,144,191) 1px;
	padding: 1px 0 2px 0;
/*
	font-size: 11px;
*/	margin: 0px;
}

textarea
{
	border: solid rgb(111,144,191) 1px;
	width: 290px;
}

.submit
{
	border: solid rgb(111,144,191) 1px;
	background-color: rgb(192,206,247);
	padding: 0;
	margin: 1px;
}

button
{
	border: solid rgb(203,203,187) 1px;
	margin: 2px 0 0 0;
}

.formlabel
{
	border-top: solid rgb(207,215,237) 1px;
	padding: 2px;
}

.formvalue
{
	padding: 2px;
}

.missing
{
	color: rgb(255,0,0);
}

label
{
	border-top: solid rgb(207,215,237) 1px;
	padding: 2px;
}



/***** formstyles end *****/

/***** sdcmsstyles begin *****/
#sdeditbar
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	border-bottom: solid rgb(0,0,0) 1px;
	padding: 3px 0;
	font-size: 11px;
	color: #fff;
	background-color: #000;
	text-align: center;
}

#sdeditbar a
{
	color: #fff;
	text-decoration: underline;
	border: none;
}

.editbutton { background-color:#999999;border: solid black 1px;color:white;padding:0 2px 0 2px;font-size:9px;font-weight:bold;float:right; }
.editbutton a { color:white; font-size:9px; font-weight:bold; }
.editbutton a, .editbutton a:link, .editbutton a:active, .editbutton a:visited { color:white; font-size:10px; font-weight:bold; text-decoration: none; border:none;}

a.sdeditbutton
{
	background-color: #999999;
	border: solid black 1px;
	color: white;
	padding: 2px 3px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	float: right;
    margin-right: 38px;
}

a.sdaddbutton
{
	background-color: #999999;
	border: solid black 1px;
	color: white;
	padding: 2px 3px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
/*	float:left;*/
    margin-left: 38px; 
}

/***** sdcmsstyles end *****/

td { vertical-align: top; }