/* CSS Document bevat alle algemene stijlen */

/*body definieren*/
body {
background-color:#999;
width:100%;
margin-top:0%;
overflow-x: hidden;
}

html, body{
overflow-x: hidden;
}

/* Hierin wordt de body afgebakend en achtergrond(hoofdsectie)*/
.hoofdcontainer {
margin-left: 10%;
margin-right: 10%;
margin-top:1px;
background-color:#fff;
}

.contentcontainer {
margin-left: 10%;
margin-right: 10%;
background-color:#fff;
}

/*header komt op alle pagina's terug*/
.header {
background-color:#fff;
width:100%;
height:120px;
float:right
}
/*alle links blauw onderstreept in de hele site*/
a:link {
	color: #0066FF;

}
a:visited {
	color: #0066FF;
}
/*einde links*/

/*Begin style healine De ideale...*/
.headline{
    font-family:verdana;
    font-size: 9pt;
    font-style: italic;
    color: #777879;
}



/*tabs beginnen*/
#tabs {
	float: left;
	width: 100%;
	background: #fff;
	font-size: 73%;
	line-height: normal;
        border-bottom: 1px solid #f6a610; 
}

#tabs ul {
	margin: 0;
	padding: 16px 10px 0 50px;
	list-style: none;
}

#tabs li {
	display: inline;
	margin: 0;
	padding: 0;
}

#tabs a {
	float: left;
	background: url("../images/tab_links.gif") no-repeat left top;	
    margin-left: -30px;
	padding: 0 30px 0 9px;
	text-decoration: none;
}

#tabs a span {
	float: left;
	display: block;
	background: url("../images/tab_rechts.gif") no-repeat right top;
	padding: 5px 15px 4px 6px;
	color: #fff;
    font-weight:bold;
    font-family:verdana;
}

/* IE5-Mac hack haalt de ruler er uit \*/

#tabs a span {
	float: none;
}

/* Einde IE5-Mac hack */

#tabs a:hover span {
	color: #f6a610;
}

#tabs a:hover {
    background-position: 0% -42px;
    background: url("../images/tab_links.gif") no-repeat left top;
}

#tabs a:hover span {
	background-position: 100% -42px;
    background: url("../images/tab_rechts.gif") no-repeat right top;        
}

/*tabs eindigen*/

/*begin content*/
.content {
    color: #777879;
    font-family:verdana;
    font-size: 9pt;
    margin-top: 2%;
}
/*einde content*/

.content_link {

    font-family:verdana;
    font-size: 9pt;
    text-decoration: underline;
}

/*tekst h1, kopjes van de pagina's*/
.kop{
    color: #777879;
    font-weight:bold;
    font-family:verdana;
    font-size: 20pt;
	}
/*einde tekst h1, kopjes van de pagina's*/

/*ruler onder koppen*/
.ruler_kop{
margin-top:-25px;
border-bottom: 1px solid #777879;
width:100%;
}

/*formulierletters*/
.form_letters {
    color: #777879;
    font-family:verdana;
    font-size: 8pt;
    font-weight:bold;
    }
/*formulierletters*/

/*bankenicons betaal.php*/
.bankenicons {
margin-left: 300px;
}
/*Einde bankenicons betaal.php*/


/*bankenicons betaal.php*/
.bankenicons_machtiging {
margin-left: 277px;
}
/*Einde bankenicons betaal.php*/

/*breedte ingekort lettertype kleiner op betalen.php*/
.korte_letters_form {
color: #777879;
width:100%;
font-family:verdana;
font-size: 8pt;
}
/* Einde breedte ingekort lettertype kleiner op betalen.php*/

/*breedte ingekort lettertype kleiner op machtiging.php*/
.korte_letters_form_machtig {
color: #777879;
width:100%;
font-family:verdana;
font-size: 9pt;
}
/* Einde breedte ingekort lettertype kleiner op machtiging.php*/

/*letters hoe werkt het*/
.letters_hoe_werkt_het{
color: #777879;
width:100%;
font-family:verdana;
font-size: 8pt;
}
/*einde letters hoe werkt het*/

/*machtigingsteksten*/
.machtigingsteksten {
float:left;
margin:1px 0 0 0;
}


/*letters home*/
.letters_home{
color: #777879;
width:100%;
font-family:verdana;
font-size: 9pt;
}
/*einde letters home*/



/*Machtigingsvelden machtiging.php*/
.machtigingsvelden {
padding-top: -10px;
margin:1px 0 0 20px;
}
/*Einde Machtigingsvelden machtiging.php*/

/*Checkbox machtiging.php*/
.checkbox {
margin-top:-7px;
}
/*Einde Checkbox machtiging.php*/

.content_letters{
color: #777879;
font-family:verdana;
font-size: 8pt;
}

.content_letters_wit{
font-family:verdana;
font-size: 8pt;
color:#FFFFFF;
}

.td_content {
 border: 1px solid #a9a9a9;
}

/*pagina class paginator.class.php*/

.paginate {
    font-family: verdana;
    font-size: 10px;
}
a.paginate {
    border: 1px solid #666;
    padding: 2px 6px 2px 6px;
    text-decoration: none;
    color: #666;
}
a.paginate:hover {
    background-color: #11d6f9;
    color: #FFF;
    text-decoration: underline;
}
a.current {
    border: 1px solid #666;
    font: bold 10px verdana;
    padding: 2px 6px 2px 6px;
    cursor: default;
    background: #f6a610;
    color: #FFF;
    text-decoration: none;
}
span.inactive {
    border: 1px solid #999;
    font-family: verdana;
    font-size: 10px;
    padding: 2px 6px 2px 6px;
    color: #999;
    cursor: default;
}
/*pagina class paginator.class.php*/

