/*
 * Stageselect style sheet
 */
body, p {
	margin: 0px;
    font: 12px/18px Arial;
	letter-spacing: 0.5px;
	color: #666666;
}
a.groot_groen {
	font: 13px/24px Verdana, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #B1C903;
	text-decoration: none;
}
a.groot_paars {
	font: 13px/24px Verdana, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #771C7F;
	text-decoration: none;
}
#container {
	position: absolute;
	left: 50%;
	width: 1000px;
	height: 600px;
	background-color: #ffffff;
	margin: 0px auto 0px -500px;
}
div.margin12 {
    margin: 12px;
}
h1,h2 {
    font: 18px/26px Verdana, "Lucida Grande", "Lucida Sans Unicode", Arial;
    font-weight: bold;
    color: #771C7F;
    margin: 0px;
}
h3,h4 {
    font: 16px/24px Verdana, "Lucida Grande", "Lucida Sans Unicode", Arial;
    font-weight: bold;
    color: #771C7F;
    margin: 0px;
}
h5,h6 {
    font: 12px/18px Verdana, "Lucida Grande", "Lucida Sans Unicode", Arial;
    font-weight: bold;
    color: #771C7F;
    margin: 0px;
}
input, select, textarea, radio {
    font: 12px/18px Arial;
	letter-spacing: 0.5px;
	color: #000000;
}

/*
 * start pagina / index
 */
#achtergrond {
	position: relative;
	z-index: 0;
}
#groenvlak {
	width: 1000px;
	height: 397px;
	background-color: #B1C903;
	background-image: url("../images/achtergrond_groen.png");
	background-repeat: no-repeat;
}
#paarsvlak {
	width: 1000px;
	height: 203px;
	background-color: #771C7F;
}

#voorgrond {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
    text-align: center;
	width: 700px;
	margin: 0px 150px 0px 150px;
}
#logo {
    margin-top: 16px;
}
#intro_tekst {
    margin-top: 16px;
    min-height: 88px;
    _height: 88px;
}
#intro_tekst, #intro_tekst p {
	font-family: Verdana;
	line-height: 18px;
	letter-spacing: 0.25px;
	font-size: 10pt;
	color: #771C7F;
}
#intro_tekst p {
    margin: 10px 0px 10px 0px;
}
#intro_tekst a {
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
}
#keuzeblok {
    margin-top: 24px;
}
#student {
	width: 334px;
	height: 251px;
	background-image: url("../images/start_stagiair.png");
	background-repeat: no-repeat;
	text-align: left;
    float: left;
}
#werkgever {
    width: 334px;
	height: 251px;
	margin-left: 366px;
	_margin-left: 22px;
	background-image: url("../images/start_werkgever.png");
	background-repeat: no-repeat;
    text-align: left;
}
div.padding {
    padding: 16px;
}

/*
 * werkgever + student
 */
#content {
}

#links {
    float: left;
    width: 786px;
    margin-top: 12px;
    background-color: #ffffff;
}
#rechts {
    float: left;
    width: 214px;
    _height: 600px;
    min-height: 600px;
}
#welkomblok {
    float: left;
    width: 430px;
}
#kruimelpad, a.kruimelpad {
    margin-top: 29px;
    padding: 4px 0px 0px 5px;
    font: 11px/16px Verdana;
    color: #771C7F;
    text-decoration: none;
}
#welkombijstageselect {
    margin: 10px;
}
p.welkomsttekst {
    color: #666666;
    font: 11px/16px Verdana;
    letter-spacing: 0.25px;
    margin: 0px 10px 10px 6px;
    padding: 0px 40px 0px 0px;
}
p.welkomsttekst a, a {
    font-weight: bold;
    color: #CC0000;
    text-decoration: none;
}

