/* Reset */

html{color:#000;background:#FFF;}
a{cursor:pointer;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;outline-style:none;outline-width:0pt;}
legend{color:#000;}a:focus{-moz-outline-style: none; border:0px;}

/* Layout */


html {

background-color:#fbfbfb;

overflow:scroll;

}

.wrapper {

width:800px;

margin:auto;


}

.header {

background:url(afb/header-bg.gif) right top no-repeat;

height:100px;

}

.header_nieuws {

background:url(afb/header_nieuws.jpg) top no-repeat;

height:125px;

}

.header_contact {

background:url(afb/header_contact.jpg) top no-repeat;

height:125px;

}

.header_algemeen {

background:url(afb/header_carriere.jpg) top no-repeat;

height:125px;

}

.footer {

margin:auto;
padding-top:10px;
padding-bottom:15px;
position:relative;
clear:both;
overflow:auto;

}

.nieuwsFooter {

position:relative;

overflow:auto;

clear:both;

background:url(afb/nieuwsFooter.gif) top no-repeat;

}

.footer p {

font-size:10px;

color:#5b5b5b;

line-height:normal;

margin:0;

}

.footer a {

color:#5b5b5b;

}

.contentLeft {

width: 510px;

margin-bottom:15px;

margin-left:18px;

_margin-left:10px;

float:left;

}


.contentLeft ul {
margin-left:15px;

}

.contentLeft ul li {
list-style:disc outside;

}




.contentRight {

float:right;

width:250px;

margin-right:11px;

_margin-right:6px;

padding-top:8px;

overflow:visible;


}


.contentLeft h1 {

color:#ffa103;

font-size:20px;

margin-bottom:10px;

}


.nieuwsBox {

width: 245px;

_width: 240px;

height:120px;

margin-right:10px;

padding-top:10px;

padding-bottom:10px;

float:left;

position:relative;

margin-bottom:10px;

}

.nieuwsBox p { text-align:left;}
.nieuwsUitgavenBox p { text-align:left;}


.nieuwsUitgavenBox {

height:221px;

background: url(afb/nieuwsUitgavenBox.gif) top no-repeat;

clear:both;

overflow:auto;

position:relative;


}

.nieuwsUitgavenBox a.more {

position:absolute;

bottom:20px;

right:35px;

color:#ffa103;

font-weight:bold;

}

.uitgavenBox {

width:735px; 

position:absolute; 

top:65px; 

left:34px;

}

.uitgaven {

width:220px;

height:130px;

margin-left:10px;

margin-right:10px;

float:left;

overflow:hidden;

}

.uitgaven img {

float:left;

margin-right:10px;

margin-bottom:30px;

}

.uitgaven h3 , p{

margin:0px;

padding:0px;

font-size:12px;

}

.uitgaven ul li {

font-size:10px;

list-style:inside disc;


}

.vacatureBlock {

padding-bottom:20px;

margin-left:18px;

_margin-left:10px;

overflow:auto;

}

.vacatureBox {

width: 250px;

height:115px;

margin-right:10px;

padding-top:10px;

padding-bottom:10px;

float:left;

position:relative;

border-bottom: #ffa103 solid 1px;

}

.vacatureBox span {

font-size:11px;

}

.vacatureBox p {

position:absolute;

left:0px;

top:30px;

text-align:left;

}

.vacatureBox a.more {

color:#ffa103;

}



.fotoHome {

height:350px;

position:relative;

background:url(afb/bodyHome.jpg) top no-repeat;

padding-top:50px;
background-color:#FFFFFF;
}

.fotoOplossingen {

height:400px;

position:relative;

background:url(afb/bodyOplossingen.jpg) top no-repeat;
background-color:#FFFFFF;

}

.fotoSupport {

height:400px;

position:relative;

background:url(afb/bodySupport.jpg) top no-repeat;
background-color:#FFFFFF;
}

.contentHome {

color:#fff;

width:320px;

position:absolute;

top: 80px;

left:80px;

}

.contentHome p {

margin-top:0px;

font-size:12px;

}

.contentHome h3 {

color:#FFFFFF;

}

.tipHome {

position:absolute;

width:190px;

right:170px;

top:60px;

}

.tipHome p {

margin-top:0px;

color: #5575a6;

text-align:left;

}

.tipHome h3 {

color:#5575a6;

}

.tipSupport h3 {

color:#456089;

}
.tipHome a {

color: #5575a6;

text-decoration:underline;

}

.tipHome a:hover {

color: #5575a6;

text-decoration:none;

}


.tipSupport {

position:absolute;

width:250px;

right:100px;

top:88px;

}

.tipSupport ul li {

font-size:11px;

color: #5575a6;

}

.tipSupport ul {

margin-bottom:10px;

}

.tipSupport p {

margin-top:0px;

line-height:normal;

color: #5575a6;

font-size:11px;
text-align:left;

}


.tipSupport a {

color: #5575a6;

text-decoration:underline;

}

.tipSupport a:hover {

color: #5575a6;

text-decoration:none;

}

.actueel {

background:url(afb/actueel.gif) top repeat-y;

overflow:auto;

padding-top: 10px;

height: 120px;

}

.actueelBottom {

height:47px;

background:url(afb/actueelBottom.gif) top no-repeat;

position:relative;
}

.actueelBottom span {

color:#333333;

font-size:14px;

position:absolute;

right: 40px;

top:8px;

cursor:pointer;


}

.actueelTop {

height:36px;

background:none;

position:relative;

}

.actueelTop span {

color:#333333;

font-size:14px;

position:absolute;

right: 25px;

top:19px;

cursor:pointer;

}

.plus {

width:15px;

height:15px;

background:url(afb/plus.gif) no-repeat;

}

.plus:hover {

width:15px;

height:15px;

background:url(afb/plus2.gif) no-repeat;

}

.min {

width:15px;

height:15px;

background:url(afb/min.gif) no-repeat;

}

.min:hover {

width:15px;

height:15px;

background:url(afb/min2.gif) no-repeat;

}

.header ul {

clear:right;

}

.header ul li {

float:right;

margin-left:14px;

margin-right:16px;

margin-top:35px;

}

.header a {

font-weight:bold;

color: #ffa103;

text-decoration:none;

}

.header a:hover {

color: #5575a6;

}

.ablock { float:left; text-align:center; width:170px; }

.tabs {

width:663px;

height: 30px;

position:absolute;

top:33px;

left:69px;


}

.tabs li {float:left;}

a.tab {

font-weight:bold;

color: #ffa103;

font-size:11px;

text-decoration:none;

background-color:#FFFFFF;

padding-top:4px;
padding-right:10px;
padding-bottom:6px;
padding-left:10px;

margin-right:3px;

position:relative;


}

a.tab:hover {

color: #5575a6;

position:relative;

z-index:10;


}

.tabs .ui-tabs-selected a {

color: #5575a6;

position:relative;

z-index:10;


}


.tabs a.sluit {

position:absolute;

right:0px;

_right:-1px;

top:-3px;

}

.tabs a.sluit:hover {

position:absolute;

_right:-1px;

top:-3px;

}


.tabs .ui-tabs-selected a.sluit {

display:none;


}




.tabsBody {


width:677px;

height: 345px;

position:absolute;

background:url(afb/tabbg.gif) top no-repeat;

top:45px;

left:60px;

z-index:1;

font-size:12px;

color:#404040;

}

.tabsBody h1 {

color:#ffa103;

margin-bottom:10px;

}

.TBleft

{

position:absolute;

left:40px;

top:30px;

width:340px;

height:285px;

overflow:auto;

font-size:12px;

}

.TBleft p

{

margin-right:20px;
text-align:left;

}


.TBright

{

position:absolute;

left:400px;

top:30px;

width:250px;

height:285px;

overflow:auto;

border-left: solid 1px #ffa103;



}

.TBright p

{ margin: 5px 0 5px 0; position:relative; left:20px; line-height:normal; float:left; clear:left; width:200px; text-align:left;}

.TBright h2

{ margin-left:20px; margin-top:20px; color:#404040; float:left; clear:left;}

.TBright strong

{ color: #5575a6; font-weight:bold; }

.TBright span

{ font-size:10px; color:#949494; }

.TBright li {
clear:both;
}

.TBright img {
margin-right:10px;
}

.lijn {

margin-top:10px;
margin-bottom:10px;
height:1px;
border-top: #ffa103 solid 1px;

}

.ftLijn {

height:1px;
border-top: #e9e9e9 solid 1px;
position:absolute;
top:25px;
right:0px;
width:100%;
z-index:-1;

}

.clear {

clear:both;

width:764px;

margin:auto;

border-top: #ffa103 solid 1px;

}

.contactBox {

width: 255px;

float:left;
height:125px;
overflow:hidden;

margin-bottom:10px;

margin-top:20px;

}

.contactBox h2 , ul {

margin-bottom:10px;

}

/* typography */

body {

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

font-style:normal;

text-align:left;

color:#404040;

}

p {

margin-top:10px;

margin-bottom:10px;

line-height:18px;

text-align:justify;

}

h1 {

font-size:24px;

font-weight:bold;

margin-bottom:20px;


}

h2 { color: #5575a6; font-weight:bold; font-size:12px; }
.nieuwsBox h2 { color: #ffa103; font-weight:bold; font-size:12px; }
.nieuwsUitgavenBox h2 { color: #ffa103; font-weight:bold; font-size:14px; position:absolute; top:25px; left:44px;  }

.orange {color:#ffa103;}
.blue {color:#5575a6;}

 

strong {

font-weight:bold;

}

h3 { color: #5575a6; font-weight:bold; font-size:12px; margin-bottom:0px; }

strong {

font-weight:bold;

}

.strong {

font-weight:bold;

}

a {

color: #5575a6;

text-decoration:none;

}

a:hover {

color: #ffa103;

}

a.more { position:absolute; bottom:0px; right:0px;}

.tv {position:absolute; top:600px; width:142px; height:61px;}

/*---------------------------------------------------------------------
Alles voor formulieren en nieuwsbrief invulveld
-----------------------------------------------------------------------*/
.form td 
{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
height: 30px;
}

.newsform
{
width: 350px;
height : 18px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
border-style: solid; 
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC; 
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
background-color: #F5F4F0;
background-image:url(afb/boxbg.gif);
}

.newsformSmall
{
width: 160px;
height : 18px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
border-style: solid; 
border:1px solid #CCCCCC;
padding-top:2px;
float:right;
background-color: #F5F4F0;
background-image:url(afb/boxbg.gif);
}

.newsformMedium
{
width: 250px;
height : 18px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
border-style: solid; 
border:1px solid #CCCCCC;
padding-top:2px;
float:right;
background-color: #F5F4F0;
background-image:url(afb/boxbg.gif);
}

INPUT
{
font-family:Arial, Helvetica, sans-serif;
font-weight: 300;
font-size: 11px;
padding-left: 4px;
color:#000000;
}

TEXTAREA
{
width: 250px;
height : 60px;
font-family:Arial, Helvetica, sans-serif;
font-weight: 300;
padding: 0px;
border-style: solid; 
border:1px solid #CCCCCC;
background-color: #F5F4F0;
}

.textarea
{
width: 203px;
height:90px;
font-family:Arial, Helvetica, sans-serif;
font-weight: 300;
border-style: solid; 
border:1px solid #CCCCCC;
background-color: #ffffff;
}

.required {

color:#ffa103;

}

.referentieTabel td {
padding-top:3px;
padding-bottom:3px;
padding-left:10px;

}

.referentieTabel h2 {

color:#ffffff;
margin:0;
padding:0;

}

.referentieTabel a {

color: #404040;
text-decoration:underline;

}

.referentieTabel a:hover {

color: #ffa130;
text-decoration:none;

}

.referentieTabel {

font-size:12px;
color:#666666;

}

.grijs { background-color:#e6e6e6; }
.wit { background-color:#eeeeee; }

.contactBox ul  { 
margin-left:0;

}

.contactBox ul li {
list-style:none;

}

.contactarea {

background: url(afb/opmerkingbg.gif) repeat-y left;
width:250px;
color:#FFFFFF;
font-weight:bold;

}

.contactarea span {

font-weight:bold;
color:#FFFFFF;

}

.contactarea2 {

background: url(afb/nieuwsbriefbg.gif) repeat-y left;
width:250px;
color:#FFFFFF;
font-weight:bold;

}

.contactarea2 span {

font-weight:bold;
color:#FFFFFF;

}