/*footer footer.htm*/
.footer{
border-bottom: 20px solid #f6a610;
}

/*footer footer.htm*/
.footer_teksten{
color: #0066FF;
width:100%;
font-family:verdana;
font-size: 8pt;
text-align:center;
}
/*bannertekst*/
.bannertekst{
color: #0066FF;
font-family:verdana;
font-size: 10pt;
text-align:left;
}

/*bannertekst*/
.bannertekstklein{
color: #0066FF;
font-family:verdana;
font-size: 8pt;
text-align:left;
}


/*boxcode*/
.boxcode{
text-align:left;
}
.plaatje{
float:left;
border:1px solid #ccc;
}

.link{
float:left;

}

/*footer footer.htm*/
.uitlijn{
width:100%;
float:right;
}

.full{
float:right;
margin-top:-620px;
}
/*banner full*/
.bl2ja {border: 1px solid #e68200; background:url(bl2.gif) 0 100% no-repeat; width:41em; text-align:center}
.blja {background:url(bl2.gif) 0 100% no-repeat; width:41em; text-align:center}
.brja {background:url(br2.gif) 100% 100% no-repeat}
.tlja {background:url(tl2.gif) 0 0 no-repeat}
.trja {background:url(tr2.gif) 100% 0 no-repeat; padding:10px}
.tr2ja {background:url(tr2.gif) 100% 0 no-repeat}
.tja {background:url(dot2.gif) 0 0 repeat-x; width:41em}
.bja {background:url(dot2.gif) 0 100% repeat-x}
.lja {background:url(dot2.gif) 0 0 repeat-y}
.rja {background:url(dot2.gif) 100% 0 repeat-y}

/*banner half*/
.hbl2 {border: 1px solid #e68200; background:url(bl2.gif) 0 100% no-repeat; width:16em; text-align:left}
.hbl {background:url(bl2.gif) 0 100% no-repeat; width:16em; text-align:center}
.hbr {background:url(br2.gif) 100% 100% no-repeat}
.htl {background:url(tl2.gif) 0 0 no-repeat}
.htr {background:url(tr2.gif) 100% 0 no-repeat; padding:10px}
.htr2 {background:url(tr2.gif) 100% 0 no-repeat}
.ht {background:url(dot2.gif) 0 0 repeat-x; width:16em}
.hb {background:url(dot2.gif) 0 100% repeat-x}
.hl {background:url(dot2.gif) 0 0 repeat-y}
.hr {background:url(dot2.gif) 100% 0 repeat-y}

/*skyscraperfull*/
.sfbl2 {border: 1px solid #e68200; background:url(bl2.gif) 0 100% no-repeat; width:14em; text-align:left}
.sfbl {background:url(bl2.gif) 0 100% no-repeat; width:14em; text-align:center}
.sfbr {background:url(br2.gif) 100% 100% no-repeat}
.sftl {background:url(tl2.gif) 0 0 no-repeat}
.sftr {background:url(tr2.gif) 100% 0 no-repeat; padding:10px}
.sftr2 {background:url(tr2.gif) 100% 0 no-repeat}
.sft {background:url(dot2.gif) 0 0 repeat-x; width:14em}
.sfb {background:url(dot2.gif) 0 100% repeat-x}
.sfl {background:url(dot2.gif) 0 0 repeat-y}
.sfr {background:url(dot2.gif) 100% 0 repeat-y}

/*skyscraperhalf*/
.shbl2 {border: 1px solid #e68200; background:url(bl2.gif) 0 100% no-repeat; width:14em; text-align:left}
.shbl {background:url(bl2.gif) 0 100% no-repeat; width:14em; text-align:center}
.shbr {background:url(br2.gif) 100% 100% no-repeat}
.shtl {background:url(tl2.gif) 0 0 no-repeat}
.shtr {background:url(tr2.gif) 100% 0 no-repeat; padding:10px}
.shtr2 {background:url(tr2.gif) 100% 0 no-repeat}
.sht {background:url(dot2.gif) 0 0 repeat-x; width:14em}
.shb {background:url(dot2.gif) 0 100% repeat-x}
.shl {background:url(dot2.gif) 0 0 repeat-y}
.shr {background:url(dot2.gif) 100% 0 repeat-y}

/*tekstlink*/
.bl2 {border: 1px solid #e68200; background:url(bl2.gif) 0 100% no-repeat; width:41em; text-align:center}
.bl {background:url(bl2.gif) 0 100% no-repeat; width:25em; text-align:center}
.br {background:url(br2.gif) 100% 100% no-repeat}
.tl {background:url(tl2.gif) 0 0 no-repeat}
.tr {background:url(tr2.gif) 100% 0 no-repeat; padding:10px}
.tr2 {background:url(tr2.gif) 100% 0 no-repeat}
.t {background:url(dot2.gif) 0 0 repeat-x; width:25em}
.b {background:url(dot2.gif) 0 100% repeat-x}
.l {background:url(dot2.gif) 0 0 repeat-y}
.r {background:url(dot2.gif) 100% 0 repeat-y}