/* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } * {font-size:14px; color:#313131; line-height:22px; margin:0; font-family: 'Open Sans', sans-serif;} body {background-color:#ffffff; padding:0; margin:0px;} body.popup {padding:10px;} a, img {border-style:none; text-decoration:none;} a {color:#9f0054; font-weight:bold;} a:hover {color:#9f0054; text-decoration:underline;} h1, .titel {margin:0px; padding:0px; margin-bottom:0px; color:#748802; font-size:25px; line-height:40px; font-weight:700;} h2, .untertitel {margin:0px; padding:0px; margin-bottom:0px; color:#313131; font-size:22px; line-height:28px; font-weight:700;} h3 {margin:0px; padding:0px; margin-bottom:10px; color:#ca913a; font-size:16px; font-weight:700;} div {margin:0; padding:0; display:block;} p {margin-top:10px; margin-bottom:10px;} label {vertical-align:middle;} ol, ul, li {margin:0; padding:0;} ul, ol, form {margin-top:4px; margin-bottom:8px;} form {margin-top:8px;} ul {margin-left:15px;} ol {margin-left:20px;} ul ul, ul.sitemap1 {margin-left:15px;} ul ul {margin-top:1px; margin-bottom:1px;} ol ol {margin-top:1px; margin-bottom:1px;} p.error {border-color:#ffffff;border-width:1px;border-style:solid;padding:20px;background-color:#9f0054;} .myKommentar {border-color:#e2e5d2;border-width:1px;border-style:solid;padding:10px;margin-top:5px;background-color:#f1f3e5;-moz-border-radius:6px; border-radius:6px;} .myKommentarHeadline, .myKommentarHeadline * {font-size:11px;margin:0px;padding:0px;} .myKommentarText {width:80%;text-align: justify;} #loginform {padding:40px;padding-left:100px;} #cssmenu_h a.activemainmenu {color:#9f0054;} #loginform {margin-left:auto;margin-right:auto;max-width: 1100px;;} td.form_spacer {height:40px;} td.form_spacer hr {border-width:0px 0px 0px 0px; width:90%;background-color:#ffffff;border-color:#ffffff;} /* START HEADER */ #header_outer {width: 100%; height: 140px; position:fixed; z-index:10; background-color:#fff;} #header_inner {width: 100%; height: 100%; max-width: 1200px; padding: 20px; box-sizing:border-box; margin: 0 auto;} #logo {height: 100%; width: auto; overflow: hidden; float: left;} #logo img {height: 100%; width: auto;} #nav_outer {margin-left: 30px; float: left; height: 100%; text-align: center;} #nav_inner {margin-top: 30px;} #headerrechts_outer {float:right; height: 100%; overflow: hidden;} #headerrechts_inner {margin-top: 27px; overflow: hidden;} #headerrechts_inner a {font-size: 16px; line-height: 16px; padding: 15px; display: inline-block; text-decoration: none;} #anmelden {color: #7B9100; font-weight:normal;} #login {background-color: #7B9100; color: #fff; border-radius: 5px; font-weight:normal;} #login:hover {background-color: #9F0054;} #content {padding-top:140px;} /* RASTER TABLE */ .raster {margin-bottom:14px;} .raster_date {width:50%;float:left;font-weight:bold; font-size:16px;} .raster_location {width:50%;float:left;font-size:10px; text-align:right;} /* xxxxxxxxxxxxxxxxxxx MOBILEMENUE START xxxxxxxxxxxxxxxxxxxxxxxxxxx */ #navbutton {} #mobilemenu {overflow: hidden;} #mobilemenu * {margin: 0px;padding: 0px;list-style-type: none;list-style-image: none; text-decoration: none;} #mobilemenu a {padding: 10px 0px 10px 0px; display: block; border-bottom: solid #fff 1px;} #mobilemenu ul li ul {display: none;} #mobilemenu ul li ul li ul {display: none;} #mobilemenu li {display: block; overflow: hidden;} #mobilemenu li span {position: relative;} #mobilemenu .navspace {display: inline-block;width: 30px;height: 30px; float: right; width: 15%;} #mobilemenu .navclick {cursor: pointer;} #mobilemenu #navmore {background-image: url(../images/page/plus_white.png);} #mobilemenu #navless {background-image: url(../images/page/minus_white.png);} #mobilemenu ul li ul li #navmore {background-image: url(../images/page/plus_white.png);} #mobilemenu ul li ul li #navless {background-image: url(../images/page/minus_white.png);} #mobilemenu ul li span {display: block;padding-left: 10px;padding-top: 5px;padding-bottom: 5px;font-size: 16px;text-transform: uppercase; overflow:hidden;} #mobilemenu ul li span a {color: #fff; width: 85%; display: block; float: left;} #mobilemenu ul li ul li span {display: block;padding-left: 10px;padding-top: 5px;padding-bottom: 5px;font-size: 12px;text-transform: none;background-image: none;background-color: #9f0054;} #mobilemenu ul li ul li span a {color: #fff; padding-left: 20px; box-sizing: border-box;} #mobilemenu ul li ul li ul li a {display: block;padding-left: 10px;padding-top: 5px;padding-bottom: 5px;font-size: 14px;color: #fff;text-transform: none; margin-left: 30px; background-image: none;background-color: #9f0054;} #hiddennav, #navbutton {display: none;} #mobilemenu a.activemainmenu {font-weight: bold;} #mobilemenu a.activemenu {font-weight: bold;} /* xxxxxxxxxxxxxxxxxxx MOBILEMENUE END xxxxxxxxxxxxxxxxxxxxxxxxxxx */ /* END HEADER */ /* START FOOTER */ #footer_outer {width: 100%; height: 60px;} #footer_inner {width: 100%; height: 100%; max-width: 1200px; padding: 5px 20px; box-sizing:border-box; margin: 0 auto;} #footer_inner a {display: inline-block; padding: 18px; font-size: 14px; line-height: 14px; text-decoration: none;color: #313131; float:right; margin-left: 10px;} #footer_inner a:hover {color: #9F0054;} /* END FOOTER */ /* BP Styles START */ .color1 {background-color:#fff;} .color1 h2 {color:#748802;} .color1 a {color:#9f0054;} .color2 {background-color:#9f0054;} .color2 * {color:#fff;} .color2 a:hover {color:#fff;} .color3 {background-color:#748802;} .color3 * {color:#fff;} .color3 a:hover {color:#fff;} .bp_container_outer {width:100%; margin:0px; padding:0px;} .bp_container_inner {width:100%; max-width:1140px; margin-left:auto; margin-right:auto; padding:0px;} .einspalter_item {width:100%; margin:0px; padding:0px;} .zweispalter_item {width:50%; margin:0px; padding:0px; float:left;} .zweispalter_links {width:36%; margin:0px; padding:30px 0 0 0; float:left;} .zweispalter_rechts {width:57%; margin:0px; padding:0px; padding-right:7%; float:left;} .zweispalter_links_small {width:17.5%; margin:0px; padding:0px; float:left;} .zweispalter_links_small img {width:100%; height:auto;} .zweispalter_rechts_small {width:82.5%; margin:0px; padding:0px; float:left;} .zweispalter_kurse {width:50%; margin:0px; padding:0px; float:left;} .zweispalter_kurse .item_content img {width:35%; float:left; padding-right:15px;} .zweispalter_kurse .item_content div {padding:15px;} .dreispalter_item {width:33.33333%; margin:0px; padding:0px; float:left;} .dreispalter_item img {margin-left:auto; margin-right:auto; display:block;} .color1 .zweispalter_kurse {margin-top:15px; margin-bottom:15px;} .abstandshalter {padding:20px;} .item_content {margin:0px; padding:0px;} .item_content img {max-width:100%; height:auto;} .form_string_label, .form_select_label, .form_textarea_label, .form_radio_label {width:30%; text-align:left; vertical-align:top;} .form_string_field, .form_select_field, .form_textarea_field, .form_radio_field, .form_submit {width:70%; text-align:left; vertical-align:top;} .form_string_field *, .form_select_field *, .form_textarea_field *, .form_submit * {color:#000 !important;} .field, .field_textarea, .field_select {width:90% !important;} .form_outer {width:100%; margin:0px; padding:0px;} .form_inner {width:100%; max-width:1140px; margin:0px; padding:0px; margin-left:auto; margin-right:auto;} .rowform {padding-top:40px; background-color:transparent; background-image:url(../images/page/bg_footer.png); background-repeat:no-repeat; background-position:center top;} form table td {padding-bottom:10px;} /* BP Styles ENDE */ @media screen and (max-width: 1100px){ #cssmenu_h a {padding: 10px 6px !important; font-size:15px !important;} #headerrechts_inner a {padding: 15px 6px; font-size:15px !important;} } @media screen and (max-width: 1000px){ /* xxxxxxxxxxxxxxxxxxx MOBILEMENUE START xxxxxxxxxxxxxxxxxxxxxxxxxxx */ #hiddennav {position: fixed;top: 0px;display: block;z-index: 50;width: 230px;padding: 20px;background-color: #9f0054;right: -270px; overflow-y: scroll; max-height: 100vh;} #hiddennav * {list-style-type: none;list-style-image: none;color: #fff;} #navbutton {position: fixed;display: block;height: 50px;width: 50px;z-index: 60;right: 0px;top: 0px;cursor: pointer; border-right: solid #fff 1px;} /* xxxxxxxxxxxxxxxxxxx MOBILEMENUE END xxxxxxxxxxxxxxxxxxxxxxxxxxx */ #nav_outer {display:none;} #headerrechts_outer {display:none;} #logo {float:none;} #logo img {display:block; margin-left:auto; margin-right:auto;} .zweispalter_item {width:50%; margin:0px; padding:0px; float:left;} .zweispalter_links {width:36%; margin:0px; padding:30px 0 0 0; float:left;} .zweispalter_rechts {width:57%; margin:0px; padding:0px; padding-right:7%; float:left;} #header_outer {position:relative;} #content {padding-top:0px;} } @media screen and (max-width: 700px){ #footer_inner a {float:none; display:block; text-align:left; padding:0px; padding:10px 0px 10px 0px;} .zweispalter_kurse {width:100%; margin:0px; padding:0px; float:left;} .zweispalter_item {width:100%; margin:0px; padding:0px; float:left;} } @media screen and (max-width: 500px){ .zweispalter_links {width:100%; margin:0px; padding:0px; float:left;} .zweispalter_rechts {width:100%; margin:0px; padding:0px; float:left;} .zweispalter_kurse .item_content img {width:100%; float:left; padding-right:0px; padding-bottom:15px;} .zweispalter_links_small {width:100%; margin:0px; padding:0px; float:left;} .zweispalter_rechts_small {width:100%; margin:0px; padding:0px; float:left;} .color1 .zweispalter_kurse {margin-top:0px; margin-bottom:0px;} } .dsgvo_layer_inner * {font-family:tahoma, arial; font-size:12px !important; color:#748802;} .cl_cookie_privacy_layer {background-color:#ffffff !important;font-family:tahoma, arial; font-size:12px !important;} .cl_cookie_privacy_layer * {font-family:tahoma, arial; font-size:12px !important;} .cl_cookie_privacy_layer span {font-family:tahoma, arial; font-size:12px !important;} .cl_cookie_privacy_layer a {background-color:#cccccc !important;} .cl_cookie_privacy_layer a:first-of-type {background-color:#748802 !important;}