/*
Stylesheet develloped for HumanOffice BV
www.humanoffice.nl
tested for IE6/7 safari 3/ firefox 3
by
Digizaal webdev - Amsterdam
Dirk Zaal
11 sept 2008
*/
a{
	color: #000000;
	font: normal 9pt arial,sans-serif;
	text-decoration: none
}
#topslider{
	overflow: hidden;
	height: 150px
}
#slider {
	overflow:hidden;
	margin-left:5px;

}

#slider ul{
		list-style: none;
		margin:0;
		padding:9
}
a.button{
	padding: 0.1em 0.5em 0 1.5em;
	border: 1px solid #999999;
	color: #1f1f1f;
	background: #d3d3d3 url(/images/bullet_arrow_black.gif) no-repeat 10px .5em;
	font: 600 10.5pt/100% arial,sans-serif !important;
	text-align: left
}
a.button:hover{
	color: red;
	background: #ededed
}
a.sublink{
	padding-left: 10px !important;
	color: #1D458B;
	background: url(/images/bullet_arrow_blue.gif) no-repeat 3px center;
	font: bold 8.5pt Arial,sans-serif; /*read more etc*/
	text-decoration: none
}
a.sublink:hover{
	text-decoration: underline
}
a:hover img.colorpic{
	border: 1px solid #808080
}
a.header{
	border: none !important;
	display: inline !important;
	background: transparent !important;
	color: #1F1F1F !important;
	font: bolder 11pt Arial,sans-serif
}
a.minibutton{
	padding: 4px;
	background: transparent !important;
	color: #1D458B !important;
	font: 9pt Arial,sans-serif;
	text-align: center;
	text-decoration: none
}
a.minibutton:active,a.minibuttonactive{
	padding: 4px;
	background: transparent !important;
	color: red !important;
	font: bold 9pt Arial,sans-serif;
	text-align: center;
	text-decoration: underline
}
body{
	background: #c4ced0 url('/images/overloop.jpg') repeat-x fixed top
}
input.button, button.submit{
	border: thin outset gray;
	background: #ededed;
	color: #535353;
	font: bold 11pt arial,sans-serif;
	text-transform: capitalize;
}

