@import url('font.css'); /* * Page * */ html {height:100%; width: 100%; margin: 0; padding: 0;} body {height:100%; width: 100%; margin: 0; padding: 0; color: #444444; background: #ffffff; font-family: 'Roboto', Arial, sans-serif; font-size: 15px; font-style: normal; font-weight: 300; line-height: 160%;} body#print {background: #ffffff; height: auto; margin: 0px; padding: 0px; overflow:auto;} body#media {background: #000000; overflow:hidden; margin: 0px; padding: 0px;} #pageBody {position: relative; height: auto; min-height: 100%; width: 100%; display:block; color: inherit; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: transparent url(../img/_layout/bg_watermark_left.jpg) repeat-y left top; overflow:visible;} #pageContainer {position: relative; height: auto; min-height: 100%; width: 100%; display:block; color: inherit; background: transparent url(../img/_layout/bg_watermark_right.jpg) repeat-y right top; margin: 0px auto; padding: 0px 0px 0px 0px; } #pageBottom {position: absolute; top: 0px; left: 50%; height: auto; width: 980px; color: #999999; display:block; color: inherit; clear: both; margin: 0px 0px 0px -490px; padding: 0px; background: transparent;} #tooltip {position: absolute; top: 0px; left: 0px; color: #444444; width: 230px; height: auto; text-align:center; display: none; z-index: 1002; font-family: inherit; background: #ffffff; border: 1px solid #cccccc; padding: 5px; box-shadow: -3px 3px 6px rgba(0,0,0,0.5); -moz-box-shadow: -3px 3px 6px rgba(0,0,0,0.5); -webkit-box-shadow: -3px 3px 6px rgba(0,0,0,0.5); -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; overflow: hidden; opacity: 0.85; -moz-opacity: 0.85; filter:alpha(opacity=85); font-size: 100%; font-weight: normal; text-transform: none; } #tooltip.color-58, #tooltip.color-30 {background: #45a12a !important; } #tooltip.color-59, #tooltip.color-26 {background: #004293 !important; } #tooltip.color-60, #tooltip.color-27 {background: #70cbee !important; } #tooltip.color-61, #tooltip.color-47 {background: #733a8c !important; } /* * Images * */ .imgsel {border: 0px #dddddd solid; border-bottom: 0px #000000 solid; border-right: 0px #000000 solid; margin-top: 0px;} a img {border: 0px; margin: 0px 0px 0px 0px; padding: 0px;} .ContentBoxMiddle img {/*box-shadow: 5px 5px 0px rgba(252,212,168,1.0); -moz-box-shadow: 5px 5px 0px rgba(252,212,168,1.0); -webkit-box-shadow: 5px 5px 0px rgba(252,212,168,1.0); */} img.framed {margin: 0px 0px 0px 0px; padding: 0px; box-shadow: -2px 2px 4px rgba(0,0,0,0.5); -moz-box-shadow: -2px 2px 4px rgba(0,0,0,0.5); -webkit-box-shadow: -2px 2px 4px rgba(0,0,0,0.5); /*border: 1px solid #45a12a; overflow:hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; box-shadow: 4px 4px 3px rgba(0,0,0,0.3); -moz-box-shadow: 4px 4px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 4px 4px 3px rgba(0,0,0,0.3); */} img.framedicon {margin: 0px 0px 0px 0px; padding: 0px; box-shadow: -2px 2px 4px rgba(0,0,0,0.5); -moz-box-shadow: -2px 2px 4px rgba(0,0,0,0.5); -webkit-box-shadow: -2px 2px 4px rgba(0,0,0,0.5); /*border: 1px solid #45a12a; overflow:hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; box-shadow: 4px 4px 3px rgba(0,0,0,0.3); -moz-box-shadow: 4px 4px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 4px 4px 3px rgba(0,0,0,0.3); */} #ImgContainerlogo {position:absolute; top: 0px; right: 0px; margin: 0px; padding: 0px;} #ImgContainer {margin: 0px 0px 10px 0px; } /* #ImgContainer img, .textblock img {box-shadow: -2px 2px 4px rgba(0,0,0,0.5); -moz-box-shadow: -2px 2px 4px rgba(0,0,0,0.5); -webkit-box-shadow: -2px 2px 4px rgba(0,0,0,0.5); } */ /* * Navigation * */ a {text-decoration: none; background: transparent; font-weight: normal; color: #45a12a; transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; } a.sel {text-decoration: underline; font-weight: bold; color: #45a12a;} a:hover {text-decoration: underline; background: transparent; color: #000000; cursor: pointer; } a:focus {outline: 0;} a img.galimg {border: 2px transparent solid;} a:hover img.galimg {border: 2px #ffffff solid;} img.viewicon {display: none; position: relative; float: right; margin: 0px; padding: 0px;} #waitduplex {position: fixed; display: none; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #000000; text-align: center; color: #000000; opacity: 0.5; z-index: 300;} .loader {position: absolute; display: none; color: #bbbbbb; font-size: 80%; left: 50%; top: 200px; width: 220px; height: 20px; padding:0px; margin: 0px 0px 0px -120px; background: transparent url(../scripts/loading.gif) no-repeat center; text-align:center; z-index: 602;} #loadicon {position: fixed; display: none; color: #bbbbbb; font-size: 80%; left: 50%; top: 50%; width: 60px; height: 60px; padding:0px; margin: 50px 0px 0px 60px; background: #eeeeee url(../scripts/loading-sm.gif) no-repeat center; text-align:center; z-index: 2000; border: 2px solid #45a12a; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; box-shadow: 3px 3px 5px rgba(0,0,0,0.25); -moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.25); -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.25); opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); } /* * MenuBar * */ .MenuBox {float:left; background: transparent; color: #99CCFF; width: 280px; height: 29px; font-size: 11px; font-weight: normal; padding: 0px 27px 0px 27px; margin: 0px 0px 0px 0px; vertical-align: top; overflow: visible;} #startpage .MenuBox {background: transparent;} .LogoBox {color: #8b8b8b; background: transparent; float:left; font-size: 11px; width: 130px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: transparent;} .BreadCrumbBox {position: relative; display: none; width: 100%; height: auto; font-size: 11px; padding: 4px 0px; margin:0px 0px 20px 0px; border-top: 1px dotted #999999; border-bottom: 1px dotted #999999; line-height: 100%;} ul, ul li {list-style-image: url(../img/_layout/list_bullet.png);} ul li ul li {list-style-image: url(../img/_layout/list_bullet2.png);} ul li ul li ul li {list-style-image: url(../img/_layout/list_bullet3.png);} .imagetext {float:left; padding: 0px 0px 0px 0px; height:27px; font-size:24px; width: 266px; background: transparent; background-position:45px 5px;} #lay_img {margin: 0px 0px 1px 0px;} /* * Content boxes * */ .section {display: block; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #ContentBoxTop {display: block; position: fixed; color: inherit; background: #ffffff; left: 50%; height: 175px; width: 980px; font-size: inherit; margin: 0px 0px 0px -490px; padding: 0px 0px 0px 0px; z-index: 900; overflow: visible; transition: all 0.2s ease-out 0.1s; -webkit-transition: all 0.2s ease-out 0.1s; -moz-transition: all 0.2s ease-out 0.1s; -o-transition: all 0.2s ease-out 0.1s; box-shadow: 0px 0px 40px rgba(255,255,255,1.0); -moz-box-shadow: 0px 0px 40px rgba(255,255,255,1.0); -webkit-box-shadow: 0px 0px 40px rgba(255,255,255,1.0); } .ContentBoxTop-fixed {top: -135px; background: #ffffff; } .ContentBoxTop-first {top: 0px;} #start #ContentBoxTop {position: absolute !important; height: 200px !important; } #start .ContentBoxTop-fixed, #start .ContentBoxTop-first {top: 0px !important;} #ContentBoxTopInner {position: relative; height: 100%; background: transparent; width: 980px; display: block; margin: 0px auto; padding: 0px 0px 0px 0px; } .ContentBoxTop-fixed #ContentBoxTopInner {background: #ffffff; } #start #ContentBoxTopInner {background: transparent !important; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #ContentBoxTopBottom {position: absolute !important; left: 50% !important; bottom: 0px !important; width: 980px !important; margin: 0px 0px 0px -490px !important; } #ContentBoxTopMenu {display: none; position: absolute; top: 215px; left: 50%; color: inherit; background: #e4e4e4; height: auto; min-height: 30px; width: 980px; font-size: inherit; margin: 0px 0px 0px -480px; border-bottom: 1px solid #cccccc; padding: 0px 0px 0px 0px; overflow: visible; z-index: 998; } #ContentBoxBottom {position: fixed; bottom: 0px; left: 0px; display: block; height: 50px; width: 100%; color: inherit; margin: 0px; padding: 0px; background: #ffffff url(../img/_layout/bg_footer.png) repeat left top; z-index: 899; overflow: hidden; box-shadow: 0px 0px 13px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 13px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 13px rgba(0,0,0,0.5); } .ContentContainer {clear: both; position: relative; color: inherit; height: auto; width: 100%; display: block; font-size: inherit; margin: 0px 0px 0px 0px; padding: 175px 0px 50px 0px; background: transparent; z-index: 1; } .ContentContainerInner {position: relative; height: auto; width: 980px; display: block; margin: 0px auto; padding: 0px 0px 0px 0px; text-shadow: none; } .ContentBoxLeft {position: relative; float: left; width: 270px; height: auto; display: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: transparent; color: inherit; overflow: hidden; } .ContentBoxMiddle {position: relative; float: left; width: 980px; height: auto; margin: 0px 0px 0px 0px; padding: 45px 0px 0px 0px; color: inherit; background: #ffffff; box-shadow: 0px 0px 40px rgba(255,255,255,1.0); -moz-box-shadow: 0px 0px 40px rgba(255,255,255,1.0); -webkit-box-shadow: 0px 0px 40px rgba(255,255,255,1.0); } .ContentBoxRight {position: relative; float: right; width: 200px; height: auto; margin: 0px; font-size: 90%; padding: 0px 0px; color: inherit; background: transparent; overflow: hidden; } #TextContainer {} .scroll-wrapper {position: relative; color: inherit; background: transparent; height: auto; width: 960px; display: block; margin: 0px 0px 0px 0px; padding: 0px; overflow: hidden; } .slide {position: absolute; top: 0px; left: 970px; color: inherit; background: transparent; height: auto; width: 100%; display: block; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; overflow: visible; } .first-slide {position: absolute; top: 0px; left: 0px; background: transparent; } .read-more {position: absolute; display: none; bottom: 0px; left: 0px; width: 100%; margin: 0px; padding: 0px; z-index: 101; } .read-more a {display: block; margin: 0px; padding: 1px; background: #eeeeee; font-size: 12px; border-top: 1px dotted #bbbbbb; } .read-more a:hover {text-decoration: none; color: #ffffff; background: #45a12a; } a.section-anchor {display: block; } a.section-anchor-sub {position: relative;} /* * Social Networks * */ .socialbar {position: relative; clear: both; display: block; height: 30px; margin: 30px 0px 0px 0px; padding: 0px; background: transparent; } #socialshareprivacy {position: absolute; top: 18px; left: 0px; } #socialshareprivacy ul, #socialshareprivacy li {list-style-type: none; list-style-image: none; margin: 0px !important; padding: 0px 0px !important; } .sociallinks {position: relative; float: left; display: block; padding: 0px 0px 0px 0px; margin: 5px 0px 0px 120px; width: auto; text-align:left; } .sociallinks a {display: block; float: left; padding: 0px 0px 0px 0px; background: transparent; margin: 0px 0px 0px 5px; width: 40px; height: 40px; vertical-align: top; overflow: hidden; -moz-border-radius: 22px; -webkit-border-radius: 22px; -khtml-border-radius: 22px; border-radius: 22px; } .sociallinks a:hover {background: #cccccc; } .sociallinks img {display: block; margin: 0px; padding: 0px; } .socialbtns {position: relative; width: auto; padding: 0px; float: left; margin: 0px 0px 0px 0px; } .really_simple_share_facebook a {color: #ffffff; background: #4966b6 url(../img/_layout/facebook_btn.png) no-repeat left top; display: block; font-weight: bold; font-size: 12px; padding: 4px 5px 4px 25px; margin: 0px 2px 0px 2px !important; white-space: nowrap; line-height: 100%; } .really_simple_share_facebook a:hover {color: #ffffff; background: #4966b6 url(../img/_layout/facebook_btn_hover.png) no-repeat left top; text-decoration: none; } .really_simple_like_facebook a {margin: 0px 0px 0px 0px !important;} /* * Header * */ .headerBox {background:transparent; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; width: 100%; height:auto; color: inherit; vertical-align: top; overflow: hidden;} .headerBoxLogo {position: absolute; left: 50%; top: 30px; display: block; width: auto; height: 100%; max-height: 95px; margin: 0px 0px 0px -490px; padding: 0px 0px 0px 0px; overflow:visible; z-index: 1; } #start .headerBoxLogo {top: 55px !important; } .headerBoxLogo a, .headerBoxLogo img {display: block; height: 100% !important; width: auto !important; max-width: none !important; margin: 0px 0px; } #headerBoxImg {background:transparent; position: relative; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; height: auto; color: inherit; overflow: hidden; border: none;} .headerBoxBanner {background:transparent; position: relative; float: right; width: auto; height: auto; margin: 20px 20px 0px 0px; padding: 0px 0px 0px 0px;} .back {background:transparent; position: relative; width: auto; height: auto; margin: 7px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #333333; z-index:2; font-size:10px; } .LabelBox {position: relative; display: none; width: auto; height: auto; font-size: 26px; font-weight: normal; color: #002851; background: transparent; margin: 0px; padding: 0px 0px 0px 0px; line-height: 100%; } .LabelBox p {position: relative; display: none; width:auto; text-align:left; margin: 0px; padding: 0px; } .UserLabel {position: absolute; top: 0px; left: 50%; display: block; margin: 0px 0px 0px -485px; padding: 0px 0px 0px 0px; width: auto; height: auto; overflow:visible; } .LeftColumn {position: relative; width: 109px; height: auto; min-height: 100px; float:left; font-size: 1.0em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px; background: transparent; color: #000000; overflow: hidden;} .ContentMainBox {position: relative; display:block; height: auto; background: transparent; color: inherit; padding: 0px; margin: 0px; text-align:left;} .ContentMainBoxSmall {position: relative; float: right; height: auto; width: 0px; background: transparent; color: inherit; padding: 0px; margin: 0px; text-align:left;} .ContentImgBox {position: relative; width: auto; height: auto; float:right; background: transparent; color: inherit; padding:0px; margin:0px; overflow: hidden;} .ContentImgBoxText {position: relative; width: auto; height: auto; margin: 0px 0 0 0; padding: 0 0 0 0; font-size: 10px; overflow: visible;} .ContentBoxStart {position: relative; height: auto; width: 350px; background: transparent; text-align:left;} .ContentTextBoxNormal {position: relative; display:block; height: auto; width: 100%; margin: 0px 0px 0px 0px; padding: 0px; color: inherit; background: transparent; overflow:visible; } .ContentTextBoxLeft {position: relative; display:block; float: left; width: 325px; background: transparent; height: auto; margin: 0px 20px 10px 0px; padding:0; text-align: left; overflow:visible;} .ContentTextBoxRight {position: relative; display:block; float: right; width: 325px; background: transparent; height: auto; margin: 0px 0px 10px 0px; padding:0; text-align: left; overflow:visible;} .ContentImgBoxLeft {position: relative; display:block; float: left; width: 325px; background: transparent; height: auto; margin: 0px 20px 0px 0px; padding:0; text-align: left; overflow:visible;} .ContentImgBoxRight {position: relative; display:block; float: right; width: 325px; background: transparent; height: auto; margin: 0px 0px 0px 0px; padding:0; text-align: left; overflow:visible;} img, video, iframe {max-width: 100% !important; } .CenterBox {height: auto; width: auto; display: block; font-size:inherit; color: inherit; background: transparent; margin: 0px auto; padding: 0px 0px 0px 0px; } .FooterBox {height: auto; width: 100%; display: block; clear: both; font-size: 12px; color: #666666; background: transparent; margin: 0px 0px 20px 0px; padding: 5px 0px 0px 0px; text-align: center; } .pagetop {width:100%; display: none; height: auto; font-size: 100%; padding: 0px 0px 0px 0px; margin:0px 0px 10px 0px; border-bottom: 1px dotted #999999; line-height: 100%; text-align:right;} .pagebottom {width:100%; display: none; height: auto; padding:0; margin: 0px; padding: 0px; text-align:left;} #FrameContainer {position: relative; display:block; background: transparent; width: 100%; height: 1500px; margin: 0px auto; padding: 0px;} #module_Frame {display:block; background: transparent; width: 100%; height: 100%; margin: 0px 0px 0px 0px; padding: 0px; border: 1px solid #999999; } .body-video iframe {margin-right: 10px; } #loginfo {position: fixed; font-size: 90%; line-height: 120%; top: 145px; left: 50%; text-align: center; color: #666666; border: 1px solid #aaaaaa; display: none; width: 170px; background: #ffffff; margin: 0px 0px 0px -480px; padding: 5px; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; box-shadow: 0px 0px 6px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.6); opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60); } #loginfo b {color: #e00000; font-size: 110%; } /* * Layout-Templates * */ #start #mainnavstart, #start #mainSubnav, #start .BreadCrumbBox, #start h1, #start h2 {display: none; } #start #pageBody {background: transparent url(../img/_layout/bg_watermark_bottom.jpg) repeat-x left bottom; } #start #pageContainer {background: transparent url(../img/_layout/bg_watermark_top.jpg) repeat-x left top; } #start #ContentBoxTop {background: transparent; } #start #ContentBoxTopInner {background: transparent; } #start .ContentContainer {} #start .ContentBoxMiddle {} #start .headerBoxLogo {width: 600px; height: auto; margin: 0px 0px 0px -300px; } #start .rightcolumn {text-align:center; margin-top: 5px; } #start #ContentBoxBottom {background: #ffffff url(../img/_layout/bg_watermark_bottom.jpg) repeat-x left bottom; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #start .li-extramenu-print {display:none;} #start .sociallinks {position: absolute; right: 0px; float: none; padding: 0px 0px 0px 0px; margin: 5px 0px 0px 0px; } .body-main_wide .ContentBoxRight {display:none;} .body-main_wide .ContentBoxMiddle {width: 980px; float: none; margin: 0px auto; } #main_news .ContentBoxMiddle {width: 476px; } #main_news .ContentBoxRight {position: absolute; top: 35px; right: 0px; display: block; width: 160px; } #main_news .ContentTextBoxLeft, #main_news .ContentTextBoxRight {width: 276px; } #main_news .ContentImgBoxLeft, #main_news .ContentImgBoxRight {width: 180px; } #main_news .ContentBoxMiddle img #main_news .ContentBoxMiddle img {} #main_news .ContentImgBoxLeft img #main_news .ContentImgBoxRight img {} .body-main_2col .leftcolumn {float:left; width: 45%; margin: 0px 20px 10px 0px; clear:both; overflow: hidden; } .body-main_2col .rightcolumn {float:right; width: 45%; margin: 0px 40px 0px 0px; overflow: hidden; } #main_single .scroll-wrapper {height: auto; } #main_single .slide {position: relative; top: 0px; left: 0px;} #main_lightbox, #main_lightbox #pageBody {background: #ffffff; } #main_lightbox .scroll-wrapper {width: auto; height: auto; margin: 0px; } #main_lightbox .slide {width: auto; position: relative; margin: 0px; top: 0px; left: 0px;} #main_lightbox .ContentContainer {box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; padding-bottom: 0px; margin: 0px; } #main_lightbox .ContentBoxMiddle {width: auto; padding: 10px; margin: 0px; background: transparent; -moz-border-radius: none; -webkit-border-radius: none; -khtml-border-radius: none; border-radius: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #main_lightbox .section, #main_lightbox #pageBody, #main_lightbox #pageContainer {width: auto; padding: 0px; margin: 0px; } #main_lightbox .makeSubMenu, #main_lightbox #mainnav, #main_lightbox #BackgroundImage, #main_lightbox #ContentBoxTop, #main_lightbox .ContentBoxRight, #main_lightbox #ContentBoxTopStart, #main_lightbox .ContentContainerStart, #main_lightbox #ContentBoxBottom, #main_lightbox .FooterBox, #main_lightbox .socialbar, #main_lightbox #ContentBoxBottomStart {display: none; } a.footer {margin: 0px 0px 0px 10px; text-decoration: none; color: #333333;} a.footer:hover {text-decoration: underline;} b.dllink {color: inherit; background: url(../img/_layout/icon_download.gif) no-repeat left top; margin: 5px 0px -25px 0px; padding: 0px 0px 3px 27px; } a.dllink, a.linkPDF {font-weight: normal; color: #45a12a; background: url(../img/_layout/icon_download.gif) no-repeat left top; margin: 5px 0px -25px 0px; padding: 0px 0px 3px 27px; } a.dllink:hover {text-decoration: underline; color: #45a12a; } b.pdf, a.pdf, a.linkPDF {background: url(../img/_layout/icon_pdf.gif) no-repeat left top;} a.ppt, a.pptx, a.pps, a.ppx {background: url(../img/_layout/icon_ppt.gif) no-repeat left top;} a.mp3 {background: url(../img/_layout/icon_mp3.gif) no-repeat left top;} a.doc, a.word {background: url(../img/_layout/icon_word.gif) no-repeat left top;} a.btn, a.btn:visited, a.btn:link, a.btn:active, a.btn:hover, a.button, a.button:visited, a.button:link, a.button:active, a.button:hover {font-size:110%; display:block; font-weight: normal; width: auto; text-decoration: none; color: #ffffff; background: #45a12a; margin: 0px; padding: 5px 15px; border: 1px solid #ffffff; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; text-align: center; } a.btn:hover, a.button:hover {color: #ffffff; background: #45a12a; text-decoration: none; box-shadow: 0px 0px 8px rgba(69,161,42,0.9); -moz-box-shadow: 0px 0px 8px rgba(69,161,42,0.9); -webkit-box-shadow: 0px 0px 8px rgba(69,161,42,0.9); } .listblock a.button {width: auto; margin: 0px 0px 0px 0px;} a.btn-rss {background: #eeeeee url(../img/Icons/socialbutton_rss_small.png) no-repeat 3px 3px; width: 150px; height: auto; margin: 0px 10px 0px 0px; padding: 1px 3px 1px 25px; display: block; font-size: 11px; font-weight: normal; color: #666666; border: 1px solid #bbbbbb; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } a.btn-rss:hover {background-color: #45a12a; color: #ffffff; box-shadow: 0px 0px 8px rgba(69,161,42,0.9); -moz-box-shadow: 0px 0px 8px rgba(69,161,42,0.9); -webkit-box-shadow: 0px 0px 8px rgba(69,161,42,0.9);} a.backbtn, a.backbtn:visited, a.backbtn:link, a.backbtn:active, a.backbtn:hover {position:relative; float: left; display: block; width: auto; text-decoration: none; background: transparent; margin: 30px 10px 0px 2px; padding: 0px; } a.backbtn:hover {text-decoration: none; } a.extrabutton, a.extrabutton:visited, a.extrabutton:link, a.extrabutton:active, a.extrabutton:hover {position:relative; float: right; display: block; width: auto; height: auto; font-size:11px; font-weight: normal; text-decoration: none; text-transform:lowercase; color: #45a12a; background: transparent url(../img/_layout/arrow_up.png) no-repeat right 6px; margin: 2px 0px 0px 0px; padding: 0px 20px 1px 5px; border: 1px solid transparent; overflow:hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } a.extrabutton:hover {text-decoration: none; color: #ffffff !important; border-color: #45a12a; background: #45a12a url(../img/_layout/arrow_gray_up.png) no-repeat right 3px; box-shadow: 0px 0px 6px rgba(69,161,42,0.8); -moz-box-shadow: 0px 0px 6px rgba(69,161,42,0.8); -webkit-box-shadow: 0px 0px 6px rgba(69,161,42,0.8); } .FooterBox a.extrabutton {display: none; } a.extrabutton-up, a.extrabutton-up:visited, a.extrabutton-up:link, a.extrabutton-up:active {background-image: url(../img/_layout/arrow_up.png); } a.extrabutton-up:hover {background-image: url(../img/_layout/arrow_gray_up.png); } a.extrabutton-right, a.extrabutton-right:visited, a.extrabutton-right:link, a.extrabutton-right:active {background-image: url(../img/_layout/arrow_right.png); } a.extrabutton-right:hover {background-image: url(../img/_layout/arrow_gray_right.png); } a.extrabutton-left, a.extrabutton-left:visited, a.extrabutton-left:link, a.extrabutton-left:active {background-image: url(../img/_layout/arrow_left.png); } a.extrabutton-left:hover {background-image: url(../img/_layout/arrow_gray_left.png); } a.extrabutton-down, a.extrabutton-down:visited, a.extrabutton-down:link, a.extrabutton-down:active {background-image: url(../img/_layout/arrow_down.png); } a.extrabutton-down:hover {background-image: url(../img/_layout/arrow_gray_down.png); } a.layer {position: absolute !important; left: 0px !important; top: 0px !important; width: 100% !important; height: 100% !important; margin: 0px; display: block; background: transparent; z-index: 5; } a.on, a.layer:hover {background: transparent /*url(../img/_layout/bg_white_trans20.png) repeat left top*/; } object { vertical-align: top; margin: 0px 0px 0px 0px; padding: 0px; outline: 0;} embed { vertical-align: top; margin: 0px 0px 0px 0px; padding: 0px; outline: 0;} .TeaserGroup object { margin: 0px 0px 0px -1px;} .TeaserGroup embed { margin: 0px 0px 0px -1px;} /* * DataFoldList * */ ul.DataFoldList { position: relative; list-style-image: url(../img/_layout/listarrow.png); font-weight: normal; padding: 0px 0px 0px 20px; width: auto; height: auto; display:block; background: transparent; overflow: visible; text-align:left; } ul.DataFoldList ul { position: relative; list-style-image: url(../img/_layout/listarrow.png); margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: auto; height:auto; background: transparent;} ul.DataFoldList li { position: relative; list-style-image: url(../img/_layout/listarrow.png); background: transparent; width: auto; height: auto; margin-bottom: 5px; overflow: visible; } ul.DataFoldList li ul { position: relative; padding: 0px 0px 0px 0px; list-style-type: none; list-style-image: none; width: auto; background: transparent; border: none; display: block; height: 0px; overflow: hidden; transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; } ul.DataFoldList li ul li { list-style-type: none; list-style-image: none; } ul.DataFoldList li:last-child ul { } ul.DataFoldList li:hover, ul.DataFoldList li.CSStoHighlight { background-color: transparent;} ul.DataFoldList ul.CSStoShow { display: block !important; height: auto; padding: 10px 0px 5px 20px;} ul.DataFoldList li:hover ul { display: block !important; height: auto; padding: 10px 0px 5px 20px;} ul.DataFoldList * { line-height: normal !important;} /* overriding my normal stylesheet */ /* * ############################################ * */ /* * TOP-MENU * */ /* * ############################################ * */ #mainnav { position:absolute; top:145px; left: 0px; display: block; width: 100%; height: auto; padding: 0px; margin: 0px 0px 0px 0px; background: transparent;} .mainnavfirst { position:absolute; display: block; z-index: 1; top:240px; left: 0px; margin: 0px; width: 300px; height: 300px;} .mainnavfixed { position:fixed; display: block; z-index: 1; top: 15px; left: 0px; margin: 0px 0px 0px 175px; width: 300px; height: auto; } #mainnav h4 { color:#724200; background: transparent url(../img/_layout/arrow_gray_down.png) no-repeat 260px 15px; font-size: 18px; font-weight: normal; display: block; text-transform:uppercase; margin: 0px; padding: 15px 25px; height: auto; width: 250px; } #mainnav.mainnavfirst h4 { visibility: hidden; font-size: 16px; background: transparent; } ul.makeMenu { position: relative; list-style-type: none; float:right; font-weight: normal; height: auto; width: auto; min-height: 25px; display:block; background: transparent; margin: 0px auto; padding: 0px; overflow: visible; text-align: center; z-index: 1000;} ul.makeMenu ul { position: relative; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: auto; height:auto; background: transparent;} ul.makeMenu li { position: relative; list-style-type: none; float:left; display: block; background: transparent; width: auto; height: auto; list-style-image: none; margin: 0px 0px 0px 0px; padding: 0px; overflow: visible; vertical-align:bottom;} ul.makeMenu li ul { position: absolute; top: 30px; left: 0px; padding: 0px 0px 0px 0px; width: 216px; margin: 0px; background: transparent url(../img/_layout/bg_menu.png) repeat left top; border: none; display: none; overflow: hidden; box-shadow: -3px 3px 6px rgba(0,0,0,0.5); -moz-box-shadow: -3px 3px 6px rgba(0,0,0,0.5); -webkit-box-shadow: -3px 3px 6px rgba(0,0,0,0.5); } ul.makeMenu li ul li { display: block; } ul.makeMenu li:last-child ul { } ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight { background-color: transparent; ; z-index: 3; } ul.makeMenu ul.CSStoShow { display: block !important;} ul.makeMenu li:hover ul { display: block !important;} ul.makeMenu * { line-height: normal !important;} /* overriding my normal stylesheet */ ul.makeMenu li ul li ul { position:relative; top:0px; left:0px; display: block; padding: 0px 0px 0px 0px; width: auto; margin: 0px 0px 5px 0px; border: none; overflow: hidden; background: transparent; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; background: transparent; border: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; } ul.makeMenu li ul li ul li { position:relative; float: none; display: block; padding: 0px; margin: 0px; border: none; } a.TopMenu, a.TopMenu:visited, a.TopMenu:link, a.TopMenu:active {display: block; color: #444444; background: transparent; text-transform: none; font-size: 14px; height: 15px; width: auto; font-weight: 300; text-decoration:none; margin: 0px 0px 0px 0px; padding: 7px 20px 3px; line-height: 100%; border-left: 1px solid #5cb5cd; border-bottom: 0px solid #5e5046; text-align:center; overflow: hidden; } a.TopMenu_sel, a.TopMenu_sel:hover, a.TopMenu_sel:visited, a.TopMenu_sel:link, a.TopMenu_sel:active {display: block; color: #45a12a; background: transparent; text-transform: none; font-size: 14px; height: 15px; width: auto; font-weight: bold; text-decoration:none; margin: 0px 0px 0px 0px; padding: 7px 20px 0px; line-height: 100%; border-left: 1px solid #5cb5cd; border-bottom: 3px solid #ffffff; text-align:center; overflow: hidden; } a.TopMenu:hover {display: block; color: #45a12a; background: transparent; text-transform: none; font-size: 14px; height: 15px; width: auto; font-weight: 300; text-decoration:none; margin: 0px 0px 0px 0px; padding: 7px 20px 0px; line-height: 100%; border-left: 1px solid #5cb5cd; border-bottom: 3px solid #ffffff; text-align:center; overflow: hidden; } a.TopMenu_sel img, a.TopMenu img { } ul.makeMenu li:first-child a.TopMenu { } ul.makeMenu li:last-child a.TopMenu { } #main_wide .topmenu-empty, #main .topmenu-empty, #main_news .topmenu-empty, #main_wide ul.makeMenu p, #main ul.makeMenu p, #main_news ul.makeMenu p {display: none;} /* * ############################################ * */ /* * TOP-MENU - ENDE * */ /* * ############################################ * */ /* * ############################################ * */ /* * TOP-LEVEL-MENU * */ /* * ############################################ * */ #mainnavstart { position:absolute; top:45px; right: 0px; display: block; width: auto; height: auto; padding: 0px; margin: 0px 0px 0px 0px; background: transparent;} #mainnavstart a {color: transparent !important; font-size: 11px !important; height: 60px !important; width: 50px !important; margin: 0px 0px 0px 10px !important; padding: 0px !important; border: none !important; background-repeat: no-repeat !important; background-position: center !important; background-size: auto 96%; } #mainnavstart a.TopMenu_sel, a.TopMenu_sel:hover {color: transparent !important; font-size: 11px !important; height: 60px !important; width: 50px !important; margin: 0px 0px 0px 10px !important; padding: 0px !important; border: none !important; background-repeat: no-repeat !important; background-position: center !important; background-size: auto 96%; } #mainnavstart a.TopMenu:hover {color: transparent !important; font-size: 11px !important; height: 60px !important; width: 50px !important; margin: 0px 0px 0px 10px !important; padding: 0px !important; border: none !important; background-repeat: no-repeat !important; background-position: center !important; background-size: auto 96%; } #mainnavstart li#top_30 a, #mainnavstart li#top_165 a {background-image: url(../img/_layout/TopMenuIcon_small_Photography.png);} /* Jemanda Photography */ #mainnavstart li#top_26 a, #mainnavstart li#top_210 a {background-image: url(../img/_layout/TopMenuIcon_small_Art.png);} /* Art Jemanda */ #mainnavstart li#top_27 a, #mainnavstart li#top_234 a {background-image: url(../img/_layout/TopMenuIcon_small_PhotoJourney.png);} /* Bilderbuch Fotoreisen */ #mainnavstart li#top_47 a, #mainnavstart li#top_241 a {background-image: url(../img/_layout/TopMenuIcon_small_Blog.png);} /* Blog */ #mainnavstart li#top_165 a.TopMenu_sel, #mainnavstart li#top_165 a:hover, #mainnavstart li#top_30 a.TopMenu_sel, #mainnavstart li#top_30 a:hover {background-image: url(../img/_layout/TopMenuIcon_small_Photography_MO.png);} #mainnavstart li#top_210 a.TopMenu_sel, #mainnavstart li#top_210 a:hover, #mainnavstart li#top_26 a.TopMenu_sel, #mainnavstart li#top_26 a:hover {background-image: url(../img/_layout/TopMenuIcon_small_Art_MO.png);} #mainnavstart li#top_234 a.TopMenu_sel, #mainnavstart li#top_234 a:hover, #mainnavstart li#top_27 a.TopMenu_sel, #mainnavstart li#top_27 a:hover {background-image: url(../img/_layout/TopMenuIcon_small_PhotoJourney_MO.png);} #mainnavstart li#top_241 a.TopMenu_sel, #mainnavstart li#top_241 a:hover, #mainnavstart li#top_47 a.TopMenu_sel, #mainnavstart li#top_47 a:hover {background-image: url(../img/_layout/TopMenuIcon_small_Blog_MO.png);} /* * ############################################ * */ /* * TOP-LEVEL-MENU - ENDE * */ /* * ############################################ * */ /* * SUB-MENU * */ #mainSubnav { position:absolute; bottom: 0px; left: 0px; display: block; width: 100%; height: auto; padding: 0px; margin: 0px 0px 0px 0px; background: transparent; text-align: center; } ul.makeSubMenu { position: relative; list-style-type: none; font-weight: normal; width: auto; height: auto; clear: both; display:inline-block; background: transparent; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; text-align:left; } ul.makeSubMenu ul { position: relative; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: auto; height:auto; background: transparent;} ul.makeSubMenu li { position: relative; list-style-type: none; display: inline-block; background: transparent; width: auto; height: auto; list-style-image: none; margin: 0px 0px 0px 0px; padding: 0px; overflow: visible; } ul.makeSubMenu li ul { position: absolute; top: 33px; left: 0px; padding: 5px 0px 5px 0px; width: 216px; margin: 0px; background: transparent url(../img/_layout/bg_menu.png) repeat left top; border: none; display: none; box-shadow: -3px 3px 6px rgba(0,0,0,0.35); -moz-box-shadow: -3px 3px 6px rgba(0,0,0,0.35); -webkit-box-shadow: -3px 3px 6px rgba(0,0,0,0.35); -moz-border-radius: 0px 0px 9px 9px; -webkit-border-radius: 0px 0px 9px 9px; -khtml-border-radius: 0px 0px 9px 9px; border-radius: 0px 0px 9px 9px; } ul.makeSubMenu li ul li { display: block; } ul.makeSubMenu li:hover { background-color: transparent; ; z-index: 3; } ul.makeSubMenu li:hover > ul { display: block !important;} ul.makeSubMenu * { line-height: normal !important;} /* overriding my normal stylesheet */ ul.makeSubMenu li ul li ul { top: 0px; left: 200px; padding: 0px; width: 216px; display: none; margin: 0px 0px 0px 0px; border: none; overflow: hidden; background: rgba(255,255,255,0.9) !important; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } ul.makeSubMenu li ul li:hover > ul { display: block !important;} a.makeSubMenuTop, a.makeSubMenuTop:visited, a.makeSubMenuTop:link, a.makeSubMenuTop:active {display: block; color: #444444; background: transparent; font-size: 13px; height: 17px; width: auto; font-weight: 300; text-transform: none; text-decoration:none; margin: 0px 0px 0px 0px; padding: 8px 15px 8px 15px; line-height: 100%; text-align:left; } a.makeSubMenuTop_sel, a.makeSubMenuTop_sel:hover, a.makeSubMenuTop_sel:visited, a.makeSubMenuTop_sel:link, a.makeSubMenuTop_sel:active {display: block; color: #45a12a; background: transparent; font-size: 13px; height: 17px; width: auto; font-weight: bold; text-transform: none; text-decoration:none; margin: 0px 0px 0px 0px; padding: 8px 15px 8px 15px; line-height: 100%; text-align:left; } a.makeSubMenuTop:hover {display: block; color: #45a12a; background: transparent; font-size: 13px; height: 17px; width: auto; font-weight: 300; text-transform: none; text-decoration:none; margin: 0px 0px 0px 0px; padding: 8px 15px 8px 15px; line-height: 100%; text-align:left; } a.MenuLevelSub, a.MenuLevelSub:visited, a.MenuLevelSub:link, a.MenuLevelSub:active {display: block; color: #444444; background: transparent; background-position: -3px center; font-size: 12px; height: auto; width: auto; font-weight: 300; text-transform: none; text-decoration:none; margin: 0px; padding: 4px 15px 4px 15px; line-height: 100%; text-align:left; } a.MenuLevelSub_sel, a.MenuLevelSub_sel:hover, a.MenuLevelSub_sel:visited, a.MenuLevelSub_sel:link, a.MenuLevelSub_sel:active {display: block; color: #ffffff; background: #45a12a url(../img/_layout/arrow_right_sm.png) no-repeat 4px center; font-size: 12px; height: auto; width: auto; font-weight: bold; text-transform: none; text-decoration:none; margin: 0px; padding: 4px 15px 4px 15px; line-height: 100%; text-align:left; } a.MenuLevelSub:hover {display: block; color: #ffffff; background: #45a12a url(../img/_layout/arrow_right_sm.png) no-repeat 4px center; font-size: 12px; height: auto; width: auto; font-weight: 300; text-transform: none; text-decoration:none; margin: 0px; padding: 4px 15px 4px 15px; line-height: 100%; text-align:left; } a.MenuLevelSubSub, a.MenuLevelSubSub:visited, a.MenuLevelSubSub:link, a.MenuLevelSubSub:active {display: block; color: #444444; background: transparent; background-position: -3px center; font-size: 12px; height: auto; width: auto; font-weight: 300; text-transform: none; text-decoration:none; margin: 0px; padding: 4px 15px 4px 15px; line-height: 110%; text-align:left; overflow: hidden; } a.MenuLevelSubSub_sel, a.MenuLevelSubSub_sel:hover, a.MenuLevelSubSub_sel:visited, a.MenuLevelSubSub_sel:link, a.MenuLevelSubSub_sel:active {display: block; color: #ffffff; background: #45a12a url(../img/_layout/arrow_right_sm.png) no-repeat 4px center; font-size: 12px; height: auto; width: auto; font-weight: bold; text-transform: none; text-decoration:none; margin: 0px; padding: 4px 15px 4px 15px; line-height: 110%; text-align:left; overflow: hidden; } a.MenuLevelSubSub:hover {display: block; color: #ffffff !important; background: #45a12a url(../img/_layout/arrow_right_sm.png) no-repeat 4px center; font-size: 12px; height: auto; width: auto; font-weight: 300; text-transform: none; text-decoration:none; margin: 0px; padding: 4px 15px 4px 15px; line-height: 110%; text-align:left; overflow: hidden; } ul.makeSubMenu li:first-child a {} ul.makeSubMenu li:last-child a {} div.SubMenuSlider {position:absolute; bottom: 50px; left: 655px; height: 45px; width: 180px; font-size: 24px; text-align: center; margin: 0px; padding: 0px 50px 0px 70px; color: #ffffff; background: transparent url(../img/_layout/bg_black_trans30.png) repeat left top; font-weight: 300; display: block; } div.SubMenuSliderDisplay {float: left; padding: 10px; margin: 0px; min-width: 55px; } a.SubMenuSlider {position:relative; height: 45px; width: 45px; display:block; margin: 0px; padding: 0px; background: transparent url(../img/_layout/arrow_gray_left.png) no-repeat center center; } a.SubMenuSlider:hover {background-color: #703e02; } a.SubMenuSlider-left {float: left; background-image: url(../img/_layout/arrow_left.png); } a.SubMenuSlider-right {float: left; background-image: url(../img/_layout/arrow_right.png); } /* * SubMenuList * */ .SubMenuList {position: relative; height: auto; width: 100%; display:block; text-align: center; margin: 0px 0px 10px 0px; padding: 0px; } .SubMenuList ul {position: relative; list-style-type: none; height: auto; width: 100%; display:block; margin: 0px 0px 0px 0px; padding: 0px; } .SubMenuList ul li {position: relative; list-style-type: none; display: inline-block; width: auto; height: auto; list-style-image: none; margin: 0px 0px 0px 0px; padding: 0px; vertical-align: top; } .SubMenuList ul li a {display: block; font-size: 100%; margin: 0px 10px 0px 0px; padding: 2px 10px 2px 0px; border-right: 1px solid #999999; line-height: 120%; } .SubMenuList ul li:last-child a {border: none; margin: 0px 0px 0px 0px; padding: 2px 0px; } /* * EXTRA-MENU * */ #ContExtraMenu {position: relative; float: left; display:block; width: auto; height: auto; background: transparent; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; } ul.makeExtraMenu {position: relative; display:block; width: auto; height: auto; margin: 0px; padding: 0px; text-align:left; } ul.makeExtraMenu li {position: relative; list-style-type: none; float: left; list-style-image: none; margin: 0px 0px 0px 0px; padding: 0px; height: auto; width: auto; white-space:nowrap; overflow: visible;} a.extramenu, a.extramenu:visited, a.extramenu:link, a.extramenu:active, a.extramenu:focus, a.extramenu:hover {color: #444444; background: transparent; background-repeat: no-repeat; background-position: center 0px; font-size: 11px; font-weight: 300; display: block; height: 10px; width: auto; text-transform: none; text-decoration:none; margin: 0px 0px 0px 0px; padding: 30px 8px 0px 8px; line-height: 100%; border-left: 1px solid #bfbfbf; } a.extramenu_sel, a.extramenu_sel:hover, a.extramenu_sel:visited, a.extramenu_sel:link, a.extramenu_sel:focus, a.extramenu_sel:active {color: #45a12a; background: transparent; background-repeat: no-repeat; background-position: center 0px; font-size: 11px; font-weight: 400; display: block; height: 10px; width: auto; text-transform: none; text-decoration:none; margin: 0px 0px 0px 0px; padding: 30px 8px 0px 8px; line-height: 100%; border-left: 1px solid #bfbfbf; } a.extramenu:hover {color: #45a12a; background: transparent; background-repeat: no-repeat; background-position: center 0px; text-decoration:none;} ul.makeExtraMenu li:last-child a {border-right: 1px solid #bfbfbf; } .li-extramenu-back {display: none;} #start #extramenu-46, #start #extramenu-62 {border-left: none !important; } #extramenu-back { background-image: url(../img/_layout/icon_back.png); } /* Back */ #extramenu-46, #extramenu-160 { background-image: url(../img/_layout/icon_home.png); } /* Home */ #extramenu-56, #extramenu-247 { background-image: url(../img/_layout/icon_eur.png); } /* Preise */ #extramenu-9, #extramenu-248 { background-image: url(../img/_layout/icon_contact.png); } /* Kontakt */ #extramenu-6, #extramenu-249 { background-image: url(../img/_layout/icon_imprint.png); } /* Impressum */ #extramenu-57, #extramenu-250 { background-image: url(../img/_layout/icon_location.png); } /* Anfahrt */ #extramenu-7, #extramenu-251 { background-image: url(../img/_layout/icon_sitemap.png); } /* Sitemap */ #extramenu-253, #extramenu-267 { background-image: url(../img/_layout/icon_news.png); } /* News */ #extramenu-320, #extramenu-319 { background-image: url(../img/_layout/icon_dataprotection.png); } /* News */ #extramenu-back.extramenu_sel, #extramenu-back:hover { background-image: url(../img/_layout/icon_back_MO.png); } #extramenu-46.extramenu_sel, #extramenu-46:hover, #extramenu-160.extramenu_sel, #extramenu-160:hover { background-image: url(../img/_layout/icon_home_MO.png); } #extramenu-56.extramenu_sel, #extramenu-56:hover, #extramenu-247.extramenu_sel, #extramenu-247:hover { background-image: url(../img/_layout/icon_eur_MO.png); } #extramenu-9.extramenu_sel, #extramenu-9:hover, #extramenu-248.extramenu_sel, #extramenu-248:hover { background-image: url(../img/_layout/icon_contact_MO.png); } #extramenu-6.extramenu_sel, #extramenu-6:hover, #extramenu-249.extramenu_sel, #extramenu-249:hover { background-image: url(../img/_layout/icon_imprint_MO.png); } #extramenu-57.extramenu_sel, #extramenu-57:hover, #extramenu-250.extramenu_sel, #extramenu-250:hover { background-image: url(../img/_layout/icon_location_MO.png); } #extramenu-7.extramenu_sel, #extramenu-7:hover, #extramenu-251.extramenu_sel, #extramenu-251:hover { background-image: url(../img/_layout/icon_sitemap_MO.png); } #extramenu-253.extramenu_sel, #extramenu-253:hover, #extramenu-267.extramenu_sel, #extramenu-267:hover { background-image: url(../img/_layout/icon_news_MO.png); } #extramenu-320.extramenu_sel, #extramenu-320:hover, #extramenu-319.extramenu_sel, #extramenu-319:hover { background-image: url(../img/_layout/icon_dataprotection_MO.png); } a.printbtn, a.printbtn:visited, a.printbtn:link, a.printbtn:active, a.printbtn:hover {position:relative; display: block; width: auto; height: 10px; font-size: 11px; font-weight: 300; text-decoration: none; text-transform: none; color: #444444; background: transparent url(../img/_layout/print.png) no-repeat center 7px; margin: 0px 0px 0px 0px; padding: 30px 8px 0px 8px; line-height: 100%; border-left: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; overflow:hidden; } a.printbtn:hover {text-decoration: none; color: #45a12a; background-image: url(../img/_layout/print_ho.png); } /* * LANGUAGE-MENU * */ ul.LanguageBox {position: relative; display:block; float: right; width: auto; height: auto; color: inherit; background: transparent; margin: 5px 0px 0px 0px; padding: 0px 0px; text-align:left; white-space:nowrap; } ul.LanguageBox li {position: relative; list-style-type: none; list-style-image: none; float: left; _display:inline; margin: 0px 0px 0px 0px; padding: 0px; height: auto; width: auto; white-space:nowrap; overflow: visible;} a.langmenu, a.langmenu:visited, a.langmenu:link, a.langmenu:active, a.langmenu:focus, a.langmenu:hover {color: #999999; background: transparent url(../img/Flags/language.png) no-repeat center 0px; font-size:11px; display: block; height: 10px; width: auto; font-weight: 300; text-decoration:none; margin: 0px 0px 0px 0px; padding: 30px 8px 0px 8px; line-height: 100%; border-left: 1px solid #bfbfbf; } a.langmenu_sel, a.langmenu_sel:hover, a.langmenu_sel:visited, a.langmenu_sel:link, a.langmenu_sel:focus, a.langmenu_sel:active {color: #45a12a; background: transparent url(../img/Flags/language_active.png) no-repeat center 0px; font-size:11px; display: block; height: 10px; width: auto; font-weight: 400; text-decoration:none; margin: 0px 0px 0px 0px; padding: 30px 8px 0px 8px; line-height: 100%; border-left: 1px solid #bfbfbf; } a.langmenu:hover {color: #45a12a; background: transparent url(../img/Flags/language_active.png) no-repeat center 0px; text-decoration:none;} ul.LanguageBox li:last-child a {border-right: 1px solid #bfbfbf; } #ContentBoxTop ul.LanguageBox {display: none; position: absolute; right: 0px; bottom: 10px; } #ContentBoxTop ul.LanguageBox li a {border: none !important; border-right: 1px solid #bfbfbf !important; font-size: 13px !important; height: auto !important; padding: 2px 10px !important; background: transparent !important; } #ContentBoxTop ul.LanguageBox li:last-child a {border: none !important; } #start #ContentBoxTop ul.LanguageBox {display: block !important;} #start #ContentBoxBottom ul.LanguageBox {display: none !important;} /* Sitemap */ ul.Sitemap {position: relative; margin: 0px 0px 0px 0px; padding: 0px; display:block; width: auto; background: transparent; border: none; overflow: visible;} ul.Sitemap li {position: relative; margin: 0px 0px 0px 0px; padding: 0px; height: auto; width: auto; overflow: visible; list-style-image: url(../img/_layout/list_bullet_gray.png); } ul.Sitemap li ul li {list-style-image: url(../img/_layout/list_bullet2_gray.png); } ul.Sitemap li ul li ul li {list-style-image: url(../img/_layout/list_bullet3_gray.png); } ul.Sitemap a, ul.Sitemap a:visited, ul.Sitemap a:focus, ul.Sitemap a:active, ul.Sitemap a:hover, ul.Sitemap a:link {display:block; color: #666666; background: transparent; text-decoration:none; font-weight: normal; font-style: normal; padding: 3px; height: auto; width: auto; overflow:visible;} ul.Sitemap a:hover {color: #ffffff !important; background: #dadada; text-decoration:none;} ul.Sitemap li.top {list-style-type: none; list-style-image: none; margin-top: 20px;} ul.Sitemap a.sitemap_top {font-weight: bold; text-transform:uppercase; background: transparent; border-bottom: 1px solid #666666; border-top: 1px solid #666666;} ul.Sitemap a.sitemap_top:hover {background: #666666; color: #ffffff;} ul.Sitemap a.sitemap_sub, ul.Sitemap a.sitemap_subsub {color: #666666;} ul.Sitemap a:hover {background: #666666; color: #ffffff;} /* style_green */ ul.Sitemap .style_green li {list-style-image: url(../img/_layout/list_bullet.png); } ul.Sitemap .style_green li ul li {list-style-image: url(../img/_layout/list_bullet2.png); } ul.Sitemap .style_green li ul li ul li {list-style-image: url(../img/_layout/list_bullet3.png); } ul.Sitemap .style_green a {color: #45a12a; } ul.Sitemap .style_green a:hover {background: #45a12a !important; color: #ffffff !important; } ul.Sitemap .style_green a.sitemap_top {border-color: #45a12a !important; } ul.Sitemap .style_green a.sitemap_top:hover {background-color: #45a12a !important; color: #ffffff !important; } ul.Sitemap .style_green a.sitemap_sub, ul.Sitemap .style_green a.sitemap_subsub {color: #45a12a !important; } ul.Sitemap .style_green a.sitemap_sub:hover, ul.Sitemap .style_green a.sitemap_subsub:hover {color: #ffffff !important; } /* style_blue */ ul.Sitemap .style_blue li {list-style-image: url(../img/_layout/list_bullet_blue.png); } ul.Sitemap .style_blue li ul li {list-style-image: url(../img/_layout/list_bullet2_blue.png); } ul.Sitemap .style_blue li ul li ul li {list-style-image: url(../img/_layout/list_bullet3_blue.png); } ul.Sitemap .style_blue a {color: #004293; } ul.Sitemap .style_blue a:hover {background: #004293 !important; color: #ffffff !important; } ul.Sitemap .style_blue a.sitemap_top {border-color: #004293 !important; } ul.Sitemap .style_blue a.sitemap_top:hover {background-color: #004293 !important; color: #ffffff !important; } ul.Sitemap .style_blue a.sitemap_sub, ul.Sitemap .style_blue a.sitemap_subsub {color: #004293 !important; } ul.Sitemap .style_blue a.sitemap_sub:hover, ul.Sitemap .style_blue a.sitemap_subsub:hover {color: #ffffff !important; } /* style_cyan */ ul.Sitemap .style_cyan li {list-style-image: url(../img/_layout/list_bullet_cyan.png); } ul.Sitemap .style_cyan li ul li {list-style-image: url(../img/_layout/list_bullet2_cyan.png); } ul.Sitemap .style_cyan li ul li ul li {list-style-image: url(../img/_layout/list_bullet3_cyan.png); } ul.Sitemap .style_cyan a {color: #70cbee; } ul.Sitemap .style_cyan a:hover {background: #70cbee !important; color: #ffffff !important; } ul.Sitemap .style_cyan a.sitemap_top {border-color: #70cbee !important; } ul.Sitemap .style_cyan a.sitemap_top:hover {background-color: #70cbee !important; color: #ffffff !important; } ul.Sitemap .style_cyan a.sitemap_sub, ul.Sitemap .style_cyan a.sitemap_subsub {color: #70cbee !important; } ul.Sitemap .style_cyan a.sitemap_sub:hover, ul.Sitemap .style_cyan a.sitemap_subsub:hover {color: #ffffff !important; } /* style_purple */ ul.Sitemap .style_purple li {list-style-image: url(../img/_layout/list_bullet_purple.png); } ul.Sitemap .style_purple li ul li {list-style-image: url(../img/_layout/list_bullet2_purple.png); } ul.Sitemap .style_purple li ul li ul li {list-style-image: url(../img/_layout/list_bullet3_purple.png); } ul.Sitemap .style_purple a {color: #733a8c; } ul.Sitemap .style_purple a:hover {background: #733a8c !important; color: #ffffff !important; } ul.Sitemap .style_purple a.sitemap_top {border-color: #733a8c !important; } ul.Sitemap .style_purple a.sitemap_top:hover {background-color: #733a8c !important; color: #ffffff !important; } ul.Sitemap .style_purple a.sitemap_sub, ul.Sitemap .style_purple a.sitemap_subsub {color: #733a8c !important; } ul.Sitemap .style_purple a.sitemap_sub:hover, ul.Sitemap .style_purple a.sitemap_subsub:hover {color: #ffffff !important; } /* * NewsMenu * */ ul.NewsMenu {display: block; list-style-type: none; margin: 25px 10px 40px 10px; padding: 0px 0px 0px 0px; background: transparent;} ul.NewsMenu li {list-style-type: none; list-style-image: none; margin: 0px; padding: 0px; height: auto;} ul.NewsMenu a, ul.NewsMenu a:visited, ul.NewsMenu a:focus, ul.NewsMenu a:active, ul.NewsMenu a:link {display:block; color:#333333; background: transparent; text-decoration:none; font-weight: normal; font-style: normal; padding: 0px 0px 4px 0px; height: auto; width: auto; _height: 10px; overflow:visible;} ul.NewsMenu a:hover {display:block; color:#4cc6f5; background: transparent; text-decoration:underline; font-weight: normal; font-style: normal; padding: 0px 0px 4px 0px; height: auto; width: auto; _height: 10px; overflow:visible;} h1 {color: #45a12a; background: transparent; } h2 {color: inherit; background: transparent; } h3 {color: #45a12a; background: transparent; } h4 {color: inherit; background: transparent; } h5, h6 {color: inherit; background: transparent; } h1 {font-weight: 300; font-size: 42px; margin: 0px 0px 20px 0px; padding: 0px; display: block; line-height: 110%; text-align: center; } h2 {font-weight: 300; font-size: 120%; margin: 0px 0px 20px 0px; padding: 0px; display: block; line-height: 130%; text-align: center; } h3 {font-weight: bold; font-size: 140%; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; display: block;} h4 {font-weight: bold; font-size: 120%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left;} h5 {font-weight: bold; font-size: 110%; padding: 0px 0px 3px 0px; margin: 0px 0px 0px 0px;} h6 {font-weight: bold; font-size: 100%; margin:0; margin-bottom: 3px;} h2.form_order {font-weight: normal; font-size: 100%; } h1 b {font-weight: 700; } #start h1 {} .body-main_wide h1 {text-align: center; } .ContentBoxPrint h1, .ContentBoxPrint h2, .ContentBoxPrint h3, .ContentBoxPrint h4, .ContentBoxPrint h5, .ContentBoxPrint h6 {color: #000000;} /* * MediaBox * */ #MediaBoxStart {position: relative; display: block; float: left; width: 298px; height: 298px; font-size: inherit; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; color: inherit; z-index: 0; background: #000000; border: 1px solid #bbbbbb; overflow: hidden; box-shadow: -7px 7px 7px rgba(0,0,0,0.6); -moz-box-shadow: -7px 7px 7px rgba(0,0,0,0.6); -webkit-box-shadow: -7px 7px 7px rgba(0,0,0,0.6); overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } a.MediaBoxStart {width: 100%; display:block; margin: 0px; padding: 70px 0px 0px 0px; height: 95px; color: #cccccc; background: transparent; text-transform:uppercase; font-size: 26px; font-weight: normal; text-align:center; } a.MediaBoxStart:hover {background: #3b82ba; text-decoration: none; } #MediaBoxStart .layer {position:absolute; top: 0px; display:block; width: 300px !important; height: 300px !important; z-index: 1; background: transparent url(../img/_layout/video_play.png) no-repeat center !important; } #MediaBoxStart img {position:absolute; top: 50%; left: 0px; display:block; margin: -85px 0px 0px 0px; } .videocontainer {position: relative; display: block; width: 100%; max-width: 640px; height: auto; padding: 0px 0px 0px 0px; margin: 0px auto 20px; } /* * News * */ .NewsBox {position: relative; display: block; text-align: left; height: auto; font-size: inherit; padding: 0px; margin: 0px 0px 0px 0px; color: inherit; background: transparent;} .NewsBoxTop {padding: 20px 0px 0px 0px; margin: 0px; -moz-border-radius: 0px 0px 9px 9px; -webkit-border-radius: 0px 0px 9px 9px; -khtml-border-radius: 0px 0px 9px 9px; border-radius: 0px 0px 9px 9px;} .NewsBoxCont {position: relative; display: block; color: inherit; font-size: inherit; line-height: 130%; height: auto; background: transparent; padding: 5px 0px 5px 0px; margin: 0px 0px 0px 0px; font-weight: normal; text-transform: none; } .NewsBoxCont:hover {background: transparent url(../img/_layout/bg_white_trans30.png) repeat left top; } .NewsBoxContImgSliderBox {position:absolute; top: 1px; left: 1px; width: auto; height: auto; overflow:hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .NewsBoxContImg {position:absolute; top: 0px; left: 0px; display: none; } .NewsBoxCont h4, .NewsBoxCont a {text-decoration:none; font-weight: bold; font-size: inherit; color: inherit; background: transparent; padding: 0px 0px 0px 0px; margin: 0px 0px 2px 0px; } .newsblock {margin:0; padding:0; padding-left: 1px; margin-bottom: 5px;} .news_text {padding: 5px 10px 0px 10px; } .NewsBoxCont a {font-weight: normal; display: block;} .news_text .date {display:none; } ul.NewsSlideList { position: relative; list-style-type: none; font-weight: normal; display: block; width: 100000px; height: auto; background: transparent; margin: 0px; padding: 0px; overflow: visible;} ul.NewsSlideList li { position: relative; float: left; list-style-type: none; background: transparent; width: 200px; height: auto; list-style-image: none; margin: 0px 20px 0px 0px; padding: 0px; vertical-align:top;} .SlideShowBox { position: relative; display: block; width: 100%; height: 228px; font-size: 16px; background: transparent url(../img/_layout/bg_slide_gallery.jpg) no-repeat center top; border-top: 1px solid #333333; border-bottom: 1px solid #333333; margin: -30px 0px 0px 0px; padding: 0px; line-height: 100%; overflow: hidden;} ul.SlideShowBoxList { position: relative; list-style-type: none; font-weight: normal; display: block; width: 10000px; height: auto; background: transparent; margin: 0px; padding: 0px; overflow: visible;} ul.SlideShowBoxList li { position:absolute; top:0px; left:750px; list-style-type: none; background: transparent; width: 750px; height: auto; list-style-image: none; margin: 0px 0px 0px 0px; padding: 0px; vertical-align:top;} .SlideShowBox .tile_text { position:absolute; left:40px; top: 150px;} .SlideShowBox h4, .SlideShowBox a { color: #333333;} .SlideShowBox h4 { font-size: 26px; width: 500px; line-height: 100%} .SlideShowBox a:hover { text-decoration: none;} /* Scroller */ #cont {position: relative; display: block; height: auto; overflow: hidden; padding-bottom: 10px; } #contScroller1 a {position: relative; display: block; height: 11px; width: 100%; background: #e4e4e4 url(../img/_layout/scroll_up.gif) no-repeat center top;} #contScroller1 a:hover {background: #45a12a url(../img/_layout/scroll_up_MO.gif) no-repeat center top;} #contScroller2 a {position: relative; display: block; height: 11px; width: 100%; background: #e4e4e4 url(../img/_layout/scroll_down.gif) no-repeat center top;} #contScroller2 a:hover {background: #45a12a url(../img/_layout/scroll_down_MO.gif) no-repeat center top;} #cont ul {display:block; list-style-type: none; list-style-image: none; width: 100%; margin: 0px; padding: 0px;} #cont ul li {list-style-type: none; list-style-image: none; margin: 0px; padding: 0px; height: auto; width: auto; } a.newshead, a.newshead:link, a.newshead:focus, a.newshead:active, a.newshead:hover, a.newshead:visited {font-weight: bold; color: #45a12a; background: transparent; font-size: inherit; display: block; width: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: left;} a.newshead:hover {text-decoration:none; color: #45a12a; } a.newshead-2, a.newshead-2:link, a.newshead-2:focus, a.newshead-2:active, a.newshead-2:hover, a.newshead-2:visited {display: block; padding-bottom: 80px;} a.newstop, a.newstop:link, a.newstop:focus, a.newstop:active, a.newstop:hover, a.newstop:visited {font-weight: normal; color: #ffffff; background: #45a12a url(../img/_layout/arrow_right_sm.png) no-repeat 8px center; font-size: 14px; display: block; width: auto; padding: 10px 10px 10px 20px; margin: 0px 0px 0px 0px; text-align: left; text-transform: uppercase; line-height: 100%; } a.newstop:hover {text-decoration:none; color: #ffffff; background: #45a12a url(../img/_layout/arrow_right_sm.png) no-repeat 8px center; } /* * News-Content * */ .NewsContainer {position: relative; display: block; height: auto; width: auto; padding: 0px 0px 10px 0px; margin: 10px 0px 0px 0px; border-bottom: 1px dotted #cccccc;} .NewsContainer-right {margin-right: 0px; border-right: none;} .NewsContainer .date {display:none; color: #666666; font-size: 90%; text-align:left; padding: 0px 0px;} .newscontblock {margin:0; padding: 0px 0px; } .newsimg {float:right; margin: 0px 0px 0px 10px; width: 150px; padding: 0px; overflow: visible; } .newsimgpage {padding:13px; padding-bottom:56px; margin: 0; color: #000000; background: #333333;} /* * Widgets * */ a.widget-top, a.widget-top:link, a.widget-top:focus, a.widget-top:active, a.widget-top:hover, a.widget-top:visited {font-weight: normal; color: #cccccc; background: #302015 url(../img/_layout/arrow_right_sm.png) no-repeat 8px center; border: 1px solid #5e5046; font-size: 18px; display: block; width: auto; padding: 10px 10px 10px 20px; margin: 0px 0px 0px 0px; text-align: left; text-transform: uppercase; line-height: 100%; overflow: hidden; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; } a.widget-top:hover {text-decoration:none; color: #ffffff; background: #49301f url(../img/_layout/arrow_right_sm.png) no-repeat 8px center; box-shadow: 0px 0px 10px rgba(255,255,255,0.35); -moz-box-shadow: 0px 0px 10px rgba(255,255,255,0.35); -webkit-box-shadow: 0px 0px 10px rgba(255,255,255,0.35); } a.widget-btn-open {background-image: url(../img/_layout/arrow_right_sm_down.png) !important; } .WidgetBox {position: relative; display: block; height: auto; font-size: inherit; padding: 0px; margin: 0px 0px 5px 0px; color: inherit; background: transparent;} .WidgetCont {position: relative; display: block; height: auto; font-size: inherit; padding: 0px; margin: 0px 0px 0px 0px; color: inherit; background: transparent;} #WidgetCont_banner, #WidgetCont_google {padding-top: 20px; text-align: center; } #cont_ab00b1233d5772e439f89990349cbe41 {margin: 10px 15px; overflow: hidden; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; } #cont_ab00b1233d5772e439f89990349cbe41 a {font-size: 12px; text-decoration: none; } a#WidgetBtn_objform {display: block; width: 100%; text-decoration:none; text-align: center; font-size: 90%; margin-top: 10px; background: #dddddd !important; color: #666666; overflow: hidden; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; } a#WidgetBtn_objform:hover {background: #bbbbbb !important; text-decoration:none; color: #ffffff; } a#WidgetBtn_objform.widget-btn-open {-moz-border-radius: 7px 7px 0px 0px; -webkit-border-radius: 7px 7px 0px 0px; -khtml-border-radius: 7px 7px 0px 0px; border-radius: 7px 7px 0px 0px; } #WidgetCont_objform {margin: 0px 0px 10px 0px; padding: 10px 0px 0px 0px; background: #f0f0f0; border: 1px solid #bbbbbb; overflow: hidden; -moz-border-radius: 0px 0px 7px 7px; -webkit-border-radius: 0px 0px 7px 7px; -khtml-border-radius: 0px 0px 7px 7px; border-radius: 0px 0px 7px 7px; } /* * Widgets-ENDE * */ /* * WeatherBox * */ #WeatherBox { position: absolute; top: 0px; left: 0px; display: none; color: inherit; background: #ffffff; font-size: inherit; height: auto; width: 180px; border: 2px solid #45a12a; font-weight: normal; margin: 0px; padding: 5px; overflow: hidden; box-shadow: 5px 5px 5px rgba(0,0,0,0.5); -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5); -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; z-index: 1003;} .WeatherBox-btn { display: block; color: #ffffff; background: #45a12a url(../img/_layout/icon_weather.png) no-repeat 110px 0px; text-transform: uppercase; font-size: 13px; height: auto; font-weight: normal; text-decoration:none; margin: 0px 0px 0px 0px; padding: 12px 0px 12px 40px; line-height: 100%; text-align:left; } .WeatherBox-btn:hover { text-decoration:none; color: #ffffff; background: #999999 url(../img/_layout/icon_weather.png) no-repeat 110px 0px; } .LogoBox {position: relative; height: 120px; border: none;} .logo_rotation_box {position: relative; display:block; padding: 0px 0px;} .LogoBox .logo_rotation_box {position: absolute; top: 0px; left: 10px; padding: 0px 0px;} /* * Teaser * */ .TeaserContainer {width:270px; float:left; height: auto; padding: 0px; margin: 0px 0px 0px 0px;} .TeaserArticle {display:block; height: auto; padding: 4px 8px 4px 8px; margin: 0px 0px 20px 0px; border: 1px #cccccc solid;} .TeaserGroup {width:500px; height: auto; padding: 4px 8px 4px 8px; margin: 0px 0px 15px 0px; border: 1px #cccccc solid;} .LinkContainer {display: block; margin: 30px 0px 3px 0px; padding: 0px; } .LinkContainer p {display: block; margin: 0px 5px 10px 5px; padding: 0px;} .ExtraMenuBox {display: block; height: 50px; margin: 0px 5px 3px 10px; padding: 0px; border: 1px solid #4cc6f5;} .img_left {float: left; border-right: 1px solid #4cc6f5; width: 50px;} .linkbox {float: left; height: 50px; width: 121px; padding: 0px; overflow: hidden;} .linkbox a, .linkbox a:visited, .linkbox a:focus, .linkbox a:active, .linkbox a:link {display:block; height: 100%; color:#333333; background: #ffffff; text-decoration:none; font-weight: normal; padding: 5px 5px 0px 5px;} .linkbox a:hover {display:block; height: 100%; color:#ffffff; background: #4cc6f5; text-decoration:none; font-weight: normal; padding: 5px 5px 0px 5px;} ul.linklist {vertical-align: top; font-weight: normal; list-style-type:none; list-style-image: none; } li.linklist {vertical-align: top; font-weight: normal; list-style-image: url(../img/_layout/list_bullet.png); margin-left:25px; padding-left:0;} .linklist a {font-weight: bold; color: #45a12a; margin: 0px; padding: 0px; } .linklist a:hover {text-decoration: underline; color: #45a12a; } ul.optionlist {position: relative; display:block; list-style-type:none; list-style-image: none; height: auto; width: 300px; margin: 0px 0px 0px 10px; padding:0; border: 1px solid #45a12a; overflow: hidden; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; } ul.optionlist li {position: relative; display:block; list-style-type:none; list-style-image: none; height: auto; width: auto; margin: 0px; padding:0; } ul.optionlist li a {position: relative; display:block; height: auto; width: 285px; font-weight: bold; color: #45a12a; border-bottom: 1px solid #45a12a; background: #f0f0f0 url(../img/_layout/arrow_right.png) no-repeat 8px center; margin: 0px; padding: 5px 10px 5px 25px; } ul.optionlist li a:hover {text-decoration: none; color: #ffffff; background: #45a12a url(../img/_layout/arrow_right_hover.png) no-repeat 8px center; } ul.optionlist li:last-child a {border: none;} ul.optionlist li a.print {background-image: url(../img/_layout/print.png); background-position: 3px center; } ul.optionlist li a.print:hover {background-image: url(../img/_layout/print_ho.png); background-position: 3px center; } ul.optionlist li a.back {background-image: url(../img/_layout/arrow_left.png); } ul.optionlist li a.back:hover {background-image: url(../img/_layout/arrow_left_hover.png); } ul.optionlist li a.calculate {background-image: url(../img/_layout/icon_calc.png); background-position: 3px center; } ul.optionlist li a.calculate:hover {background-image: url(../img/_layout/icon_calc_hover.png); background-position: 3px center; } ul.pdflist li, li.pdflist {vertical-align: top; font-weight: normal; list-style-image: url(../img/_layout/icon_pdf.gif); margin-left:23px; padding-left:0;} ul li a {font-weight: normal;} div.pdflist {background: url(../img/_layout/icon_pdf.gif) no-repeat left top; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 27px; } ul.urllink li, li.urllink {vertical-align: top; list-style-image: url(../img/_layout/icon_link.gif); margin-left:23px; padding-left:0;} ul.dllink li, li.dllink {vertical-align: top; list-style-image: url(../img/_layout/icon_download.gif); margin-left:23px; padding-left:0;} ul.pdf li, li.pdf {list-style-image: url(../img/_layout/icon_pdf.gif);} ul.ppt li, li.ppt, ul.pptx li, li.pptx, ul.pps li, li.pps, ul.ppx li, li.ppx {list-style-image: url(../img/_layout/icon_ppt.gif);} ul.mp3 li, li.mp3 {list-style-image: url(../img/_layout/icon_mp3.gif);} ul.word li, li.word, ul.doc li, li.doc {list-style-image: url(../img/_layout/icon_word.gif);} ul.tablist {position: relative; list-style-type: none; display: block; width: auto; list-style-type: none; margin: 0px auto; padding: 0px 0px 5px 0px; background: transparent; border: none; overflow: visible; text-align:center; } li.tablist {position: relative; list-style-type: none; display:inline; list-style-image: none; margin: 0px 0px 0px 0px; padding: 0px; height: auto; width: auto; white-space:nowrap; overflow: visible; } li.tablist a {height: auto; width: auto; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px; border-left: 1px solid #666666; overflow: visible; white-space:nowrap;} li.tablist a.tablistfirst {border: none;} .iframe-disclaimer, .iframe-disclaimer h5 {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .iframe-disclaimer .inner {height: 100%; } .iframe-disclaimer {position: relative; display: block; z-index: 150; width: 100%; height: auto; min-height: 300px; font-size: 100%; margin: 0px; color: #ffffff; padding: 15px 15px 15px 70px; background-color: #45a12a; background-repeat: no-repeat; background-position: 15px 15px; background-size: 40px auto; } .iframe-disclaimer h5 {color: #ffffff; display: block; font-size: 140%; font-weight: inherit; margin: 10px 0px 10px; padding: 0px; } .allow-iframe, .allow-iframe:hover {color: #45a12a; background: #ffffff; display: inline-block; padding: 10px 20px; text-transform: none; margin: 10px 0px 0px 0px; } .allow-iframe:hover {cursor: pointer; color: #ffffff; background: #000000; text-decoration: none; } .disclaimer-small {font-size: 90%; padding: 15px 15px 15px 70px; background-position: 15px 15px; background-size: 40px auto; } .disclaimer-small h5 {font-size: 140%; margin: 5px 0px 15px; } .disclaimer-small .allow-iframe, .disclaimer-small .allow-iframe:hover {right: auto; bottom: auto; padding: 5px 10px; font-size: 100%; } #tagcloud {height: auto; display:block; margin: 0px 0px 5px 0px; padding: 0px 5px 5px; font-weight: normal; font-size: 10px; border: none;} #tagcloud h1 {height: auto; display:none; margin: 0px; padding: 3px 5px 3px 5px; font-weight: bold; font-size: 11px; border-bottom: 1px solid #777777; color: #ffffff; background: #777777;} #tagcloud ul {list-style-type: none; height: auto; display:block; margin: 0px 0px; padding: 0px 0px 0px 0px; font-size: inherit;} #tagcloud ul li {position: relative; list-style-type: none; display: inline; background: transparent; font-size: inherit; width: auto; height: auto; list-style-image: none; margin: 0px 5px 0px 0px; padding: 0px; vertical-align:bottom; } #tagcloud ul li:lastchild {border:none;} #tagcloud div {margin: 5px; padding: 0px; color: #777777;} #tagcloud a {color: #888888; display:inline; white-space:normal; } #tagcloud a:hover {text-decoration: underline;} div.btContainer {float:left; padding:0; margin: 4px 0px 0px 10px;} div.formContainer {float:left; margin:0; margin-right:8px; padding: 0;} div.textbox {float:left; margin-right:10px;} div.imgbox {padding:10px; margin-right: 5px; margin-bottom:5px; background: #CFD1EE; text-align:center; font-size: 11px;} div.float_left {float:left; margin: 0px 10px 0px 0px; } div.float_left_border {float:left; border-left: 1px #FFFFFF solid; } div.float_right {float:right; margin: 0px 0px 0px 10px; } /*Columns*/ div.leftcol {float:left; margin: 0px 20px 2px 0px; clear:both; width: 48%; overflow: hidden;} div.rightcol {float:right; width: 48%; overflow: hidden;} div.col {float:left; margin: 0px 10px 10px 0px; width: 48%; overflow: hidden;} div.col1 {float:left; margin: 0px 20px 2px 0px; clear:both; width: 32%; overflow: hidden;} div.col2 {float:left; margin: 0px 20px 2px 0px; width: 32%; overflow: hidden;} div.col3 {float:right; margin: 0px 0px 2px 0px; width: 31%; overflow: hidden;} div.colbig {float:left; margin: 0px 20px 2px 0px; width: 60%; overflow: hidden;} /*Gallery*/ .GalleryCont {position: relative; display: block; clear: both; width: 100%; max-width: 666px; margin: 0px auto 20px; text-align: center; } div.tile_square {position: relative; display: block; float: left; margin: 3px; height: auto; width: 660px; padding: 0px 0px 0px 0px; text-align:center; background: #000000; vertical-align: top; overflow:hidden; box-shadow: -2px 2px 4px rgba(0,0,0,0.5); -moz-box-shadow: -2px 2px 4px rgba(0,0,0,0.5); -webkit-box-shadow: -2px 2px 4px rgba(0,0,0,0.5); } div.tile_square a {position: relative; margin: 0px; padding: 0px; display: block; background: transparent; height: auto; width: 100%; } div.tile_square img {position: relative; margin: 0px auto; padding: 0px; display: block; width: 100%; height: auto;} div.tile_square h4 {font-size: 30px; color: #666666; text-shadow:none; line-height: 110%;} div.tile_thumb {position: relative; float:left; margin: 0px 20px 20px 20px; height: 80px; width: 80px; padding: 10px; text-align:left; overflow: hidden;} div.tile_text {position:absolute; top: 200px; margin-left: 20px; color: #000000; width: 280px; height:auto; text-shadow:none; opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60); line-height: 100%; text-align:left; z-index: 1; } div.tile_square .vidlayer {position:absolute; top: 0px; left: 0px; display:block; width: 100%; height: 100%; margin: 0px; padding: 0px; z-index: 10; background: transparent url(../img/_layout/video_play.png) no-repeat center; } div.tile_square_big {margin: 0px 0px 13px 0px; height: 200px; width: 330px; } div.tile_square_expose {margin: 0px 2px 2px 0px; height: 45px; width: 63px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; -khtml-border-radius: 3px !important; border-radius: 3px !important; } div.tile_square_big img {height: 200px; width: 330px; } div.tile_square_expose img {height:100%;} .single {} .two_columns {width: 327px !important; } .three_columns {width: 216px !important; } .two_columns_1-2_1 {height: 329px !important; width: 216px !important; } .two_columns_1-2_2 {height: 329px !important; width: 438px !important; } .two_columns_2-1_1 {height: 329px !important; width: 438px !important; } .two_columns_2-1_2 {height: 329px !important; width: 216px !important; } .group_of_3_left_1 {height: 450px !important; width: 216px !important; } .group_of_3_left_2 {height: 197px !important; width: 438px !important; } .group_of_3_left_3 {height: 247px !important; width: 438px !important; } .group_of_3_right_1 {height: 197px !important; width: 438px !important; } .group_of_3_right_2 {height: 247px !important; width: 438px !important; } .group_of_3_right_3 {height: 450px !important; width: 216px !important; margin-top: -200px !important; } .squaregroup_of_3_left_1 {height: 438px !important; width: 438px !important; } .squaregroup_of_3_left_2 {height: 216px !important; width: 216px !important; } .squaregroup_of_3_left_3 {height: 216px !important; width: 216px !important; } .squaregroup_of_3_right_1 {height: 216px !important; width: 216px !important; } .squaregroup_of_3_right_2 {height: 438px !important; width: 438px !important; } .squaregroup_of_3_right_3 {height: 216px !important; width: 216px !important; margin-top: -219px !important; } .squaregroup_of_3_left_1 img, .squaregroup_of_3_left_2 img, .squaregroup_of_3_left_3 img, .squaregroup_of_3_right_1 img, .squaregroup_of_3_right_2 img, .squaregroup_of_3_right_3 img, .two_columns_1-2_1 img, .two_columns_1-2_2 img, .two_columns_2-1_1 img, .two_columns_2-1_2 img, .group_of_3_left_1 img, .group_of_3_right_3 img {width: auto !important; height: 100% !important; } .tile-ref {width: 23% !important; box-sizing: border-box; height: 0px !important; margin: 1% !important; padding: 23% 0px 0px 0px !important; background: #ffffff !important; text-align: center !important; vertical-align: middle !important; } .tile-ref img {position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; display: block !important; vertical-align: middle !important; height: auto !important; width: auto !important; max-width: 90% !important; max-height: 100% !important; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; } .helper {position: relative; display: inline-block; height: 100%; width: 0px; vertical-align: middle; } /*Big Teaser*/ div.tile {position: relative; float:left; margin: 0px 4px 10px 4px; height: 100px; width: 100px; padding: 0px 0px 0px 0px; text-align:center; background: #ffffff; overflow:hidden; box-shadow: -2px 2px 4px rgba(0,0,0,0.5); -moz-box-shadow: -2px 2px 4px rgba(0,0,0,0.5); -webkit-box-shadow: -2px 2px 4px rgba(0,0,0,0.5); } /*div.tile img {position: relative; margin: 0px; padding: 0px; min-width: 100%; min-height: 100%; }*/ div.tile a.imgbox {position: relative; display: block; width: 100%; height: 100%; margin: 0px; background: transparent; background-size: 100% 100% !important; } div.tilelink {position:absolute; display: none; bottom: 0px; left: 0px; width:100%; margin: 0px; padding: 0px; text-align:center; background: transparent url(../img/_layout/bg_black_trans50.png) repeat left top; overflow:hidden; } div.tilelink a {position:relative; color: #ffffff; display: block; padding: 5px 10px; font-size: 80%; display:block; text-align:center; font-weight: normal; text-decoration:none; line-height: 110%; } div.tilelink a:hover {text-decoration:none;} div.last {margin-right: 0px;} #start div.tile {float: none; display: inline-block; overflow: visible !important; margin: 0px 13px 43px 0px; height: 230px; width: 190px; background: transparent; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -moz-border-radius: none; -webkit-border-radius: none; -khtml-border-radius: none; border-radius: none; } #start div.tile img {min-width: auto; min-height: auto; width: auto; height: auto; } #start div.tilelink {display: block; bottom: auto; top: 250px; background: transparent !important; } #start div.tilelink a {color: #666666 !important; padding: 0px !important; font-size: 100% !important; } /* Slideshows */ #background_wrap {position:fixed; display:block; top: 0px; left: 0px; margin: 0px; padding: 0px; width: 100%; height: 100%; z-index: 0; } #background_wrap img {/*position:absolute; margin: 0px; width: 100%; height: 100%; */} #BackgroundImage {position:relative; display:block; margin: 25px 0px; padding: 0px 0px 0px 0px; width: 100%; height: 340px; background: transparent; z-index: 0; overflow:hidden; } #BackgroundImageWrapper {position:absolute; top: 0px; left: 0px; display:block; margin: 0px; padding: 0px; width: 100000px; height: 100%; } #BackgroundImageContainer {position:absolute; top: 0px; left: 0px; display:block; margin: 0px; padding: 0px; width: auto; height: 100%; } #BackgroundLayer {position:absolute; width:100%; height:100%; margin:0 auto; background: transparent; } #BackgroundImage img {position:relative; height: 100%; width:auto; } #BackgroundImage img.BackgroundImageCont {position:absolute; } #BackgroundImage div.tile_square {margin: 0px 3px 0px 0px; height: 335px; width: auto; padding: 0px 0px 0px 0px; } #BackgroundImage div.tile_square a {height: 100%; width: auto; } .BackgroundImageLabel {position:absolute; top: 260px; left: 0px; display: none; width: 536px; height: auto; padding: 10px 20px 15px 30px; background: #02264b; color: #ffffff; font-size: 24px; font-weight: 400; box-shadow: 0px 6px 6px rgba(0,0,0,0.4); -moz-box-shadow: 0px 6px 6px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 6px 6px rgba(0,0,0,0.4); line-height: 140%; z-index: 10; } .BackgroundImageLabel p {margin: 0px; padding: 0px; } #BackgroundImageBtns {display: block; position:absolute; left: 50%; bottom: 0px; width: auto; height: auto; padding: 0px; margin: 0px 0px 0px -480px; z-index: 900; } a.BackgroundImageBtn {position:relative; width: 16px; height: 16px; display: block; float: left; padding: 4px; margin: 0px; background: transparent url(../img/_layout/dot_white.png) no-repeat left top; } a.BackgroundImageBtn-sel, a.BackgroundImageBtn:hover {background-image: url(../img/_layout/dot_blue.png); } .watermark {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent url(../img/_layout/spacer.gif) no-repeat center center; z-index: 1100; } #MapCont {margin: 0px 0px 20px 0px; } .Slidearrow {position:absolute; top: 120px; width: 50px; height: 80px; background: transparent; overflow: hidden; margin: 0px 0px 0px 0px;} .leftarrow {left: -60px; } .rightarrow {right: -60px; } .leftarrow a {display: block; width: 100%; height: 100%; background: transparent url(../img/_layout/big_arrow_left.png) no-repeat left top; background-size: 100%; } .rightarrow a {display: block; width: 100%; height: 100%; background: transparent url(../img/_layout/big_arrow_right.png) no-repeat left top; background-size: 100%; } .leftarrow a:hover {background-image: url(../img/_layout/big_arrow_left_MO.png); } .rightarrow a:hover {background-image: url(../img/_layout/big_arrow_right_MO.png); } div.listblock {position: relative; clear: both; display:block; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; border-bottom: none; } div.textblock {position: relative; clear: both; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;} div.textblock-float {position: relative; float:left; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px;} div.textblock img {margin-bottom: 0px;} div.contblock {position: relative; clear: both; display:block; margin: 20px 30px 10px 0px; padding: 5px; border: 1px solid #cccccc; background: #eeeeee} div.tileblock {position: relative; height: auto; float:left; color: #000000; width: auto; margin: 0px 20px 0px 0px; border: 1px solid #000000;} div.zoomicon {position: absolute; bottom: 0px; right: 0px; z-index:100;} div.line {/*border-bottom: 1px solid #cccccc; */} div.bottomline {position: relative; width: 980px !important; margin: 0px auto 10px auto; clear: both; color: inherit; background: #ffffff; height: 1px; border: 1px solid #e8e8e8; box-shadow: -3px 3px 6px rgba(0,0,0,0.6); -moz-box-shadow: -3px 3px 6px rgba(0,0,0,0.6); -webkit-box-shadow: -3px 3px 6px rgba(0,0,0,0.6); } #start .FooterBox div.bottomline {margin-bottom: 60px; } .tbtext {} .download {width: auto;} .tile_thumb {position: relative; float:left; margin: 30px 40px 0px 0px; height: auto; width: auto; padding: 0px; text-align:left;} .tile_thumb a {color: #666666; background: #e7e7e7 url(../img/_layout/bg_btn_hover.png) repeat-x left top; border: 1px solid #bbbbbb; display: block; width: auto; padding: 6px 15px; overflow:hidden; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; white-space: nowrap; box-shadow: 3px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.2); } .tile_thumb a:hover {color: #ffffff; background: #45a12a url(../img/_layout/bg_btn_hover.png) repeat-x left top; text-decoration: none;} div.listblock p, th p, li p, div.line p, .NewsBoxCont p, .newscontblock p, h2 p {margin: 0px; padding: 0px;} .ContentTextBoxNormal p, .ContentTextBoxLeft p, .ContentTextBoxRight p, td p, div.tile p, div.textblock p {margin-top: 0px; padding-top: 0px;} p.searchnav {margin: 0px 0px 10px 0px; padding: 0px; border-top: 1px solid #999999; border-bottom: 1px solid #999999; text-align:center;} hr {color: #999999; height: 1px; border: none; width:100%; background:#999999;} b, strong {} .yellow {color: #df8a00;} .clear {clear: both;} .clearleft {clear: left;} .clearright {clear: right;} .small {font-size: 11px;} .big {font-size:120%;} .date {color: #666666; font-size: 90%;} .info {color: #cccccc; font-size: 11px; line-height: 100%; margin-top: 0px;} .info-sm {color: #cccccc; font-size: 10px; float: right; font-style: italic; line-height: 100%; margin: 0px 0px 0px 10px;} .asterisk {color: #45a12a; font-weight: bold; font-size: 14px;} .alert {color: #4e7092; font-weight: bold; font-size:90%;} .bold, .strong {font-weight: bold; } .bull, .red {font-weight: bold; color: #45a12a;} .nobr {white-space:nowrap;} .none {display: none;} .weiss {color: #FFFFFF;} .orange {color: #FF6600;} .crossline {text-decoration:line-through;} .FooterBox hr {color: #bbbbbb; background:#bbbbbb; margin: 0px; } .FooterBox .info {font-style: italic; } /* Tabellen */ table {border: 1px solid transparent; border-collapse: collapse; font-size: 100%; } th {border: 1px solid transparent; background: #5e5046; font-size: inherit; color: #ffffff; text-align: left; font-weight: bold; vertical-align: top; margin: 0px; padding: 3px;} td {border: 1px solid transparent; background: transparent; font-size: inherit; text-align: left; vertical-align: top; margin: 0px; padding: 1px 3px;} th.first, td.first {border-left: 0px; } td.firstcol {white-space:nowrap; font-weight: bold; } td.row1 {border: 1px solid transparent; background: transparent; } td.row1_1 {border: 1px solid transparent; background: transparent; } td.row1_2 {border: 1px solid transparent; background: transparent; } td.row2 {border: 1px solid transparent; background: transparent url(../img/_layout/bg_white_trans20.png) repeat left top; } td.row2_1 {border: 1px solid transparent; background: transparent url(../img/_layout/bg_white_trans20.png) repeat left top; } td.row2_2 {border: 1px solid transparent; background: transparent url(../img/_layout/bg_white_trans20.png) repeat left top; } td.tdnowrap {white-space:nowrap;} #btntable td {background: transparent; text-align: center; color:#999999;} #btntable td a, #btntable td a:link, #btntable td a:focus, #btntable td a:active, #btntable td a:visited, #btntable td a:hover {text-decoration: none; font-weight: bold; display:block; padding:3px; color: #45a12a; background: #e5e7ec;} #btntable td a:hover {text-decoration: none; font-weight: bold; display:block; padding:3px; color: #ffffff; background: #e69306;} a.navtable, a.navtable:link, a.navtable:focus, a.navtable:active, a.navtable:visited, a.navtable:hover {text-decoration: none; display:block; text-shadow: none; font-size: 120%; font-weight: bold; display:block; padding:5px; height: 20px; width: 20px; text-align:center; margin: 2px auto 0px; color: #002851; background: #ffffff; overflow:hidden; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px;} a.navtable:hover {background: #45a12a; color: #000000; } td.row1link {border: 0px solid transparent; color: #0099FF; background: transparent; margin:0; padding:0; text-align:center;} td.row2link {border: 0px solid #f0f0f0; color: #0099FF; background: #f0f0f0; margin:0; padding:0; text-align:center;} th a {color: #ffffff; background: #45a12a url(../img/_layout/arrows_sort.gif) no-repeat right top; padding: 0px 20px 0px 0px; white-space: nowrap;} th a:hover {color: #ffffff; background: #45a12a url(../img/_layout/arrows_sort.gif) no-repeat right top; padding: 0px 20px 0px 0px; text-decoration: underline; white-space: nowrap;} td ul {margin: 0px 0px 0px 20px; padding: 0px;} th p, td p {margin-top: 0px; padding-top: 0px;} th a.button, td a.button {width: auto !important;} td strong {} .textright {text-align:right;} .tbspalte1 {text-align:left;} .tbspalte2 {text-align:left;} .tbspalte3 {text-align:left;} .tbspalte4 {text-align:left;} .tbspalte5 {text-align:left;} .tbspalte6 {text-align:left;} /* Tabellen-Layout */ div.table {display:table; border-collapse:collapse;} div.tr {display:table-row;} div.td {display:table-cell; border: 0px solid red; margin: 0px; padding: 2px 10px 0px 0px;} div.td1 {display:table-cell; border: 0px solid red; margin: 0px; padding: 2px 10px 0px 0px; color: #000000;} div.td2 {display:table-cell; border: 0px solid red; margin: 0px; padding: 2px 10px 0px 0px; color: #000000; background: #e0e0e0;} /* Event list */ h6.event-date {color: #000000; font-size: 110%; font-weight: bold; background: #efefef; border: 1px solid #cccccc; border-bottom: 2px solid #45a12a; padding: 5px 10px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; -khtml-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; overflow: hidden; } a.event-more-btn {display: block; font-weight: normal; font-size: 100%; background: transparent url(../img/_layout/arrow_right_hover.png) no-repeat left 5px; color: #383636; padding: 3px 6px 3px 20px; margin: 5px 0px 0px 0px; border: 1px solid #cccccc; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; -khtml-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; overflow: hidden;} a.event-more-btn:hover {color: #ffffff; background: #45a12a url(../img/_layout/arrow_right.png) no-repeat left 5px; border: 1px solid #45a12a; text-decoration: none; } .event-more {display: none; background: #efefef; margin: 0px; padding: 5px 5px 5px 20px; border: 1px solid #cccccc; border-top: none; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; -khtml-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; overflow: hidden;} .event-more ul {padding-left: 15px; margin-top: 0px; } .event-more li {padding-left: 0px;} /* Formulare */ form {clear:both; font-size: 1.0em; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; display:block; } fieldset {margin: 20px 0px 20px 0px; padding: 5px 10px; display: block; border: 1px solid #aaaaaa; background: transparent url(../img/_layout/bg_white_trans20.png) repeat left top; -moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; border-radius: 11px; overflow: hidden;} legend {display: block; padding: 0px 5px; font-weight: normal; font-size: 90%; font-style: italic; color: #45a12a; } label {float:left; margin-bottom: 5px; vertical-align: middle; width: 170px;} label.emptylabel {height:0; width:0; overflow: hidden;} label.label-big {width: 550px;} label.label-small {width: 100px;} label.info {font-size: 90%; color: #666666; width: auto !important; margin: 3px 5px; } .rightcol label {width: auto; vertical-align:middle; margin: 2px; } select {float:left; width: 334px; color: #333333; background: #eaeaea; font-size: 13px; vertical-align: middle; border: 1px solid #333333;} select.selectsmall { font-size: 11px; font-weight: normal; } input {float:left; width: 330px; margin: 0px 0px 0px 0px; padding:2px; font-size: 13px; vertical-align: middle; color: #333333; background: #eaeaea; border: 1px solid #333333; vertical-align: middle;} input.submit {width: auto; color: #ffffff; font-size: 100%; font-weight: normal; background: #45a12a; padding: 5px 15px; border: 1px solid #45a12a; -moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; border-radius: 11px; text-transform: none;} input.submit:hover {background: #45a12a; cursor:pointer; border: 1px solid #45a12a; } input.radio {float:left; width: auto; margin: 5px; background: transparent; border: none; vertical-align:middle; } input[type='checkbox'], input[type='radio'] {display: inline-block; cursor: pointer; vertical-align: top; height: 20px; width: 20px; padding: 0px !important; margin: 5px 0px 0px 5px !important; color: #ffffff; overflow: visible; background-color: rgba(255,255,255,0.5); background-repeat: no-repeat !important; background-position: center !important; background-size: 100% auto !important; border: 1px solid rgba(0,0,0,0.3); -webkit-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; } input[type='checkbox']:hover, input[type='radio']:hover, input[type='checkbox']:focus, input[type='radio']:focus {background-color: #ffffff !important; } input[type='checkbox']:checked, input[type='radio']:checked {background-color: #ffffff !important; border-color: #45a12a; background-image: url(../img/_layout/list_check.png); } input.readonly {color: #808080;} textarea {float:left; width: 335px; max-width: 335px; height: 100px; font-size: 13px; color: #333333; background: #eaeaea; border: 1px solid #333333;} div.input {position: relative; clear: both; display:block; background: transparent; padding: 3px; margin: 2px 0px 2px 0px; height: auto; overflow: hidden;} div.input_error {position: relative; clear: both; display:block; background: #999999; padding: 2px; margin: 2px 0px 2px 0px; height: auto; overflow: hidden; border: 1px solid #990000; } div.error {position: relative; clear: both; display:block; background: #9c0000; padding: 5px; margin: 10px 0px 10px 0px; height: auto; color: #ffffff; font-weight: bold; font-size: 90%; border: 1px solid #9c0000; -moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px;} div.okay {position: relative; clear: both; display:block; background: #45a12a; padding: 5px; margin: 10px 0px 10px 0px; height: auto; color: #ffffff; font-weight: bold; font-size: 90%; border: 1px solid #45a12a; -moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px;} div.infobox {position: relative; clear: both; display:block; background: #eaeaea; padding: 10px; margin: 10px 0px 10px 0px; height: auto; color: #333333; font-weight: normal; border: 1px solid #45a12a; -moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px;} div.submit {position: relative; clear: both; display:block; width: auto; padding: 9px 10px 0px 4px; margin: 0px 0px 0px 0px; height: auto; overflow: hidden;} div.backsubmit {position: absolute; top: 0px; left: 0px; height: auto;} div.databox {width:300px; margin-top:5px; padding: 2px 2px 2px 2px; height:70px; border:1px solid #666666; overflow:auto; font-size:0.9em;} div.input img {margin: 0px 0px 2px 0px;} div.okay a {color: #ffffff; } div.inputbox {position: relative; display:block; margin: 7px 0px 0px 0px;} div.labelbox {position: relative; display:block; } #LocatorBox div.input {background: transparent;} #LocatorBox select {width: 170px;} input.biginput {font-size: 16px; width: 160px; padding: 4px;} #plz, .plz {width: 60px; margin: 0px; } #ort, .ort {width: 260px; margin-left: 5px; } input.medium {width: 245px; } input.number {width: 100px;} input.captcha {width: 100px; float: none; font-size: 18px; padding: 4px;} /* SearchBox */ .SearchBox {position: absolute; top: 5px; left: 50%; display: none; width: 252px; height: 30px; padding: 5px 3px; margin: 0px 0px 0px -126px; background: #ffffff url(../img/_layout/bg_input.png) repeat left top; border: 1px solid #95a7c0; overflow:hidden; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; } #searchform {display: block; margin: 0px; padding: 0px; } #searchform label {display: none; color: #ffffff; margin: 0px; padding: 0px 0px 0px 2px; } #searchform input {color: #777777; background: transparent; width: 200px; font-size: 110%; height: auto; border: none; margin: 0px 0px 0px 0px; padding: 7px 0px 0px 10px; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; } #searchform input:focus {color: #333333; } #searchform input.SearchBoxsubmit {width: 23px; height: 19px; float: right; padding: 0px; margin: 5px; color: transparent; font-size: 11px; font-weight: bold; background: transparent url(../img/_layout/icon_searchsubmit.png) no-repeat left top; border: none; text-transform:uppercase; overflow:hidden; -moz-border-radius: none; -webkit-border-radius: none; -khtml-border-radius: none; border-radius: none; } #searchform input.SearchBoxsubmit:hover {cursor:pointer; text-decoration: none; box-shadow: 0px 0px 6px rgba(255,255,255,0.8); -moz-box-shadow: 0px 0px 6px rgba(255,255,255,0.8); -webkit-box-shadow: 0px 0px 6px rgba(255,255,255,0.8); } #searchform .searchsubmit {color: transparent; background: transparent; width: 19px; height: 20px; border: 1px solid #d43535; border-left: none; margin: 0px; padding: 2px;} /* BigSearchform */ #BigSearchform {position: relative; display: block; margin: 0px; padding: 0px; } #BigSearchform #searchquery {width: 400px; padding: 5px;} #BigSearchform label {width: auto;} #BigSearchform .submit {position: absolute; top: 30px; right: 10px;} /* quicksearchform */ #quicksearchform {width: 180px; padding: 0px 10px;} #quicksearchform select {width: 100%; margin-bottom: 2px; font-size: 11px; } #quicksearchform input.submit {width: 100%; padding: 4px 0px; margin: 0px; } input:focus, textarea:focus, select:focus, input:hover, textarea:hover, select:hover {box-shadow: 0px 0px 8px rgba(69,161,42,0.7); -moz-box-shadow: 0px 0px 8px rgba(69,161,42,0.7); -webkit-box-shadow: 0px 0px 8px rgba(69,161,42,0.7); } /* countdown */ #countdown {text-align: center; margin: 10px auto; padding: 10px 10px 0px; width: auto; height:auto; font-size:44px; color: #ffffff; background: #000000; border: 2px solid #45a12a; overflow:hidden; -moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px; line-height: 100%;} /* * CommentBox * */ .Comments {position: relative; clear: both; display: block; color: inherit; background: #eeeeee; margin: 20px 0px 5px 0px; padding: 0px; border: 1px solid #45a12a; overflow:hidden; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; -khtml-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } a.CommentsOpener {background: #cccccc url(../img/_layout/icon_comment.png) no-repeat 6px 4px; color: #45a12a; font-weight: bold; min-height: 22px; display: block; margin: 0px; padding: 5px 8px 5px 43px; } a.CommentsOpener:hover {background: #45a12a url(../img/_layout/icon_comment_MO.png) no-repeat 6px 4px; color: #ffffff; text-decoration: none; } .CommentBox {position: relative; display: block; margin: 0px; padding: 5px 5px 70px 5px; color: inherit; background: #ffffff; } .commententry {position: relative; display: block; width: 94%; margin: 5px auto 10px auto; padding: 5px; color: #444444; font-size:90%; background: #eaeaea; border: 1px solid #bbbbbb; box-shadow: 3px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.2); overflow:hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .commententry-form {background: transparent; border: none; padding: 0px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -moz-border-radius: none; -webkit-border-radius: none; -khtml-border-radius: none; border-radius: none; } .commententry-empty {font-style: italic; color: inherit; } .commenttitle {position: relative; display: block; color: #45a12a; background: transparent url(../img/_layout/icon_comment_small.png) no-repeat 0px 2px; margin: 0px 0px 2px 0px; padding: 0px 0px 2px 28px; border-bottom: 1px dotted #45a12a; } .CommentForm {position: relative; clear:both; font-size: 90%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display:block; } .CommentForm legend {display: block; width: 98%; position:relative; margin: 0px 0px 2px 0px; padding: 1px 3px; font-style: italic; font-weight: normal; color: #ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; background: #aaaaaa; } .CommentForm input {font-size: inherit; background: #ffffff; } .CommentForm textarea {height: 80px; font-size: inherit; background: #ffffff; } .CommentForm input.submit {font-size: 100%; background: #002851; } .CommentForm input.submit:hover {background: #45a12a; } .CommentForm div.input {padding: 2px; margin: 0px 0px 0px 0px; } .CommentForm div.input_error {padding: 1px; margin: 0px 0px 0px 0px; } .CommentForm div.okay, .CommentForm div.error {padding: 3px 5px; margin: 10px 0px 5px 0px; z-index:2; } /* Mediabox */ #mediaform {display: block; margin: 0px; padding: 5px 0px;} #mediaform select {margin: 5px 10px 0px 0px; } .mediabox {position: relative; display: block; width: 600px; height: auto; clear:both; margin: 10px auto; padding: 0px; border: 1px solid #000000; overflow: hidden; box-shadow: 5px 5px 5px rgba(0,0,0,0.5); -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5); -moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; border-radius: 11px; } #media .mediabox {margin: 0px auto; padding: 0px; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -moz-border-radius: none; -webkit-border-radius: none; -khtml-border-radius: none; border-radius: none; } .Videobox {margin: 0px; padding: 0px; } .ContentBoxLeft h4 {margin: 0px 0px 2px 0px;} #mediaselect {margin: 0px 0px 6px 0px; padding: 0; font-size: 11px; border: 1px solid #333333; width:180px;} #cookiebanner, #cookiebanner *, .sociallinks, main, .ContentContainer, .ContentBoxMiddle, .area-label, img.main-img-overlay, img.img-overlay, .listblock .imgbox img, .toolbar, #ContentBoxTop, #ContentBoxTopInner, .textblock, .headerBoxLogo, .headerBoxLogo a, .headerBoxLogo img, .mainnav, ul.makeMenu, ul.makeMenu ul, ul.makeMenu > li, ul.makeMenu > li > ul, ul.makeMenu > li > ul > li, ul.makeMenu li ul li a::before, .ContentBoxMiddle, .TextContainer, .scroll-wrapper, h2.page-title, #ContentBoxTop, a, .main-nav-toggle .inner, .main-nav-toggle, .main-nav-toggle i, .main-nav-toggle span, ul.LanguageBox, .NewsBoxCont, .QuickfinderBox, .Slidearrow, input.submit, #searchform input {transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; } /* * LightBox - Bottom * */ #main_lightbox #ContentBoxBottom {width: auto; margin: 0px 30px 0px 30px; padding: 3px 0px 10px 0px; border-top: 1px solid #777777; } #main_lightbox a.extrabutton, #main_lightbox a.extrabutton:visited, #main_lightbox a.extrabutton:link, #main_lightbox a.extrabutton:active, #main_lightbox a.extrabutton:hover {color: #777777; border: 1px solid #777777; } #main_lightbox a.extrabutton:hover {color: #ffffff; background-color: #619ece;} #main_lightbox a.extrabutton-up {display: none; } #main_lightbox a.extrabutton-right, #main_lightbox a.extrabutton-right:visited, #main_lightbox a.extrabutton-right:link, #main_lightbox a.extrabutton-right:active {background-image: url(../img/_layout/arrow_line_right_gray.png); } #main_lightbox a.extrabutton-right:hover {background-image: url(../img/_layout/arrow_line_right.png); } #main_lightbox a.extramenu, #main_lightbox a.extramenu:visited, #main_lightbox a.extramenu:link, #main_lightbox a.extramenu:active, #main_lightbox a.extramenu:focus {color: #777777; border-right: 1px solid #777777; } #main_lightbox a.extramenu:hover {color: #444444; } #main_lightbox ul.makeExtraMenu li:last-child a {border:none; } /* * Confirm Popup * */ .duplex {position: fixed; display: block; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(69,161,42,0.7); color: inherit; z-index: 100000;} .duplex.intro {background: rgba(0,0,0,0.0); } .confirmpopup {position: fixed; display: block; color: #ffffff; background: #45a12a; font-size: 70%; line-height: 1.4em; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 1060px; max-width: 96%; height: auto; padding: 40px; margin: 0px; border: 1px solid #ffffff; z-index: 100001; overflow: auto; box-shadow: 0px 0px 15px rgba(0,0,0,0.8); -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.8); -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.8); } .confirmpopup.intro {height: 0%; background: #ffffff; opacity: 0.0; -moz-opacity: 0.0; filter:alpha(opacity=0); } .confirmpopup h4 {text-transform: uppercase; font-size: 240%; font-weight: 300; color: inherit; } .confirmpopup a.button {text-transform: uppercase; font-weight: 300; } .confirmpopup a.button:hover {background: #000000; } #loadicon {position: fixed; display: none; color: #bbbbbb; font-size: 80%; left: 50%; top: 50%; width: 60px; height: 60px; padding:0px; margin: -30px 0px 0px -30px; background: #eeeeee url(../scripts/loading-icon.gif) no-repeat center; text-align:center; z-index: 2000; border: 2px solid #45a12a; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; box-shadow: 3px 3px 5px rgba(0,0,0,0.25); -moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.25); -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.25); opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); } /* * Cookie Popup * */ #cookiebanner {position:fixed; bottom:0px; display: none; background: rgba(69,161,42,0.85); color: #ffffff; padding: 15px 15px 0px; border-top: 1px solid rgba(0,0,0,0.9); font-size: 90%; box-shadow: 0px 0px 15px rgba(0,0,0,0.8); -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.8); -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.8); text-decoration:none; z-index:10000; width:100%; } #cookiebanner * {color: #ffffff; } #cookiebanner.intro {bottom:-200px;} #cookiebanner a {color: rgba(255,255,255,0.8); text-decoration:none; } #cookiebanner a:hover {color: #ffffff; text-decoration:underline; } #cookiebanner h4 {color: inherit; max-width: none; font-size: 120%; } #cookiebannerCloser {display: none; color: rgba(255,255,255,0.8); background: transparent url(../img/_layout/cross.png) no-repeat center; background-size: 100%; line-height: 100%; position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; padding: 0px; text-decoration: none; cursor:pointer; } #cookiebannerCloser:hover {color: #ffffff; background-color: rgba(255,255,255,0.0); background-image: url(../img/_layout/cross_MO.png); text-decoration:none; } #cookiebannerButtons {display: block; margin: 10px 0px 0px 0px; } .cookiebannerButtonWrapper {display: inline-block; margin: 0px 10px 10px 0px; padding: 10px; background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.7); overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .cookiebannerButtonWrapper:hover {background: rgba(0,0,0,0.4); border-color: #ffffff; cursor: pointer; } .cookiebannerButtonWrapper-Disabled:hover, .cookiebannerButtonWrapper-Disabled {background: rgba(0,0,0,0.1); border-color: rgba(255,255,255,0.5); cursor: auto; opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); } .cookiebannerButtonWrapper label {display: inline-block !important; vertical-align: middle; cursor: pointer; } .cookiebannerButtonWrapper input[type='checkbox'] {height: 24px; width: 24px; margin-right: 7px !important; display: inline-block !important; vertical-align: middle; } .cookiebannerButtonWrapper input[type='checkbox']:checked {/*background: #ffffff !important; border-color: #000000 !important; */} a.cookiebannerButton {display: inline-block; margin: 0px 10px 10px 0px; padding: 10px; font-weight: 500; color: #000000 !important; background: rgba(255,255,255,0.8); overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } a.cookiebannerButton:hover {color: #000000 !important; background: #ffffff; text-decoration: none !important; } #cookiebannerButtonDecline {color: #45a12a !important; background: rgba(255,255,255,0.6); opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); } #cookiebannerButtonDecline:hover {color: #000000 !important; background: rgba(255,255,255,0.8); } #cookiebannerButtonAcceptAll {color: #ffffff !important; background: #45a12a; border: 1px solid #ffffff; font-weight: 600; } #cookiebannerButtonAcceptAll:hover {color: #ffffff !important; background: #000000; border-color: #000000; } /* phones */ @media only screen and (max-width: 640px) { #cookiebanner {padding: 10px; font-size: 80%; overflow: auto; } #cookiebanner h4 { } a.cookiebannerButton, .cookiebannerButtonWrapper {padding: 5px; margin: 0px 5px 5px 0px; } } /* * Cookie Popup * */