/* CSS Document bevat alle algemene stijlen */

/*body definieren*/
body {
background-image:url(../images/bg-body-gradient.gif);
background-repeat:repeat-x;
margin-top:0%;
overflow-x: hidden;
margin:0;
}

html, body{
overflow-x: hidden;
}

/* Hierin wordt de body afgebakend en achtergrond(hoofdsectie)*/
.hoofdcontainer {
margin-top:1px;
width:900px;
margin-left:auto;
margin-right:auto;

}

.lijn{
width:900px;
background-color:#fff;
border-left:1px solid #d8d9d9;
border-bottom:1px solid #d8d9d9;
border-right:1px solid #d8d9d9;
}

.kleurhouder{
background-color:#fff;
}

.contentcontainer {
    background-color:#fff;
    color: #777879;
    font-family:verdana;
    font-size: 9pt;
    margin-left:30px;
}



/*alle links blauw onderstreept in de hele site*/
a:link {
	color: #5D5959;
}

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

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

/*tabs MENU*/
    
.animatedtabs{
margin-top:20px;
overflow: hidden;
width: 101%;
font-size: 14px; /*font of menu text*/
background-repeat:repeat-x;
}


.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 0px; /*offset of first tab relative to page left edge*/
padding: 0;
margin-top:4px;

}

.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}

.animatedtabs a{

float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(../images/tab-blue-left.png) no-repeat left top;
margin: 0;
margin-right: 7px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;
border-bottom:1px solid #d8d9d9;
}

.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(../images/tab-blue-right.png) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #707071;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */


.animatedtabs .selected a{
background-position: 0 -125px;
top: 1px;
border-bottom:1px solid #ffffff;
}

.animatedtabs .selected a span{
background-position: 100% -125px;
color: #3fba0b;
padding-bottom: 8px; /* 3)2092ea Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}


.animatedtabs .bedrijven a{
background-position: 0 -125px;
top: 1px;
border-bottom:1px solid #ffffff;
}

.animatedtabs .bedrijven a span{
background-position: 100% -125px;
color: #2092ea;
padding-bottom: 8px; /* 3)2092ea Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}



.animatedtabs a:hover{
background-position: 0% -125px;
top: 0;
}

.animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

/*EINDE TABS*/



.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;
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_datum{
color: #777879;
font-family:verdana;
font-size: 8pt;
margin-top:-10px;
}

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

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

}

.td_content_links {
 border-left: 1px solid #a9a9a9;
 border-bottom: 1px solid #a9a9a9;
 border-top: 1px solid #a9a9a9;
}

.td_content_rechts {
 border-right: 1px solid #a9a9a9;
 border-bottom: 1px solid #a9a9a9;
 border-top: 1px solid #a9a9a9;
   }

/*pagina class paginator.class.php*/

.paginate {
    font-family: verdana;
    font-size: 13px;

}
a.paginate {
    border: 1px solid #666;
    padding: 2px 6px 2px 6px;
    text-decoration: none;
    color: #ffffff;
}
a.paginate:hover {
    background-color: #0485df;
    color: #ffffff;
    text-decoration: underline;
}
a.current {
    border: 1px solid #666;
    font: bold 13px verdana;
    padding: 2px 6px 2px 6px;
    cursor: default;
    background: #0485df;
    color: white;
    text-decoration: none;
}
span.inactive {
    border: 1px solid #999;
    font-family: verdana;
    font-size: 13px;
    padding: 2px 6px 2px 6px;
    color: #ffffff;
    cursor: default;
}
/* Einde pagina class paginator.class.php*/


/*footer footer.htm*/
.footer_teksten{
color: #0066FF;
width:100%;
font-family:verdana;
font-size: 8pt;
text-align:center;
background-color:#1DA019;

}

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

/*alle links blauw onderstreept in de hele site*/
a:link {
	color: #0066FF;

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


.kopje_stages {
margin-left:65px;
margin-top:-42px;
color: #ffffff ;/*#ba2525*/
font-size: 12pt;
font-family: arial;
}

.nieuwe_stages {
margin-top:22px;
margin-left:4px;
font-size: 10pt;
font-family: arial;
}

.vinkjes_student {

margin-left:4px;
font-size: 8pt;
font-family: arial;
float:left;
}


.vinkjes_bedrijf {
margin-left:4px;
font-size: 8pt;
font-family: arial;
float:right;
}

.kopje_oproepen {
margin-left:65px;
margin-top:-39px;
color: #ffffff ;/*#ba2525*/
font-size: 12pt;
font-family: arial;
}

.oproep {
margin-left:4px;
margin-top:23px;
}

.bedrijftip {
margin-right:700px;	
float:left;
}

.stagehouder {
margin-left:45px;
}

.titel_stage {
color: #707071 ;/*#ba2525*/
font-size: 10pt;
font-family: arial;
}

.omschrijving_stage {
color: #707071 ;
font-size: 9pt;
font-family: arial;
}

.stage_vergoeding {
color: #707071 ;
font-size: 9pt;
font-family: arial;
}

.stage_link {
color: #707071 ;
font-size: 9pt;
font-family: arial;
}

.stage_bedrijf {
color: #707071 ;
font-size: 9pt;
font-family: arial;
}

.inloggen {
float: right;
margin-right:15px;
margin-top:10px;
font-family:verdana;
font-size: 9pt;
}

.aanmelden_studentknop {
margin-top:-23px;
margin-left:43px;
font-family:verdana;
font-size: 9pt;
}


.aanmelden_bedrijfknop {
margin-top:-23px;
margin-left:43px;
font-family:verdana;
font-size: 9pt;
}

.i1{
margin-left:34px;
margin-top:70px;
}

.i2{
margin-left:402px;
margin-top:-21px;
}

.bladerfunctie {
font: 11px verdana;
}