@charset "utf-8";


@media screen and (min-width:500px)
{
	body{
		margin: 20px auto;
	}
}

@media screen and (max-width:500px)
{
	body{
	margin:0px 0px;
	}
}


html {
	background: #b0e0e6;
	font-family: Arial, Helvetica, sans-serif;
}

body {
	color: #454545;
	font-size: 12pt;
	background-color: #f8fbfb;
	width:500px;
}

video {
        max-width:450px;
        margin: 15px 25px;
    }
    
div.legal {
	font-size: 0.8em;
	padding:7% ;
	border:1px;
}

.img {
	padding: 12px;
}

#navigation {
	margin : 0;
	padding: 0em;
	width: 100%;
	list-style: none;
	margin: 0;
}

#navigation li {
	float: left;
	text-align: center;
	margin: 0;
	border: solid 1px #cdcdcd;
	border-radius: .2em;
	font-family: Arial bold, Helvetica, sans-serif;
	margin: 0 0 0 1em;
}

#navigation li a, #navigation li a:link, #navigation li a:visited {
	text-decoration: none;
	display: block;
	color: #337ab7;
	font-weight: bold;
	padding: 0.1em 1em;
}

#navigation li a:hover, #navigation li a:focus, #navigation li a:active
	{
	background: #eee;
	color: #23527c;
	border-radius: .5em;
}

header {
	width: inherit;
	display: flex;
	flex-direction: row;
	align-items: center;
	background: #eaeaea;
	border-bottom: solid 2px #bcbcbc; 
}

main {
	display: block;
	height: inherit;
}


.fokon-style {
	font-style: italic;
	font-weight: 500;
	color: #d33;
	white-space: nowrap;
}

.weodis-style {
	font-style: italic;
	font-weight: 500;
	color: #0b6279;
	white-space: nowrap;
}

.weodis-style.reg::after {
	content: "®";
}
