/* CSS Document bevat alle algemene stijlen */

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

/* 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
}

/*footer komt op alle pagina's terug*/
.footer{
}

/*tabs beginnen*/
#tabs {
	float: left;
	width: 100%;
	background: #fff;
	font-size: 75%;
	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: 10pt;
    margin-top: 2%;
}
/*einde content*/

/*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:90%;
}

/*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: 8pt;
}
/*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: .7em;
}
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 .7em 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: .7em;
    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: #777879;
width:100%;
font-family:verdana;
font-size: 8pt;
text-align:center;
}

a:link {
	color: #0066FF;
}
a:visited {
	color: #0066FF;
}