/* Elements responsible for page layout. */
/* These elements have absolute positions*/

/* Background */

/* Upper part */


/* --------------------------  DESKTOP  -------------------------- */
@media (min-width: 600px) {
div#achterstreep {
	width:100%;
	height:100%;
	position: absolute;
	background-image: url(HeadingFigureNext.jpg);
	/*background-size:100%;*/
	/*background-size: contain;*/
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
}

/* Language choice menu */
div#TaalBalk {
	position: absolute;
	left: 780px;
	top: 15px;
	z-index: 0;
}
div#TaalBalk a {
	color: #FFF;
}

}	
/* --------------------------  DESKTOP  -------------------------- */


/* --------------------------  MOBILE  -------------------------- */
@media (max-width: 599px) {
div#achterstreep {
	width:100%;
	height:100%;
	position: absolute;
	background-image: url(HeadingFigureNext_white.jpg);
	/*background-size:100%;*/
	/*background-size: contain;*/
	background-repeat: no-repeat;
	top: 0px;
	left: 0px;
}

/* Language choice menu */
div#TaalBalk {
	position: absolute;
	left: 180px;
	top: 22px;
	z-index: 0;
}
div#TaalBalk a {
	color: #000;
}

}
/* --------------------------  MOBILE  -------------------------- */




/* Lower part */

div#achtercirkels{
	width: 100%;
	height: 695px;
	position: absolute;
	background-repeat: no-repeat;
	top: 98px;
	left: 0px;
}

/* Picture to click on to go to Home page */

img#homeclickimg{
	position: absolute;
	top:20px;
	left: 20px;
	z-index: 3;
	border: 0;
}

/* Color indicator of main menu choice  */

div.homekleurbalk, div.companykleurbalk, div.courseskleurbalk, div.servicekleurbalk, div.resourceskleurbalk, div.contactkleurbalk, div.myabiskleurbalk {
	position: absolute;
	z-index: 0;
	top: 78px;
	left: 763px;
	width: 37px;
	background-repeat: no-repeat;
/* 	border: 1px solid red;   */
}

/* Main menu on top of page */

div#bovenbalk {
	position: absolute;
	width:800px; /*LVdd 13/01/10, voor MyABIS: 7 x 110 = 770 */
	height:25px; /*AV 03/04/2017, tbv search, geen specifieke toplevels */
	top: 98px;
	right: 0px;
	left: 0px;
	background-color: rgb(177,176,181);
}

/* Where are you ? */

div#breadcrumbs {
	top:130px;
	left: 0px;
	position: absolute;
	width:785px;
	z-index: 0;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

/* Search zone */

div#search{
	position: absolute;
	left:10px;
	top:150px;
}

/* Second-level menu */

div#linkerbalk{
	position: absolute;
	left: 10px;
	top: 180px;
	width: 200px;
	z-index: 1;
}

/* Body column */

div#bodykolom {
	z-index: 0;
	position: absolute;
	left: 220px;
	top: 180px;
	width: 582px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}