@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: NeoSansProRegular;
	src: url('fonts/NeoSansPro-Regular.woff') format('woff')
}

@font-face {
	font-family: NeoSansProBold;
	src: url('fonts/NeoSansPro-Bold.woff') format('woff')
}

h1 {
	margin-top: 40px;
	font-family: NeoSansProBold;
	color: #CC0077;
	font-size: 14pt;
	text-transform: uppercase;
}

h2 {
	color: #CC0077;
	margin-top: 20px;
	font-size: 12pt;
	font-weight: bold;
	font-family: NeoSansProBold;
	text-transform: uppercase;
}

p {
	font-family: Calibri;
	font-size: 12pt;
	color: #777777;
	text-align: justify;
}

span.marked1 {
	color: #00AACC;
	font-weight: bold;
}

span.marked2 {
	color: #777777;
	font-weight: bold;
}

span.markedBlack {
	color: #000000;
	font-weight: bold;
}

span.gtBullet {
	font-family: NeoSansProRegular;
	color: #CC0077;
	font-weight: bold;
	font-size: 11pt;
}

table td {
	vertical-align: top;
	font-family: Calibri;
	font-size: 12pt;
	color: #777777;
}

div.content {
	font-family: Calibri;
	font-size: 12pt;
	color: #777777;
}

div.sessieOverzicht {
	margin-top: 20px;
}

p.omschrijvingSessie {
	margin-top: 20xp;
}

p.sprekerInfo {
	margin-left: 60px;
}

a {
	color: #777777;
	font-weight: bold;
	text-decoration: underline;
}

a.publicatie {
	color: #777777;
	text-decoration: underline;
	font-weight: normal;
}

a:hover {
	color: #00AACC;
	font-weight: bold;
}

a.inschrijven {
	font-size: 20px;
	color: #777777;
	font-weight: bold;
	text-decoration: underline;
}

a.inschrijven:hover {
	color: #00AACC;
	font-weight: bold;
}

div.menuPageProgramma a.menuItemProgramma {
	color: #00AACC;
}

div.menuPageConcept a.menuItemConcept {
	color: #00AACC;
}

div.menuPageContact a.menuItemContact {
	color: #00AACC;
}

div.menuPageInschrijven a.menuItemInschrijven {
	color: #00AACC;
}

div.menuPagePublicatie a.menuItemPublicatie {
	color: #00AACC;
}

div.menuPageLigging a.menuItemLigging {
	color: #00AACC;
}

@media screen and (min-device-width: 320px) and (max-device-width: 569px)
{
	div.main {
		width: 320px;
		margin-left: auto;
		margin-right: auto;
	}

	div.rightBar {
		width: 320px;
	}

	div.leftBar {
		width: 320px;
	}

	div.titelBar {
		margin-top: 20px;
		text-align: center;
	}
	
	div.titelDatum {
		font-family: NeoSansProBold;
		font-size: 12pt;
	}
	
	div.titel {
		font-family: NeoSansProBold;
		font-size: 24pt;
		display: inline-block;
	}

	img.imgLogo {
		display: inline-block;
		width: 120px;
		margin-left: 15px;
	}

	img.imgAHS {
		display: inline-block;
		width: 160px;
	}
	
	div.menuItemContainer {
		margin-top: 5px;
	}

	a.menuItem {
		margin-top: 3px;
		color: #AAAAAA;
		text-decoration: none;
	}
	
	a.menuItem:hover {
		margin-top: 3px;
		color: #00AACC;
		text-decoration: none;
	}
	
	div.menuBar {
		font-family: NeoSansProRegular;
		color: #AAAAAA;
		font-size: 10pt;
		font-weight: bold;
		text-align: center;
	}
}

@media screen and (min-device-width: 570px)
{
 	img.imgLogo {
		position: fixed;
		top: 42px;
	}

 	img.imgAHS {
		position: fixed;
		bottom: 10px;
	}
	
	div.menuBarColumn1 {
		margin-right: 40px;
		display: inline-block;
	}

	div.menuBarColumn2 {
		margin-right: 40px;
		display: inline-block;
	}

	div.menuBarColumn3 {
		display: inline-block;
	}
	
	a.menuItem {
		margin-top: 3px;
		color: #AAAAAA;
		text-decoration: none;
	}

	a.menuItem:hover {
		margin-top: 3px;
		color: #00AACC;
		text-decoration: none;
	}
	
	div.main {
		width: 1024px;
		margin-left: auto;
		margin-right: auto;
	}
	
 	div.leftBar {
		width: 190px;
		height: 100vh;
		display: inline-block;
		vertical-align: top;
		margin-top: 35px;
	}

	div.rightBar {
		margin-top: 80px;
		border-style: none;
		width: 830px;
		display: inline-block;
	}
	
	div.menuBar {
		margin-left: 236px;
		font-family: NeoSansProRegular;
		color: #AAAAAA;
		font-size: 8pt;
		font-weight: bold;
	}
	
	div.menuItemContainer {
		margin-top: 5px;
	}

	div.titelDatum {
		font-family: NeoSansProBold;
		font-size: 16pt;
	}
	
	div.titel {
		font-family: NeoSansProBold;
		font-size: 32pt;
		display: inline-block;
	}
}