/*
 *
 * HOMEPAGE CSS DOCUMENT
 *  
 */


/*
 *
 * FONTS, BACKGROUNDS & COLORS
 *  
 */

div.global-wrapper {
	background: none;
	background-color: #e7e7e9;
	font-size: 0.9em;
}

div#header {
    height:auto;
    overflow:hidden;
    /*background: #fff url(/IMAGES/header-home.jpg) no-repeat right top;*/
}
div#header object {float:left;}

h1#logo {
	background: #fff url(/IMAGES/logo-static.png);
}

h2 {
	background: none;
	color: #000;
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
}

div#intro p {
    color: #444;
}

div#intranet-login {
    background: url(/IMAGES/bg-intranet-block.png) no-repeat left top;
}

div#intranet-login h3 {
    color: #fff;
    background: #000;
}

div#intranet-login p#intranet-login-meta {
    font-size: 0.9em;
    font-weight: bold;
}

div#intranet-login input.intranet-login-text {
    font-size: 1.1em;
}

div#calendar {
    background: url("http://www.glu.nl/nieuwsbrief/bg-calendar-block.jpg") no-repeat left top;
}

div#calendar h3 {
    color: #fff;
    background: #00a54f;
}

div#calendar p#calendar-more-info {
    font-size: 0.95em;
}

div#test-your-talent {
    background-color: #fffac2;
}

div#testyourtalent-test {
    border-top: 1px solid #000;
    background: #fffac2 url(/IMAGES/bg-testyourtalent-test.jpg) no-repeat left top;
}

p#link-talenttest a {
    background: url(/IMAGES/but-talenttest.png) no-repeat left top;
}

div#testyourtalent-choose {
    border-top: 1px solid #fff331;
    background: #fffac2 url(/IMAGES/bg-testyourtalent-choose.png) no-repeat 18px 25px;
}

p#link-mboniveau1en2 a {
    background: url(/IMAGES/but-mboniveau1en2.png) no-repeat left top;
}

p#link-mboniveau3 a {
    background: url(/IMAGES/but-mboniveau3.png) no-repeat left top;
}

p#link-mboniveau4 a {
    background: url(/IMAGES/but-mboniveau4.png) no-repeat left top;
}

div#test-your-talent h3 {
    background-color: #fff100;
    font-weight: bold;
    color: #000;
}

div.col3block {
    /*border-top: 1px solid #ed008c;*/
}

div.col3block h3 {
    background-color: #ed008c;
    color: #fff;
}

/*
 *
 * POSITIONING
 *  
 */

/* RESET FROM default.css */
h2 {
	padding: 0;
	width: auto;
	height: auto;
}

/* HEADER */

div#header {
	/*height: 196px;*/
}

.introVideo {margin-left:17px;}

h1#logo {
	height: 196px;
}

/* NAVIGATION */

div#navigation-wrap {
	top: 196px;
}

div#navigation-shadow {
	top: 326px;
}

/* COLUMNS */

div#column1, div#column2, div#column3 {
    float: left;
}

/* COLUMN 1 */

div#column1 {
    width: 320px;
    margin: 0 15px 0 0;
    padding: 0;
}

div#intro {
    padding: 0 0 0 17px;
}

div#intranet-login {
    width: 320px;
    height: 90px;
    position: relative;
}

div#intranet-login h3 {
    position: absolute;
    right: 0px;
    padding: 0 4px 0 0;
}

div#intranet-login p#intranet-login-meta {
    position: absolute;
    left: 140px;
    top: 20px;
    display: block;
    width: 190px;
}

input#intranet-login-submit-image {
    position: relative;
    top: 6px;
}

div#intranet-login fieldset {
    padding: 57px 0 0 32px;
}

div#intranet-login input.intranet-login-text {
    width: 70px;
}

div#intranet-login input#passworddummy {
	width: 70px;
}

label.intranet-login-label {
    display: none;
}

/* COLUMN 2 */

div#column2 {
    width: 297px;
    padding: 0;
    margin: 0 18px 20px 0;
}

div#calendar {
    width: 297px;
    height: 297px;
    position: relative;
}

div#calendar h3 {
    position: absolute;
    right: 0px;
    top: 2px;
    padding: 0 4px 0 0;
}

div#calendar-content {
	margin: 0 0 0 169px;
	padding: 44px 0 0 0;
}

div#calendar p#calendar-more-info {
	margin: 1em 0 0 0;
}


/* COLUMN 3 */

div#column3 {
    width: 297px;
}

div#test-your-talent {
    width: 297px;
}

div#testyourtalent-test {
    position: relative;
    padding: 40px 20px 0 88px;
}

p#link-talenttest a {
    position: absolute;
    left: 6px;
    top: 84px;
    width: 76px;
    height: 20px;
    display: block;
}

p#link-talenttest a span {
    display: none;
}

div#testyourtalent-choose {
    position: relative;
    padding: 26px 20px 4em 88px;
}

p#link-mboniveau1en2 a {
    position: absolute;
    left: 6px;
    top: 90px;
    width: 114px;
    height: 21px;
    display: block;
}

p#link-mboniveau3 a {
    position: absolute;
    left: 124px;
    top: 90px;
    width: 79px;
    height: 21px;
    display: block;
}

p#link-mboniveau4 a {
    position: absolute;
    left: 206px;
    top: 90px;
    width: 78px;
    height: 21px;
    display: block;
}

p#link-mboniveau1en2 a span,
p#link-mboniveau3 a span,
p#link-mboniveau4 a span {
    display: none;
}

div#test-your-talent h3 {
    position: absolute;
    right: 0;
    top: 0;
    padding: 2px 10px 2px 50px;
}

div.col3block {
    margin: 1em 0 0 0;
    position: relative;
    padding: 2em 0 0 0;
}

div.col3block h3 {
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px 10px;
    margin: 0 0 2em 0;
}