/* normalize.css v3.0.1 | MIT License | git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}


/* Eigene Definitionen  */
* {
	box-sizing: border-box;
}
html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	overflow-x: hidden;
	text-align: center;
}
body {
	background: #ECECDB;
	font: 1.2em ubuntu,sans-serif;
    color: #888;	
}
header {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 48px;
	background: #555;	
	border-bottom: 8px solid #222;
}
div#logo {
	width: 240px;
	height: 40px;
	background: url(./img/system/stengel.png) no-repeat top left;
	float: right;
}
div#logo a {
    display : block;
    width : 100%;
    height: 100%;
}
article {
    min-height: 600px;
	text-align: left;
	margin: 0 auto;
	padding: 2em 1em 2em 1em;
	background: #ECECDB;
}
footer {
    width: 100%;
	background: #555;
    border-top: .5em solid #222;
    color: #BBB;
    font-size: 0.8em;
}
h1 {	
    color: #f9a52b;
    text-align: center;
    font-size: 1.5em;
}

h2 {	
    color: #f9a52b;
    font-size: 1.3em;
}
a {
	color: #555;
}
a.extern {
	background: url(./img/system/extern.png) no-repeat top right;
	padding-right:14px;
}
strong {
	display: block;
	margin: 0.2em;
    padding: 0.2em;
    text-align: center;
    background: #ececbd;
    border: 1px solid #d4d4a9;
    border-radius: 0.5em;
}
em {
	font-style: italic;
}
em>em {
    color: #f9a52b;
	font-style: normal;
    text-align: center;
}
blockquote {
	margin: 0.2em;
    padding: 0.2em;
    font-size: 1.1em;
    text-align: center;
    background: #DAE3EC;
    border: 1px solid #C9D6E3;
    border-radius: 0.5em;
}
cite {
    display: block;
    font-size: 0.5em;
    text-align: right;
}
.telefonliste cite {
    text-align: center;
}
p.listenkopf {
	margin-bottom: 0;
}
p.listenkopf + ul {
	margin-top: 0;
}
p.listenkopf + ul li {
	margin-left: -1.25em;
	margin-top: .25em;
}
p.listenfuss {
	margin-top: -0.8em;
}
form {
	position: relative;
	padding: 1em 2em 4em;
}
input {
	position: relative;
}
.inverse {
	color: #ECECDB;
	background: #888;
	padding: 0 .35em;
}
sup {	
    color: #f9a52b;
}
ul.linkliste {
    list-style-type: none;
}
















/* Advanced Checkbox Hack */ 
body{-webkit-animation:bugfix infinite 1s}@-webkit-keyframes bugfix{from{padding:0}to{padding:0}}input[type=checkbox]{position:absolute;top:-9999px;left:-9999px}

/* Menustyles */
label#menu {
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:40px;
	height:40px;
	font-size:1.1em;
	color:#BBB;
	cursor:pointer;
	  -moz-user-select: none;
  -webkit-user-select: none;
      -ms-user-select: none;
	margin:0;
	background:#555;
}
label#menu:after {
	position:absolute;
	right:.25em;
	top:0;
	content:"\2261";
	font-size:1.8em;
}
label#menu:hover,input:checked ~ label {
	background:#888;
}
input:checked ~ nav[role="off-canvas"] {
	left:0;
}
nav[role="off-canvas"] {
	position:absolute;
	top:48px;
	left:-20em;
	width:20em;
	z-index: 9999;
}
nav[role="off-canvas"] ul {
	padding:0;
	margin:0 auto;
	width:100%;
	height: 100%;
	background: #555;
}
nav[role="off-canvas"] ul>li {
	height:100%;
	width:100%;
	border-bottom:1px solid #888;
	text-align:left;
	margin:0;
}
nav[role="off-canvas"] ul>li:hover {
	background: #888;
}
nav[role="off-canvas"] a {
	color:#BBB;
	text-decoration:none;
	font:1.4em Ubuntu,sans-serif;
	display:block;
	width: 100%;
	height: 2em;
	padding: .4em 1em;
	
}
nav[role="off-canvas"] a:hover {
	color:#222;
}
@media only screen and (min-width: 600px) {
	body {
	background: #ECECDB;
	}
	article {
		max-width: 800px;
        min-height: 1200px;
		padding: 2em 1em 4em 1em;
	}
	form {
		padding: 1em 10em 4em 10em;
	}
    footer {
        position:absolute;
        bottom: 0;
    }
}