/*

	My3.NL Default CSS file
	(c) Copyright 2007 / 2015

*/
@font-face {
    font-family: Titel;
    src: url('img/FSBRIT.ttf');
	src: url('img/FSBRIT.eot'); /* IE9 Compat Modes */
	src: url('img/FSBRIT.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('img/FSBRIT.woff2') format('woff2'), /* Super Modern Browsers */
       url('img/FSBRIT.woff') format('woff'), /* Pretty Modern Browsers */
       url('img/FSBRIT.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('img/FSBRIT.svg#svgFontName') format('svg'); /* Legacy iOS */
}

.titel {
	font-family: Titel;
	color: #538135; 
	margin: 0px;
	font-size: 4em;
}
.subtitel {
	font-family: Titel;
	color: #538135;
	margin: 0px;
	font-size: 2em;
}
.logo {
	height: 8em;
	text-align: center;
	vertical-align: bottom;
}
.alert {
	margin: 1px 0px 1px 0px;
	padding: 4px;
}
body {
	padding-top: 20px;
	padding-bottom: 20px;
}

.navbar {
	margin-bottom: 20px;
    z-index: 9999;
}
.main {
	padding-right: 20px;
    padding-left: 20px;
	padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 8px;	
}
.main h1 {
	font-size: 3em;
	font-family: Titel;
}
.main h2 {
	font-size: 2em;
	font-family: Titel;
}
.main h3 {
	font-size: 1.5em;
	font-family: Titel;
}
img .portrait {
    float: right;
    margin: 4px;
	width: 30px;
}
.fonetic { 
	font-size: 1.2em;
	font-style: italic;
	color: green 
}
.kleinfooter {
	font-size: 0.8em;
	color:  brown;
	text-align: right;
}
.ident {
	font-size: 90%;
	color: #778;
	margin-top: 1em;
}
.answer {
	font-size: 110%;
	color: #344;
	margin-left: 2em;
}
.anc {
	padding-right: 0.5em;
}
#footer {
	clear: both;
	height: 3em;
	width: 100%;
	background: #033;
	margin-top: 1em;
	border-top: 2px solid #0d7;
	color: #0d7;
	padding: 1em 1em 1em 1em;
}