/* 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{
background-color:#fff;
width:900px;
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: #2092ea;
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: #3fba0b;
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:#0c89e1;

}

/*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-top:125px;
margin-left:4px;
font-size: 8pt;
font-family: arial;
float:left;
}

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

}

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

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

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

.stagehouder {
margin-left:45px;
}

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

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

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

.bekijk_presentatie {
color: #707071 ;
font-size: 9pt;
font-family: arial;
margin-top:15px;
float:left;
}

.bekijk_alle_stages {
color: #707071 ;
font-size: 9pt;
font-family: arial;
margin-top:20px;
margin-left:1px;
float:right;
}

.adres {
color: #707071 ;
font-size: 9pt;
font-family: arial;
float:left;
}

.internet {
color: #707071 ;
font-size: 9pt;
font-family: arial;
float:right;
margin-right:150px
}

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

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

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

.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:-100px;

}

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

}

.tabel_aanmelden{
margin-top:-40
}

.plaatjevoor{
background-repeat:no-repeat; 
background-image:url(../images/teaser.jpg);
widht: 453px;
height: 257px;
float:left;
}

.blokkenrechts{
float:right;
width:270px;
}

/*---------- bubble tooltip -----------*/
Map, info { 
  background-color: #e5e5e5; 
  padding-left: 0.2em; 
  padding-right: 0.2em; 
  border-bottom: dotted #000 1px; 
} 
.bubbleTooltip { 
  width: 200px; 
  color:#ffffff; 
  font: 0.7em arial; 
  text-decoration:none; 
  text-align:left;
  font-weight: bold;

} 
.bubbleTooltip span.top { 
  padding: 30px 8px 0; 
  background: url(bubble.gif) no-repeat top; 
} 
.bubbleTooltip span.bottom { 
  padding:3px 8px 15px; 
  color: #000; 
  background: url(bubble.gif) no-repeat bottom; 
}

.rectangle {
width: 336px; 
height: 280px;
background-color: #fff;
margin-right: 15px; 
}
.linkpartners_head{
font-weight:bold;
color: #707071;
font-family:verdana;
font-size: 9pt;
}^