
@font-face {
    font-family: myriad;
    src: url('/font/MyriadPro-SemiCn.eot');
    src: url('/font/MyriadPro-SemiCn.eot?#iefix') format('embedded-opentype'),
        url('/font/MyriadPro-SemiCn.woff2') format('woff2'),
        url('/font/MyriadPro-SemiCn.woff') format('woff'),
        url('/font/MyriadPro-SemiCn.ttf') format('truetype'),
        url('/font/MyriadPro-SemiCn.svg#MyriadPro-SemiCn') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: myriad;
    src: url('/font/MyriadPro-SemiCnIt.eot');
    src: url('/font/MyriadPro-SemiCnIt.eot?#iefix') format('embedded-opentype'),
        url('/font/MyriadPro-SemiCnIt.woff2') format('woff2'),
        url('/font/MyriadPro-SemiCnIt.woff') format('woff'),
        url('/font/MyriadPro-SemiCnIt.ttf') format('truetype'),
        url('/font/MyriadPro-SemiCnIt.svg#MyriadPro-SemiCnIt') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: myriad;
    src: url('/font/MyriadPro-BoldSemiCn.eot');
    src: url('/font/MyriadPro-BoldSemiCn.eot?#iefix') format('embedded-opentype'),
        url('/font/MyriadPro-BoldSemiCn.woff2') format('woff2'),
        url('/font/MyriadPro-BoldSemiCn.woff') format('woff'),
        url('/font/MyriadPro-BoldSemiCn.ttf') format('truetype'),
        url('/font/MyriadPro-BoldSemiCn.svg#MyriadPro-BoldSemiCn') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: myriad;
    src: url('/font/MyriadPro-BoldSemiCnIt.eot');
    src: url('/font/MyriadPro-BoldSemiCnIt.eot?#iefix') format('embedded-opentype'),
        url('/font/MyriadPro-BoldSemiCnIt.woff2') format('woff2'),
        url('/font/MyriadPro-BoldSemiCnIt.woff') format('woff'),
        url('/font/MyriadPro-BoldSemiCnIt.ttf') format('truetype'),
        url('/font/MyriadPro-BoldSemiCnIt.svg#MyriadPro-BoldSemiCnIt') format('svg');
    font-weight: bold;
    font-style: italic;
}

html,blockquote,body,div,dl,dt,dd,fieldset,form,
h1,h2,h3,h4,h5,h6,ol,p,ul,li,center,hr,pre,img,
table,tr,td,th,thead,tbody,tfoot,caption  {
margin:0;
padding:0;
border:0 none;
}
body {
color: black;
background-color: #EDEDE3;
font-family:myriad,Arial, Helvetica, sans-serif;
overflow: scroll;
font-size: 20px;
}
a {
color: black;
border:none;
outline: none;
}
a:hover,
a:focus {
outline: none;
}
td {
vertical-align:top
}

p,ul,h2,h3 {
	font-weight: normal;
margin: 0 0 1em 0
}
h1,
h2{
font-size:45px;
font-style: italic;
margin-bottom: 60px;
margin: 0 0 1em 0;
}
h1 img {
	max-width: 100%
}
h2:first-of-type {
font-size:43px;
	margin-top: 3px;
	margin-bottom: 36px
}
h3 {
	margin-bottom: .5em
}
figure {
	display: block;
	margin:0;
	padding:0;
}

table {
border-collapse: collapse
}
.tc {
text-align: center
}
.tr {
text-align: right
}
ul {
padding-left: 16px
}
li {
vertical-align:middle
}
.hide, .h0 {
display:none
}
img{
border: none;
height: auto;
 -ms-interpolation-mode: bicubic; 
}

sub {
position: relative; 
font-size: 9px; 
bottom: -4px;
font-weight: normal;
}
sup {
position: relative; 
font-size: 9px; 
top: -2px;
font-weight: normal;
}
.clear {
clear: both
}
div.clear {
	height: 0;
	overflow: hidden
}
.bildlinks,
.floatleft {
float: left;
margin: 0 10px 5px 0
}
.bildrechts,
.floatright {
float: right;
margin: 0 0 5px 10px
}
.klein{
font-size:11px;
}
.rot,
.red {
color: red
}
.grau {
	margin-bottom: 20px;
	padding: 20px 30px;
	background-color:#C8C5BC;
}
#content .grau img {
	float:right;
	width: 150px;	
	max-width: 150px
}
.grau p span {
	display: inline-block;
	float:right
}
.inner {
	max-height: 0;
	width: calc(100% - 170px);
	overflow: hidden;
	transition: .8s
}
.maxheight {
	max-height: 1000px;
}
.minheight{
	max-height: 0
}
div,
nav,
main,
section,
header,
article,
footer {
display: block;
position: relative;
box-sizing: border-box;
}

/* DIVS */ 
#wrapper {
margin:0 auto;
padding: 50px 50px;
max-width:1200px;
height:auto;
}

#left {
float:left;
width: 30%;
}
#nav {
	
}
#nav a {
	display:block;
	height: 11px;
	margin: 16px 0;
	text-decoration: none;
	background-color: black;
}
#nav a span {
	display: block;
	position: absolute;
	padding: 3px 0 2px 4px;
	margin-top: -11px;
	left: 0;
	width: 100%;
	background-color: #EDEDE3;
	transition: .3s
}
#nav a.active span {
	left: 10px
}
#nav a:hover span,
#nav a:focus span{
	left: 6px
}
#content {
float: left;
width: 66.0%;
max-width: 770px;
margin-left: 4%;
hyphens: auto;
}
#content img {
width: 100%;
max-width:770px;

}
#content img.nobig {
	width: auto;
}
#right {
display: none
}
#footer {
clear:both;
background-color: #626262
} 
/* FORMULAR */
form {
padding: 10px;
}
label, input, textarea, select,button {
box-sizing: border-box;
margin:0 0 10px 0  ;
}
input, textarea,select {
border-width: 1px; 
padding: 2px 4px;
width: 450px;
}
input[type="checkbox"] {
width: 20px; 
background-color: transparent
}
label {
float: left;
width: 130px;
display: block;
clear: left;
}
.galimglist {
 display: flow-root;
}
.galimglist label {
	display: inline-block;
	float:left;
	clear: none;
	width: 250px;
	margin: 0 20px 10px 0
}
.code {
 background-color: rgba(255,255,255,.3);
 border: 1px solid #aaa;
 padding: 10px;
 font-size: 12px
}

#content .galimglist .bildkasten {
	height: 80px; width: auto;
	display: inline-block;
	float:left;
	width: 140px;
	overflow: hidden;
	margin: 0 10px 10px 0
}
#content .bildkasten img {
	height: 80px; 
	width: auto;
	
}
.galimglist input {
	float: left;
}
form div {
clear: both;
}

input.short {
width: 80px;
}
input:hover,
textarea:hover,
select:hover {
background-color: #ffffff;
}
input.button {
width: 310px;
}

input[type="submit"]{
 display: block;
 padding: 10px;
 margin: 10px 0 20px;
 clear: both;
 float: none;
}
.meldung,
.meldungok {
font-weight: bold;
font-size: 1.3em;
text-align:left
}
.meldungok {
transition: fadeOut 5s;
}


@media screen and (max-width: 800px) {
#wrapper {
	padding:0
}
#left,
#content,
.inner,
.grau h3,
.grau p  {
width:calc(100% - 20px);
float: none;
margin: 0 0 20px
}

#left,
#content {
margin: 0 10px 20px 
}
}

@media screen and (max-width: 500px) {
#content .grau img {
	float: none;
margin: 0 0 20px
	
}
	
	
}
@media print {

} 