@import url(/fonts/fonts.css);

body {
	background-repeat: repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF;
	background-position: left;
	padding: 0 2%;
	background-attachment: fixed;
}

#mitte {
	margin: auto;
	max-width: 920px;
	text-align: left;
}
#Marke {
	position: absolute;
	visibility: hide;
}
#Layer1 {
	position: absolute;
	top: 20px;
	width: 242px;
	height: 27px;
	z-index: 1;
	right: 0px;
}
.Stil1 {
	color: #FF0000
}
a:visited {
	color: #996633;
}
a:active {
	color: #EE00FF;
}
a:hover {
	color: #B00;
}
.menuebefehl, kbd {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #B74872
}
.bedienfeld {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #6B6516;
	background-color: #F4F2D9;
}
h1 {
	/*			font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #600;
	margin-top: 1px;
	margin-bottom: 1px;
	padding: 3px;
	margin-right: 0px;
	margin-left: 0px;
	background-repeat: repeat-y;
	background-color: #D9BC91;
*/
	padding: 10px 40px;
	font-family: 'UncialAntiqua-Regular', cursive;
	font-size: 1.6em;
	color: #d9b873;
	margin: 0px;
	text-shadow: 0 -1px #a25e45, 1px 0 #a25e45, 0 1px #a25e45, -1px 0 #a25e45, 0 0 0.2em #b2955e, 0 0 0.2em #b2955e, 0 0 0.2em #b2955e;
	vertical-align: top;
	border-bottom: none;
	background-color: #F1D7B0;
	border: 1px solid #D9BC91;
	border-style: none solid solid;
}
h2 {
	font-family: 'UncialAntiqua-Regular', cursive;
	font-size: 1.3em;
	color: #F1D7B0;
	margin: 0px;
	text-shadow: 0 -1px #a25e45, 1px 0 #a25e45, 0 1px #a25e45, -1px 0 #a25e45, 0 0 0.1em #b2955e, 0 0 0.1em #b2955e, 0 0 0.1em #b2955e;
	/*	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #633;*/
	margin-top: 3px;
	margin-bottom: 3pxpx;
	padding: 5px;
	text-indent: 25px;
	border: 1px solid #D9BC91;
	background-color: #EDDEC9;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #BE8D43;
	margin-top: 0em;
	margin-bottom: 0px;
	background-color: #FFF5D7;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.4em;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 0.1px;
}
.actionCode {
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	color: #336633;
}
.actionscript {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999900;
	margin-top: 0px;
	margin-bottom: 5px;
}
code {
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	color: hsla(166,93%,31%,1.00);
}
th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #84D9DB;
	border: 1px solid #006699;
	margin: 5px;
	padding: 5px;
}
hr {
	border: 1px solid #009999;
}
.neu {
	font-weight: bold;
	font-variant: small-caps;
	text-transform: capitalize;
	color: #FF9900;
}
.actionCode {
	font-size: 0.8em;
}
.miniSchrift {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.5em;
	font-weight: bold;
}
a {
	color: #008BA2;
}
#navpfeil {
	position: fixed;
	left: 15px;
	width: 20px;
	height: 67px;
	z-index: 2;
	bottom: 5px;
}
.neu {
	font-weight: bold;
	color: #FF9900;
}
.miniInfo {
	font-size: 9px;
}
.actionCode {
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	color: #336633;
}
code {
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
}
.headzelle {
	font-weight: bold;
	background-color: #84D9DB;
}
.blackzelle {
	border: 1px solid #006699;
	margin: 5px;
	padding: 5px;
}
.beigezelle {
	border: 1px solid #CFB35C;
	margin: 5px;
	padding: 5px;
	background-color: #FEF9ED;
}
th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #84D9DB;
	border: 1px solid #006699;
	margin: 5px;
	padding: 5px;
}
.beispiel {
	font-size: 1.2em;
	font-weight: bold;
	color: #462222;
	background-color: #FACD83;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #40A0A8;
	border-right-color: #215458;
	border-bottom-color: #173A3E;
	border-left-color: #35868C;
	text-decoration: none;
	padding: 5px;
}
#flashColorTransform {
	width: 120px;
	height: 120px;
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}
.floatRight {
	float: right;
	margin-left: 10px;
}
.floatLeft {
	float: left;
	margin-right: 10px;
}
.floatStop {
	clear: both;
}
table.rand td {
	border: 1px solid #E4AE7C;
	margin: 0px;
	padding: 5px;
	background-color: #FEF8EF;
}
table.rand th {
	border: 1px solid #666600;
	margin: 5px;
	padding: 5px;
	background-color: #C0C081;
	font-weight: bold;
}
.mittig {
	text-align: center;
}
code {
	font-size: 1em;
}
.links {
	text-align: left;
	vertical-align: top;
}
h1, h2, h3, h4, h5, h6 {
	/*font-family: 'UnifrakturMaguntia', cursive;
font-family: 'Berkshire Swash', cursive;
font-family: 'IM Fell English SC', serif;*/ 
	font-family: 'Metamorphous-Regular' cursive;
}
nav {
	display: block;
}
nav ul {
	text-align: center;
	list-style: none;
	padding: 0;
	margin: 0;
}
nav ul li {
	display: inline-block;
}
nav ul li a {
	display: inline-block;
	background-color: #FAE0AB;
	font-family: 'Metamorphous-Regular' cursive;
	padding: .1rem 0.2rem;
	text-decoration: none;
	color: #045E54;
	font-size: 1rem;
	border: 2px solid #013E2A;
	border-radius: 14px;
	margin: .2rem;
	-webkit-box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.57);
	box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.57);
}
nav ul li a:hover {
	background-color: #9FC7A6;
	color: #033B1F;
	box-shadow: none;
}
nav ul li a#aktuell {
	background-color: #9FC7A6;
}
ul#navi {
	max-width: 600px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul#navi li a {
	background-image: linear-gradient(180deg, #E0C37C 0%, #E0C37C 100%);
	display: block;
	text-decoration: none;
	width: inherit;
	border-bottom: 1px solid #580405;
	background-repeat: no-repeat;
	background-position: -600px 0px;
	cursor: pointer;
	text-indent: 5px;
	line-height: 180%;
	transition: background-position 1s;
}
ul#navi li a:hover {
	background-position: 0px 0px;
}
ul#navi li a:active {
	background-position: 0px 0px;
}
body header {
	display: block;
	background-color: rgba(237,222,201,1.00);
	border: 1px solid #D9BC91;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 0px auto;
}
footer {
	display: block;
	text-align: center;
}
footer img, header img {
	max-width: 100%;
	height: auto;
}