/*
 * This is the file style.css.
 * File created by Mathé Hertogh, 2015-07-29, Leiden
 * This file contains general css for all pages.
 */

body {
	margin: 0px;
	background-color: rgba(255, 255, 0, 0.15);
	font-family: verdana;
	font-size: 14px;
	/* background-image: url("../resources/images/achtergrond.jpg"); */
}

ul {
	text-align: left;
	padding-left: 30px;
}

a {
	text-decoration: none;
	color: black;
}

img {
	max-width: 100%;
	max-height: 100%;
}

video {
	max-width: 100%;
	max-height: 100%;
}

select:hover {
	background-color: #d4d4d4;
}

.content {
	margin-left: 170px;
	overflow: auto;
}

.contentItem {
	background-color: white;
	padding: 20px;
	margin: 15px 5%;
    box-shadow: 2px 2px 9px 1px black;
}

.news {
	width: 71%;
	float: left;
	overflow: auto;
}

.newsMessage {
	padding: 10px;
	margin: 20px;
	margin-left: 7.04%;
	margin-right: 3%;
	background-color: white;
	overflow: auto;
    box-shadow: 2px 2px 9px 1px black;
}

.newsMessage > p {
	margin-top: 7px;
}

.newsMessage > h1 {
	margin-bottom: 9px;
}

.newsDate {
	float: right;
}

.newsLink {
	color: red;
}

.newsLink:hover {
	color: rgb(220,200,0);
}

.fotoBox60 {
	max-width: 60%;
	max-height: 60%;
	padding: 2%;
	float: right;
}

.fotoBox40 {
	max-width: 40%;
	max-height: 40%;
	padding: 2%;
	float: right;
}

.fotoBox25 {
	max-width: 33%;
	max-height: 28%;
	padding: 2%;
	float: left;
}

.creditsFootnote {
	float: right;
	margin-right: 6%;
}

.extraMenu {
	width: 20%;
	background-color: rgba(255, 0, 0, 0.9);
	margin: 20px;
	margin-right: 5%;
	margin-left: 71%;
	padding: 2%;
    box-shadow: 3px 3px 7px 0px black;
}

.extraSubMenu {
	margin-bottom: 40px;
	text-align: center;
}

.upcoming, .openActiviteitenList {
	background-color: white;
	max-height: 450px;
	padding: 1%;
	padding-left: 0px;
	overflow: auto;
    box-shadow: 2px 2px 7px 0px black inset;
}

.subMenuList {
	background-color: white;
	max-height: 500px;
	padding: 1%;
	padding-left: 0px;
	overflow: auto;
    box-shadow: 2px 2px 7px 0px black inset;
}

.formButton {
	display: inline-block;
	background-color: white;
    border-radius: 2px;
	text-align: center;
	border: 1px solid gray;
	padding-left: 1px;
	padding-right: 1px;
}

.formButton:hover {
	background-color: #d4d4d4;
	cursor: default;
}

.looseHeader {
	font-size: 60px;
	text-align: center;
	margin-bottom: 15px;
}