*{margin:0; padding:0;hyphens: auto;} @media only screen and (min-width:320px) and (max-width:1920px) and (orientation:portrait){ html {height: 100%; } body{padding: 0;margin:0; font-family:'SourceSansProRegular'; font-size: 1.0em;text-align:center;color:#181818;height: 100%;hyphens: auto;-webkit-hyphens: auto;-webkit-hyphenate-limit-chars: auto 3;-webkit-hyphenate-limit-lines: 4;-ms-hyphens: auto;-ms-hyphenate-limit-chars: auto 3;-ms-hyphenate-limit-lines: 4;} p{margin:0 0 1% 0;text-align:justify;hyphens: auto;font-size: 1.0em;line-height:1.3em;} p.center{text-align:center;} a:hover{text-decoration: underline;} img {border:0;max-width:100%;} ifame {border:0;max-width:100%;} div#wrapper {margin: 0 auto;display:block;width:100%; position:absolute;top:0;left:0;background: #fcfcfc;background: rgba(246, 246, 246, 0.75); } div.zurueck{/*display:none;*/position:fixed;right:8px;bottom:8px;width:auto;float:right;text-align:right;padding:3px;box-shadow: 0 0 0.1em 0.1em #888;background: rgba(246, 246, 246, 0.75);} div.zurueck a{color:#DB2E2E;text-decoration:none;} div#overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;z-index: 10;display: none;} div.privacy-msg p {z-index:99; font-size:1.4em;line-height:1.8em; width:70%; border: 1px solid #94034B;border-radius:25px 25px; padding: 1.0em; text-align:center; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-box-shadow: 0 10px 6px -6px #777; -moz-box-shadow: 0 10px 6px -6px #777; box-shadow: 0 10px 6px -6px #777;} div.privacy-msg p a{ padding: 1.0em;} div#container{width:100%;margin:0 auto;display:block;padding:0;position:relative;} div#mail{width:auto;color:#488700;text-align:center;margin:0 2.0em 0.5em auto;padding:0.25em;font-size: 1.3em;top:0.5em;right:2.0em; position:relative; z-index:9999999;background: #fcfcfc;background: rgba(246, 246, 246, 0.75); } div#mail a{color:#488700;} div#header{width:100%;color:#DB2E2E;text-align:right;display:block;margin:50px auto 0 auto;padding:0.5em 0 0 0;} div#header a {color:#DB2E2E;text-decoration:none;} #wowslider-container1 { display: table; zoom: 1; position: relative; width: 99%; max-width: 1920px; max-height:900px; margin:1.0em auto 0 auto; z-index:90; text-align:left; /* reset align=center */ font-size:0.8em; text-shadow: none; /* fix some user styles */ /* reset box-sizing (to boostrap friendly) */ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;background-color:#fcfcfc;background: rgba(246, 246, 246, 0.75);padding:0.5em;box-shadow: 0 0 0.1em 0.1em #888; } * html #wowslider-container1{ width:1920px } #wowslider-container1 div#schrifttitel{border-radius:15px 15px;margin:0 auto;display:block;width:auto;text-align:left;position:absolute;top:-2.75em;z-index:100;left:4%;background-color:#fcfcfc;background: rgba(246, 246, 246, 0.95);box-shadow: 0 0 0.1em 0.1em #888;padding:0.25em 2.5em;} #wowslider-container1 div#schrifttitel h1{font-family: 'honeyscript';font-size: 10.0em;font-weight:normal;color:#488700;text-shadow: 2px 2px 2px #A4A4A4;text-align:center;line-height:0.8em;} #wowslider-container1 div#schrifttitel h1 span{font-family: 'SourceSansProRegular';font-size: 0.6em;} #wowslider-container1 .ws_images ul{ position:relative; width: 10000%; height:100%; left:0; list-style:none; margin:0; padding:0; border-spacing:0; overflow: visible; /*table-layout:fixed;*/} #wowslider-container1 .ws_images ul li{ position: relative; width:1%; height:100%; line-height:0; /*opera*/ overflow: hidden; float:left; /*font-size:0;*/ padding:0 0 0 0 !important; margin:0 0 0 0 !important;} #wowslider-container1 .ws_images{ position: relative; left:0; top:0; height:100%; max-height:900px; max-width: 1920px; vertical-align: top; border:none; overflow: hidden;} #wowslider-container1 .ws_images ul a{ width:100%; height:100%; max-height:900px; display:block; color:transparent;} #wowslider-container1 img{ max-width: none !important;z-index:inherit;} #wowslider-container1 .ws_images .ws_list img,#wowslider-container1 .ws_images > div > img{ width:100%; border:none 0; max-width: none; padding:0; margin:0;} #wowslider-container1 .ws_images > div > img { max-height:900px;} #wowslider-container1 .ws_images iframe { position: absolute; z-index: -1;} #wowslider-container1 .ws-title > div { display: inline-block !important;} #wowslider-container1 a{ text-decoration: none; outline: none; border: none; } #wowslider-container1 .ws_bullets { float: left; position:absolute; z-index:70;} #wowslider-container1 .ws_bullets div{ position:relative; float:left; font-size: 0px;} /* compatibility with Joomla styles */ #wowslider-container1 .ws_bullets a { line-height: 0;} #wowslider-container1 .ws_script{ display:none;} #wowslider-container1 sound, #wowslider-container1 object{ position:absolute;} /* prevent some of users reset styles */ #wowslider-container1 .ws_effect { position: static; width: 100%; height: 100%;} #wowslider-container1 .ws_photoItem { border: 2em solid #fff; margin-left: -2em; margin-top: -2em;} #wowslider-container1 .ws_cube_side { background: #A6A5A9;} #wowslider-container1.ws_gestures { cursor: -webkit-grab; cursor: -moz-grab; cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII="), move;} #wowslider-container1.ws_gestures.ws_grabbing { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABaSURBVEjH7ZMxCkAhDEOT8u9/5TpJ+xWkFse8IYutJgEB8RCHL1qCc90BEFnT6QH7mwgFHBUf8wJyS1TDLuc3vmighx37LZdIth3E5hKj9n6O0HRh+oJCiFcMxRUUDxR1CTMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDctMDdUMTM6NDk6MzgrMDI6MDDqf+sOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA3LTA3VDEzOjQ5OjM4KzAyOjAwmyJTsgAAAABJRU5ErkJggg=="), move;} /* hide controls when video start play */ #wowslider-container1.ws_video_playing .ws_bullets,#wowslider-container1.ws_video_playing .ws_fullscreen,#wowslider-container1.ws_video_playing .ws_next,#wowslider-container1.ws_video_playing .ws_prev { display: none;} /* youtube/vimeo buttons */ #wowslider-container1 .ws_video_btn { position: absolute; display: none; cursor: pointer; top: 0; left: 0; width: 100%; height: 100%; z-index: 55;} #wowslider-container1 .ws_video_btn.ws_youtube, #wowslider-container1 .ws_video_btn.ws_vimeo { display: block;} #wowslider-container1 .ws_video_btn div { position: absolute; background-image: url(./playvideo.png); background-size: 200%; top: 50%; left: 50%; width: 7em; height: 5em; margin-left: -3.5em; margin-top: -2.5em;} #wowslider-container1 .ws_video_btn.ws_youtube div { background-position: 0 0;} #wowslider-container1 .ws_video_btn.ws_youtube:hover div { background-position: 100% 0;} #wowslider-container1 .ws_video_btn.ws_vimeo div { background-position: 0 100%;} #wowslider-container1 .ws_video_btn.ws_vimeo:hover div { background-position: 100% 100%;} #wowslider-container1 .ws_playpause.ws_hide { display: none !important;} #wowslider-container1 .ws_bullets { padding: 10px; } #wowslider-container1 .ws_bullets a { width:15px; height:15px; background: url('https://www.prem-am-lech.de/images/bullet.png') left top; float: left; text-indent: -4000px; position:relative; margin-left:3px; color:transparent;} #wowslider-container1 .ws_bullets a:hover{ background-position: 0 50%;} #wowslider-container1 .ws_bullets a.ws_selbull{ background-position: 0 100%;} #wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev { background-size: 200%; position:absolute; top:50%; margin-top:-5em; z-index:60; height: 10em; width: 6em; background-image: url('https://www.prem-am-lech.de/images/arrows.png');} #wowslider-container1 a.ws_next{ background-position: 100% 0; right:0;} #wowslider-container1 a.ws_prev { left:0; background-position: 0 0; } /*playpause*/ #wowslider-container1 .ws_playpause {width: 4.4em; height: 10em; position: absolute; top: 50%; left: 50%; margin-left: -2.2em; margin-top: -5em; z-index: 59;} #wowslider-container1 .ws_pause {background-size: 100%; background-image: url('https://www.prem-am-lech.de/images/pause.png');display:none;} #wowslider-container1 .ws_play {background-size: 100%; background-image: url('https://www.prem-am-lech.de/images/play.png');display:none;} #wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover { background-position: 100% 100% !important;} /* top right */ #wowslider-container1 .ws_bullets { top: 1%; right: 10px;} #wowslider-container1 .ws_bullets .ws_bulframe { top: 20px;} #wowslider-container1 .ws_bullets .ws_bulframe { top: 20px;} #wowslider-container1 .ws-title{ position: absolute; font-family: 'honeyscript'; font-size: 6.2em; bottom: 5%; left: 7%; z-index: 990; padding:0.4em; color: #fcfcfc; background:none; text-shadow: none; line-height: 1.2em; border-radius:0.15em; -moz-border-radius:0.15em; -webkit-border-radius:0.15em; /* opacity:0.5;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);*/ } #wowslider-container1 .ws-title div{ line-height: 1.2em; font-size: 0.833em; text-shadow: 0.05em 0.05em 0.05em #000;} #wowslider-container1 .ws_images > ul{ animation: wsBasic 44s infinite; -moz-animation: wsBasic 44s infinite; -webkit-animation: wsBasic 44s infinite;} @keyframes wsBasic{0%{left:-0%} 4.55%{left:-0%} 9.09%{left:-100%} 13.64%{left:-100%} 18.18%{left:-200%} 22.73%{left:-200%} 27.27%{left:-300%} 31.82%{left:-300%} 36.36%{left:-400%} 40.91%{left:-400%} 45.45%{left:-500%} 50%{left:-500%} 54.55%{left:-600%} 59.09%{left:-600%} 63.64%{left:-700%} 68.18%{left:-700%} 72.73%{left:-800%} 77.27%{left:-800%} 81.82%{left:-900%} 86.36%{left:-900%} 90.91%{left:-1000%} 95.45%{left:-1000%} } @-moz-keyframes wsBasic{0%{left:-0%} 4.55%{left:-0%} 9.09%{left:-100%} 13.64%{left:-100%} 18.18%{left:-200%} 22.73%{left:-200%} 27.27%{left:-300%} 31.82%{left:-300%} 36.36%{left:-400%} 40.91%{left:-400%} 45.45%{left:-500%} 50%{left:-500%} 54.55%{left:-600%} 59.09%{left:-600%} 63.64%{left:-700%} 68.18%{left:-700%} 72.73%{left:-800%} 77.27%{left:-800%} 81.82%{left:-900%} 86.36%{left:-900%} 90.91%{left:-1000%} 95.45%{left:-1000%} } @-webkit-keyframes wsBasic{0%{left:-0%} 4.55%{left:-0%} 9.09%{left:-100%} 13.64%{left:-100%} 18.18%{left:-200%} 22.73%{left:-200%} 27.27%{left:-300%} 31.82%{left:-300%} 36.36%{left:-400%} 40.91%{left:-400%} 45.45%{left:-500%} 50%{left:-500%} 54.55%{left:-600%} 59.09%{left:-600%} 63.64%{left:-700%} 68.18%{left:-700%} 72.73%{left:-800%} 77.27%{left:-800%} 81.82%{left:-900%} 86.36%{left:-900%} 90.91%{left:-1000%} 95.45%{left:-1000%} } #wowslider-container1 .ws_shadow{display:none;background: url('https://www.prem-am-lech.de/images/shadow.png') left 100%; background-repeat: no-repeat; background-size:100%; position: absolute; left:0%; top:100%; width:100%; height:20%; z-index:-1;} * html #wowslider-container1 .ws_shadow{/*ie6*/ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='engine1/shadow.png', sizingMethod='scale');} *+html #wowslider-container1 .ws_shadow{/*ie7*/ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='engine1/shadow.png', sizingMethod='scale');} #wowslider-container1 .ws_bullets a img{ text-indent:0; display:block; top:15px; left:-52px; visibility:hidden; position:absolute; -moz-box-shadow: 0 0 1% #999999; box-shadow: 0 0 1% #999999; border: 2px solid #fcfcfc; max-width:none;} #wowslider-container1 .ws_bullets a:hover img{ visibility:visible;} #wowslider-container1 .ws_bulframe div div{ height:48px; overflow:visible; position:relative;} #wowslider-container1 .ws_bulframe div { left:0; overflow:hidden; position:relative; width:104px; background-color:#fcfcfc;} #wowslider-container1 .ws_bullets .ws_bulframe{ display:none; overflow:visible; position:absolute; cursor:pointer; -moz-box-shadow: 0 0 1% #999999; box-shadow: 0 0 1% #999999; border:2px solid #fcfcfc;} #wowslider-container1 .ws_bulframe span{ display:block; position:absolute; top:-11px; margin-left:-1%; left:52px; background:url('https://www.prem-am-lech.de/images/triangle.png'); width:15px; height:6px;} #wowslider-container1 .ws_bulframe div div{ height: auto;} @media all and (max-width:760px) { #wowslider-container1 .ws_fullscreen { display: block; }} @media all and (max-width:400px){ #wowslider-container1 .ws_controls, #wowslider-container1 .ws_bullets, #wowslider-container1 .ws_thumbs{ display: none }} /*navigation*/ div#navigation{margin:0 auto;display:block;clear:both;padding:0 0 0 0;position: sticky;position: -webkit-sticky;top: 0px;width:100%;z-index:999;background: #488700; background: -moz-linear-gradient(top, #68C300 0%, #488700 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #68C300), color-stop(100%, #488700)); background: -webkit-linear-gradient(top, #68C300 0%, #488700 100%); background: -o-linear-gradient(top, #68C300 0%, #488700 100%); background: -ms-linear-gradient(top, #68C300 0%, #488700 100%); background: linear-gradient(to bottom, #68C300 0%, #488700 100%);} .fixedsticky {position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky;} /* When position: sticky is supported but native behavior is ignored */ .fixedsticky-withoutfixedfixed .fixedsticky-off,.fixed-supported .fixedsticky-off { position: static;} .fixedsticky-withoutfixedfixed .fixedsticky-on,.fixed-supported .fixedsticky-on { position: fixed;} .fixedsticky-dummy {display: none;} .fixedsticky-on + .fixedsticky-dummy { display: block;} div#menu{width:90%;max-width:1920px;margin:0 auto;display:block;} #cssmenu, #cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu div#menu-button {margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;z-index:999999;} #cssmenu:after,#cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} #cssmenu div#menu-button { display: none;} #cssmenu { width: auto; color:#FCFCFC; font-family: 'SourceSansProRegular'; } #cssmenu > ul { background: url('images/bg.png'); box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.05);} #cssmenu.align-right > ul > li { float: right;} #cssmenu > ul > li {text-align:left; float: left; display: inline-block; background-image:none;} #cssmenu.align-center > ul { float: none; text-align: center;} #cssmenu.align-center > ul > li { float: none;} #cssmenu.align-center ul ul { text-align: left;} #cssmenu > ul > li > a { margin:0.5em; padding: 8px 10px 9px 10px; border: 1px solid rgba(246, 246, 246, 0.8); text-decoration: none; font-size:1.1em; /*font-weight: 700;*/ color: #FCFCFC; letter-spacing: 1px;border-radius: 15px 15px;} #cssmenu > ul > li:hover > a,#cssmenu > ul > li > a:hover,#cssmenu > ul > li.active > a { color: #FCFCFC; background: #32a9c3; background: rgba(0, 0, 0, 0.2);} #cssmenu > ul > li.has-sub > a { padding-right: 45px;} #cssmenu > ul > li.has-sub > a::after { content: ""; position: absolute; width: 0; height: 0; border: 6px solid transparent; border-top-color: #FCFCFC; right: 17px; top: 14px;} #cssmenu > ul > li.has-sub.active > a::after,#cssmenu > ul > li.has-sub:hover > a { border-top-color: #FCFCFC;} #cssmenu ul ul { position: absolute; left: -9999px; top: 90px; padding-top: 8px; font-size: 1.1em; opacity: 0; -webkit-transition: top 0.2s ease, opacity 0.2s ease-in; -moz-transition: top 0.2s ease, opacity 0.2s ease-in; -ms-transition: top 0.2s ease, opacity 0.2s ease-in; -o-transition: top 0.2s ease, opacity 0.2s ease-in; transition: top 0.2s ease, opacity 0.2s ease-in;z-index:999999;} #cssmenu.align-right ul ul { text-align: right;} #cssmenu > ul > li > ul::after { content: ""; position: absolute; width: 0; height: 0; border: 1% solid transparent; border-bottom-color: #FCFCFC; top: -4px; left: 20px;} #cssmenu.align-right > ul > li > ul::after { left: auto; right: 20px;} #cssmenu ul ul ul::after { content: ""; position: absolute; width: 0; height: 0; border: 1% solid transparent; border-right-color: #fcfcfc; top: 11px; left: -4px;} #cssmenu.align-right ul ul ul::after { border-right-color: transparent; border-left-color: #FCFCFC; left: auto; right: -4px;} #cssmenu > ul > li > ul { top: 110px;z-index:999999;} #cssmenu > ul > li:hover > ul { top: 20px; left: 10px; opacity: 1;z-index:999999;} #cssmenu.align-right > ul > li:hover > ul { left: auto; right: 0;} #cssmenu ul ul ul { padding-top: 0; padding-left: 6px;} #cssmenu.align-right ul ul ul { padding-right: 6px;} #cssmenu ul ul > li:hover > ul { left: 250px; top: 0; opacity: 1;} #cssmenu.align-right ul ul > li:hover > ul { left: auto; right: 100%; opacity: 1;} #cssmenu ul ul li a { text-decoration: none; font-weight: 400; padding: 11px 25px; width: 250px; color: #777777; background: #FCFCFC; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);} #cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a { color: #333333;} #cssmenu ul ul li:first-child > a { border-top-left-radius: 3px; border-top-right-radius: 3px;} #cssmenu ul ul li:last-child > a { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;} #cssmenu > ul > li > ul::after { position: absolute; display: block;} #cssmenu ul ul li.has-sub > a::after { content: ""; position: absolute; width: 0; height: 0; border: 4px solid transparent; border-left-color: #777777; right: 17px; top: 14px;} #cssmenu.align-right ul ul li.has-sub > a::after { border-left-color: transparent; border-right-color: #777777; right: auto; left: 17px;} #cssmenu ul ul li.has-sub.active > a::after,#cssmenu ul ul li.has-sub:hover > a::after { border-left-color: #333333;} #cssmenu.align-right ul ul li.has-sub.active > a::after,#cssmenu.align-right ul ul li.has-sub:hover > a::after { border-right-color: #333333; border-left-color: transparent;} @media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { #cssmenu {background: #68C300; background: -moz-linear-gradient(top, #488700 0%, #68C300 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #488700), color-stop(100%, #68C300)); background: -webkit-linear-gradient(top, #488700 0%, #68C300 100%); background: -o-linear-gradient(top, #488700 0%, #68C300 100%); background: -ms-linear-gradient(top, #488700 0%, #68C300 100%); background: linear-gradient(to bottom, #488700 0%, #68C300 100%); } #cssmenu > ul { display: none; } #cssmenu > ul.open { display: block; border-top: 1px solid rgba(0, 0, 0, 0.1); } #cssmenu.align-right > ul { float: none; } #cssmenu.align-center > ul { text-align: left; } #cssmenu > ul > li,#cssmenu.align-right > ul > li { float: none; display: block; } #cssmenu > ul > li > a { padding: 8px 20px 9px 20px; border-right: 0; } #cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a { background: rgba(0, 0, 0, 0.1); } #cssmenu div#menu-button { display: block; text-decoration: none; font-size: 13px; font-weight: 700; color: #FCFCFC; padding: 8px 20px 9px 20px; text-transform: uppercase; letter-spacing: 1px; background: url('images/bg.png'); cursor: pointer; } #cssmenu ul ul, #cssmenu ul li:hover > ul, #cssmenu > ul > li > ul, #cssmenu ul ul ul, #cssmenu ul ul li:hover > ul, #cssmenu.align-right ul ul, #cssmenu.align-right ul li:hover > ul, #cssmenu.align-right > ul > li > ul, #cssmenu.align-right ul ul ul,#cssmenu.align-right ul ul li:hover > ul { left: 0; right: auto; top: auto; opacity: 1; width: 100%; padding: 0; position: relative; text-align: left; } #cssmenu ul ul li { width: 100%; } #cssmenu ul ul li a { width: 100%; box-shadow: none; padding-left: 35px; } #cssmenu ul ul ul li a { padding-left: 45px; } #cssmenu ul ul li:first-child > a,#cssmenu ul ul li:last-child > a { border-radius: 0; } #cssmenu div#menu-button::after { display: block; content: ''; position: absolute; height: 3px; width: 22px; border-top: 2px solid #FCFCFC; border-bottom: 2px solid #FCFCFC; right: 25px; top: 8px; } #cssmenu div#menu-button::before { display: block; content: ''; position: absolute; height: 3px; width: 22px; border-top: 2px solid #FCFCFC; right: 25px; top: 18px; } #cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul li.has-sub > a::after { display: none; }} div#anfrage{margin:0 auto;display:block;width:auto;max-width:90%;clear:both;text-align:center;} div#anfrage h4{margin:0.5em 0;padding:0.1em 0.3em;font-size:1.2em;text-align:center;background: #488700; background: -moz-linear-gradient(top, #68C300 0%, #488700 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #68C300), color-stop(100%, #488700)); background: -webkit-linear-gradient(top, #68C300 0%, #488700 100%); background: -o-linear-gradient(top, #68C300 0%, #488700 100%); background: -ms-linear-gradient(top, #68C300 0%, #488700 100%); background: linear-gradient(to bottom, #68C300 0%, #488700 100%);color:#fcfcfc; } div#mitte{border:0px #DB2E2E solid;text-align:center;width:90%;max-width:1920px;display:block;margin:0 auto;padding:4px;background: rgba(246, 246, 246, 0.75);box-shadow: 0 0 0.1em 0.1em #888;clear:both;} /* Tourismus*/ div#content{width:98%; text-align:left;color:#181818;padding:1% 2%; display:block;margin:0 auto;position:relative;} div#content h2 {font-size: 1.0em;font-weight:normal; text-align:left;color:#DB2E2E;padding:0 0 1% 0; margin:0 0 2% 0;line-height:normal;clear:both;border-bottom:1px #DB2E2E dotted;} div#content h2 a{color:#8D0000;text-decoration:none;} div#content h3{font-family: 'honeyscript'; font-size:2.2em;;font-weight:normal;text-align:center;text-shadow: 2px 2px 2px #A4A4A4;color: #8D0000; margin:0 0 1% 0;clear:both;} div#content h4{ font-size:1.3em;text-shadow:none;font-weight:normal;text-align:left;color:#fcfcfc;background: #488700; background: -moz-linear-gradient(top, #68C300 0%, #488700 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #68C300), color-stop(100%, #488700)); background: -webkit-linear-gradient(top, #68C300 0%, #488700 100%); background: -o-linear-gradient(top, #68C300 0%, #488700 100%); background: -ms-linear-gradient(top, #68C300 0%, #488700 100%); background: linear-gradient(to bottom, #68C300 0%, #488700 100%);margin:0 0 10px 0;border:0;padding:2px 10px;clear:both;} div#content h4 a{color:#fcfcfc; text-decoration:none;} div#content h5 {font-size:1.3em;font-weight:normal;text-align:left;color:#8D0000;margin:8px 0 3px 0;clear:both;} div#content h5 a{color:#fcfcfc;background:none;} div#content h6 {text-align:right;font-weight:normal;background: #488700; background: -moz-linear-gradient(top, #68C300 0%, #488700 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #68C300), color-stop(100%, #488700)); background: -webkit-linear-gradient(top, #68C300 0%, #488700 100%); background: -o-linear-gradient(top, #68C300 0%, #488700 100%); background: -ms-linear-gradient(top, #68C300 0%, #488700 100%); background: linear-gradient(to bottom, #68C300 0%, #488700 100%);padding:3px 8px;margin:0 0 8px 0;clear:both;font-style:italic;font-size:17px} div#content h6 a{color:#fcfcfc;background:none;} div#content p a{color:#8D0000;text-decoration:none;} div#content p.info{margin:2% 0;background: #488700; background: -moz-linear-gradient(top, #68C300 0%, #488700 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #68C300), color-stop(100%, #488700)); background: -webkit-linear-gradient(top, #68C300 0%, #488700 100%); background: -o-linear-gradient(top, #68C300 0%, #488700 100%); background: -ms-linear-gradient(top, #68C300 0%, #488700 100%); background: linear-gradient(to bottom, #68C300 0%, #488700 100%);color:#fcfcfc;font-size:0.9em;width:auto;text-align:left;padding:2px 1%;float:left;} div#content p.info a{color:#fcfcfc;text-decoration:none;} div#content > ul{list-style:none;margin:10px 0} div#content > ul li{font-size: 1.0em;background-image: url('https://www.prem-am-lech.de/images/blatt.png'); background-position: left -6px;background-repeat:no-repeat;padding:0 0 12px 35px;text-align:left; overflow:visible;} div#content > ul li a{color:#8D0000;text-decoration:none;} div#content ol{list-style: decimal;margin:10px 0 0 40px} div#content ol li{font-size: 1.1em;background-image: none;padding:0 0 10px 10px;text-align:left; overflow:visible;} div#content ol li a{color:#8D0000;text-decoration:none;} div#content div.datenschutz ul{list-style:none;margin:1.0em 0 0 1.0em} div#content div.datenschutz ul li{background:none;padding:0 0 0.2em 0.5em;text-align:left;} div#content div.datenschutz ul li a{color:#8D0000;text-decoration:none;} div#content div.datenschutz ul ul{list-style:none;margin:1.0em 0 0 2.0em} div#content div.datenschutz ul ul li{font-size: 1.1em;background-image: url('https://www.prem-am-lech.de/images/blatt.png'); background-position:0;background-repeat:no-repeat;padding:0 0 0.2em 2.5em;text-align:left;} div#content div.datenschutz ul ul li a{color:#8D0000;text-decoration:none;} div#content iframe{width:90%;margin:0 auto;display:block; height:100%;min-height:800px;border:none;} div#content > img {padding:0;background:none;text-align:center;margin:1% auto 1% auto;box-shadow:none;display:block;} div#content div.starttext {float:left;width:59%;margin:0 0 2% 1%; text-align:justify;} div#content div.starttextr {float:right;width:35%;margin:0 0 2% 1%;padding:1%; text-align:justify} div#content div.boxtext {float:left;width:45%;margin:0 0 2% 1%;padding:1%; text-align:justify} div#content div.boxtext ul{list-style:none;margin:10px 0} div#content div.boxtext li{background-image: url('https://www.prem-am-lech.de/images/blatt.png'); background-position: -1% -1%;background-repeat:no-repeat;padding:0 0 12px 35px;text-align:left;} div#content div.boxtextgr {width:auto; clear:both;margin:0 auto 20px auto;display:block;padding:1%; text-align:justify} div#content div.boxtextgr p{clear:both;} div#content div.boxbild {float:left;width:auto;max-width:43%;margin:0 1% 2% 1%; text-align:center;} div#content div.boxbild img{padding:1%;width:auto;max-width:100%;background-color:#fcfcfc;text-align:center;margin:1% auto 0 auto;display:block;box-shadow: 0 0 0.1em 0.1em #888;} div#content div.boxbild img.ohne{padding:1%;width:auto;max-width:150px;background:none;text-align:center;margin:1% auto 0 auto;display:block;box-shadow:none;} div#content div.boxbild h4 {font-size:1.0em;font-weight:normal;text-align: center;color:#717171;background:none;padding:0;margin:1% 0 0 0;} div#content div.boxbild p img {float:left;margin: -1% 1% 0 0;border:none;box-shadow:none;} div#content div.boxbildc {width:auto;margin:0 auto 15px auto; text-align:center;display:block;} div#content div.boxbildc img{padding:1%;width:auto;max-width:96%;background-color:#fcfcfc;text-align:center;margin:1% auto 0 auto;display:block;box-shadow: 0 0 0.1em 0.1em #888;} div#content div.boxbildc img.ohne{padding:1%;width:auto;max-width:150px;background:none;text-align:center;margin:1% auto 0 auto;display:block;box-shadow:none;} div#content div.boxbildc h4 {font-size:1.0em;font-weight:normal;text-align: center;color:#717171;background:none;padding:0;margin:1% 0 0 0;} div#content div.boxbildr {float:right;width:auto;max-width:38%;margin:0 1% 2% 1%; text-align:center;} div#content div.boxbildr img{padding:1%;width:auto;max-width:100%;background-color:#fcfcfc;text-align:center;margin:1% auto 0 auto;display:block;box-shadow: 0 0 0.1em 0.1em #888;} div#content div.boxbildr img.ohne{padding:1%;width:auto;max-width:150px;background:none;text-align:center;margin:1% auto 0 auto;display:block;box-shadow:none;} div#content div.boxbildr h4 {font-size:1.0em;font-weight:normal;text-align: center;color:#717171;background:none;padding:0;margin:1% 0 0 0;} div#content div.boxbildkl {float:left;width:auto;max-width:18%;margin:0 2% 2% 1%; text-align:center;} div#content div.boxbildkl img{padding:1%;width:auto;max-width:100%;background-color:#fcfcfc;text-align:center;margin:1% auto 0 auto;display:block;box-shadow: 0 0 0.1em 0.1em #888;} div#content div.boxbildkl img.ohne{padding:1%;width:auto;max-width:150px;background:none;text-align:center;margin:1% auto 0 auto;display:block;box-shadow:none;} div#content div.boxbildkl h4 {font-size:1.0em;font-weight:normal;text-align: center;color:#717171;background:none;padding:0;margin:1% 0 0 0;} div#content table {width: 98%; border-collapse: collapse;margin:0.5em auto 0.9em auto; } /* Zebra striping */ div#content table tr:nth-of-type(odd) { background: #eee; } div#content table th {background: #488700; background: -moz-linear-gradient(top, #68C300 0%, #488700 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #68C300), color-stop(100%, #488700)); background: -webkit-linear-gradient(top, #68C300 0%, #488700 100%); background: -o-linear-gradient(top, #68C300 0%, #488700 100%); background: -ms-linear-gradient(top, #68C300 0%, #488700 100%); background: linear-gradient(to bottom, #68C300 0%, #488700 100%);color:#Fcfcfc;margin:0;text-shadow:2px 2px 2px #8C8C8C;} div#content table td, th { padding: 0.25em 0.125em 0.25em 0.5em; border: 1px solid #ccc; text-align: left;vertical-align:middle;} div#content table td.anlass{width:60%; padding: 4px 2px; border: 1px solid #ccc; text-align: left;} div#content table td.kontakt {width:20%;background: #488700; background: -moz-linear-gradient(top, #68C300 0%, #488700 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #68C300), color-stop(100%, #488700)); background: -webkit-linear-gradient(top, #68C300 0%, #488700 100%); background: -o-linear-gradient(top, #68C300 0%, #488700 100%); background: -ms-linear-gradient(top, #68C300 0%, #488700 100%); background: linear-gradient(to bottom, #68C300 0%, #488700 100%);color:#Fcfcfc;margin:0;text-shadow:2px 2px 2px #8C8C8C;} div#content table td a {color:#8D0000;text-align:left;} div#content table td strong{font-weight:normal;font-size:0.9em;color:#8D0000;padding:0;} div#content table td sup{font-weight:normal;font-size:0.5em;} div#content table td p{font-weight:normal;font-size:0.8em;clear:both;padding:0.5em 0 0 0;} div#content table td.center{ text-align:center;} div#content table td iframe{margin:0 auto;display:block;float:none;width:auto;position:absolute;z-index:0;height:100px;} div#content table td input{float:left;width:80%;padding:0.25em;} div#content table td select{float:left;width:80%;padding:0.25em;} div#content table td textarea{float:left;width:80%;padding:0.25em;} div#content table td input[type=checkbox] {float:left;width:auto;padding:0.25em;margin:0 0.25em;} div#content table td input[type=submit]{float:none;margin:0.8em auto;padding: 0.25em 0.125em;display:block;width:25%;background: #488700; background: -moz-linear-gradient(top, #68C300 0%, #488700 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #68C300), color-stop(100%, #488700)); background: -webkit-linear-gradient(top, #68C300 0%, #488700 100%); background: -o-linear-gradient(top, #68C300 0%, #488700 100%); background: -ms-linear-gradient(top, #68C300 0%, #488700 100%); background: linear-gradient(to bottom, #68C300 0%, #488700 100%);color:#fcfcfc;} div#content table td div.reise{width:40%;float:left;margin:0 1.0em 0 0;} div#content table td div.reise label{width:auto;float:left;background:none;color:#8D0000;margin:0 0.25em 0 0;} div#content table td div.reise input[type=text]{width:auto;max-width:50%;} div#content div.boxtextgr {width:auto; clear:both;margin:0 auto 3% auto;display:block;padding:1%; text-align:justify} div#content div.boxtextgr p {clear:both;font-size:0.9em;margin:0 0 1% 0;} div#content div.boxtextgr p label{width: 25%;font-size:1.0em;margin:0 1% 1% 0;background: #488700; background: -moz-linear-gradient(top, #68C300 0%, #488700 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #68C300), color-stop(100%, #488700)); background: -webkit-linear-gradient(top, #68C300 0%, #488700 100%); background: -o-linear-gradient(top, #68C300 0%, #488700 100%); background: -ms-linear-gradient(top, #68C300 0%, #488700 100%); background: linear-gradient(to bottom, #68C300 0%, #488700 100%);color:#fcfcfc;color:#fcfcfc;} div#content div.boxtextgr p a{color:#8D0000; text-decoration:none;} div#content div.boxtextl {width:48%; float:left;margin:0 auto 1.5% auto;display:block;padding:1%; text-align:justify} div#content div.boxtextl p {clear:both;font-size:0.9em;margin:0 0 1% 0;} div#content div.boxtextl p label{width: 40%;font-size:1.0em;margin:0 1% 1% 0;background: #488700; background: -moz-linear-gradient(top, #68C300 0%, #488700 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #68C300), color-stop(100%, #488700)); background: -webkit-linear-gradient(top, #68C300 0%, #488700 100%); background: -o-linear-gradient(top, #68C300 0%, #488700 100%); background: -ms-linear-gradient(top, #68C300 0%, #488700 100%); background: linear-gradient(to bottom, #68C300 0%, #488700 100%);color:#fcfcfc;} div#content div.boxtextl p a{color:#8D0000; text-decoration:none;} div#content div.preis {width:90%; float:none;margin:0 4.0em 1.5% auto;display:block;padding:0.875em;box-shadow: 0 0 0.1em 0.1em #888;background: rgba(246, 246, 246, 0.75);border-radius:15px 15px;} div#content div.preis p {clear:both;margin:0 0 1% 0;text-align:center;} div#content div.preis p.preis{text-align:center;color:#8d0000;font-weight:bold;margin:1.0em 0;font-size:1.1em;} /*Fusszeile*/ div#footercontainer{margin: 0 0 0 0;width:100%;background: #488700; background: -moz-linear-gradient(top, #68C300 0%, #488700 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #68C300), color-stop(100%, #488700)); background: -webkit-linear-gradient(top, #68C300 0%, #488700 100%); background: -o-linear-gradient(top, #68C300 0%, #488700 100%); background: -ms-linear-gradient(top, #68C300 0%, #488700 100%); background: linear-gradient(to bottom, #68C300 0%, #488700 100%);box-shadow:2px -2px 2px #888888;clear:both;} div#footercontainer div#footer{display:block;margin:0 auto;padding:0.5em 0;width:90%; clear:both; text-align:center;} div#footercontainer div#footer strong{color:#fcfcfc;} div#footercontainer div#footer div.adresse {margin: 0.25em 0 0 0;padding:0;text-align:left;width:100%; float: left;} div#footercontainer div#footer div.adresse h6{font-family: 'honeyscript';font-size:2.0em;line-height:0.8em;font-weight:normal;text-align:center;color:#fcfcfc;margin:0 0 0 0} div#footercontainer div#footer div.adresse p{text-align:center;color:#fcfcfc;font-size:1.0em;} div#footercontainer div#footer div.adresse p a{color:#fcfcfc;text-decoration:none;} .clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} /*Homepage - 01script*/ /* Äußere Box für den gesamten Artikel-Bereich - DIV selber (id = 01article) */ #article{text-align:left; width:100%;} div.nein{display:none} .box_out{width:100%;display:block;margin:0 auto;} .artikel_self{width:100%;display:block;margin:0 auto;} .box_out_artikel{width:100%;text-align:center; color:#181818;display:block;margin:0 auto;} /* Link-Definitionen (box_out) */ .box_out a:link,.box_out a:visited {text-decoration: none;color: #000;} .box_out a:hover { text-decoration: none; color:#181818;} /* Jedes Element (headline,text,footline) hat zusätzlich diese Klasse */ div.inner_box { width:98%;margin:0 auto;display:block;} .artikel_gewerbe div.inner_box {width:92%;margin:0 auto;display:block;} /* Klasse für den Headline-Bereich */ .artikel_headline { } /* Artikel-Titel (innerhalb von artikel_headline) */ h2.titel{} /* Link-Definitionen (titel) */ .titel a:link, .titel a:visited { text-decoration:none; border:0; } /* Informationen zum Artikel unterhalb des Titels */ .headline_small, .footline_small { font-size:0.9em; text-decoration:none; margin:1% 0 8px 0; } /* Link-Definitionen (artikel_headline) */ .artikel_headline a:link,.artikel_headline a:visited { text-decoration: none;} .artikel_headline a:hover { text-decoration: underline; color:#181818;} /* Aussehen der Artikel-DIV-Box */ .artikel_textbox { } /* Aussehen der Artikel-Texte / der Artikel-DIV-Box */ .artikel_text, body.mceContentBody { } /* Link-Definitionen (artikel_text) */ .artikel_text a:link, .artikel_text a:visited, .mceContentBody a { text-decoration: none;} .artikel_text a:hover { text-decoration: none; color:#fcfcfc;} /* CSS-Eigenschaten für das Kategorie-Bild */ img.artikel_catimg {float:left; padding:3px; } .artikel_catimg img{float:left; padding:3px; } /* Definition für TABELLE mit der Seiten-Navigation */ table.table_page { padding-top:15px; width:610px; float:left;margin:0 auto;border:0;clear:both; } table.table_page td.left{border:0;width:185px;text-align:left;padding:1%} table.table_page td.left a{color:#DB2E2E; text-decoration:none;} table.table_page td.center{border:0;width:185px;text-align:center;padding:1%} table.table_page td.center input.input_button[type=submit] { width: 100px; background-image: url(https://www.prem-am-lech.de/images/grey.png); padding-top: 1%; padding-bottom: 1%; cursor: auto; cursor: pointer; color:#010101; outline: none; display:block;margin:10px 315px } table.table_page td.center a{color:#DB2E2E; text-decoration:none;} table.table_page td.right{border:0;width:185px;text-align:right;padding:1%} table.table_page td.right img.right{padding:0;border:none;background:none;} table.table_page td.right a{color:#DB2E2E; text-decoration:none;} /* Textdefinition für Seiten-Navigation (Vor, Zurück etc.) */ .page_text { font-size:0.9em; text-decoration:none; } /* Definition für Tabellenabschnitt mit weiteren Feldern (Suchbox, RSS, Archiv, Seiten etc.) */ table.table_page_fields { margin:15px auto 0 auto;float:left; width:610px; border:0;clear:both;border-top:1px #DB2E2E solid; } table.table_page_fields td.left{border:0;width:205px;text-align:left;float:left;padding:1%} table.table_page_fields td.center{border:0;width:145px;text-align:center;float:left;padding:1%} table.table_page_fields td.right{border:0;width:205px;text-align:right;padding:1%} table.table_page_fields td.right img.right{padding:0;border:none;background:none;float:right;} /* Tabelle für Archiv-Ansicht */ .table_archiv { width:90%;border:0;display:block;margin:0 auto; } .table_archiv td { padding:1%;border-bottom:1px #DB2E2E dotted; } td.archiv_datum {width:150px;text-align:left } td.archiv_titel {width:450px;text-align:left } h4.archiv_month {font-size:1.0em;color:#DB2E2E;text-align:left } h2.archiv_year{ font-size:16px;color:#DB2E2E;text-align:left} .td archiv_headline {display:block;width:624px;margin:0 auto;color: #DB2E2E;font-size:16px;font-style:normal;font-weight:normal;text-decoration:none; padding:1% 0 1% 15px; text-align:left; border:1px solid #DB2E2E; } /* Definition für Kommentar-Box (Anzeige von Kommentaren) */ .commentbitbox { width:100%; text-align:left; border: 1px dotted #999; padding:8px; } .comment_text { font-size:0.9em; text-decoration:none; } /* Definition für "Kommentar-Hinzufügen"-Tabelle */ .commentaddbox { width:102%; text-align:left; border: 1px dotted #999; padding:8px; } /* Aussehen von kleinem Text */ .small01acp a:link,.small01acp a:visited { font-size:1.0em; text-decoration:none; text-transform: uppercase; } .small01acp a:link,.small01acp a:visited { text-decoration:underline; } .box_out a:hover { text-decoration: none;} /* Hervorgehobener, wichtiger Text */ .highlight { font-weight:bold; color:red; } /* Formular-Elemente */ /* Normales Textfeld */ .input_field {width:100px } /* Formular-Buttons */ .input_button[type=submit] {background-color:#fcfcfc;border:1px #DB2E2E solid;color:#DB2E2E;width:40px;margin:0 2px;} /* Dropdown-Boxen */ .input_selectfield {width:150px;float:left; } /* Rahmen bei Bildern mit Link entfernen */ .float_left { text-align:left; float:left; } .float_right { text-align:right; float:right; } /* Copyright-Hinweis */ /* Sichtbare Hinweis darf ohne eine entsprechende Lizenz NICHT entfernt werden! */ .copyright { padding-top:15px; font-size:0.9em; text-decoration:none; } .lightbox {} .meldungen_01 { } /*Gästebuch*/ /* Äußere Box für den gesamten Gästebuch-Bereich - DIV selber (id = _01gbook) */ #_01gbook{ text-align:left; } /* Link-Definitionen (box_out) */ .box_out_gaestebuch a:link,.box_out a:visited { text-decoration: none;} .box_out_gaestebuch a:hover { text-decoration: none; color: #181818;} /* Definition für "Eintrag-Hinzufügen"-Tabelle */ .addentrybox {width:auto;text-align:center;margin:1% auto 8px auto;box-shadow:1px 1px 3px 3px #888 } /* Definition für TABELLE mit der Seiten-Navigation */ table.table_page { width:100%; border:0;margin:15px auto 0 auto; } table.table_page td {border:0;margin:15px auto 0 auto; } /* Textdefinition für "Eintrag-Hinzufügen"-Tabelle */ /* Textdefinition für Feldnamen in "Eintrag-Hinzufügen"-Tabelle */ /* CSS-Definition für Tabellenzeilen der "Eintrag-Hinzufügen"-Tabelle */ tr.fieldrow {} /* CSS-Klasse für Statusmeldungen nach dem Absenden eines neuen Eintrags */ div.gbuchmessages { font-weight:bold;} /* CSS-Klasse für Erfolgsmeldungen innerhalb von .gbuchmessages{} */ .g_erfolg { color:green;} /* CSS-Klasse für Fehlermeldungen innerhalb von .gbuchmessages{} */ .g_error { color:red;} /* CSS-Klasse für DIV-Box um die einzelnen GB-Einträge (templates/entrybit.html) */ div.gbentries {width:700px;padding:8px; box-shadow:1px 1px 3px 3px #888;margin:15px auto 8px auto;text-align: justify;} /* Die einzelnen im ACP angelegten Eingabefelder werden bei der Ausgabe jeweils in einem einzelnen

-Block ausgegeben

. Die Klasse dieser Blöcke kann hier verändert werden */ .gbfrontend_zeile {padding:0} /* Zusätzlich zu .gbfrontend_zeile CSS-Definition für die 1. Zeile bei der Ausgabe von Einträgen (Name + Datum) */ .gbtitlezeile {border-bottom:1px #DB2E2E solid;padding:0 0 2px 0; margin:8px;color:#DB2E2E;} /* Die Feldbezeichnungen werden bei der Ausgabe in einem SPAN-Tag der Klasse gbfrontend_fieldname ausgegeben */ .gbfrontend_fieldname { font-weight:bold;color:#DB2E2E;} /* CSS-Klasse für Mehrzeilige Eingabefelder (textareas) */ .textareafeld { font-size: 10pt; } /*Newsletter*/ /* Äußere Box für den gesamten Bereich - DIV selber (id = _01newsletter) */ #_01newsletter{ text-align:left; } .box_out_newsletter{width: 700px; margin: 10px 10px; text-align:left; color:#181818; } /* Link-Definitionen (box_out) */ .box_out_newsletter a:link,.box_out a:visited { text-decoration: none;} .box_out_newsletter a:hover { text-decoration: underline; color: #181818;} /* DIV um das Formular zum Eintragen neuer Adressen */ .formular{ } /* Aussehen von kleinem Text */ .small, .small a:link,.small a:visited { font-size:0.9em; text-decoration:none; text-transform: uppercase; } .small a:link,.small a:visited { text-decoration:underline; } .box_out a:hover { text-decoration: none;} /* Hervorgehobener, wichtiger Text */ .highlight { font-weight:bold; color:red; } /* Copyright-Hinweis */ /* Sichtbare Hinweis darf ohne eine entsprechende Lizenz NICHT entfernt werden! */ .copyright { padding-top:15px; font-size:0.9em; text-decoration:none;clear:both } /*Fotoalbum*/ /* Äußere Box für den gesamten Bildergalerie-Bereich - DIV selber (id = _01gallery) */ #_01gallery{} .box_out_bilder{ width:100%;color:#181818; text-align:left; font-size:10pt; } /* Link-Definitionen (box_out) */ .box_out_bilder a:link,.box_out a:visited { text-decoration: none;} .box_out_bilder a:hover { text-decoration: underline; color: #DB2E2E;} /* Textattribute für Fehlermeldungen */ p.errormsg { color:red;} /* Formatierung der Bilderalben "Breadcrumps" */ .gallist {display:block;margin:10px auto;width:622px;text-align:left;} .gallist_u_thumbnail {width:190px; height:210px;text-align:center;float:left;} div.thumbnail{width:182px;min-height:155px;padding:1%;background-color:#fcfcfc;text-align:center;margin:1% 15px 15px 0;float:left;box-shadow:1px 1px 3px 3px #cccccc} /* Galerie-Auflistung */ /* Allgemeine Formatierung des Beschreibungstextes */ .gallist_u_beschreibung p { margin:0; margin-top:1%;} div.beschreibung{width:250px;} /* Aussehen der Passwort-Box, die angezeigt wird, wenn eine Galerie mit einem Passwort geschützt ist */ .galpwbox { width:400px; height:125px; margin: 0 auto; padding:1%; border:1px solid #eee; text-align:center;} /* Auflistung untereinander */ /* Formatierung des Galerienamens */ h4.gal_title {font-size:30px;font-weight:normal;text-shadow: 1px 1px 1px #A4A4A4; text-align:left;background: #488700; background: -moz-linear-gradient(top, #68C300 0%, #488700 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #68C300), color-stop(100%, #488700)); background: -webkit-linear-gradient(top, #68C300 0%, #488700 100%); background: -o-linear-gradient(top, #68C300 0%, #488700 100%); background: -ms-linear-gradient(top, #68C300 0%, #488700 100%); background: linear-gradient(to bottom, #68C300 0%, #488700 100%);color:#f6f6f6;padding:2px 1%; margin:1% 0 1% 0;margin:1% 0;} /* Formatierung des Hinweistextes, wenn ein Bilderalbum mit einem Passwort geschützt wrde */ .gallist_u_beschreibung p.gal_password { font-size:8pt;} /* Rahmen für die Tabellenzellen */ td.gallist_u_beschreibung { border-bottom:0px solid #000;} /* Rahmen für Galerie-Thubnails */ td.gallist_u_thumbnail img { border:1px solid #DB2E2E; padding:2px;} /* CSS-Definitionen für die Thumbnail-Auflistung */ /* CSS-Gallery by dnevnikeklektika.com - https://web.archive.org/web/20070410114605/https://dnevnikeklektika.com/en/css-gallery-layout-en - https://dnevnikeklektika.com/en/css-gallery-layout-en */ .cssgallery{ margin:0 0 0 0; /* NICHT VERÄNDERN!!! */ overflow:hidden; /* NICHT VERÄNDERN!!! - Clears the floats */ width:100%; /* NICHT VERÄNDERN!!! - IE and older Opera fix for clearing, they need a dimension */ list-style:none; /* NICHT VERÄNDERN!!! */} .cssgallery li{ background-image:none;float:left;width:340px;float:left; /* NICHT VERÄNDERN!!! */ display: inline; /* NICHT VERÄNDERN!!! - For IE so it doesn't double the 1% left margin */ margin:1% 0 40px 0; /* Bestimmt den Abstand der einzelnen Bilder zueinander */ position:relative; /* NICHT VERÄNDERN!!! - This is the key */ text-align:center;} .cssgallery a{ display:block; margin:0 0;} .cssgallery img{/* Hier kann ein Rahmen um die Thumbnails angelegt werden */padding:3px;background-color:#fcfcfc;text-align:center;margin:8px auto;box-shadow: 0 0 0.1em 0.1em #888;} h4.bild{ font-size:15px;font-weight:normal;text-align:center;color:#181818;padding:2px 0;margin: 0;border:0;text-shadow:none;} div.picstream {clear: both;float: left;width: 48%;overflow: hidden;} div.picstream ul.cssgallery {width: auto;float: left;position: relative;left: 50%;margin: 0 auto;padding: 0;list-style-type: none;overflow: visible;} div.picstream ul.cssgallery li.stream {float: left;position: relative;margin:0;right: 50%;background-image:none;} div.picstream ul.cssgallery li.stream img{/* Hier kann ein Rahmen um die Thumbnails angelegt werden */padding:3px;background-color:#fcfcfc;text-align:center;margin:8px auto;box-shadow: 0 0 0.1em 0.1em #888;} a img{ border:none; } /* NICHT VERÄNDERN!!! - A small fix */ /* DIV für die Detailansicht eines einzelnen Bildes */ div.picdetailview { width:95%; margin:0 auto; padding:2px; text-align:center;} /* CSS-Classe des Detailbildes */ img.picdetailimg { width:auto !important; width:100%; max-width:100%; border:0;} /* CSS-Classe für Bildtitel in der Detailansicht */ h4.picdetailh4 { margin-top:1%; margin-bottom:10px;} /* Beschreibungstext in der Detailansicht */ div.picdetailview p {} /* DIV-Box für die Thumbnails unterhalb der Detailansicht */ div.picstream {} /* Definition für Kommentar-Box (Anzeige von Kommentaren) */ .commentbitbox { width:80%; text-align:left; border: 1px dotted #999; padding:8px; margin:0 auto; } .comment_text { font-size:0.9em; text-decoration:none; } /* Definition für "Kommentar-Hinzufügen"-Tabelle */ .commentaddbox { width:82%; /* 2% größer als width von .commentbitbox wählen */ text-align:left; border: 1px dotted #999; padding:8px; } /* Formatierung der Tabelle mit Weiter- und Zurück-Links bei mehrseitigen Auflistungen */ .galpagestable,.picpagestable { width:622px;float:left; margin-top:25px;} .galpagestable td a,.picpagestable td a{color:#DB2E2E;border-bottom:0;text-align:center;} /* Aussehen von kleinem Text */ .small01acp, .small01acp a:link,.small01acp a:visited { font-size:0.9em; text-decoration:none; text-transform: uppercase; } .small01acp a:link,.small01acp a:visited { text-decoration:underline; } .box_out a:hover { text-decoration: none;} /* CSS-Klasse für Mehrzeilige Eingabefelder (textareas) */ .textareafeld { font-size: 10pt; } /* SLIMBOX */ #lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #181818; /* Overlay-Hintergrundfarbe der Lightbox-Abdunklung */ cursor: pointer;} #lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; margin-top:1%; /* Hintergrundfarbe des Untertitel-Bereichs */} #lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; /* Bildrahmenfarbe um das in der Lightbox geöffnete Bild herum */ background-repeat: no-repeat;} #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none;} #lbPrevLink { left: 0;} #lbNextLink { right: 0;} /* Untertitel-Textdefinition */ #lbBottom { font-size: 14px; color: #181818; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none;} #lbCloseLink { display: block; float: right; width: 66px; height: 22px; margin: 1% 0; outline: none;} #lbCaption, #lbNumber { margin-right: 71px;} #lbCaption { font-weight: normal;} .lbLoading {background: #fff url(https://www.prem-am-lech.de/01homepage/01module/01bildergalerie/images/loading.gif) no-repeat center;} #lbPrevLink:hover { background: transparent url(https://www.prem-am-lech.de/01homepage/01module/01bildergalerie/images/prevlabel.gif) no-repeat 0 15%;} #lbNextLink:hover { background: transparent url(https://www.prem-am-lech.de/01homepage/01module/01bildergalerie/images/nextlabel.gif) no-repeat 100% 15%;} #lbCloseLink { background: transparent url(https://www.prem-am-lech.de/01homepage/01module/01bildergalerie/images/closelabel.gif) no-repeat center;} /* Rahmen um Bilder standardmäßig entfernen */ img *,img.noborder,td.gallist_u_thumbnail img.noborder {border:0;} /*mootools-remooz*/ .remooz-element{cursor: -moz-zoom-in;} /** * Box layout */ .remooz-box{position:absolute;top:0;left:0;background:#fff no-repeat center;border:#DB2E2E 2px solid;z-index:99999;} .remooz-loading{background-image:url(https://www.prem-am-lech.de/01homepage/01acp/images/moo/remooz/spinner.gif);} .remooz-body{width:100%;height:100%;} .remooz-box-focus.remooz-type-image .remooz-body{cursor:-moz-zoom-out;} .remooz-box-dragging .remooz-body{cursor:move;} /** * Close button */ .remooz-btn-close{position: absolute;right: -15px;top:-15px;width:30px;height:30px; text-decoration:none;border:0;background:url(https://www.prem-am-lech.de/01homepage/01acp/images/moo/remooz/closebox.png) no-repeat center;visibility:hidden;cursor:pointer;} .remooz-engine-trident4 .remooz-btn-close{background-image:url(https://www.prem-am-lech.de/01homepage/01acp/images/moo/remooz/closebox.gif);} /** * Caption title */ .remooz-title{ position:relative; left:0; top:15px; text-align: left;} .remooz-title-bg{position:absolute;left:0; top:0; width:100%; height:100%;border:2px #fcfcfc solid;background: #488700; background: -moz-linear-gradient(top, #68C300 0%, #488700 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #68C300), color-stop(100%, #488700)); background: -webkit-linear-gradient(top, #68C300 0%, #488700 100%); background: -o-linear-gradient(top, #68C300 0%, #488700 100%); background: -ms-linear-gradient(top, #68C300 0%, #488700 100%); background: linear-gradient(to bottom, #68C300 0%, #488700 100%);z-index:99;border-radius:1%;/* shadow opacity differs from box shadow because its default set to opacity 0.8 */box-shadow: 0 0 10px rgba(0, 0, 0, 0.9);} .remooz-title-content{position:relative;padding:1% 15px;color:#fff;z-index:101;font-size:15px;} .remooz-engine-trident4 .remooz-title-bg{display:none;} .remooz-engine-trident4 .remooz-title-content{background-color:#333;} .remooz-title-content h6{padding:0; font-size:1.2em;font-weight:bold;color:#eee;} .remooz-title-content p{padding:0;color:#eee;} /** * Type specific */ .remooz-type-image img{display:block;border:0;width:100%;height:100%;} /** * Shadow */ .remooz-bg{ position:absolute;width:33px;height:40px;} .remooz-bg-n{left:0;top:-40px;width:100%;background:url(https://www.prem-am-lech.de/01homepage/01acp/images/moo/remooz/remo_bg_n.png) repeat-x;} .remooz-bg-ne{right:-33px;top:-40px;background: url(https://www.prem-am-lech.de/01homepage/01acp/images/moo/remooz/remo_bg_ne.png) no-repeat;} .remooz-bg-e{right: -33px;top:0;height: 100%;background:url(https://www.prem-am-lech.de/01homepage/01acp/images/moo/remooz/remo_bg_e.png) repeat-y;} .remooz-bg-se{right:-33px;bottom:-40px;background:url(https://www.prem-am-lech.de/01homepage/01acp/images/moo/remooz/remo_bg_se.png) no-repeat;} .remooz-bg-s{left:0;bottom: -40px;width:100%;background:url(https://www.prem-am-lech.de/01homepage/01acp/images/moo/remooz/remo_bg_s.png) repeat-x;} .remooz-bg-sw{left: -33px;bottom:-40px;background:url(https://www.prem-am-lech.de/01homepage/01acp/images/moo/remooz/remo_bg_sw.png) no-repeat;} .remooz-bg-w{left:-33px;top:0;height:100%;background:url(https://www.prem-am-lech.de/01homepage/01acp/images/moo/remooz/remo_bg_w.png) repeat-y;} .remooz-bg-nw{left:-33px;top:-40px;background:url(https://www.prem-am-lech.de/01homepage/01acp/images/moo/remooz/remo_bg_nw.png) no-repeat;} /*Kontakt*/ #contact_form_ct{ margin: 0 auto 0 auto; font-size: 12px; font-family: sans-serif; position: relative; padding: 0; display: block; width: 500px;} /* * error messages below any input field */ .direct_help{ padding-left: 112px; /* width of floating label + label:padding-left&right */ float: left; width: 490px; /* padding-left + input:width + input:padding-left&right + input:border-left&right */ font-size:0.8em; color: red; margin-bottom: 3px;} /* error message on top */ .system_message_error{width: 478px;font-weight:bold;border:1px dashed #FC3900;color:#FF0000;margin-top: 10px; margin-bottom: 10px; padding:1%;text-align:left;} }