@font-face{
	font-family: Aller;
	font-style: normal;
	src: url('/style/aller_rg-webfont.woff');
}

@font-face{
	font-family: Lato;
	font-style: normal;
	src: url('/style/lato-regular-webfont.woff');
}

.cleared::after,.cleared::before{
	content: " ";
	display: table;
}

.cleared::after{
	clear:both;
}

body{
	font-family: 'Lato', sans-serif;
	background: #F5F5F5;
	color: #000000;
}

h1,h2,h3{
	font-family: 'Aller', sans-serif;
	/*color: #1F448D;*/
	color: #123375;
}

h2{
	padding-top: 10pt;
	margin-bottom: 0;
}

a{
	text-decoration: none;
	color: #AF520B;
}

a:hover{
	color: #D46C1C;
}

#wrapper{
	margin: 0 auto;
	max-width: 55em;
}

#header{
	margin-top: 2em;
	padding-bottom: 3px;
	border-bottom: 2px solid #082660;
}

#name{
	font-weight: normal;
	margin-bottom: 0.3em;
	font-size: 3.5em;
	display: inline;
	margin: 0;
	padding: 0;
}

#menu{
	float: right;
}

#lang_selector{
	padding: 0;
	margin: 0.5em 0 1.3em 0;
	text-align: right;
}

#lang_selector a{
	color: #1F448D;
}

#lang_selector a:hover{
	text-decoration: underline;
}

.button a{
	font-size: 110%;
	margin-left: 1em;
	border-bottom: 1px solid transparent;
	transition: border-bottom-color 1s ease 0s;
}

.button a:hover{
	border-bottom-color: #D46C1C;
}

#main{
	/*position: static;*/
	/*margin: 0 auto;*/
	padding: 2.5em;
	padding-top: 1em;
	max-width: 50em;
}