html, body
{
	color : #000000;
	background : #ffffff;
	font-size : 15px;
	font-family : Arial, cursive;
	margin : 0px;
	padding : 0px;
}

div.centered
{
	width : 920px;
	margin : 2.0em auto;
}

div.admin
{
	margin : 1.0em;
}

div.startbutton
{
	color : #ffffff;
	background : #279b61;
	text-align : center;
	padding : 0.8em 1.0em;
	border-radius : 5px;
	cursor : pointer;
}

div.startbutton.clicked
{
	color : #ffffff;
	background : #008ab8;
	cursor : auto;
}

div.text
{
	text-align : justify;
	margin : 2.0em 0;
}

span.big
{
	font-size : 1.5em;
}

div.header
{
	color : #555555;
	background : #fafafa;
	font-size : 1.5em;
	border-bottom : 1px solid #cacaca;
	padding : 0.5em 1.0em;
	margin-bottom : 1.0em;
	overflow : auto;
}

div.name
{
	float : left;
}

div.time
{
	float : right;
}

div.questiontitle
{
	font-size : 1.5em;
	margin-bottom : 1.2em;
}

div.questiontext
{
	font-size : 1.1em;
	margin-bottom : 1.2em;
}

div.imagecontainer
{
	overflow : auto;
}

img.questionimage
{
	margin-bottom : 1.2em;
}

div.questionanswers
{
	margin-bottom : 3.5em;
}

div.questionanswer
{
	color : #000000;
	background : #fafafa;
	margin-bottom : 0.5em;
	padding : 0.8em 1.0em;
	border : 1px solid #cacaca;
	border-radius : 5px;
	cursor : pointer;
}

div.questionanswer:hover
{
	background : #eaeaea;
}

div.questionanswer.good
{
	background : #a3e496;
	border : 1px solid #279b61;
}

div.questionanswer.wrong
{
	background : #ffdddd;
	border : 1px solid #cc3333;
}

div.questionanswer.selected
{
	background : #a3e496;
	border : 1px solid #279b61;
}

div.questionnumber
{
	text-align : center;
	margin-bottom : 0.3em;
}

div.navigationbuttons
{
	text-align : center;
}

span.navigationbutton
{
	color : #225588;
	cursor : pointer;
}

table.sessions
{
	border-collapse : collapse;
}

table.sessions td
{
	padding : 0.5em;
	border : 1px solid #cccccc;
}

table.sessions tr.finished
{
	background : #eaf1f5;
}

div.form
{
	margin : 1.0em 0;
}

input
{
	font-size : 1.0em;
	margin-right : 0.5em;
}

select
{
	font-size : 1.0em;
	padding : 0.1em;
	margin-right : 0.5em;
}

a
{
	color : #225588;
}

h1
{
	font-size : 1.8em;
	font-weight : normal;
}

@media only screen and (max-device-width : 750px)
{
	div.centered
	{
		width : auto;
		margin : 1.0em 1.0em;
	}
}