@charset "utf-8";
/* CSS Document AFAB Holding */
/********** COMMON **********/
*{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
}
body{
background:#fff url(/assets/bg-sidebar.gif) center repeat-y;
}

a:link, a:visited{
color:#ee2e24;
text-decoration:underline;
}
a:hover{
color:#333333;
}
#sidebar a:hover{
color:#ffffff;
}
a img{
border:0px;
}
/********** CONTAINER **********/
#container-background{
width:100%;
background:url(/assets/bg.gif) repeat-x;
height:400px;
}
#container{
width:960px;
padding:0;
margin:0 auto;
}
/********** HEADER **********/
#header{
background:url(/assets/header-bg.gif) right 5px no-repeat;
height:104px;
margin-bottom:1px;
}
#header .logo{
float:left;
width:330px;
margin-top:14px;
}
/* quickmenu top */
#header ul{
background:url(/assets/header-ul-bg.gif) top left repeat-x;
float:right;
width:174px;
height:12px;
padding:5px 12px 10px 14px;
font-size:12px;
line-height:12px;
}
#header li{
float:left;
display:block;
color:#555;
padding:2px 6px;
}
#header li.sitemap{
background:url(/assets/header-icon-sitemap.gif) 0px 0px no-repeat;
padding-left:21px;
}
#header li.dutch{
background:url(/assets/header-icon-dutch.gif) 6px 3px no-repeat;
padding-left:29px;
}
#header li a{
color:#d0cece;
text-decoration:none;
}
#header li a:hover{
color:#ffffff;
text-decoration:underline;
}
/********** HEADER PICTURE **********/
#header-picture{
float:left;
width:740px;
height:161px;
padding-top:19px;
}
/********** SIDEBAR **********/
#sidebar{
background-color:#3f393b;
float:right;
width:200px;
margin-top:1px;
}
/*menu*/
#menu ul{
border-top:1px solid #ee2e24;
list-style:none;
margin:18px 10px 0 10px;
display:block;
width:180px;
}
#menu ul li ul{
padding:0;
}
#menu li{
display:inline;
float:left;
}
#menu li a{
background:url(/assets/menu-item-bg.gif) left -32px no-repeat;
display:block;
width:162px;
padding:10px 5px 11px 12px;
border-bottom:1px solid #5f5558;
font-size:12px;
font-weight:bold;
color:#d0cece;
text-decoration:none;
}
#menu li a:hover{
background-color:#464042;
color:#FFFFFF;
}
#menu li a.active{
background-position:left 1px;
color:#FFFFFF;
}
/* adres */
#adres p{
padding:8px 0 0 0;
margin:20px 10px 0 10px;
font-size:12px;
line-height:24px;
color:#d0cece;
border-top:1px solid #ee2e24;
}
#adres, #menu{
background:url(/assets/sidebar-divider.gif) bottom no-repeat;
padding-bottom:20px;
}
#adres a{
color:#d0cece;
text-decoration:none;
}
#banner{
padding:20px 10px 10px 10px;
}
/********** CONTENT **********/
#content{
float:left;
width:740px;
margin-top:8px;
font-size:13px;
}
#content h1{
padding:10px 0 4px 0;
margin-bottom:2px;
font-size:18px;
font-weight:normal;
color:#211e1e;
border-bottom:1px solid #dbdbdb;
}
#content h2{
margin-top:10px;
font-size:16px;
border-bottom:1px solid #dbdbdb;
}
#content p{
padding:10px 0px;
font-size:13px;
line-height:19px;
color:#333;
}
/* list style */
#content ul{
list-style:none;
padding:10px 0 0 0;
}
#content ul li{
background:url(/assets/li.gif) 0px 12px no-repeat;
padding:4px 0px 8px 12px;
line-height:19px;
font-size:13px;
color:#333;
}
#content ul li a{
color:#333;
}
#content ul li a:hover{
color:#ee2e24;
text-decoration:underline;
}
a.readmore{
background:url(/assets/arrow.gif) right 16px no-repeat;
padding:10px 12px 0px 0;
display:inline-block;
}
/***************** PERS **************/
#pages{
padding:10px 0 4px 0;
}
#perspaginavan{
padding:10px 0px 2px 0px;
font-weight:bold;
color:#999999;
}
#naarpagina {
display:inline-block;
padding:5px 0 0 0;
margin-right:5px;
font-size:12px;
font-weight:bold;
color:#333333;
}
#naarpagina a{
padding:2px 6px;
margin-left:2px;
color:#555;
text-decoration:none;
border:1px solid #ccc;
}
#naarpagina a:hover{
color:#ee2e24;
background-color:#efefef;
}
#naarpagina a.currentnumber{
background-color:#ee2e24;
color:#FFFFFF;
}
/***************** BEDRIJF **************/
/*
.chart-part{
background-color:#efeded;
float:left;
width:160px;
min-height:80px;
padding:10px;
margin-top:40px;
border:1px solid #ccc;
font-size:12px;
color:#333333;
}
.chart-part.title{
min-height:30px;
font-weight:bold;
margin-bottom:5px;
text-align:center;
font-size:12px;
}
#content ul.chart{
margin:0px;
padding:0px;
}
#content ul.chart li{
background:url(/assets/li.gif) 0px 8px no-repeat;
padding:0 0 0 12px;
font-size:11px;
line-height:20px;
}
#left, #center1, #center2, #right, #center-top{
float:left;
width:180px;
}
#center1, #center2, #right{
margin-left:100px;
}
/* kopje met afab holding n.v.
#center-top{
width:740px;
padding-left:0px;
text-align:center;
}
#center-top .chart-part{
float:none;
margin:15px auto;
font-size:13px;
border: 1px solid #B61F17;
background-color:#CB2219;
color:white;
}
#center-top .chart-part.title{
min-height:16px;
}
*/
/* foto's en beschrijving
.chart-images{
float:left;
width:370px;
padding:10px 0px;
text-align:center;
height:120px;
}
.chart-images img{
padding:0 6px;
}
.chart-images h3{
font-size:12px;
color:#333333;
margin-bottom:10px;
}
.chart-images span{
display:block;
font-size:12px;
padding:8px 0px;
line-height:16px;
color:#333;
}
#chart{
background:url(/assets/chart-bg.gif) center -48px no-repeat;
width:740px;
}
*/
/* foto vervolgpagina */
img.floatleft{
float:left;
margin:5px 10px 0px 0;
}
/***************** CONTACT **************/
table.contact{
margin-top:6px;
}
.contact td{
padding:2px 0px;
}
.contact td input{
padding:1px;
font-size:13px;
color:#555;
}
/***************** FOOTER ***************/
#footer{
width:740px;
padding:10px 0;
margin-top:18px;
float:left;
font-size:12px;
color:#999;
border-top:1px solid #b9babb;
}
/***************** CLEARFIX ***************/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End hide from IE Mac */
/**************** OVERGENOMEN VAN VOORMALIG STYLESHEET ******************/
#breadcrumbs { /* niet zeker of deze ergens wordt gebruikt */
float: right;
padding-right: 71px;
clear: both;
width: 750px;
text-align: right;
background-color: #FFFFFF;
font-size: 10px;
color: #999999;
}
#artikelfout{
font-size: 12px;
color: #666666;
}
#ufoDemo p{
font-size: 14px;
color: black;
text-align: center;
padding: 55px 60px 0px 0px;
}

