/* CSS Stylesheet by dialog im netz http://dialog-im-netz.de
si @ Simone Walter  */
@font-face {
	font-family: 'myriad';
	src: url('../webfont/myriad.eot');
	src: url('../webfont/myriadd41d.eot?#iefix') format('embedded-opentype'),
		url('../webfont/myriad.woff2') format('woff2'),
		url('../webfont/myriad.woff') format('woff'),
		url('../webfont/myriad.ttf') format('truetype'),
		url('../webfont/myriad.svg#myriad') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'myriad';
	src: url('../webfont/myriad-b.eot');
	src: url('../webfont/myriad-bd41d.eot?#iefix') format('embedded-opentype'),
		url('../webfont/myriad-b.woff2') format('woff2'),
		url('../webfont/myriad-b.woff') format('woff'),
		url('../webfont/myriad-b.ttf') format('truetype'),
		url('../webfont/myriad-b.svg#myriad-b') format('svg');
	font-weight: bold;
	font-style: normal;
}
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: #FFE093 url(../upload/img/bg/start.png) -150px 200px no-repeat fixed;
font-family: myriad, Arial, Helvetica, sans-serif;
font-size: 14px;
overflow-x: hidden;
overflow-y: scroll;
}
a {
color: black;
border:none;
outline: none;
}
a:hover,
a:focus {
outline: none;
}
td {
vertical-align:top
}
p,ul,h2,h3 {
margin: 0 0 1em 0;
font-weight: normal;
line-height: 140%
}
h1{
font-size:30px;
padding-bottom: 30px;
font-weight: normal
}
h2{
}
#right h3{
font-size: 18px;
font-weight: bold;
color: #cb3900
}
/*  :first-of-type */
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{
display: block;
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
}
.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: #CB3900
}
div,
nav,
main,
section,
header,
article,
footer {
display: block;
position: relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/* DIVS */ 
#wrapper {
margin:0 auto;
max-width:1600px;
height:auto;
}
#head {
height: 170px;
}
#logodiv {
position: relative;
margin-left: 20px;
margin-top:20px;
}
#logo,
#title,
#si {
position: absolute;
left:0;
top:0;
transition: 5s;
}
#logo,
#title {
opacity: 1
}
#title {
opacity: 0;
}
#nav {
width:50%;
padding: 55px 20px 20px 0;
float:right;
}
#nav a {
display: inline-block;
float:left;
width: auto;
font-weight: bold;
height: auto;
padding-left: 14px;
margin-right: 4%;
background: transparent url(../upload/img/style/nav.gif) 0 3px no-repeat;
text-decoration: none;
color: black;
overflow: visible;
}
#nav a:hover,
#nav a.active {
color: #CB3900
}
#content {
padding: 0 60px
}
#left,
#right {
float:right;
width: 50%;
padding-bottom: 60px;
}
#left header {
padding-bottom: 30px
}
#left h2,
#left h3{
color: #CB3900;
}
#left h3,
#left a{
font-weight: bold;
text-decoration: none;
font-size: 14px
}
#left h2 {
margin-bottom: 1em
}
#left h3 {
margin:0
}
#left a:hover{
color: #CB3900;
}
#left article p {
}
#right,
#right p,
#right li {
font-size: 18px
}
#footer {
clear:both;
} 
/* FORMULAR */
form {
background-color: #e0e0e0;
padding: 10px;
}
label, input, textarea, select,button {
box-sizing: border-box;
moz-box-sizing: border-box;
margin:0 0 10px 0  ;
}
input, textarea,select {
border-width: 1px; 
padding: 2px 4px;
width: 300px;
}
input[type="checkbox"] {
width: 20px; 
background-color: transparent
}
label {
float: left;
width: 70px;
display: block;
clear: left;
}
form div {
clear: both;
}
input.short {
width: 80px;
}
input:hover,
textarea:hover,
select:hover {
background-color: #ffffff;
}
input.button {
width: 310px;
}
.meldung,
.meldungok {
font-weight: bold;
font-size: 1.3em;
text-align:left
}
.meldungok {
transition: fadeOut 5s linear forwards;
}
#hamburger,
#navoff {
position: fixed; 
top: 10px;
right: 10px;
display: none
}
@media screen and (min-width: 1200px) {
body {
background-position: 0 200px;
}
}
@media screen and (max-width: 1200px) {
body {
background-position: -300px 200px;
}
}
@media screen and (max-width: 850px) {
#logodiv {
height: 70px
}
#content {
padding: 0 30px 0 60px;
}
#nav,
#left,
#right {
position:relative;
width: auto;
float: none;
}
.parken {width: calc(100% - 90px);}
#nav {
margin-left: 60px
}
}
@media screen and (max-width: 500px) {
body{
background-position: -300px 250px
}
#hamburger {
display: block
}
#nav {
position: fixed;
width: 140px;
right: -150px;
top: 50px;
z-index: 11;
transition: .3s
}
#nav a {
display: block;
float: none;
padding:0;
margin:0 0 8px 0;
width: 100%;
height: auto;
}
body #nav a span {
box-shadow: -2px 6px 10px #606060;
display: block;
float:none;
padding:8px;
margin:0;
background-color: #fff7e2;
width: 100%;
height: 22px;
font-size: 20px;
text-align: right;
}
#nav a:hover span,
#nav a.active span {
color: #fff7e2;
background-color: #CB3900;
}
}
@media print {
}