/* julius-sans-one-regular - latin_latin-ext */ @font-face { font-family: 'Julius Sans One'; font-style: normal; font-weight: 400; src: url('/static/fs/gfonts/julius-sans-one-v6-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */ src: local('Julius Sans One'), local('JuliusSansOne-Regular'), url('/static/fs/gfonts/julius-sans-one-v6-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/fs/gfonts/julius-sans-one-v6-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/static/fs/gfonts/julius-sans-one-v6-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */ url('/static/fs/gfonts/julius-sans-one-v6-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/static/fs/gfonts/julius-sans-one-v6-latin_latin-ext-regular.svg#JuliusSansOne') format('svg'); /* Legacy iOS */ } * { padding: 0; margin: 0; } *:focus { outline: 0; } body { background-color: #fff; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 12pt; color: #0d0d0d; } .font-julius { font-family: 'Julius Sans One'; } a { color: #E3A836; text-decoration: none; } a:hover { color: #E3A836; text-decoration: none; } a:active { color: #E3A836; } a:visited { color: #E3A836; } /* Tiny Styles */ .wichtig { font-family: 'Julius Sans One'; font-size: 20pt; } .imgleft { float: left; margin-right:20px; margin-bottom:10px; } .imgright { float: right; margin-left:20px; margin-bottom:10px; } .btl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; } .btr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; } .bbl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } .bbr { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } .schatten { box-shadow: 5px 5px 10px 0px rgba(15,15,15,0.4); -webkit-box-shadow: 5px 5px 10px 0px rgba(15,15,15,0.4); } .arrow { border: 6px solid #5f9e72; font-size:0;line-height:0;height:0;padding:0;margin:0; } .arrow.down { border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } .arrow.up { border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; } .arrow.left { border-top-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } .arrow.right { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; } #wrap-head { /*background-image: url(/static/fs/bg-head.jpg); background-position: top center;*/ height: 135px; } #nav-abst-top { width: 100%; height: 25px; } #nav-bg { width: 100%; background-image: url(/fs/nav-background-white-alpha.png); height: 85px; } #head { margin: 0 auto; width: 1200px; position: relative; } #logo { position: absolute; width: 146px; height: 146px; left: 20px; top: -6px; z-index: 1000; } #logo img { border: 0; } /*#suche { position: absolute; width: 28px; height: 30px; right: 100px; top: -15px; }*/ #suche { float: right; padding-right: 16px; } #suche img { border: 0; } #suche-lupe img { height: 17px; display: block; float: left; } #suche-lupe-mobile { display: none; } #ico-kontakt img { height: 17px; display: block; float: left; } #ico-login img { height: 17px; display: block; float: left; } #suche-lupe { float: left; cursor: pointer; padding-top: 5px; } #suche-slider { float: left; overflow: hidden; width: 0px; padding-top: 2px; } #suche-form { width: 224px; } #suche-eingabe { float: left; margin: 0 10px; } #suche-eingabe input { padding: 3px; } #suche-senden { width: 23px; height: 23px; float: left; border: 1px solid #a9a9a9; cursor: pointer; } #suche-pfeil { width: 0; height: 0; margin-left: 9px; margin-top: 5px; border: 7px solid #a9a9a9; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid transparent; } #ico-kontakt { float: left; padding-left: 40px; height: 18px; padding-top: 5px; } #ico-kontakt a { display: block; height: 18px; text-align: right; color: #000; } #ico-login { float: left; height: 18px; padding-top: 5px; padding-left: 40px; } #ico-login a { display: block; height: 18px; color: #000; } .haed-icon-info { display: block; float: left; padding: 0 0 0 8px; } #nav-top { padding-left: 272px; padding-top: 44px; } #nav-top ul { list-style: none; } #nav-top li { float: left; } #nav-top a { padding: 13px; background-color: transparent; color: #6a6b6a; text-decoration: none; text-transform: uppercase; font-size: 12pt; } #aktlink { background-color: #5f9e72 !important; color: #fff !important; } .nav-top-trenner { width: 29px; text-align: center; height: 20px; background-image: url(/static/fs/nav-trennpunkt.png); background-position: center center; background-repeat: no-repeat; } #home-trenner { width: 45px; background: none; } #nav-mobile-btn { display: none; } #nav { height: 41px; padding-top: 58px; padding-left:231px; } #nav a { padding: 13px; background-color: transparent; color: #000; text-decoration: none; font-size: 12pt; white-space: nowrap; } #nav ul { list-style:none; } #nav li { float:left; padding-right:59px; } #nav li { padding-right:56px; } #nav li ul li { padding-right:0px; } #nav li ul li a { padding-right:20px !important; } #nav .last-li { padding-right:0; } .movea { display: none; color: #000; height: 17px; position:absolute; top:0; left:0; padding: 13px 5px 12px 6px; border-left: 0px solid #5e9e72; } #nav ul li { position:relative; padding-right: 45px; } #nav ul li a.maintext { /*text-transform: uppercase;*/ } #nav ul li:hover a.maintext { } #nav ul li .highlight { cursor:pointer; display:block; height:1px; background-color: #5f9e72; width:0; } #nav ul li ul li { position:relative; clear:left; width: 100%; padding-right: 12px; } #nav ul li ul li ul li { position:relative; clear:left; } #nav ul li ul li ul li ul li{ position:relative; clear:left; } #nav ul li a { float:left; padding-right:10px; border: 0px solid transparent; } #nav ul li a.arrow { padding:0; } #nav ul li a.maintext { } #nav ul li ul li a.subtext { float:left; /*border-bottom:1px solid*/ lightgray; display:block; width:108%; height:17px; padding:13px 0px 12px 6px; /*text-transform: uppercase;*/ font-size: 11pt; } #nav ul li ul li ul li a.subtext { float:left; /*border-bottom:1px solid lightgray;*/ background-color: rgba(234, 234, 234, 0.96); display:block; /*width:210px;*/ width: 100%; height:17px; padding:13px 5px 12px 6px; } #nav ul li ul li ul li ul li a.subtext { float:left; border-bottom:1px solid grey; background-color:#d3d3d3; display:block; width:210px; height:17px; padding:13px 5px 12px 6px; } #nav ul li ul { position:absolute; z-index:1000; left:0; top:48px; } #nav ul li ul li ul { position:absolute; z-index: 900; left: 102%; top: -7px; /*border-top: 1px solid #d3d3d3;*/ -moz-border-radius-topleft:5px; -moz-border-radius-topight:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; border-top-left-radius:7px; border-top-right-radius:7px; } #nav ul li ul li ul li ul { position:absolute; z-index:800; left:215px; top:0; } #nav ul li ul { overflow: visible !important; } .mainliclick { padding:5px; display:block; float:left; } .sub1liclick { position:absolute; top: -4px; right: -20px; display:block; float:left; width: 30px; height: 16px; } .sub2liclick { position:absolute; top:5px; right:5px; display:block; float:left; width:31px; height:31px; } #nav li ul li a { padding-right:0px !important; } .submenuleft { left: -154% !important; } .mainli .arrow { position: absolute; top: 20px; } /* Icons wechseln */ .mainli:hover .mainliclick { /*background-image:url(/static/fs/nav-btn-close-v.png);*/ } .sub1li:hover .sub1liclick { /*background-image:url(/static/fs/nav-btn-close-h.png);*/ } .sub2li:hover .sub2liclick { /*background-image:url(/static/fs/nav-btn-close-h.png);*/ } #nav ul li ul{ /*border:solid 1px #d3d3d3;*/ border-top: none; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border-bottom-left-radius:7px; border-bottom-right-radius:7px; background-color: rgba(234, 234, 234, 0.96); padding: 7px 20px 7px 8px; } .nav-trenner { display: block; padding: 4px 0; } .nav-trenner div { width: 100%; height: 2px; background-color: rgba(94, 158, 114, 0.62); } .bottom-rounded { border:solid 1px #d3d3d3; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } .bottom-rounded-hover { border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } #nav-mobile-btn-inner { cursor: pointer; } #mobile-navigation { display: none; height: 100vh; width: 100vw; position: fixed; top: 0; left: 0; background-color: rgba(109, 109, 109, 0.8); z-index: 2600; } #nav-content { width: 85vw; height: 100vh; background-color: #fff; overflow-y: auto; } #ios-menu-korrektur{ width: 100%; height: 70px; } #mnav-head { position: relative; text-align: center; padding-top: 15px; color: #48A15D; font-size: 18pt; padding-bottom: 5px; } #nav-close { position: absolute; top: 12px; right: 10px; color: #515151; width: 25px; height: 25px; border-radius: 26px; background-color: #d3d3d3; border: 1px solid grey; font-weight: bold; padding-left: 1px; padding-top: 1px; font-family: Arial; cursor: pointer; font-size: 15pt; } #mnav-body { padding-top: 5px; } #mnav-body a { text-decoration: none; color: #fff; } #mnav-body ul { list-style: none; padding: 0; margin: 0; } #mnav-body ul li a { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #d3d3d3; display: block; } #mnav-body ul li { } .mnavli0 { background-color: #48A15D; } #mnav-body .mnavli0 a { padding: 10px 0 10px 20px; } .mnavli1 { background-color: #fff; } #mnav-body .mnavli1 a { color: #48A15D; padding: 5px 0 5px 40px; } .mnavli2 { background-color: #fff; } #mnav-body .mnavli2 a { color: #48A15D; padding: 5px 0 5px 60px; } .mnavli3 { background-color: #fff; } #mnav-body .mnavli3 a { color: #48A15D; padding: 5px 0 5px 80px; } .manv0 { padding-left: 20px; } .manv1 { padding-left: 40px; } .manv2 { padding-left: 60px; } .manv3 { padding-left: 80px; } #content { background-image: url(/static/fs/bg-content-start.jpg); background-position: top center; background-color: #5eac72; background-repeat: no-repeat; } #gallery { position: relative; width: 1200px; margin: 0 auto; } #gallery-picture { height: 407px; position: relative; } #gallery-picture img { display: block; } #gallery-pagination { position: absolute; left: 22px; top: 48px; width: 250px; height: 35px; z-index: 1100; } .pag { float: left; margin-right: 20px; } .pag-punkt { border: 2px solid #afafaf; border-radius: 12px; width: 12px; height: 12px; background-color: #fff; display: block; } .pag-punkt.aktiv { border: 2px solid transparent; } #gallery-infotext { display: block; position: absolute; left: 40px; bottom: 10px; z-index: 200; } #gala-headline { display: block; text-transform: uppercase; font-size: 20pt; color: #fff; font-weight: bold; } #gala-text { display: block; font-size: 10pt; padding: 15px 15px 15px 0; color: #fff; } #gallery-text-overlay { display: block; position:absolute; bottom: 0; left: 0; width: 1200px; height: 150px; /* background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(94,172,114,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(94,172,114,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(94,172,114,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(94,172,114,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(94,172,114,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(94,172,114,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#5eac72',GradientType=0 ); */ } #scroll-boxen { width: 1200px; height: 125px; margin: 0 auto; } #scroll-left { height: 116px; width: 42px; float: left; padding-left: 20px; padding-right: 20px; } #scroll-left img { cursor: pointer; margin-top: 40px; } #scroll-right { height: 116px; width: 42px; float: right; padding-left: 20px; padding-right: 20px; } #scroll-right img { cursor: pointer; margin-top: 40px; } #scroll-area { height: 125px; float: left; } /* 1036 */ #scroll-area li { height: 125px !Important; } .scroll-box { position: relative; float: left; height: 83px; width: 329px; color: #fff; padding-top: 23px; border-right: 1px solid #94c8b8; margin-left: 8px; margin-right: 7px; margin-top: 5px; } .scroll-box a { text-decoration: none; color: #fff; } .box-link { position: absolute; height: 116px; width: 345px; top: 0px; left: 0px; } .box-icon { float: left; width: 40px; } .box-icon img { border: 0; padding-top: 20px; } .box-text { float: left; width: 245px; padding-left: 20px; padding-right: 20px; } .box-head { text-transform: uppercase; padding-bottom: 23px; } .box-text-area { font-size: 9pt; } .lastbox { border-right: none; } #wrap-content { background-image: url(/static/fs/bg-content-folge.jpg); background-repeat: no-repeat; background-position: top center; background-color: #5eac72; min-height: 407px; } #content-left { background-image: url(/static/fs/content-left.png); background-position: left top; background-repeat: repeat-y; } #content-center { width: 1200px; margin: 0 auto; min-height: 407px; } #content-right { background-image: url(/static/fs/content-right.png); background-position: right top; background-repeat: repeat-y; } /* Design v=2 */ #content-left { background-image: none; } #content-right { background-image: none; } #inhalt-text { min-height: 407px; /*margin-left: 60px; margin-right: 60px;*/ background-color: rgba(255, 255, 255, 1); padding: 0 30px; font-size: 10pt; } #scroll-wrap-folge { height: 116px; max-height: 116px; background-image: url(/static/fs/bg-content-scroller.jpg); background-repeat: no-repeat; } #content-bild { margin-bottom: 25px; } #content-text { padding-bottom: 15px; } #content-text h1 { padding-bottom: 25px; font-size: 18pt; font-weight: normal; } #content-text h2 { font-weight: normal; font-size: 14pt; padding-bottom: 25px; } #content-text p { padding-bottom: 17px; } #content-text ul { padding-left: 21px; } #content-text ol { padding-left: 21px; } #content-text ol li { padding-bottom: 10px; } .content_trenner { width: 100%; /*height: 20px;*/ } .no-scrollbox { /* border-bottom: 6px solid #cdcdcd; */ border-bottom: 1px solid #5eac72; } #inhalt-text-left { width: 840px; float: left; } #inhalt-text-left-fullpage { } .inh_abs_text { padding-bottom: 20px; } #content-boxen { width: 260px; float: right; } .cntbox { max-width: 257px; margin-bottom: 30px; border-left: 1px solid #5eac72; padding-top: 15px; } .cntbox-head { font-size: 14pt; padding-bottom: 15px; padding-left: 10px; } .cntbox-content { padding-left: 10px; } #no-head-pic { width: 100%; height: 40px; } #kontaktform { } #kontakt { } .form-feld { margin-bottom: 10px; } .feld-name { padding-bottom: 5px; } .feld-input { } .form-datenschutz { } .form-ds-button { border: 1px solid #1d7638; width: 12px; height: 12px; padding: 5px; float: left; border-radius: 5px; } .form-ds-text1 { padding-left: 36px; } .form-ds-text2 { } label { display: block; padding-bottom: 5px; } .formlist { list-style: none; padding: 0 !important; margin: 0; } .formlist li { float: left; width: 50%; margin-bottom: 10px; } #nachricht { height: 110px; width: 94%; } .ffeld { width: 88%; padding: 6px; border: 1px solid #1d7638; border-radius: 5px; font-family: Arial, Verdana, Sans-serif; } .btn { padding: 5px; width: 125px; } #inhalt { width: 1200px; margin: 0 auto; padding-top: 26px; } #inhalt-left { width: 629px; float: left; padding: 20px; padding-right: 30px; border-right: 1px solid #cdcdcd; } #inhalt-left h2 { text-transform: uppercase; font-weight: normal; /*padding-left: 77px;*/ padding-bottom: 26px; } #inhalt-left h3 { font-weight: normal; } .news { width: 100%; margin-bottom: 42px; } .news-info { float: left; width: 630px; } .news-info h3 { color: #1d7638; font-size: 11pt; padding-bottom: 14px; } .news-info h3 a { color: #1d7638; text-decoration: none; } .news-text p { padding-bottom: 17px; } .news-text { font-size: 10pt; } .news-head-date { float: right; width: 12%; font-size: 10pt; text-align: right; } .news-head-titel { float: left; width: 88%; } #inhalt-right { width: 470px; float: left; padding: 20px; padding-left: 30px; } #inhalt-right h2 { text-transform: uppercase; font-weight: normal; /*padding-left: 77px;*/ padding-bottom: 26px; } #inhalt-right h3 { font-weight: normal; } .veranst { width: 100%; margin-bottom: 42px; } .veranst-info { float: left; padding-left: 20px; width: 392px; } .veranst h3 { color: #1d7638; font-size: 11pt; padding-bottom: 14px; } .veranst h3 a { color: #1d7638; text-decoration: none; } .veranst-text { font-size: 10pt; } .veranst-text p { padding-bottom: 17px; } .termin { width: 57px; height: 97px; text-align: center; color: #fff; text-transform: uppercase; float: left; display: block; } .termin a { text-decoration: none; } .month { width: 55px; height: 31px; color: #fff; border: 1px solid #860002; border-bottom: none; background-color: #860002; display: block; } .month span { display: block; padding-top: 7px; font-size: 10pt; } .date { width: 57px; height: 64px; background-color: #1d7638; display: block; color: #fff; text-transform: none; } .date span { display: block; padding-top: 8px; } .news .termin a { color: #fff; } /* Scrollboxen */ .cc-box { display: block; border-right: 1px solid #94c8b8; width: 324px; height: 100px; margin: 8px 0; padding-left: 20px; } .cc-icon { display: block; float: left; padding-top: 43px; width: 12%; } .cc-icon img { /*width: 100%;*/ } .cc-text { display: block; float: left; width: 88%; } .cc-head { display: block; color: #fff; text-transform: uppercase; padding: 23px 20px; } .cc-text-area { display: block; font-size: 9pt; color: #fff; padding: 0 20px; } #scroll-area { width: 1034px !important; } #footer-wrap { width: 100%; /*background-image: url(/static/fs/bg-footer.jpg);*/ padding-bottom: 15px; background-color: rgba(29, 118, 56, 0.25); } #footer { width: 1200px; margin: 0 auto; } #foot-nav { padding-top: 15px; } #foot-nav a { text-decoration: none; color: #1d7638; text-transform: uppercase; font-size: 11pt; } #foot-nav ul { list-style: none; padding-left: 38px; } #foot-nav li { float: left; text-align: center; padding-left: 16px; padding-right: 21px; } #foot-info { padding-top: 10px; text-align: center; font-size: 9pt; color: #9ea5a0; } #copyright-wrap { padding-bottom: 30px; } .formError .formErrorContent { background-color: #860002; } .formError .formErrorArrow div { background-color: #860002; } .vst-titel { color: #1d7638 !important; font-size: 11pt; padding-bottom: 8px; float: left; } .vst-titel a { color: #1d7638 !important; } .vst-titelzeile { float: left; width: 590px; color: #1d7638; font-size: 11pt; padding-left: 19px; } .vst-titelzeile a { color: #1d7638; } .vst-content { padding-bottom: 30px; } .vst-content img { border: 0; } .vst-more-link { color: #E3A836 !important; padding-top: 16px; display: block; float: right; } .ui-accordion .ui-accordion-content { padding-left: 0; padding-right: 0; } #st-treff-termin-liste { padding-top: 20px; padding-bottom: 20px; } .st-termin { padding-bottom: 10px; } .st-termin-datum { float: left; width: 13%; } .st-termin-datum span { display: block; } .st-termin-zeit { float: left; width: 20%; } .st-termin-titel { float: left; width: 42%; } .st-termin-titel div { padding-left: 10px; padding-right: 20px; } .st-termin-asp { float: left; width: 25%; } .st-termin-line { width: 100%; height: 1px; background-color: #d3d3d3; margin-bottom: 10px; } #sammelbezirke { display: table; padding-bottom: 25px; } .table-head { font-weight: bold; } .table-row { display: table-row; } .table-cell { display: table-cell; } .sb-nummer { width: 40px; } #sammelbezirke .table-cell { border-top: 1px solid #d3d3d3; padding: 5px 0; } #sammelbezirke .table-cell span { display: none; } #sammelbezirke .table-cell div { padding: 0 10px; } .noborder { border: 0 !important; } #ui-datepicker-div { border: 1px solid #d3d3d3; } .downloads { padding: 25px 0; width: 100%; } .dl { width: 100%; } .dl-pic { padding: 15px 0; vertical-align: middle; width: 12%; padding-right: 20px; } .dl-info { padding: 15px 0; vertical-align: middle; width: 86%; } #gaestewohnungen { list-style: none; padding: 0; margin-top: 25px; } #gaestewohnungen li { float: left; width: 166px; margin-bottom: 40px; } #gaestewohnungen li a { display: block; width: 145px; padding: 20px 0; border: 1px solid #1d7638; color: #1d7638; text-align: center; transition: all 0.4s ease-in-out; } #gaestewohnungen li a:hover { background-color: rgb(227, 240, 230); } .gw-titel { font-size: 11pt; } .gw-max-info { font-size: 8pt; } #portal-anmeldung { width: 40%; float: left; padding-right: 20%; } #portal-registrierung { width: 40%; float: left; } .portallist { list-style: none; padding-left: 0 !important; max-width: 425px; } .portallist li { margin-bottom: 10px; } #ico-kontakt { position: relative; } .click-box { display: none; position: absolute; text-align: left; z-index: 100; -webkit-box-shadow: 7px 7px 18px -3px rgba(92,92,92,1); -moz-box-shadow: 7px 7px 18px -3px rgba(92,92,92,1); box-shadow: 7px 7px 18px -3px rgba(92,92,92,1); background-color: #5eac72; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .click-box-inner { padding: 8px 12px; } #kontakt-box { left: 40px; top: 30px; } #kontakt-box a { display: block; padding: 3px 0; color: #fff; font-size: 10pt; text-align: left; } .news-date { float: right; } .news-titel { float: left; } .abs-bilder-galerie { list-style: none; padding: 0 !important; } .abs-bilder-galerie li { float: left; width: 25%; height: 175px; padding-bottom: 30px; } .abs-bilder-galerie a { display: block; } .abs-bilder-galerie img { display: block; max-width: 80%; max-height: 175px; margin: 0 auto; } .liste3spalten { } .liste3spalten-element { float: left; width: 33.33%; height: 250px; } .liste3spalten-element-inner { padding: 5px 10px; } .liste3spalten-image { padding-bottom: 12px; text-align: center; height: 144px; } .liste3spalten-infos { text-align: center; } .liste3spalten-titel { padding-bottom: 5px; } .liste3spalten-size { } #reg-list-left { float: left; width: 50%; } #reg-list-right { float: left; width: 50%; } .mobile-only { display: none; } #list-aufsichtsrat { width: 80%; padding-bottom: 30px; padding-top: 15px; } .aufsr-member { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #d3d3d3; } .aufsr-nameandinfo { float: left; width: 50%; } .aufsr-name { float: left; width: 50%; } .aufsr-zusatz { float: left; width: 50%; min-height: 10px; } .aufsr-datum { float: left; width: 50%; } #gala-list { list-style: none; padding-left: 0 !important; } #gala-list li { float: left; width: 50%; padding-bottom: 15px; height: 340px; } #gala-list li span { display: block; } .gala-list-inner { padding: 15px; } .gala-list-titel { padding-bottom: 15px; text-align: center; font-size: 12pt; } .gala-list-img { text-align: center; } .gala-list-img img { max-width: 90%; } #gala-details { } #gala-details ul { list-style: none; padding-left: 0 !important; } #gala-details ul li { float: left; width: 33.33%; padding-bottom: 30px; height: 200px; } #gala-details ul li a { } #gala-details ul li a img { max-width: 85%; } #kommi-form { padding-bottom: 20px; padding-top: 25px; } #kommi-name { float: left; width: 50%; } #kommi-email { float: left; width: 50%; } .kommi-feld { padding-bottom: 10px; } .kommi-feld-zusatz { padding-left: 7px; } .kommi-feld-zusatz label { display: inline-block; } #kommi-text { padding-top: 20px; } #kommi-text textarea { width: 94%; height: 90px; } .kommi-head { background-color: #5EAC72; color: #fff; padding: 5px; } .kommi-user { float: left; width: 60%; } .kommi-datum { float: right; width: 30%; text-align: right; } .kommi-content { padding: 15px 0; } .kommi-aw { margin-top: 15px; padding: 5px 0 5px 15px; margin-left: 15px; border-left: 2px solid #5EAC72; } .ip_text { float: left; width: 135px; margin-right: 10px; margin-bottom: 6px; padding-top: 4px; } .input { float: left; margin-bottom: 6px; padding-top: 4px; } .input label { display: inline-block !important; } .tbl { display: table; } .tblrow { display: table-row; } .tbltd { display: table-cell; vertical-align: top; } .mttable { padding-bottom: 35px; } .mtfeld { padding: 5px 10px 5px 0; } .mtcontent { padding: 5px 0 5px 10px; word-break: break-word; } .mtspace { padding: 10px; } #designbody { background: none; color: #000; background-color: #fff; font-family: Arial, Verdana, Sans-serif; font-size: 11pt; } #designbody p { padding-bottom: 17px; } #designbody ul { padding-left: 17px; } #designbody ol { padding-left: 34px; }