@font-face {
    font-family: UbuntuM;
    src: url(/Ubuntu-M.ttf);
}
@font-face {
    font-family: UbuntuR;
    src: url(/Ubuntu-L.ttf);
}
@font-face {
    font-family: UbuntuLI;
    src: url(/Ubuntu-LI.ttf);
}
body {
	text-rendering: optimizeLegibility;
	font-variant-ligatures: common-ligatures;
	font-kerning: normal;
	background-color:#FAECB2;
	font-family: UbuntuR, Verdana, sans-serif;
	padding:0.2em 1em 0 1em;
	line-height:1.5em;
}
.family {
	float:right;
	margin-right:1em;
}
.frame {
	max-width:65em;
	margin:0 auto;
}
h1, h2, h3, h4 {
	font-family: UbuntuM;
	font-weight:normal;
}
h1 {margin-top:1em;}
a {
	color:#225F86;
}
nav {
	line-height:1.5em;
	display:block;
	background-color:#225F86;
}
nav a {
	outline:none;
	font-family: UbuntuM;
	display:inline-block;
	padding:10px 15px;
	margin:0px;
	text-decoration:none;
	color:#FAECB2;
	border:1px solid #225F86;
}
nav a:hover, nav a.active {
	background-color:#FAECB2;
	color:#225F86;
}

a.previous, a.next {
	display:block;
	width:45px;height:25px;
	outline:none;
	text-decoration:none;
	margin-bottom:6em;
}
a.next {
	float:right;
	background: url(/pfeil_rechts.png) no-repeat;
}
a.previous {
	float:left;
	background: url(/pfeil_links.png) no-repeat;
}
ol {
	margin-bottom:0px;
}
ol li {
	padding-bottom:10px;
	font-family:UbuntuM;
}
ol li p {
	font-family:UbuntuR;
}
ol li ul li {
	font-family:UbuntuR;
	padding-bottom:0px;
}

.bold {font-family:UbuntuM; }
.blue {color:#225F86;}
.theme1, .theme2, .theme3, .theme4 {
	border-radius:5px;
	padding:5px;
}
.theme2 a { color:#ffd560; }
.theme4 a { color:#ffa520; }
div.theme1, div.theme2, div.theme3, div.theme4 { margin-top:2em;border-radius:1em;padding:0 1em 1em 1em;}
div.theme1 h3, div.theme2 h3, div.theme3 h3, div.theme4 h3 { padding-top:0.5em;}
.theme1 { background-color:#D8C077; }
.theme2 { background-color:#5D9549; color:white; }
.theme3 { background-color:#C8E5FA; }
.theme4 { background-color:#225F86; color:white; }

.widthreduced {width:28em; margin-right:1em; display:inline-block;}
.downspace{margin-bottom:5em;}

input[type="text"] {
	width:20em;
	margin-bottom:1em;
}
span.remark {
	float:right;
	font-size:0.8em;
}
textarea {
	margin-bottom:1em;
}
span.unfett {
	font-family:UbuntuR;
	font-size:0.6em;
	vertical-align:super;
}
label {
	width:16em;
	display:inline-block;
	vertical-align:top;
}
.links {
	font-family:UbuntuLI;font-size:0.8em;
}

.simulateList {margin-top:0;padding-left:1.5em;margin-bottom:0px;}
.simulateList img {margin-right:5px;cursor:pointer;}

a.tooltip { outline:none;position:relative;color:black; }
a.tooltip:hover {text-decoration:none;cursor:help;} 
a.tooltip span {
	position:absolute;
	z-index:10;
	display:none;
	padding:2px;
	line-height:1.2em;
	top:20px; left:20px;
	font-size:8pt;
	font-family: UbuntuR;
	font-weight:normal;
	color:#225F86;
	border:1px solid #225F86;
	background-color:white;
	white-space:nowrap;
}
a.tooltip:hover span{
    display:block; position:absolute;
}