input.button:hover {
		border: thin solid gray;
		background: #d3d3d3;
			color: black
}
div #navcontainer{
	margin: 3px
}
div#username,div#password{
	float: right;
	margin-right: 3px;
	position: relative
}
div.fullpage{
	float:right;
	margin-top: 8px;
	width: 712px;
	overflow:hidden;
}
div.inlogblok{
	width: 100%;
	text-align: right
}
div.inlogblok div{
	float: right;
	text-align: right
}
form{
	margin: 0;
	display: inline
}
h1{
	margin: 0px 10px 10px 10pt;
	color: #000000;
	font: bold 16pt Arial,sans-serif
}
h2{
	margin: 0 2px;
	color: #000000;
	font: bold 14px Arial,sans-serif;
	text-transform: capitalize
}
h3{
	margin: 2px 2px;
	color: #000000;
	font: bold 10pt Arial,sans-serif
}
h4{
	margin: 2px 2px;
	color: #3D4C9C;
	font: bold 8pt Arial,sans-serif
}
input,option{
	color: #1F1F1F;
	font: 10px Arial,sans-serif
}
label.overlabel{
	color: #999999
}
label.overlabel-apply{
	color: #999999;
	position: absolute;
	right: 5px;
	top: 3px;
	z-index: 1
}
optgroup{
	color: #293063;
	background: white;
	font-style: italic
}
p{
	margin-bottom: 10pt
}
select{
	border: 1px solid #000000;
	margin: 5px;
	font: 10px Arial,sans-serif;
	width: 130px
}
textarea{
	color: #1D458B;
	font: normal 10px arial,sans-serif,Helvetica
}
.alert{
	background: transparent;
	color: #FF0000;
	font: bold 10px arial,sans-serif;
	text-decoration: blink
}
.background{
	background: #FFFFFF
}
.colorpic,img.colorpic{
	border: 0;
	background: no-repeat 50% 50%;
	cursor: pointer
}
.comments{
	padding: 1px 4px;
	font: 8.5pt arial,sans-serif
}
.content a,a.content{
	color: #141414;
	font-style: italic;
	font-weight: bold
}
.content a:hover,a.content:hover{
	color: #8B6666;
	font-style: italic;
	font-weight: bold
}
.content,.content table{
	margin: 0 2px 10px 10pt;
	color: #141414;
	font: 9pt/140% arial,sans-serif !important;
	text-align: left
}
.content font{
	font-family: arial, sans-serif !important;
	line-height: 140%;
	
}
.dark,.grijsvlak{
	background: transparent url(/images/overloop.jpg) repeat-x left center !important
}
.finder{
	background: none
}
.finder fieldset{
	border: none
}
.finder input,.finder select{
	border: #a4a4a4 1px solid
}
.finder legend{
	display: none
}
.footer{
	border-top: 3px solid #c8d357;
	margin: 10px;
	clear: both;
	background: white;
	width: 920px
}
.footer a{
	color: #1D458B;
	font: normal 8.5pt arial,sans-serif;
	text-decoration: none
}
.footer a:hover,
.footer a.current{
	color: #555588;
	text-decoration: underline !important
}
.footer table td{
	padding: 2px 10px;
	color: gray;
	font: normal 8.5pt Arial,sans-serif
}
.footer ul{
	margin: 0;
	padding: 0;
	list-style: none
}
.footer ul li{
	padding: 0.5em;
	display: inline
}
.footer ul li a{
	padding: 0.5em
}
.grijsvlak a{
	padding: 0;
	color: black;
	font-weight: normal !important;
	text-decoration: underline
}
.grijsvlak a:hover{
	font-weight: normal !important;
	text-decoration: underline
}
.grijsvlak p{
	padding: 0 5px
}
.header{
	color: #1F1F1F;
	font: bolder 13pt Arial,sans-serif
}
.inner{
	margin: -8px 0px 0px -11px;
	padding: 5px 5px 5px 5px;
	background: black;
	color: black;
	min-height: 0;
	height: 1px;
	position: relative
}
.kolomfooter{
	height: 12px
}
.kolomheader{
	padding-top: 5px;
	padding-left: 10px;
	border-bottom: 1px solid #A4A4A4;
	height: 27px
}
.lanselect{
	float: right;
	width: 140px;
	text-align: right;
	background-color: white;
	padding-right: 25px;
}
.lanselect a{
	margin: 0 1px;
	padding:0;
}
.lanselect img {
	padding:0;
	vertical-align: middle;
}
.lanselect a img {
	border: 1px solid white;
	filter:alpha(opacity=45);
-moz-opacity:.45;
opacity:.45;
}

.lanselect a:hover {
		border: 1px solid black;
}
.lanselect a.current img {
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
.msonormal *{
	font: 9pt  arial,sans-serif !important
}
.news-item{
	border: 1px solid #A4A4A4;
	float: right;
	margin: 10px 10px 0 0;
	background: #FFFFFF;
	font: normal 9pt Arial,sans-serif;
	width: 560px
}
.news-item .content{
	padding: 5px 3px 5px 15px;
	color: #000000;
	font: normal 9pt Arial,sans-serif
}
.news-item .itemmore{
	padding-right: 10pt;
	background: #D3D3D3;
	font: normal 9pt Arial,sans-serif;
	height: 23px;
	width: 120px
}
.nieuwsbrood{
	color: #000000;
	background: #FBFDF3;
	font: normal normal 9pt/18px Arial,sans-serif
}
.nieuwstabel{
	margin: 5px 5px 0 5px;
	font-size: 12pt;
	text-align: left
}
.nieuwstabel img{
	border: 0
}
.nieuwstabel:first-line{
	color: #1D458B;
	font-weight: bold;
	font-size: 12pt
}
.outer{
	margin: 25px;
	padding: 0px 8px 8px 0px;
	background: #D9D9D9;
	width: 60px
}
.pager{
	clear: both;
	margin-top: 10pt;
	width: 600px
}
.pager a:first-child{
	border-left: 0 !important /* doesnt seem to work in IE 6 and 7 ?*/
}
.pager td{
	padding: 0 0.2em 0 0.2em;
	vertical-align: middle;
	white-space: nowrap
}
#browser {
	list-style: none;
	margin:0;padding:0
}
.pager td a img,#browser a img{
	padding: 4px
}
.pager td img,#browser img{
	vertical-align: text-bottom
}
.pagetitle{
	border: 1px solid #FFFFFF;
	padding-left: 11px;
	background: transparent;
	color: #000000;
	font: 900 16px Arial,sans-serif;
	vertical-align: top
}
.pagewidth{
	border-right: 2px solid #e3e3e3;
	border-left: 2px solid #e3e3e3;
	background-color:white;
	margin: 10px auto;
	width: 940px;
	padding:0.1px
}

