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

/* CONTRAST 1 */


/* MAIN */

body {
	/*background-color: #555555;*/
}

.main {
	/*background-color: #555555;*/
	}

.main h1 {

	color: #FFFFFF;
	background-color: #0072CE;

}

.main h2 {

	color: #FFFFFF;
	background-color: #0072CE;

}

.icon p{
	color: #333333;
	background-color: rgb (0,0,0,0);
}

.main h3 {
	color: #333;
}

.main h4 {
	color: #333;
}


.main p {
	
	color: #333333;
	background-color: #eeeeee;

}

.main ul{
	
	color: #333333;
	background-color: #eeeeee;
	
}

.main p.end{
	
	color: #333333;
	background-color: #eeeeee;

}

.image img{

	border:10px solid #0072CE;
}

.subLayout{
	background-color: #eeeeee;
}

.poster img {
	border:10px solid #333333;
}

.poster:focus img{
	border:10px solid #0072CE;
}

.chart img {
	border:10px solid #333333;
	border-radius: 50%;
}



.block2{
	border: 5px solid #333;
}

.block3{
	border: 5px solid #333;
}

.block4{
	border: 5px solid #333;
}



/* ICONS */

.iconImage img {
	border:7.5px solid #333333;
	border-radius: 50px;
}

.large img {
	border:7.5px solid #333333!important;
	border-radius: 50%!important;
}

.startIcon img {
	border:10px solid #333333;
	border-radius: 100px;
}

/* MENU */

.menuContent {
	
	background-color: #ffffff;

}

.menuContent .menuHeader {
	
	background: #005EB8;
	color: #fff;

}

.row {
	
	background-color: #eeeeee;
	color: #333;

}

.column {

	background-color: #eeeeee;
 
}

.menuContent .closeMenu {
	background-color: #333;
	color:#eee;
}

.menuContent .closeMenu:hover {
	background-color: #005EB8;
	color:#eee;
}

.menuContent .closeMenu:focus {
	background-color: #005EB8;
	color:#eee;
}






/* OVERLAY */

.overlay a {

	color: #818181;

}

.btnSelected {
	background-color:#41B6E6;
	color: #ffffff;
}


.startBtn {
	color: #FFFFFF;
	background-color: #005EB8;
}

.courseSubtitle h2{
	color: #FFFFFF;
}

.courseTitle h1{
	color: #FFFFFF;
}

.accessSub{
	background-color: #ccc;
}