#contactFormContainer{float:left;font-size:12px;width:680px;}
#contactFormContainer input{padding:2px;margin-bottom:10px;}
#contactFormContainer .label {padding-top:3px;padding-right:10px;width:70px;}
#contactFormContainer .errors {font-weight:bold;color:#ff6c00;padding-left:20px;margin-left:15px;padding-top:5px;padding-bottom:3px;background-image:url('/assets/feadbackAlert.png');background-position:0 6px;background-repeat:no-repeat;}
#contactFormContainer .errors-text {font-weight:bold;color:#ff6c00;padding-left:20px;float:left;padding-top:5px;padding-bottom:3px;background-image:url('/assets/feadbackAlert.png');background-position:0 6px;background-repeat:no-repeat;margin-left:15px;}
#contactFormContainer textarea{font-size:12px;float:left;padding:3px;width:400px;height:100px;margin-bottom:10px;font-family:Arial,Verdana,Helvetica,Garuda,sans-serif;}

#google-chart table { margin: 0 auto; }
#google-chart .google-node { background-color: #efeded; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 13px !important; padding: 10px; border: #cccccc 1px solid; color: #333333; width: 160px; }
#google-chart .google-node ul { padding: 0 !important; }
#google-chart .google-node ul li { background: url("/assets/li.gif") 0px 8px no-repeat !important; list-style-type: none; text-align: left; font-size: 12px !important; padding: 0 0 0 12px !important; }
#google-chart .google-visualization-orgchart-linenode { height: 30px; }
#google-chart .google-visualization-orgchart-linebottom { border-bottom: #cccccc 1px solid; }
#google-chart .google-visualization-orgchart-lineleft { border-left: #cccccc 1px solid; }
#google-chart .google-visualization-orgchart-lineright { border-right: #cccccc 1px solid; }

.prop {
	height: 300px;
	float: right;
	width: 1px;
}

.clear {
	overflow: hidden;
	height: 1px;
	clear: both;
}