#randomimage {
    text-align: right;
    float: left;
    width: 356px;
    height: 260px;
    overflow: hidden;
}
#content_werkgever, #content_student {
    float: left;
    width: 786px;
    min-height: 250px;
    _height: 250px;
    border-right: 1px solid #c8d0af;
}
#nieuwe_stagiaires {
    float: left;
    width: 474px;
    _width: 450px;
    min-height: 157px;
    _height: 157px;
    margin: 20px 26px auto 43px;
    _margin: 20px 10px auto 43px;
    background-image: url("../images/cornered_lb_wit_474.png");
    background-repeat: no-repeat;
    background-color: #ffffff;
}
#voorbeelden_stages {
    float: left;
    width: 200px;
    _width: 180px;
    min-height: 157px;
    _height: 157px;
    margin: 20px 43px auto 0px;
    _margin: 20px 21px auto 21px;
    background-image: url("../images/cornered_lb_wit_474.png");
    background-repeat: no-repeat;
    background-color: #ffffff;
}
#zoekeenstage {
    margin: 30px 43px auto 43px;
    border-bottom: 1px solid #ffffff;
}
#zoekeenstage form, #zoekeenstage select, #zoekeenstage input {
    font-size: 11px;
    margin: 3px 10px 10px 0px;
}
#zoekeenstage h3 {
    color: #ffffff;
}
#nieuwe_stages {
    float: left;
    width: 696px;
    _width: 674px;
    min-height: 157px;
    _height: 157px;
    margin: 20px 43px auto 43px;
    background-image: url("../images/cornered_lb_witopgroen_696.png");
    background-repeat: no-repeat;
    background-color: #ffffff;
}
#vervolgpagina_student, #vervolgpagina_werkgever {
    float: left;
    width: 696px;
    min-height: 157px;
    _height: 157px;
    margin: 43px 43px auto 43px;
    _margin: 43px 21px auto 21px;
    background-repeat: no-repeat;
    background-color: #ffffff;
}
#vervolgpagina_student {
    background-image: url("../images/cornered_lb_witopgroen_696.png");
}
#vervolgpagina_werkgever {
    background-image: url("../images/cornered_lb_witoppaars_696.png");
}
table.welkom_voorbeelden {
    margin-top: 5px;
    width: 100%;
}
table.welkom_voorbeelden tr,table.welkom_voorbeelden td {
    height: 30px;
    border-top: 1px solid #E0E0E0;
    font-weight: bold;
}
table.welkom_voorbeelden {
    font-size: 12px;
}
table.welkom_voorbeelden tr.active {
    cursor: pointer;
}
table.welkom_voorbeelden tr.over_werkgever {
    background-color: #771C7F;
    color: #ffffff;
    cursor: pointer;
}
table.welkom_voorbeelden tr.over_student {
    background-color: #B1C903;
    color: #ffffff;
    cursor: pointer;
}
table.welkom_voorbeelden td.nummer {
    width: 20px;
    color: #771C7F;
}

#rechts_paars_cornered_balkje {
    background-image: url("../images/rechts_paars_cornered_balkje.png");
    background-repeat: no-repeat;
    width: 214px;
    height: 41px;
}
#rechts_logovak {
    width: 213px;
    height: 132px;
    background-color: #ffffff;
    border-left: 1px solid #B1C903;
    text-align: center;
}
#logo_groenpaars {
    margin-top: 24px;
}
#rechts_nieuws_werkgever_top, #rechts_nieuws_student_top {
    float: left;
    background-repeat: no-repeat;
    width: 214px;
    height: 14px;
}
#rechts_nieuws_werkgever_top {
    background-image: url("../images/rechts_groen_cornered_top.jpg");
}
#rechts_nieuws_student_top {
    background-image: url("../images/rechts_paars_cornered_top.jpg");
}
#rechts_nieuws_werkgever_bottom {
    float: left;
    background-image: url("../images/rechts_groen_cornered_bottom.jpg");
    background-repeat: no-repeat;
    width: 214px;
    height: 14px;
}
#rechts_nieuws_werkgever, #rechts_nieuws_student {
    float: left;
    width: 214px;
}
#rechts_nieuws_werkgever {
    _margin-top: -1px;
    background-color: #B1C903;
}
#rechts_nieuws_student {
    _margin-top: -1px;
    background-color: #771C7F;
}
#nieuws {
    margin: 0px 12px 12px 12px;
    min-height: 256px;
    _height: 256px;
}
#nieuws h3 {
    margin-bottom: 5px;
    color: #ffffff;
}
#nieuws p.werkgever, p.student {
    margin: 0px;
    border-top: 1px solid #ffffff;
    font-weight: bold;
    padding: 5px 0px 5px 0px;
}
#nieuws p.werkgever {
    color: #771C7F;
}
#nieuws p.student {
    color: #B1C903;
}
#nieuws a {
    color: #ffffff;
    text-decoration: none;
}

/*
 * sitemap
 */
#sitemapKolom1 {
    margin: 10px 0px 20px 0px;
    border-right: 1px dotted grey;
    font: 12px/16px Arial;
    float: left;
    width: 350px;
    padding-right: 16px;
}
#sitemapKolom2 {
    margin: 10px 0px 20px 0px;
    margin-left: 376px;
    font: 12px/16px Arial;
    width: 350px;
}
#sitemapKolom1 h3, #sitemapKolom2 h3 {
    margin: 12px 0px 8px 0px;
}

/*
 * nieuws pagina
 */
#nieuwsDetailBlok {
    background-color: #F7F7F7;
    padding: 5px 20px 10px 5px;
    margin: 0px;
    border-left: 1px solid #ECE9D8;
}
#nieuwsDetailBlokDatum {
    font-weight: bold;
    margin-bottom: 4px;
}

/*
 * bottom bar
 */
#bottombar {
    margin-top: 5px;
    width: 1000px;
    clear: left;
    text-align: center;
    font-size: 9px;
    color: #969696;
}
#bottombar a {
    color: #969696;
    text-decoration: none;
}
#bottombar a:hover {
    color: #B1C903;
}
#copyrightLogo {
	color: #771C7F;
}

/*
 * loginBlok
 */
#loginBlok {
    background-color: transparent;
    text-align: center;
}
span.loginBlokItem {
    color: #fff;
    padding-left: 15px;
    vertical-align: middle;
}
span.loginBlokItem a,
span.loginBlokItem a:hover,
span.loginBlokItem a:active,
span.loginBlokItem a:visited {
    color: #fff;
    font-size: 12px;
    line-height: 24px;
    font-family: "Arial";
    font-weight: bold;
}