.margins {
margin:0 10px 10px 10px;
/* 10px rand ook onder flashmenu*/
}
.pic{
	color: #535353;
	height: 140px
}
.picture{
	cursor: pointer
}
.plakrechts{
	clear: right;
	float: right;
	font-size: 9pt;
	width: auto;
	text-align: left
}
.plakrechts li a{
	font: 8.5pt normal bold Arial,sans-serif;
	text-decoration: none
}
.plakrechts li a.current,a:active{
	color: #8B6666;
	text-decoration: underline
}
.plakrechts ul{
	margin: 5pt;
	padding-left: 2px;
	list-style-type: none !important
}
.prodheadsitemap{
	color: #283267;
	background: #F8E266;
	font: normal bold 12pt Arial,sans-serif
}
.productheader{
	border-bottom: 2px solid #283267;
	margin-top: -2px;
	margin-right: 13px;
	color: #283267;
	font: normal bold 12pt arial,sans-serif;
	width: 99%
}
.scrollable{
/*
// when switched on, site has a fixed height and a scrollable viewing area
height 400px:
overflow:auto;

*/
}
.scrollable img{
}
.sitemapbrood{
	color: #000000;
	background: #F8FCFE;
	font: normal normal 9pt Arial,sans-serif
}
.subnav{
	color: #283267;
	font: normal normal 9pt Arial,sans-serif
}
.tabledata{
	padding-left: 3px;
	background: transparent;
	color: #1F1F1F;
	font: 11px Arial,sans-serif;
	vertical-align: top
}
.tablelabel{
	background: transparent;
	color: #8B6666;
	font: 800 12px Arial,sans-serif;
	vertical-align: top
}
.thumbitem{
	border: 1px solid #A4A4A4;
	float: left;
	margin: 10px 0 0 10px;
	background: url('/images/plus.png') #FFFFFF no-repeat right bottom;
	font: normal 8.5pt Arial,sans-serif;
	cursor: pointer;
	width: 130px;
	height: 185px
}
.thumbitem .itemheader,
.news-item .itemheader{
	padding-left: 15px;
	background: #D3D3D3;
	color: #000000;
	font: bold 11pt arial,sans-serif;
	height: 23px
}
.thumbpic{
	margin: 1px;
	height: 125px
}
.vertlist{
	margin: 10px 0;
	padding: 0;
	margin-bottom: 2em;
	list-style: none;
	min-height: 200px
}
.vertlist li{
	border-bottom: 1px solid #A4A4A4;
	list-style: none;
	background: transparent;
	font: bold 10pt/18px Arial,sans-serif;
	text-align: left
}
.vertlist li a,
.vertlist li a:visited{
	padding-left: 20px;
	display: block;
	background: url(/images/bullet_arrow_blue.gif) no-repeat 10px .5em !important;
	color: #1D458B;
	text-transform: capitalize;
	text-decoration: none
}
.vertlist li a.current{
	background: url(/images/bullet_arrow_black.gif) no-repeat 10px .5em !important;
	color: #000000 !important;
	font-weight: bold !important
}

.vertlist li a:hover{
	background: url(/images/bullet_arrow_white.gif) no-repeat 10px .5em !important;
	color: #FFFFFF;
	color: #000000;
	text-decoration: none
}
#browser{
	border: none;
	clear: both;
	background: #FFFFFF;
	color: #1D458B;
	font: normal normal 10pt arial,sans-serif;
	z-index: 13
}
#browser td{
	height: 20px;
	vertical-align: middle
}
#contentcenter ul{
	margin-left: 10pt;
	list-style: disc
}
#contentheader{
	margin-left: 10px; /*
formpje voor language switch
*/
	height: 150px;
	text-align: right
}
#contentleft,
.kolomlinks{
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	font: normal 8.5pt Arial,Sans-serif;
	width: 190px;
	text-align: left
}
#contentright{
	float: right;
	margin-top: 20px;
	background: #EDEDED;
	font: normal 8.5pt Arial,Sans-serif;
	width: 175px
}
#contentright p{
	font-size: 10pt
}
#banner {
margin: 10px 0
}
#footer{
	background: bottom;
	height: 35px
}
#frame{
	padding: 0px; /*	background:url(/images/bgcontent.jpg) repeat-y;*/
	text-align: left
}
#menu{
	margin: 10px 0; /*	background-color:#CCD0E4;
	padding-top: 18px*/
}