* { padding: 0px; margin: 0px; }

html { height: 101%; }

body { background-image: url(); font-family: helvetica, arial; font-size: 100%; line-height: 1.5em; background: #333;}

#menu { background: #000000; height: 70px; width: 100%; position: relative; z-index: 500; }
#menu-inner { width: 96%; max-width: 1145px; margin: 0 auto; height: 50px; padding: 20px 0 0 0; backg round: grey; }
#menu .sub-menu { position: absolute; left:0; right:0; margin: 0 auto; background-image: url(img/trans.png); text-align: center; }
#menu ul li { float: left; list-style-type: none; padding-right: 35px; text-transform: uppercase; font-size: 1.25em; }
#menu ul li a { color: #ff6633; text-decoration: none; display: block; height: 50px; }
#menu ul li a:hover, #menu ul li ul li a:hover h5 { color: red; }

#menu ul li ul { display: none; }
#menu ul li ul.untermenu-gross { width: 100%; background: white ; max-width: 1145px; margin: 0 auto; padding: 1% 0; text-align: left; }
#menu ul li:hover ul { display: inline-table; }
#menu ul li ul li { display: block; width: 335px; overflow: visible; padding: 0 0 0 35px; border-bottom: 1px solid #d4d7de; min-height:80px; font-size: 0.875em; }
#menu ul li ul li a { height: auto; }
#menu ul li ul li h5, #menu ul li ul li p { color: black; }
#menu ul li ul li p { font-size: 0.875em; text-transform: none; }
/*#menu .spec { font-size: 0.875em; }
#menu .left { margin-left: 100px; }
#menu .right { padding-right: 15px; }*/

#vds { background: #ffffff; height: 70px; width: 100%; position: relative; z-index: 400; }
#vds-inner { width: 96%; max-width: 1145px; margin: 0 auto; height: 50px; padding: 13px 0 7px 0; font-size: 95%; }
#vds-inner-li, #vds-inner-re, #vds-inner-li img, #vds-inner-re img { float: left; }
#vds-inner-li { width: 33%; }
#vds-inner-li p { margin-top: 10px; }
#vds-inner-re { width: 66%; }
#vds-inner-li img, #vds-inner-re img { margin-right: 15px; }

#header { width: 100%; position: relative; z-index: 200; }

#header-bild { position: relative; z-index: 350; }
#header-bild img { width: 100%; }

#title { background: green; margin: 0 auto; width: 1145px; line-height: 133px;  text-align: right; position: relative; }
#title h1 { color:#000000; font-size: 1150%; position: absolute; bottom:0; right:-13px; z-index: 400; }
#title h3 { color:#ff6633; font-size: 1150%; position: absolute; bottom:0; right:-13px; z-index: 400; }

/*#header-innerFolge { margin:0 auto; width: 100%; max-width: 1030px; }
#header #header-innerFolge video { max-width: 80%; max-height: 75%; position: absolute; }*/

/*#vor-us { width: 96%; max-width: 1090px; margin: 90px auto; }
#vor-us .box-li, #vor-us .box-re { float: left; width: 45%; max-width: 440px; max-height: 300px; background: #6baaeb; padding: 45px 30px; color: white; font-size: 80%; min-height: 210px; }*/
/*#vor-us .box-li, #vor-us .box-re { float: left; width: 45%; max-width: 440px; max-height: 700px; background: #6baaeb; padding: 45px 30px; color: white; font-size: 80%; min-height: 378px; }  */
/*#vor-us .box-li:hover, #vor-us .box-re:hover, #vor-us .box-ganz:hover { background: #e9521d; }
#vor-us .box-li h2, #vor-us .box-re h2 { margin-bottom: 15px; font-weight: normal; }
#vor-us .box-li p a, #vor-us .box-re p a, #vor-us .box-ganz p a { color: white; }
#vor-us .abstand-seite { float: left; width: 30px; height: 100px; }
#vor-us .box-ganz { width: 96%; max-width: 970px; margin: 0 30px; max-height: 600px; background: #6baaeb; padding: 45px 30px; color: white; font-size: 80%; min-height: 210px; }*/

/*.zw-us1, .zw-us2 { background: #293d58; height: 50px; text-align: center; text-transform: uppercase; color: white; padding-top: 25px; }
.zw-us2 { margin-top: 30px; }*/

#content { width: 100%; max-width: 1145px; margin: 0 auto; }

#content #welc h1 { color: #fff; font-size: 1.9em; text-transform: uppercase; margin: 70px 0 10px 0; }
#content #welcAlt h1 { color: #fff; font-size: 1.9em; margin: 70px 0 10px 0; }    /*keine automatische Großschreibung*/

#content .box-li, #content .box-li-folge { float: left; width: 62%; max-width: 705px; min-height: 350px; background: #ffffff; margin-top: 35px; }
#content .box-re, #content .box-re-folge { float: left; width: 36%; max-width: 405px; min-height: 350px; background: #ffffff; margin: 35px 0 0 35px; }

#content .box-li h2.first { margin-bottom: 15px; font-size: 0.875em; text-transform: uppercase; padding: 35px 35px 0 35px; }
#content .box-re h2 { margin-bottom: 5px; font-size: 0.875em; text-transform: uppercase; padding: 35px 15px 0 35px; }
#content .box-li p, #content .box-li-folge p { padding: 0 35px 35px 35px; font-size: 0.875em; }
#content .box-re p, #content .box-re-folge p { padding: 0 35px 0px 35px; font-size: 0.875em; }
#content .box-re p.last { padding-bottom: 25px; }
#content .box-li p a, #content .box-re p a { color: black; }
#content .box-re img { padding: 0 35px 0 35px; float: left; }
#content .box-li ul, #content .box-re ul, #content .box-li-folge ul, #content .box-re-folge ul,
#content .box-li ol, #content .box-re ol, #content .box-li-folge ol, #content .box-re-folge ol { margin-left: 50px; padding: 0 35px 35px 0; }
#content .box-li ul li, #content .box-re ul li, #content .box-li-folge ul li, #content .box-re-folge ul li,
#content .box-li ol li, #content .box-re ol li, #content .box-li-folge ol li, #content .box-re-folge ol li { font-size: 0.875em; }

#content .box-li-folge h2 { margin-bottom: 15px; font-size: 0.875em; text-transform: uppercase; padding: 35px 35px 0 35px; border-top: solid white 35px; }
#content .box-li-folge h2.first { border: none; }
#content .box-re-folge h2 { margin-bottom: 15px; font-size: 0.875em; text-transform: uppercase; padding: 35px 35px 0 35px; }
#content .box-re-folge .bildff { border-top: 35px solid white; }

#content .box-li form { padding: 35px; font-size: 0.875em; }
#content .box-li form .form { width: 250px; float: left; padding-bottom: 15px; }
#content .box-li form input { height: 22px; width: 250px; }
#content .box-li form textarea { width: 250px; height: 150px; }
#content .box-li form .inpplz { width: 80px; }
#content .box-li form .inport { padding-left: 15px; width: 158px; }
#content .box-li form .indat { float:left; margin-left: 200px; width: 50px; }
#content .box-li form .senden { width: 78px; height: 27px; padding-top: 15px; }

/*#content .box-li:hover, #content .box-re:hover, #content .box-ganz:hover { background: #73adc5; }
#content .abstand-seite { float: left; width: 30px; height: 100px; }
#content .box-ganz { width: 96%; max-width: 970px; margin: 30px 30px 0 30px; max-height: 600px; background: #6d98a9; padding: 45px 30px; color: white; font-size: 80%; min-height: 210px; }*/

/*#anf { width: 96%; max-width: 1090px; margin: 30px auto; }
#anf .box-li, #anf .box-re { float: left; width: 45%; max-width: 440px; max-height: 350px; color: #ffcc66; background: #6baaeb; padding: 45px 30px; font-size: 80%; min-height: 260px; }
#anf .box-li p a, #anf .box-li p a { color: #ffcc66; }
#anf .box-re p { color: white; }
#anf .box-re p.text { width: 120px; }
#anf .box-re p.text, #anf .box-re p.text-inp { float: left; }
#anf .box-re p.text-inp input, #anf .box-re p.text-inp textarea { width: 300px; line-height: 1.5em; border: 1px solid #ffcc66; margin-bottom: 5px; }
#anf .box-re p.text-sub { width: 100%; }
#anf .box-re p.text-sub input.submit { width: 120px; float: right; background: none; border: none; color: #ffcc66; }
#anf .box-li:hover, #anf .box-re:hover { background: #e9521d; }
#anf .box-li h2 { margin-bottom: 15px; font-weight: normal; }
#anf .box-re h2 { font-size: 100%; font-weight: normal; }
#anf .abstand-seite { float: left; width: 30px; height: 100px; }
#anf #rakete { background-image: url(img/rakete1.png); background-color: #6baaeb; background-position: right; background-repeat: no-repeat; }*/

#footer { width: 100%; background: #666666; margin-top: 35px; }
#footer-inner { width: 100%; max-width: 1145px; margin: 0 auto; }
#footer #footer-inner .foot-li, #footer #footer-inner .foot-mi, #footer #footer-inner .foot-re { float: left; width: 370px; color: white; font-size: 0.875em; line-height: 1.5em; }
#footer #footer-inner .foot-li p, #footer #footer-inner .foot-mi p, #footer #footer-inner .foot-re p { padding: 35px 0; }
#footer #footer-inner .foot-li p a, #footer #footer-inner .foot-mi p a, #footer #footer-inner .foot-re p a { color: white; }

.clear { clear: both; }
.clear-hidden { display:none; }

@media only screen and (max-width:1150px){
#menu-inner { padding: 20px 0 0 5px; }
#menu ul li { padding-right: 25px; }
#menu ul li a { font-size: 90%; }
#menu ul li ul.untermenu-gross { width:97%;}
#title { line-height: 93px; width: 100%; }
#title h1 { font-size: 800%; right: 15px; }
#title h3 { font-size: 800%; right: 15px; }
}

@media only screen and (max-width:960px){
#menu ul li { padding-right: 10px; }
#menu ul li a { font-size: 80%; }
#menu ul li ul.untermenu-gross { width: 92%; }
#menu ul li ul li { width: 100%; padding: 0 0 0 15px; font-size: 0.65em; }
#vds { height: auto; }
#vds-inner { width: 100%; height: auto; padding: 13px 0 7px 0; font-size: 95%; }
#vds-inner-li, #vds-inner-re { float: none; width: 96%; margin: 0 0 2% 2%; min-height: 60px; }
.clear-hidden { display:block; clear:both; }
#content #welc { margin-left: 35px; }
#content #welcAlt { margin-left: 35px; }  
#content .box-li, #content .box-re, #content .box-li-folge, #content .box-re-folge { width: 100%; max-width: 100%; float: none; }
#content .box-li img { width: 100%; }
#content .box-re, #content .box-re-folge { margin-left: 0; }
#title h1 { font-size: 400%; right: 0px; }
#title h3 { font-size: 400%; right: 0px; }
#footer #footer-inner { text-align: center; }
#footer #footer-inner .foot-li, #footer #footer-inner .foot-mi, #footer #footer-inner .foot-re { float: none; width: 100%; }
}

@media only screen and (max-width:750px){
#menu ul li ul li { float: none; min-height: auto; width: 100%;}
}



@media only screen and (max-width:585 px){
.clear-hidden2 { display:block; clear:both; }
}