body
{
	background-color:#03bece;
	margin-left:auto;
	margin-right:auto;
}

header
{
	display:block;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}

header img
{
	
}

header h1
{
	background-color:#f0f0f0;
	border-radius:8px;
	text-transform: uppercase;
	transform:rotate(355deg);
	color:#03bece;
	font-family:Calibri, Arial;
	text-align:center;
	font-size:90px;
	min-width:530px;
	max-width:530px;
	width:48%;
	display:inline-block;
	padding:10px;
	position:relative;
	top:-50px;
}

nav
{
	display:block;
	color:f0f0f0;
	text-transform: uppercase;
	text-align:center;
	margin-bottom:20px;
	border-top:2px solid #18417C;
	border-bottom:2px solid #18417C;
}

nav a
{
	font-family:Calibri, Arial;
	font-size:40px;
	color:#18417C;
	padding-left:20px;
	padding-right:20px;
	text-decoration:none;
}

nav a.selected
{
	color:#f0f0f0;
	border-right: 2px solid #f0f0f0;
	border-left: 2px solid #f0f0f0;
	position:relative;
	top:-2px;
}

nav a:hover
{
	color:#f0f0f0;
	position:relative;
	top:-2px;
}

section#Motto, div#Motto
{
	display:block;
	text-align:center;
	color:#c9cdc5;
	font-family:Calibri, Arial;
	font-size:40px;
	margin-top:40px;
	margin-bottom:40px;
	border:0px solid white;
}

section.Info
{
	display:block;
	text-align:left;
	background-color:#c9cdc5;
	font-family:Calibri, Arial;
	font-size:40px;
	margin-left:100px;
	margin-right:100px;
	border-radius:8px;
	color:#18417C;
	padding:40px;
}

section.Info p select
{
	display:inline-block;
	text-align:left;
	background-color:#f0f0f0;
	font-family:Calibri, Arial;
	font-size:40px;
	border-radius:8px;
	color:#18417C;
	padding:10px;
	width:300px;
}

option.optgroup
{
	font-weight:bolder;
}

option
{
	width:auto;
}

div.schulclub
{
	display:inline-block;
	border:1px solid #18417C;
	border-radius:10px;
	padding:10px;
	margin:10px;
}

img.flag
{
	width:160px;
	margin:0px;
	padding:0px;
}

article#genderbread
{
	display:block;
	text-align:center;
}

div#genderX
{
	display:flex;
	justify-content:center;
	align-items:center;
}

article#genderbread h2
{
	text-align:left;
}

img#genderbread, map
{
	display:inline-block;
	width:400px;
	margin-left:200px;
	
}

div.genderbread-text
{
	text-align:left;
	position:relative;
	top:0px;
	display:inline-block;
	width:600px;
	background-color:white;
	border-radius:30px;
	padding:20px;
	margin-right:200px;
	font-size:30px;
}

div.genderbread-text img
{
	width:540px;
}

div#text2, div#text3, div#text4, div#text5
{
	display:none;
}

area:hover, area:active
{
	border:2px solid #18417C;
}

#flags table
{
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
}

#flags table tr td
{
	border:1px solid #18417C;
	padding:10px;
	vertical-align:top;
	text-align:left;
}

#flags table tr th
{
	border:1px solid #18417C;
	padding:10px;
	vertical-align:top;
	text-align:center;
}

map#genderbread area:hover
{
	background-color:#d0d0d0;
	border:3px solid black;
}

table.downloads tr td a
{
	text-decoration:none;
	color:#404040;
}