@import url('font-lato.css'); /* * Page * */ html {height:100%; width: 100%; margin: 0; padding: 0;} body {height:100%; width: 100%; margin: 0; padding: 0; color: #666666; background: #ffffff; font-family: "Lato", "Arial", sans-serif; font-size: 18px; font-style: normal; font-weight: 300; line-height: 150%;} body#print {background: #ffffff; height: auto; margin: 0px; padding: 0px; overflow:auto;} body#media {background: #000000; overflow:hidden;} #pageBody {position: relative; display: block; height: auto; width: 100%; color: inherit; background: transparent; margin: 0px auto; padding: 0px 0px 0px 0px; overflow: hidden; } #pageContainer {position: relative; display: block; height: auto; width: 100%; color: inherit; background: transparent; margin: 0px auto; padding: 0px 0px 0px 0px; overflow: hidden; } #pageBottom {position: relative; display: block; height: auto; width: 100%; color: #e6e6e6; margin: 0px auto; padding: 30px 0px; background: #a2a2a2; overflow: hidden; } #tooltip {position: absolute; top: 0px; left: 0px; color: #ffffff; width: 200px; height: auto; text-align:center; display: none; z-index: 8000; border: 1px solid #8e353b; background: rgba(142,53,59,0.8); padding: 5px; box-shadow: 0px 0px 7px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.75); -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.75); overflow: hidden; font-size: 90%; font-weight: 400; text-transform: none; } #tooltip * {color: #ffffff; } div {position: relative; } /* * Navigation * */ .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;} img.framed {margin: 0px 0px 10px 0px; padding: 0px; /*border: 1px solid #8e353b; 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; border: 1px solid #c9c9c9; /* 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;} .ContentBoxMiddle img {margin: 0px 0px 0px 0px; } a {text-decoration: none; background: transparent; font-weight: normal; color: #8e353b; } a.sel {text-decoration: underline; font-weight: bold; color: #dd9067;} a:hover {text-decoration: underline; background: transparent; color: #dd9067;} 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;} iframe, img {max-width: 100%; } #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: -30px 0px 0px -30px; background: #eeeeee url(../scripts/loading-sm.gif) no-repeat center; text-align:center; z-index: 2000; border: 2px solid #8e353b; 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: block; width: 100%; max-width: 1170px; height: auto; font-size: 80%; padding: 0px 0px; margin: 0px auto 20px; line-height: 100%; background: transparent; } .BreadCrumbBox ul {position: relative; list-style-type: none; width: auto; margin: 0px; padding: 0px; } .BreadCrumbBox 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:bottom; } .BreadCrumbBox a {position: relative; display: inline-block; color: #666666; font-weight: 300; text-transform: none; background: transparent url(../img/_layout/arrow_line_right.png) no-repeat left center; background-size: auto 100%; padding: 0px 0px 0px 15px; margin: 0px 20px 5px 0px; line-height: 100%; white-space: nowrap; } .BreadCrumbBox li:first-child a { } .BreadCrumbBox a:hover {text-decoration: none; color: #8e353b !important; } 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);} .textblock_separator_dark ul li, .ContentContainerStart ul li {list-style-image: url(../img/_layout/list_bullet_white.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; z-index: 5; background: #ffffff; box-shadow: 0px 0px 20px rgba(0,0,0,1.0); -moz-box-shadow: 0px 0px 20px rgba(0,0,0,1.0); -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,1.0); } #ContentBoxTop {display: block; position: fixed; color: inherit; background: transparent url(../img/_layout/layer_top.png) no-repeat center top; background-size: 100% 100%; height: 170px; width: 100%; font-size: inherit; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: visible; z-index: 3000; 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; } #start #ContentBoxTop {height: 478px; } .ContentBoxTop-fixed {height: 170px !important; } .ContentBoxTop-first {} #ContentBoxTopInner {display: block; position: relative; background: transparent; color: inherit; height: 100%; width: 100%; max-width: 1170px; padding: 0px; margin: 0px auto; z-index: 2; } .ContentContainer {display: block; position: relative; background: transparent; color: inherit; height: auto; width: 100%; margin: 0px auto; padding: 240px 0px 40px 0px; overflow: visible; } .Container-stickymenu {padding-top: 0px !important; } .ContentContainerInner {position: relative; height: auto; width: 100%; display: block; margin: 0px; padding: 0px 0px 0px 0px; text-shadow: none; background: transparent; } #ContentBoxBottom {position: relative; display: block; height: auto; width: 100%; max-width: 1170px; font-size: 80%; line-height: 120%; color: inherit; margin: 0px auto; padding: 0px; background: transparent; } #ContentBoxBottomStart {position: relative; display: none; clear:both; height: auto; width: 980px; color: inherit; margin: 0px 0px 0px 0px; padding: 0px 0px 40px 0px; background: transparent; margin-left:auto; margin-right:auto; } .ContentBoxLeft {position: relative; display: none; width: 218px; float: left; height: auto; background: transparent; margin: 0px 0px; padding: 0px 0px 0px 0px; color: inherit; text-align: left; overflow: hidden; border: 1px solid #b9974e; box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .ContentBoxMiddle {position: relative; display: block; width: 100%; height: auto; background: transparent; margin: 0px 0px; padding: 0px 0px 0px 0px; color: inherit; text-align: left; overflow: visible; } .ContentBoxMiddleInner {position: relative; display: block; width: 100%; max-width: 1170px; height: auto; background: transparent; margin: 0px auto; padding: 0px 0px 0px 0px; color: inherit; text-align: left; overflow: visible; } .ContentBoxRight {position: relative; display: none; width: 220px; float: right; height: auto; background: transparent; margin: 0px 0px; padding: 0px 0px 0px 0px; color: inherit; text-align: left; overflow: visible; } #TextContainer {} .ColumnStar {} .inner {position: relative; display: block; width: auto; height: auto; margin: 0px auto; padding: 0px; max-width: 1170px; } .leftcolumn {width: 100%; max-width: 1170px; height: auto; margin: 0px auto; padding: 0px 0px 10px 0px; } .rightcolumn {width: 100%; height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .scroll-wrapper {position: relative; color: inherit; background: transparent; height: 500px; width: 980px; display: block; margin: 0px 0px 0px 0px; padding: 0px; overflow: hidden; } .slide {position: absolute; top: 0px; left: 980px; 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; overflow: hidden; } .read-more a {display: block; margin: 0px; padding: 1px 10px; color: #666666; background: #eeeeee; font-size: 12px; font-weight: bold; border: 1px solid #bbbbbb; border-bottom: none; } .read-more a:hover {text-decoration: none; border-color: #000000; color: #000000; background: #8e353b; } .read-more-show {display: block; } a.section-anchor {position: relative; top: -130px; display: block; height: 0px; padding-top: 0px; } a.section-anchor-sub {position: absolute; top: -100px;} a.morelink {position: absolute; right: 15px; bottom: 15px; display: block; width: 25px; height: 25px; border: 1px solid #8e353b; color: transparent; overflow: hidden; background: transparent url(../img/_layout/icon_zoom.png) no-repeat center; font-weight: 400; margin: 0px 0px 0px 15px; padding: 0px 0px 0px 0px; } a.morelink:hover {color: transparent; text-decoration: none; background-color: #8e353b; background-image: url(../img/_layout/icon_zoom_MO.png); } .parallax-slide {display: block; position: relative; margin: 0px 0px -200px 0px; padding: 0px 0px 0px 0px; width:100%; height: auto; max-height: 450px; background: transparent; overflow: hidden; } .parallax-slide img {display: block; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:100%; height: auto; } /* * Social Networks * */ .socialbarCont {position: relative; display: block; height: auto; width: 100%; max-width: 1170px; margin: 0px auto; padding: 0px; } .socialbar {position: relative; display: block; height: 30px; width: 18%; min-width: 150px; font-size: 90%; max-width: 1170px; margin: 20px 0px 15px; padding: 4px 5px; background: transparent; border: 2px solid #bbbbbb; overflow: hidden; /*-moz-border-radius: 30px; -webkit-border-radius: 30px; -khtml-border-radius: 30px; border-radius: 30px; */ 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; } .socialbar-big {width: 98%; } .socialbar-share, .socialbar-share:hover {position: relative; display: block; height: auto; width: auto; float: left; margin: 0px; padding: 0px 0px 0px 35px; color: #999999; font-weight: 400; background: transparent url(../img/Icons/socialicon_share.png) no-repeat left center; text-decoration: none; } #socialbarbuttons {height: auto; width: auto; margin: 0px 0px 0px 15px; padding: 0px 0px 0px 0px; } .socialbarbuttons-minimized {display: none !important; } a.socialbtn, a.socialbtn:hover {position: relative; width: auto; height:auto; background: transparent; float: left; margin: 0px 20px 0px 10px; padding: 0px 0px 0px 35px; color: #999999; font-weight: 400; background: transparent url(../img/Icons/socialicon_share.png) no-repeat left center; text-decoration: none; } .socialbtn-fb {background-image: url(../img/Icons/socialicon_facebook.png) !important; } .socialbtn-tw {background-image: url(../img/Icons/socialicon_twitter.png) !important; } .socialbtn-gp {background-image: url(../img/Icons/socialicon_google.png) !important; } .sociallinks {position: relative; display: block; clear: both; width: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: left; } .sociallinks a {position: relative; display: inline-block; padding: 0px 0px 0px 0px; background: transparent; margin: 0px 10px 10px 0px; width: 35px; height: 35px; vertical-align: top; overflow: hidden; border: 2px solid #6b6b6b; } .sociallinks a:hover {background-color: #e0e0e0; border-color: #8e353b; } .sociallinks img {display: block; margin: 0px; padding: 0px; width: 100%; height: 100%; } .socialbtns {position: relative; width: auto; padding: 0px; float: left; margin: 0px 0px 0px 0px; } /* * Header * */ .headerBox, .headerBoxLogo {position: relative; display: block; height: 65px; width: 60px; z-index: 30002; background: transparent; margin: 20px 0px 0px 0px; padding: 0px 0px; overflow: hidden; text-align: left; 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; } .headerBoxLogo a, .headerBoxLogo img {position: relative; display: inline-block; height: 100%; width: auto !important; max-width: none !important; margin: 0px 0px; 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; } #start .headerBoxLogo {margin: 60px 0px 0px 0px; height: 85px; width: 385px !important; } .ContentBoxTop-fixed .headerBoxLogo {margin: 20px 0px 0px 0px !important; height: 65px !important; width: 60px !important; } .ContentBoxTop-fixed .headerBoxLogo img {} #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; } .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; width: 100%; height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow:visible; } .ContentTextBoxLeft {position: relative; display:block; float: left; width: 31%; height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow:visible;} .ContentTextBoxRight {position: relative; display:block; float: right; width: 31%; height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow:visible;} .ContentImgBoxLeft {position: relative; display:block; float: left; width: 66%; height: auto; margin: 0px 20px 10px 0px; padding: 0px 0px 0px 0px; text-align: left; overflow:visible; line-height: 100%; } .ContentImgBoxRight {position: relative; display:block; float: right; width: 66%; height: auto; margin: 0px 0px 10px 20px; padding: 0px 0px 0px 0px; text-align: right; overflow:visible; line-height: 100%; } .ContentTBTextBoxNormal {position: relative; display:block; width: 100%; height: auto; margin: 0px 0px 0px 0px; padding: 0px; overflow:visible;} .ContentTBBoxLeft {position: relative; display:block; float: left; width: 31%; height: auto; margin: 0px 0px 0px 0px; padding: 0px; overflow:hidden;} .ContentTBBoxRight {position: relative; display:block; float: right; width: 31%; height: auto; margin: 0px 0px 0px 0px; padding: 0px; overflow:hidden;} .ContentTBImgBoxLeft {position: relative; display:block; float: left; width: 66%; height: auto; margin: 0px 20px 10px 0px; padding: 0px; text-align: left; overflow:hidden; line-height: 100%; } .ContentTBImgBoxRight {position: relative; display:block; float: right; width: 66%; height: auto; margin: 0px 0px 10px 20px; padding: 0px; text-align: right; overflow:hidden; line-height: 100%; } .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 {display:block; background: transparent; width: 100%; height: 1700px; margin: 0px; padding: 0px;} #module_Frame {display:block; background: transparent; width: 100%; height: 100%; margin: 0px; padding: 0px;} a.linklist {font-weight: bold; color: #8e353b; display: block; margin: 0px 0px 15px 20px; padding: 0px 0px 0px 20px; } a.linklist:hover {text-decoration: underline; color: #8e353b; } a.dllink, a.linkPDF {font-weight: normal; font-size: 90%; font-weight: 300; min-height: 32px; text-transform: none; display: inline-block; color: #999999; background: url(../img/_layout/icon_download.gif) no-repeat left top; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 30px; } a.dllink:hover {text-decoration: none; color: #8e353b; } a.pdf, a.linkPDF {background: url(../img/_layout/icon_pdf.png) no-repeat left top; padding: 5px 0px 0px 35px; } 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;} .buttonlist a, .buttonlist a:hover, a.btn, a.btn:hover, a.button, a.button:hover {font-size:110%; display:block; font-weight: normal; width: auto; text-decoration: none; color: #ffffff; background: #8e353b url(../img/_layout/arrow_right.png) no-repeat 8px center; margin: 0px 0px 10px 0px; padding: 6px 20px; text-transform: uppercase; text-align: left; overflow:hidden; /*-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; */} .buttonlist a:hover, a.btn:hover, a.button:hover {color: #8e353b; background-color: #dddddd; background-image: url(../img/_layout/arrow_right.png) !important; text-decoration: none;} a.videostart {display: none; } a.extern {position: relative; display: inline-block; padding-right: 20px !important; } a.extern::after {display: block; position: absolute; top: 4px; right: 4px; height: 100%; width: 16px; content: ""; background-image: url(../img/_layout/icon_extern.png); background-repeat: no-repeat; background-position: right top; background-size: 12px auto; } a.btn.extern::after, a.button.extern::after {background-image: url(../img/_layout/icon_extern_white.png); } a.btn.extern:hover::after, a.button.extern:hover::after {background-image: url(../img/_layout/icon_extern.png); } 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; display: inline-block; width: auto; height: 20px; font-size:11px; font-weight: 400; text-decoration: none; text-transform:uppercase; color: #ffffff; background: #8e353b url(../img/_layout/arrow_line_right.png) no-repeat right top; margin: 0px 0px 0px 0px; padding: 3px 30px 3px 10px; overflow: hidden; -moz-border-radius: 50px; -webkit-border-radius: 50px; -khtml-border-radius: 50px; border-radius: 50px; 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.extrabutton:hover {text-decoration: none; color: #ffffff; border-color: #8e353b; background-color: #e06400; } a.extrabutton-up, a.extrabutton-up:visited, a.extrabutton-up:link, a.extrabutton-up:active, a.extrabutton-up:focus, a.extrabutton-up:hover {position: fixed; right: 15px; bottom: 15px; display: none; height: 35px; width: 35px; text-align: center; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; color: transparent !important; background: transparent url(../img/_layout/arrow_line_up.png) no-repeat center 7px; z-index: 3000 !important; border: 2px solid #8e353b; } a.extrabutton-up:focus, a.extrabutton-up:hover {background-color: #8e353b; color: transparent !important; background-image: url(../img/_layout/arrow_line_up_MO.png); background-position: center 4px; } a.extrabutton-right, a.extrabutton-right:visited, a.extrabutton-right:link, a.extrabutton-right:active, a.extrabutton-right:focus, a.extrabutton-right:hover {position: relative; height: 28px; width: 28px; text-align: center; padding: 0px 0px 0px 0px; margin: 4px 0px 0px 0px; color: transparent; background: transparent url(../img/_layout/arrow_line_right.png) no-repeat 0px center; background-size: 100% auto; border: 2px solid #8e353b; } a.extrabutton-right:focus, a.extrabutton-right:hover {background-color: #8e353b; color: transparent; background-image: url(../img/_layout/arrow_line_right_MO.png); background-position: 3px center; } a.extrabutton-left, a.extrabutton-left:visited, a.extrabutton-left:link, a.extrabutton-left:active, a.extrabutton-left:focus, a.extrabutton-left:hover {position: relative; height: 28px; width: 28px; text-align: center; padding: 0px 0px 0px 0px; margin: 0px 0px 4px 0px; color: transparent; background: transparent url(../img/_layout/arrow_line_left.png) no-repeat 0px center; background-size: 100% auto; border: 2px solid #8e353b; } a.extrabutton-left:focus, a.extrabutton-left:hover {background-color: #8e353b; color: transparent; background-image: url(../img/_layout/arrow_line_left_MO.png); background-position: -3px center; } a.extrabutton-down, a.extrabutton-down:visited, a.extrabutton-down:link, a.extrabutton-down:active, a.extrabutton-down:hover {position: absolute; left: 50%; bottom: 15px; display: block; height: 35px; width: 35px; text-align: center; padding: 0px 0px 0px 0px; margin: 0px 0px 0px -20px; color: transparent; background: transparent url(../img/_layout/arrow_line_down.png) no-repeat center 4px; z-index: 300 !important; border: 2px solid #ffffff; } a.extrabutton-down:focus, a.extrabutton-down:hover {background-color: #8e353b; color: transparent; background-image: url(../img/_layout/arrow_line_down_MO.png); background-position: center 7px; } 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 {background-color: transparent;} 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: fixed; left: 0px; top: 10px; display: block; width: 100%; height: auto; padding: 0px; margin: 0px 0px 0px 0px; background: #ffffff; text-align: left; z-index: 30001; font-weight: 400; border-bottom: 15px solid #8e353b; box-shadow: 0px 10px 10px rgba(0,0,0,0.25); -moz-box-shadow: 0px 10px 10px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 10px 10px rgba(0,0,0,0.25); 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; } #start #mainnav {top: 60px; } .mainnavfirst { } .mainnavfixed {top: 10px !important; } #mainnav h4 {color:#724200; background: transparent; 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; height: auto; width: 100%; max-width: 1170px; letter-spacing: 0em; display: block; background: transparent url(../img/_layout/bg_menu.png) no-repeat right bottom; margin: 100px auto 0px; padding: 0px 0px 50px 0px; overflow: visible; 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.makeMenu ul {position: relative; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: auto; height:auto; background: transparent; text-align: left; vertical-align: top; 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.makeMenu > li {position: relative; list-style-type: none; display: block; float: left; background: transparent; width: 250px; height: auto; list-style-image: none; z-index: 3201; margin: 0px 35px 35px 0px; padding: 0px; overflow: visible; vertical-align: top; } ul.makeMenu li ul {position: relative; display: inline-block; padding: 0px; height: auto; width: 100%; letter-spacing: 0em !important; margin: 0px 0px 0px 0px; z-index: 100 !important; background: transparent url(../img/_layout/bg_white_trans90.png) repeat left top; overflow: visible; } ul.makeMenu li ul li {display: block; width: 100%; } ul.makeMenu li:hover > ul {display: block !important; } ul.makeMenu li ul.opened-menu {display: block !important; } ul.makeMenu li ul li ul {display: block !important; height: 0px; padding: 0px 0px 0px 0px; overflow: hidden; } ul.makeMenu li ul li:hover > ul {display: block !important; height: auto; padding: 0px 0px 10px 0px;} ul.makeMenu li ul li ul li {position:relative; display: block; padding: 0px; margin: 0px; border: none; } ul.makeMenu li ul li:last-child ul, ul.makeMenu li ul li:last-child, ul.makeMenu li ul li:last-child a {border: none !important; } #top_145 ul ul, #top_14 ul ul {display: none !important; } /* Menu-Toggle */ a.close-btn {position: absolute; right: 50%; top: 0px; z-index: 26000; display: none; width: 50px; height: 50px; color: transparent; background: transparent url(../img/_layout/icon_close.png) no-repeat left top; background-size: 100% 100%; margin: 0px -585px 0px 0px; } a.close-btn:hover {text-decoration:none; background-color: #ddc2c4; } a.main-nav-toggle {display: none; position: absolute; right: 50%; top: 0px; z-index: 26000; width: auto; height: 50px; color: #6d6d6d; background: transparent url(../img/_layout/icon_menu.png) no-repeat right top; background-size: auto 100%; font-size: 16px; font-weight: 400; overflow: hidden; margin: 0px -585px 0px 0px; padding: 0px 65px 0px 0px; text-transform: uppercase; text-align: right; } a.main-nav-toggle:hover {background-image: url(../img/_layout/icon_menu_MO.png); color: #8e353b; text-decoration:none; } a.main-nav-toggle span {position:relative; display: block; width: auto; height: 14px; color: #6d6d6d; border: 2px solid #6d6d6d; background: transparent; padding: 5px 20px; margin: 11px 0px; text-transform: uppercase; text-align: center; line-height: 100%; } a.main-nav-toggle:hover span {text-decoration:none; color: #8e353b; background-color: #ddc2c4; } .minimized {display: none !important; } .mainnav-closed {height: 0px !important; border: none !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; } .mainnav-closed ul.makeMenu {height: 0px !important; } .mainnav-closed a.main-nav-toggle {display: block !important; } .mainnav-closed a.close-btn {display: none !important; } a.TopMenu, a.TopMenu:visited, a.TopMenu:link, a.TopMenu:active {display: block; color: #8e353b; background: transparent; font-size: 17px; height: auto; width: auto; font-weight: 400; text-transform: uppercase; text-decoration: none; border-bottom: 2px solid #8e353b; margin: 0px 0px; padding: 9px 20px 9px 0px; line-height: 100%; text-align: left; } a.TopMenu_sel, a.TopMenu_sel:hover, a.TopMenu_sel:visited, a.TopMenu_sel:link, a.TopMenu_sel:active {display: block; color: #000000; background: transparent; font-size: 17px; height: auto; width: auto; font-weight: 400; text-transform: uppercase; text-decoration: none; border-bottom: 2px solid #000000; margin: 0px 0px; padding: 9px 20px 9px 0px; line-height: 100%; text-align: left; } a.TopMenu:hover {display: block; color: #000000; background: transparent; font-size: 17px; height: auto; width: auto; text-transform: uppercase; text-decoration: none; border-bottom: 2px solid #000000; margin: 0px 0px; padding: 9px 20px 9px 0px; line-height: 100%; text-align: left; } ul.makeMenu > li:first-child a { } a.active-menu { } a.MenuLevelSub, a.MenuLevelSub:visited, a.MenuLevelSub:link, a.MenuLevelSub:active {display: block; color: #444444; background: transparent; font-size: 16px; height: auto; width: auto; font-weight: 300; text-transform: none; text-decoration:none; margin: 0px 0px 0px 0px; padding: 9px 20px 9px 0px; line-height: 120%; border-bottom: 1px solid #e2e2e2; text-align:left; 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; } a.MenuLevelSub_sel, a.MenuLevelSub_sel:hover, a.MenuLevelSub_sel:visited, a.MenuLevelSub_sel:link, a.MenuLevelSub_sel:active {display: block; color: #8e353b; background: #f0f0f0; font-size: 16px; height: auto; width: auto; font-weight: 300; text-transform: none; text-decoration:none; margin: 0px 0px 0px 0px; padding: 9px 20px 9px 5px; line-height: 120%; border-bottom: 1px solid #e2e2e2; text-align:left; overflow: hidden; } a.MenuLevelSub:hover {display: block; color: #8e353b; background: #f0f0f0; font-size: 16px; height: auto; width: auto; text-transform: none; text-decoration:none; margin: 0px 0px 0px 0px; padding: 9px 20px 9px 5px; line-height: 120%; border-bottom: 1px solid #e2e2e2; text-align:left; overflow: hidden; } a.MenuLevelSubSub, a.MenuLevelSubSub:visited, a.MenuLevelSubSub:link, a.MenuLevelSubSub:active {display: block; color: #444444; background: transparent; font-size: 14px; height: auto; width: auto; font-weight: 300; text-transform: none; text-decoration:none; margin: 0px 0px 0px 0px; padding: 7px 20px 7px 20px; line-height: 120%; border-bottom: 1px solid #e2e2e2; text-align:left; 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; } a.MenuLevelSubSub_sel, a.MenuLevelSubSub_sel:hover, a.MenuLevelSubSub_sel:visited, a.MenuLevelSubSub_sel:link, a.MenuLevelSubSub_sel:active {display: block; color: #8e353b; background: #f0f0f0; font-size: 14px; height: auto; width: auto; font-weight: 300; text-transform: none; text-decoration:none; margin: 0px 0px 0px 0px; padding: 7px 20px 7px 25px; line-height: 120%; border-bottom: 1px solid #e2e2e2; text-align:left; overflow: hidden; } a.MenuLevelSubSub:hover {display: block; color: #8e353b; background: #f0f0f0; font-size: 14px; height: auto; width: auto; text-transform: none; text-decoration:none; margin: 0px 0px 0px 0px; padding: 7px 20px 7px 25px; line-height: 120%; border-bottom: 1px solid #e2e2e2; text-align:left; overflow: hidden; } a.MenuLevelSub-left, a.MenuLevelSub-left:visited, a.MenuLevelSub-left:link, a.MenuLevelSub-left:active {background-image: url(../img/_layout/arrow_left.png) !important; } a.MenuLevelSub-left:hover {background-image: url(../img/_layout/arrow_left_MO.png) !important; } a.TopMenu_sel img, a.TopMenu img { } ul.makeMenu li:first-child a.TopMenu { } ul.makeMenu li:last-child a.TopMenu { } ul.makeMenu li ul li:last-child a { } /* * ############################################ * */ /* * TOP-MENU - ENDE * */ /* * ############################################ * */ /* * SUB-MENU * */ #mainSubnav {position: fixed; left: 0px; top: 120px; z-index: 3000; width: auto; color: #ffffff; background: #8e353b; text-align: right; height: auto; display:block; border: 2px solid #ffffff; border-left: none; overflow: auto; overflow-x: hidden; margin: 0px; padding: 20px 0px 0px; box-shadow: 5px 0px 10px rgba(0,0,0,0.4); -moz-box-shadow: 5px 0px 10px rgba(0,0,0,0.4); -webkit-box-shadow: 5px 0px 10px rgba(0,0,0,0.4); opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90); 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#navtitle {position: relative; display: inline-block; margin: 0px 20px 15px 20px; padding: 0px; width:50px; height:48px; font-size: 120%; text-transform: uppercase; text-align: left; border: 2px solid #ffffff; color: transparent; background: #8e353b url(../img/_layout/icon_menu_white.png) no-repeat right center; overflow: hidden; } a#navtitle:hover {cursor: pointer; background-color: rgba(255,255,255,0.2); text-decoration: none; } ul.makeSubMenu {position: relative; list-style-type: none; width: 0px; height: 0px; display: block; z-index: 10; background: transparent; margin: 0px 0px 0px; padding: 0px; border-top: 2px solid #ffffff; overflow: hidden; text-align:left; 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; } #mainSubnav.nav-open ul.makeSubMenu {width: auto; min-width: 250px; height: auto; padding: 20px; } #mainSubnav.nav-open a#navtitle {background-image: url(../img/_layout/icon_close_white.png); color: #ffffff; width: 65%; height:28px; border: none; padding: 10px 60px 10px 10px; } #mainSubnav.nav-open a#navtitle:hover {background-image: url(../img/_layout/icon_close_white.png); } ul.makeSubMenu ul {position: relative; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 250px; overflow: hidden; height:auto; background: transparent;} ul.makeSubMenu li {position: relative; list-style-type: none; display: 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: relative; padding: 10px 0px; width: auto; background: transparent; border: none; display: block; overflow: hidden; } ul.makeSubMenu li:last-child ul {} ul.makeSubMenu li:hover {background-color: transparent;} ul.makeSubMenu li:hover > ul {display: block !important;} ul.makeSubMenu * {line-height: normal !important;} /* overriding my normal stylesheet */ ul.makeSubMenu li ul li ul {position:relative; display: block !important; background: transparent; padding: 0px 0px; margin: 0px 0px 10px 0px; } ul.makeSubMenu li ul li:hover ul {display: block !important;} ul.makeSubMenu li ul li ul li {position:relative; float: none; display: block; padding: 0px; margin: 0px; border: none; } a.makeSubMenuTop, a.makeSubMenuTop:visited, a.makeSubMenuTop:link, a.makeSubMenuTop:active {display: block; color: #ffffff; background: #8e353b; font-size: 15px; height: auto; width: auto; font-weight: 400; text-transform: none; text-decoration:none; margin: 0px 0px 0px 0px; padding: 7px 10px; line-height: 120%; 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: #ffffff; background: #8e353b; font-size: 15px; height: auto; width: auto; font-weight: 400; text-transform: none; text-decoration:none; margin: 0px 0px 0px 0px; padding: 7px 10px; line-height: 120%; text-align:left; } a.makeSubMenuTop:hover, a.makeSubMenuTop_sel:hover {display: block; color: #ffffff; background: #8e353b; } ul.makeSubMenu a, ul.makeSubMenu a:visited, ul.makeSubMenu a:link, ul.makeSubMenu a:active {display: block; color: #ffffff; border-color: #ffffff !important; background: transparent; font-size: 18px; height: auto; width: auto; font-weight: 300 !important; text-transform: none !important; text-decoration:none; margin: 0px 0px 0px 0px; padding: 8px 10px; } ul.makeSubMenu a:hover {color: #8e353b; border-color: #ffffff !important; background: #f2eaeb; font-weight: 400 !important; } ul.makeSubMenu li:last-child a {border: none; } div.SubMenuSlider {/*position:absolute; top: 405px; 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 {display: none; float: left; padding: 10px; margin: 0px; min-width: 55px; } a.SubMenuSlider {position:absolute; top: 50%; height: 150px; width: 40px; display:block; margin: -75px 0px 0px 0px; padding: 0px; background: transparent url(../img/_layout/big_arrow_left.png) no-repeat center center; } a.SubMenuSlider:hover {} a.SubMenuSlider-left {left: -70px; background-image: url(../img/_layout/big_arrow_left.png); } a.SubMenuSlider-right {right: -70px; background-image: url(../img/_layout/big_arrow_right.png); } a.SubMenuSlider-left:hover {background-image: url(../img/_layout/big_arrow_left_MO.png); } a.SubMenuSlider-right:hover {background-image: url(../img/_layout/big_arrow_right_MO.png); } /* * EXTRA-MENU * */ .ContExtraMenu {position: relative; float: right; display:block; width: auto; height: auto; background: transparent; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } ul.makeExtraMenu {position: relative; display:block; width: auto; height: auto; margin: 0px; padding: 0px; text-align:right; } 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: #e6e6e6; background: transparent; background-repeat: no-repeat; background-position: center 0px; font-size: 100%; font-weight: normal; display: block; height: auto; width: auto; text-transform: none; text-decoration:none; margin: 0px 0px 0px 20px; padding: 0px 5px; line-height: 100%; } a.extramenu_sel, a.extramenu_sel:hover, a.extramenu_sel:visited, a.extramenu_sel:link, a.extramenu_sel:focus, a.extramenu_sel:active {color: #ffffff; background: transparent; background-repeat: no-repeat; background-position: center 0px; font-size: 100%; font-weight: bold; display: block; height: auto; width: auto; text-transform: none; text-decoration:none; margin: 0px 0px 0px 20px; padding: 0px 5px; line-height: 100%; } a.extramenu:hover {color: #ffffff; background: transparent; background-repeat: no-repeat; background-position: center 0px; text-decoration:none;} ul.makeExtraMenu li:last-child a {} .li-extramenu-back {display: none;} a.printbtn, a.printbtn:visited, a.printbtn:link, a.printbtn:active, a.printbtn:hover {position:relative; display: none; width: auto; height: 10px; z-index: 100; font-size: 11px; font-weight: 300; text-decoration: none; text-transform: none; color: #888888; background: transparent url(../img/_layout/print.png) no-repeat center top; margin: 0px 0px 0px 0px; padding: 25px 4px 0px 4px; line-height: 100%; overflow:hidden; } a.printbtn:hover {text-decoration: none; color: #000000; background-image: url(../img/_layout/print_ho.png); } ul.LanguageBox {position: absolute; right: 200px; top: 11px; margin: 0px 0px 0px 0px; display: block; z-index: 30000; vertical-align: top; width: auto; height: auto; font-size: 80%; text-align: center; padding: 0px 5px; background: #ffffff; border: 2px solid #6d6d6d; overflow: visible; } #start #ContentBoxTop:not(.ContentBoxTop-fixed) ul.LanguageBox {right: 50%; margin: 0px -410px 0px 0px;} ul.LanguageBox:hover {background-color: #ffffff; border-color: #6d6d6d; 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); } ul.LanguageBox ul {position: relative; list-style-type: none; display: block; width: 100%; height:auto; margin: 0px 0px 0px 0px; padding: 0px; background: transparent; } ul.LanguageBox li {position: relative; list-style-type: none; display: block; vertical-align: top; background: transparent; width: 100%; height: auto; list-style-image: none; border: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: visible; } ul.LanguageBox li ul {padding: 5px 0px 0px 0px; display: none; } ul.LanguageBox:hover > li > ul, ul.LanguageBox > li:hover > ul {display: block; } ul.LanguageBox li ul li {width: auto; height: auto; display: block; vertical-align: top; padding: 0px 0px 0px 0px; margin: 2px 0px 3px 0px; overflow: visible; z-index: 10; } ul.LanguageBox a {background-color: transparent; background-repeat: no-repeat; background-position: center top; background-size: 25px auto; color: #6d6d6d; line-height: 100%; text-transform: uppercase; display: block; width: auto; height: auto; border: none; margin: 0px 0px 0px 0px; padding: 5px 10px; } ul.LanguageBox a:hover, ul.LanguageBox a.langmenu_sel {text-decoration: none; color: #8e353b; } ul.LanguageBox > li > a {height: auto; background-size: 25px auto; } ul.LanguageBox li ul li:last-child {border: none !important; padding-right: 0px !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;} 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: #000000; 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; background: #8e353b; 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; color: #ffffff; text-transform:uppercase; background: #8e353b; border-bottom: 1px solid #bbbbbb;; border-top: 1px solid #bbbbbb;} ul.Sitemap a.sitemap_top:hover {background: #8e353b; color: #ffffff;} ul.Sitemap a.sitemap_sub, ul.Sitemap a.sitemap_subsub {color: #000000;} ul.Sitemap a:hover {background: #8e353b; color: #ffffff;} /* * 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 {display:block; font-weight: 300; font-size: 220%; color: inherit; width: 100%; max-width: 1170px; margin: 0px auto 40px; padding: 0px 0px 15px 0px; background: transparent url(../img/_layout/lineblock_red.png) no-repeat left bottom; background-size: 150px 2px; text-align: left; line-height: 120%; text-transform: uppercase; } h2 {display:block; font-weight: 400; font-size: 120%; color: inherit; margin: 0px 0px 10px 0px; padding: 0px; line-height: 140%; text-transform: none; text-align:left; } h3 {display:block; font-weight: 300; font-size: 180%; color: inherit; width: auto; max-width: 1170px; margin: 0px auto 30px; padding: 0px 0px 15px 0px; height: auto; line-height: 120%; text-transform: uppercase; text-align:left; background: transparent url(../img/_layout/lineblock_red.png) no-repeat left bottom; background-size: 150px 2px; } h4 {display:block; font-weight: 400; font-size: 110%; color: #8e353b; background: transparent; margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px; text-align: left;} h5 {display:block; font-weight: 600; font-size: 100%; color: #888888; display:inline; width:auto; background: transparent; padding: 0px 0px 3px 0px; margin: 0px 0px 0px 0px;} h6 {display:block; font-weight: 600; font-size: 100%; color: #8e353b; display:inline-block; letter-spacing: 0.1em; width: 100%; margin: 0px auto 10px; padding: 0px 0px 10px 0px; text-transform: uppercase; background: transparent url(../img/_layout/lineblock_red.png) no-repeat left bottom; background-size: 150px 2px; } blockquote {font-style: normal !important; font-size: 110% !important; font-weight: 400 !important; max-width: 350px; min-height: 80px; text-align: justify; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 95px !important; border-left: 2px solid #8e353b; background: transparent url(../img/_layout/quote.png) no-repeat 15px top; } .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 #cccccc; overflow: hidden; box-shadow: 0px 0px 10px rgba(0,0,0,1.0); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,1.0); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,1.0); } 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; font-family: "Exo 2", "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif; text-align:center; } a.MediaBoxStart:hover {background: #3b82ba; text-decoration: none; } #MediaBoxStart .vidlayer {position:absolute; top: 0px; display:block; width: 300px; height: 300px; z-index: 1; background: transparent url(../img/_layout/video_play.png) no-repeat center; } #MediaBoxStart img {position:absolute; top: 50%; left: 0px; display:block; margin: -85px 0px 0px 0px; } /* * News * */ .NewsBox {position: relative; display: block; text-align: left; height: auto; font-size: 100%; padding: 0px; margin: 0px 0px 20px 0px; color: inherit; background: #f0f0f0; overflow: hidden; border: 1px solid #cccccc; box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .DateBox {background: #ffffff; /*border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; */} .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; clear: both; color: inherit; font-size: 90%; line-height: 130%; width: 96%; height: auto; background: transparent; padding: 5px; margin: 0px 10px 0px 0px; font-weight: normal; text-transform: none; 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; } .NewsBoxCont:hover {background: #e0e0e0; } .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: 110%; color: inherit; background: transparent; padding: 0px 0px 0px 0px; margin: 0px 0px 2px 0px; line-height: 130%; } .newsblock {margin:0; padding:0; padding-left: 1px; margin-bottom: 5px;} .news_text {padding: 5px 0px; font-weight: 300; } .news_img {width: 100%; } .NewsBoxCont img {max-width: 100%; } .NewsBoxCont a {font-weight: normal; display: block;} .DateBox a, .DateBox p {font-size: 100%; } .news_text .date {} a.boxlink {position: relative; width: 100%; height: auto; padding: 0px; margin: 0px; display: block; background: transparent; } .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: #8e353b 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: #8e353b 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 {text-decoration:none; font-weight: bold; color: inherit; background: transparent; font-size: inherit; display: block; width: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 2px 0px; text-align: left;} a.newshead:hover {text-decoration:none; color: inherit; } 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 {position: relative; display: block; width: auto; text-decoration:none; color: #ffffff; background: #8e353b; text-transform: uppercase; font-size: 120%; font-weight: 600; padding: 7px 10px; text-align: left; z-index: 100; } a.newstop:hover {text-decoration:none; color: #ffffff; background: #dd9067; } /* * Textblock-News * */ .textblock .NewsBox {text-align: center; margin: 0px 0px 0px 0px; 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; } .textblock .NewsBoxCont .date, .textblock a.newstop {display: none !important; } .textblock a.newshead {font-size: 120%; } .textblock .NewsBoxCont {display: inline-block; vertical-align: top; clear: none; line-height: 150%; width: 20%; padding: 0px; margin: 10px 5%; text-align: left; } .textblock .NewsBoxCont:hover {background: transparent; opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); } /* * News-Content * */ .NewsContainer {position: relative; display: block; vertical-align: top; height: auto; font-size: 100%; width: 100%; padding: 10px 0px 0px 0px; margin: 0px 0px 10px 0px; line-height: 140%; border-bottom: 1px solid #8e353b;} .NewsContainer-right {margin-right: 0px; padding-right: 0px; border-right: none;} .newscontblock {margin:0; padding:0; } .newsimg {float:right; margin: 10px 0px 0px 15px; width: 100px; padding: 0px; } .newsimgpage {padding:13px; padding-bottom: 26px; margin: 0; color: #000000; background: #333333;} .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; margin-left:0; padding-left:0;} li.linklist {vertical-align: top; font-weight: normal; list-style-image: url(../img/_layout/list_bullet.png); margin-left:25px; padding-left:0;} li.buttonlist {list-style-type: none !important; list-style-image: none !important; margin-left: 0px !important; padding-left: 0px !important; } ul.pdflist li, li.pdflist {vertical-align: top; font-weight: normal; list-style-image: url(../img/_layout/icon_pdf.png); margin-left:23px; padding-left:0;} ul li a {font-weight: normal;} div.pdflist {background: url(../img/_layout/icon_pdf.png) 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:0px; padding-left:0;} ul.pdf li, li.pdf {list-style-image: url(../img/_layout/icon_pdf.png);} 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;} /* Footer */ .FooterBox {position: relative; height: auto; width: 100%; clear: both; display: block; font-size: 80%; line-height: 140%; color: #666666; background: #e6e6e6 url(../img/_layout/bg_footer.png) no-repeat center top; margin: 0px 0px 0px 0px; padding: 80px 0px 120px; } .FooterBoxInner {position: relative; height: auto; width: 100%; max-width: 1170px; display: block; margin: 0px auto; padding: 20px 0px 0px 0px; } .FooterBox a {color: inherit; font-size: inherit; font-weight: inherit; vertical-align: top; } .FooterBox a:hover {color: #8e353b; text-decoration: none; font-weight: 400; } .FooterBox ul {list-style-type: none; display: block; font-size: 100%; width: auto; list-style-type: none; margin: 0px; padding: 0px; } .FooterBox li {list-style-type: none; display: block; list-style-image: none; margin: 0px 0px 3px 0px; padding: 0px; } .FooterSubLine {height: auto; width: 100%; display: block; clear: both; font-size: inherit; color: inherit; background: transparent; margin: 0px 0px 0px 0px; padding: 20px 0px; text-align: center; } .FooterSubLineInner {width: 100%; max-width: 1170px; display: block; margin: 0px auto; padding: 10px 0px 0px 0px; border-top: 1px solid #aaaaaa; } .FooterBox h4 {text-transform: uppercase; font-weight: 600; margin: 0px 0px 15px 0px; padding: 0px 0px 15px 0px; background: transparent url(../img/_layout/lineblock_red.png) no-repeat left bottom; background-size: 75px 2px; } .FooterBox p, .FooterSubLine p {position: relative; display: block; height: auto; width: auto; margin: 0px 0px 5px 0px; } .FooterBoxCol {position: relative; display: block; width: auto; max-width: 23%; overflow: hidden; height: auto; float: left; margin: 0px 50px 20px 0px; } .FooterBoxCol-last, .FooterBoxRight {float: right; margin: 0px 0px 20px 0px !important; } .lineblock {border-top: 5px solid #058bbe; padding-top: 10px !important; margin-top: 20px !important; } a.footer {margin: 0px 0px 0px 10px; text-decoration: none; color: #333333;} a.footer:hover {text-decoration: underline;} iframe {display: block !important; overflow: hidden; width: 100% !important; margin: 0px !important; padding: 0px !important; } .mapCont {position: relative; width: 100%; height: 500px; margin: 0px 0px 20px 0px; padding: 0px; } .mapCont-big {position: relative; width: 100%; display: block; height: auto; margin: 0px 0px 0px 0px; padding: 0px; background: #f7f7f7 url(../img/_layout/map_Dexturis.png) no-repeat center; background-size: cover; } .mapCont-big::before {position: relative; display: block; content: ""; padding-top: 25%; } #map {position: absolute; top: 0px; left: 0px; z-index: 50; width: 100%; height: 100%; margin: 0px; padding: 0px; } #map iframe {position: relative; width: 100%; height: 100%; overflow: hidden; } a#mapCover {position: absolute; display: block; top: 0px; left: 0px; z-index: 100; width: 100%; height: 100%; background: #f7f7f7 url(../img/Bilder/snazzy-image.png) repeat center; background-size: 100% auto; } a#mapCover:hover {background-size: 110% auto; } map, .mapimgCont, .maphoverimg {position: absolute; display: block; top: 0px; left: 0px; margin: 0px; padding: 0px; width: 100%; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .mapimgCont {} .mapimg {position: relative; display: inline-block; margin: 0px; padding: 0px; width: 100% !important; height: auto; z-index:101; } .maphoverimg {z-index:102; pointer-events: none; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } .maphoverimg-layer {z-index:103; } .maphoverimg-hover, .maphoverimg.stay-active {opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); } .area {display: block; position: absolute; z-index: 1003; background: rgba(142,53,59,0.0); border: 0px solid rgba(142,53,59,0.0); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; } .area-circle {width: 3.6%; height: 3.0%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; } .area-rect {width: 28px; height: 28px; } .area:hover {cursor: pointer; background: rgba(142,53,59,0.5); border: 2px solid rgba(142,53,59,0.9); text-decoration: none; } .news_bigteaser_map_gallery .area-rect:hover {background: rgba(142,53,59,0.0) !important; border-color: rgba(142,53,59,0.0) !important; } map, area, area:focus, area:selection {border: 0 !important; outline: 0 !important; } area:hover {cursor: pointer; } .bigstamp {position: fixed; left: 50%; top: 50%; color: #ffffff; background: rgba(142,53,59,0.85); display: block; padding: 60px 100px; max-width: 90%; text-transform: uppercase; margin: 0px; font-size: 320%; font-weight: 500; letter-spacing: 0.3em; z-index: 200; pointer-events: none; transform: translate(-50%, -100%) rotate(-10deg); -webkit-transform: translate(-50%, -100%) rotate(-10deg); } .primary-img-view, .secondary-img-view {position: relative; text-align: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .expose-primary {display: inline-block; } .expose-secondary {display: none; } .hidden {pointer-events: none; background: rgba(142,53,59,0.0) !important; border-color: rgba(142,53,59,0.0) !important; } .user-info {position: absolute; z-index:102; font-size: 80%; text-align: center; display: block; top: 5%; left: 0px; margin: 0px; padding: 10px; width: 100%; height: auto; color: #ffffff; text-shadow: 0 0 2px #000000; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); } .user-info.hidden {top: 2%; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } .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: absolute; display: block; top: 0px; left: 0px; z-index: 150; width: 100%; height: 100%; font-size: 120%; margin: 0px; color: #ffffff; padding: 40px 40px 40px 140px; background-color: #8e353b; background-repeat: no-repeat; background-position: 40px 40px; background-size: 80px auto; } .iframe-disclaimer h5 {color: #ffffff; display: block; font-size: 160%; font-weight: 400; margin: 10px 0px 30px; padding: 0px; } .allow-iframe, .allow-iframe:hover {position: absolute; right: 30px; bottom: 30px; color: #8e353b; 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 {position: relative; right: auto; bottom: auto; padding: 5px 10px; font-size: 100%; } #tagcloud {height: auto; display:block; margin: 0px 0px 5px 0px; padding: 0px; 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: 5px 0px; padding: 0px 0px 0px 0px; font-size: inherit;} #tagcloud ul li {position: relative; float: left; list-style-type: none; background: transparent; border-right: 1px solid #aaaaaa; font-size: inherit; width: auto; height: 16px; list-style-image: none; margin: 0px 5px 5px 0px; padding: 0px 5px 5px 0px; vertical-align:bottom; } #tagcloud ul li:lastchild {border:none;} #tagcloud div {margin: 5px; padding: 0px; color: #777777;} #tagcloud a {color: #aaaaaa; } #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 {background: #d9d7d4; padding: 0px; } div.imgbox img {display: block; padding: 0px; margin: 0px; } .float_left {float:left; margin: 0px 10px 0px 0px; } .float_left_border {float:left; border-left: 1px #FFFFFF solid; } .float_right {float:right; margin: 0px 0px 0px 10px; } /*Columns*/ .leftcol {box-sizing: border-box; display: inline-block; vertical-align: top; margin: 0px 5% 10px 0px; clear:both; width: 47%; overflow: hidden;} .rightcol {box-sizing: border-box; display: inline-block; vertical-align: top; width: 47%; overflow: hidden;} .col1 {box-sizing: border-box; display: inline-block; vertical-align: top; margin: 0px 3% 10px 0px; clear:both; width: 31%; overflow: hidden;} .col1-2 {box-sizing: border-box; display: inline-block; vertical-align: top; margin: 0px 3% 10px 0px; clear:both; width: 65%; overflow: hidden;} .col2 {box-sizing: border-box; display: inline-block; vertical-align: top; margin: 0px 3% 10px 0px; width: 31%; overflow: hidden;} .col3 {box-sizing: border-box; display: inline-block; vertical-align: top; margin: 0px 0px 10px 0px; width: 31%; overflow: hidden;} /*Gallery*/ .GalleryCont {position: relative; display: block; clear: both; width: 100%; margin: 0px 0px 0px 0px; text-align: left; } .tile_square {position: relative; display: inline-block; margin: 0px 30px 30px 0px; height: auto; min-height: 140px; width: 202px; padding: 0px 0px 0px 0px; background: transparent; overflow: hidden; text-align: center; vertical-align: top; /* box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.3); */} .tile_square a {position: relative; margin: 0px; padding: 0px; display: block; background: transparent; height: 100%; width: 100%; text-align: center; vertical-align: middle; } .tile_square img {position: relative; display: block; margin: 0px; padding: 0px; height: auto; width: 100%; max-width: none !important; max-height: none !important; text-align: center; vertical-align: middle; 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; } .tile_square:hover img {opacity: 0.7; -moz-opacity: 0.7; filter:alpha(opacity=70); } .tile_square h4 {font-size: 30px; color: #666666; text-shadow:none; line-height: 110%;} .tile_square p {position: relative; display: block; width: 100% !important; background: transparent; text-align: center !important; padding: 7px 0px !important; margin: 0px !important; font-size: 12px !important; color: inherit; line-height: 110%;} .tile_thumb {position: relative; float:left; margin: 0px 20px 20px 20px; height: 80px; width: 80px; padding: 10px; text-align:left; overflow: hidden;} .tile_text {position: relative; display: block; margin: 0px; color: inherit; width: auto; height:auto; text-shadow:none; line-height: 100%; text-align:left; z-index: 1; } .tile_square .vidlayer {position: absolute; top: 0px; left: 0px; display:block; width: 100%; height: 100%; margin: 0px; padding: 0px; z-index: 710; background: transparent url(../img/_layout/video_play.png) no-repeat center 10px; } .tile_square_big {margin: 0px 0px 13px 0px; height: 200px; width: 330px; } .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; } .tile_square_big img {height: 200px; width: 330px; } .tile_square_expose img {height:100%;} .tile-ref {margin: 10px 2% 10px 0px; height: 240px; width: 31%; overflow: hidden; text-align: left; } .tile-ref img {position: absolute; top: 50% !important; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .tile-ref .tilelink {position: absolute; bottom: -100px; left: 0px; display: block; width: 100%; height: auto; min-height: 100px; margin: 0px; padding: 0px; text-align: left; background: #e0e0e0; overflow:hidden; 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; } .tile-ref:hover .tilelink {bottom: 0px; } .tile-ref .tilelink a {position: relative; color: #666666; display: block; height: 100%; width: 90%; margin: 0px; padding: 10px 0px 0px 15px; font-size: 100%; display:block; text-align: left; text-transform: uppercase; font-weight: 400; text-decoration:none; line-height: 120%; } .tile-ref .tilelink a h3 {color: #666666; margin: 0px; padding: 0px 0px 4px 0px; font-size: 110%; text-transform: uppercase; font-weight: 300; } .tile-ref-disabled {display: none; } .ContentBoxMiddle .tile_square p {margin: 5px 0px 0px 0px; font-size: 120%; color: #8e353b; line-height: 130%; } .ContentBoxMiddle .tile_square .vidlayer {background-position: center; } .GalleryContShort {position: relative; display: block; clear: both; width: 100%; margin: -10px auto 10px; padding: 0px 0px 20px 0px; border-bottom: 2px solid #8e353b; text-align: left; } .GalleryType {display: block; } .GalleryContShort .tile_square {margin: 10px 10px 0px 0px !important; height: 120px !important; width: 131px !important; } .GalleryContShort .last {margin-right: 0px !important; } .GalleryContShort .tile_square img {/*height: auto !important; width: auto !important; min-height: 100% !important; min-width: 100% !important; */} a.gallery-opener {display: block; position: absolute; right: 0px; top: -30px; color: transparent; background: transparent url(../img/_layout/icon_zoom.png) no-repeat left top; height: 50px; width: 50px; padding: 0px; margin: 0px 0px 0px 10px; } .single { } .two_columns {/*height: 300px !important;*/ width: 275px !important; margin-right: 5px !important; } .three_columns {/*height: 220px !important;*/ width: 180px !important; margin-right: 5px !important; } .two_columns_1-2_1 {height: 240px !important; width: 180px !important; margin-right: 5px !important; } .two_columns_1-2_2 {height: 240px !important; width: 370px !important; margin-right: 5px !important; } .two_columns_2-1_1 {height: 240px !important; width: 370px !important; margin-right: 5px !important; } .two_columns_2-1_2 {height: 240px !important; width: 180px !important; margin-right: 5px !important; } .group_of_3_left_1 {height: 400px !important; width: 180px !important; margin-right: 5px !important; } .group_of_3_left_2 {height: 195px !important; width: 370px !important; margin-right: 5px !important; } .group_of_3_left_3 {height: 195px !important; width: 370px !important; margin-right: 5px !important; margin-left: 190px !important; margin-top: -200px !important; } .group_of_3_right_1 {height: 195px !important; width: 370px !important; margin-right: 5px !important; } .group_of_3_right_2 {height: 195px !important; width: 370px !important; margin-right: 5px !important; } .group_of_3_right_3 {height: 400px !important; width: 180px !important; margin-right: 5px !important; margin-top: -200px !important; } .squaregroup_of_3_left_1 {height: 370px !important; width: 370px !important; margin-right: 5px !important; } .squaregroup_of_3_left_2 {height: 180px !important; width: 180px !important; margin-right: 5px !important; } .squaregroup_of_3_left_3 {height: 180px !important; width: 180px !important; margin-right: 5px !important; } .squaregroup_of_3_right_1 {height: 180px !important; width: 180px !important; margin-right: 5px !important; } .squaregroup_of_3_right_2 {height: 370px !important; width: 370px !important; margin-right: 5px !important; } .squaregroup_of_3_right_3 {height: 180px !important; width: 180px !important; margin-right: 5px !important; margin-top: -185px !important; } .two_columns img, .three_columns img, .group_of_3_left_1 img, .group_of_3_left_2 img, .group_of_3_left_3 img, .group_of_3_right_1 img, .group_of_3_right_2 img, .group_of_3_right_3 img, .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 {/* min-width: 100% !important; height: auto !important; min-height: 100% !important; width: auto !important; */ } /* Big Teaser */ .TileCont {position: relative; display: block; clear: both; width: 100%; margin: 0px 0px 0px 0px; text-align: left; } .tile {position: relative; display: inline-block; vertical-align: top; margin: 15px 30px 15px 0px; height: auto; min-height: 570px; width: 265px; padding: 0px; text-align: left; overflow: hidden; background: #ebebeb; } .tile img {position: relative; display: block; margin: 0px; padding: 0px; width: 100%; } .tile a.imgbox {position: relative; display: block; width: 100%; height: 170px; margin: 0px; background: transparent; overflow:hidden; } .tile .tile-imgtop, .tile .tile-imgbottom {position: absolute; left: 0px; width: 100%; height: 85px; margin: 0px; padding: 0px; display: block; background-color: transparent; background-repeat: no-repeat; background-size: 100% auto; z-index: 50; } .tile .tile-imgtop {top: 0px; background-image: url(../img/_layout/layer_tileimg_top.png); background-position: left top; } .tile .tile-imgbottom {bottom: 0px; background-image: url(../img/_layout/layer_tileimg_bottom.png); background-position: right bottom; } .tile:hover .tile-imgbottom {background-image: url(../img/_layout/layer_tileimg_bottom_MO.png); } .tile .tilelink {position: relative; display: block; width: auto; height: auto; min-height: 100px; margin: 15px 15px 3px; padding: 0px 0px 0px; text-align: left; background: transparent; overflow:hidden; } .tile .tilelink-a {position: relative; color: #8e353b; display: block; height: auto; width: 100%; margin: 0px; padding: 0px 0px 0px; font-size: 130%; display:block; text-transform: none; font-weight: 600; text-decoration:none; line-height: 120%; } .tile .tilelink-a:hover {text-decoration: underline; } .tile-teaser {display: block; font-size: 80%; line-height: 140%; color: inherit; margin: 0px 15px; padding: 0px 0px 10px 0px; } .tile-subhead {margin: 0px 15px 20px; padding: 0px 0px 20px 0px; font-size: 90%; background: transparent url(../img/_layout/lineblock_red.png) no-repeat left bottom; background-size: 75px 7px; } .tile-teaser a {position: absolute; right: 15px; bottom: 15px; display: block; width: 25px; height: 25px; border: 1px solid #8e353b; color: transparent; background: transparent url(../img/_layout/icon_zoom.png) no-repeat center; font-weight: 400; padding: 0px 0px 0px 0px; } .tile-teaser a:hover {color: transparent; background-color: #8e353b; background-image: url(../img/_layout/icon_zoom_MO.png); } div.last {margin-right: 0px !important;} div a.layer {position: absolute !important; left: 0px !important; top: 0px !important; z-index: 700; width: 100% !important; height: 100% !important; padding: 0px; margin: 0px; display: block; background: transparent; } div a.on, div a.layer:hover {background: transparent url(../img/_layout/bg_black_trans10.png) repeat left top; } .tile-active, .tile:hover {background: #e0e0e0; } .tile-active .tilelink a, .tile:hover .tilelink a {color: #8e353b !important; } a.checkboxoption {color: #888888; display: inline-block; border: 2px solid #666666; text-transform: uppercase; background: transparent; margin: 0px 20px 7px 0px; padding: 5px 10px; line-height: 100%; font-size: 90%; } a.checkboxoption-active, a.checkboxoption:hover {text-decoration: none; color: #ffffff; background: #8e353b; } a.checkboxoption-disabled {/*color: #d0d0d0; border-color: #d0d0d0; */} a.checkboxoption-disabled:hover {/*color: #999999; border-color: #d0d0d0; background: #ddc2c4; */} /* BG Video */ #background_wrap {position:fixed; display:block; top: 0px; left: 0px; margin: 0px; padding: 0px; width: 100%; height: 100%; z-index: 0; background: transparent url(../img/video/water_animation.jpg) no-repeat left top; background-size: 100% 100%; } .video-filter {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; margin: 0px; display: block; background: transparent url(../img/_layout/video-filter.png) repeat left top; z-index: -50; } video#bgvid {position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background: url(polina.jpg) no-repeat; background-size: cover; } #background_wrap img {position:absolute; margin: 0px; width: 100%; height: 100%; } /* Slideshows */ .BackgroundImage {position:relative; display:block; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; width: 100%; height: 500px; background: #ffffff; overflow:hidden; z-index: 1; 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; } .textblock .BackgroundImage {height: 600px; background: #ffffff; } #start .BackgroundImage-Header {height: 840px; } .BackgroundImageWrapper {position:absolute; top: 0px; left: 0px; display:block; margin: 0px; padding: 0px; width: 100%; height: 100%; } .BackgroundImageContainer {position:absolute; top: 0px; left: 0px; display:block; margin: 0px; padding: 0px; width: 100%; height: 100%; } .BackgroundLayer {position:absolute; width:100%; height:100%; margin:0 auto; background: transparent; } .tile_slide img {position:absolute; bottom: 0px; left: 0px; border: none; width: 100%; height: auto; } .textblock .tile_slide img {/*bottom: auto !important; top: 0px !important; */} .tile_slide .tile-imgtop, .tile_slide .tile-imgbottom {position: absolute; left: 0px; width: 100%; height: 300px; margin: 0px; padding: 0px; display: none; background-color: transparent; background-repeat: no-repeat; background-size: 60% auto; z-index: 2; } .tile_slide .tile-imgtop {top: 0px; background-image: url(../img/_layout/corner_white_top.png); background-position: left top; } .tile_slide .tile-imgbottom {bottom: 0px; background-image: url(../img/_layout/corner_white_bottom.png); background-position: right bottom; } .BackgroundImage .tile_slide {position:absolute; background: transparent; border: none; margin: 0px 0px 0px 0px; height: 100%; width: 100%; padding: 0px 0px 0px 0px; } .BackgroundImage .tile_slide a {height: 100%; width: auto; } .BackgroundImageLabel {position:absolute; bottom: 60px; display: none; width: 420px; height: auto; padding: 0px 0px; overflow:hidden; background: transparent url(../img/_layout/bg_white_trans80.png) repeat left top; color: inherit; font-size: 80%; text-transform: none; font-weight: 300; z-index: 5; text-align: left; line-height: 140%; } .BackgroundImageLabel .labeltitle {position:relative; display:block; margin: 0px 0px -15px 0px; padding: 10px 30px 44px 55px; background: transparent url(../img/_layout/corner_title.png) no-repeat left bottom; color: #ffffff; font-size: 26px; font-weight: 400; line-height: 120%; width: 100%; height: auto; min-height: 28px; } .BackgroundImageLabel p {display: block; margin: 0px !important; padding: 0px 30px 20px 55px !important; width: auto; background: transparent url(../img/_layout/corner_bottom_right.png) no-repeat right bottom; } .BackgroundImageLabel .rightcol p {padding: 0px 30px 20px 0px !important; } .BackgroundImage-Header .BackgroundImageLabel p {background: transparent; } .BackgroundImageLabelImgPos-, .BackgroundImageLabelImgPos-above, .BackgroundImageLabelImgPos-below, .BackgroundImageLabelImgPos-left {left: 60%;} .BackgroundImageLabelImgPos-right {right: 60%; } .BackgroundImage-Content .BackgroundImageLabel {bottom: auto !important; top: 80px; width: 700px; } .BackgroundImage-Content .BackgroundImageLabelImgPos-, .BackgroundImage-Content .BackgroundImageLabelImgPos-above, .BackgroundImage-Content .BackgroundImageLabelImgPos-below, .BackgroundImage-Content .BackgroundImageLabelImgPos-left {right: 160px !important; left: auto !important; } .BackgroundImage-Content .BackgroundImageLabelImgPos-right {left: 160px !important; right: auto !important; } .BackgroundImageBtns {display: none; position: absolute; left: 0px; bottom: 15px; width: 100%; height: auto; padding: 0px; margin: 0px auto; z-index: 10; text-align: center; } a.BackgroundImageBtn {position:relative; width: 12px; height: 12px; display: inline-block; padding: 0px; margin: 0px 3px; border: 2px solid #ffffff; background: #ffffff; overflow: hidden; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; box-shadow: 0px 0px 4px rgba(0,0,0,1.0); -moz-box-shadow: 0px 0px 4px rgba(0,0,0,1.0); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,1.0); } a.BackgroundImageBtn-sel, a.BackgroundImageBtn:hover {background: #8e353b; } .watermark {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent url(../img/_layout/space.png) no-repeat center center; z-index: 1100; } /* Slideshow Nav */ .Slidearrow {position:absolute; bottom: 15px; width: 50px; height: 50px; z-index: 50; background: transparent; overflow: hidden; border: 2px solid #ffffff; margin: -13px 0px 0px 0px; 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; } .BackgroundImage-Header .Slidearrow {} #start .BackgroundImage-Header .Slidearrow {} .leftarrow {left: 50%; margin-left: -60px !important; } .rightarrow {right: 50%; margin-right: -60px !important; } .BackgroundImage-Header .leftarrow {left: 20px; margin: 0px !important; width: 35px; height: 35px;} .BackgroundImage-Header .rightarrow {right: 20px; margin: 0px !important; width: 35px; height: 35px;} .leftarrow a {display: block; width: 100%; height: 100%; background: transparent url(../img/_layout/arrow_line_left_MO.png) no-repeat center; background-size: 100% !important; } .rightarrow a {display: block; width: 100%; height: 100%; background: transparent url(../img/_layout/arrow_line_right_MO.png) no-repeat center; background-size: 100% !important; } .leftarrow a:hover {background-color: #ffffff; background-image: url(../img/_layout/arrow_line_left.png); } .rightarrow a:hover {background-color: #ffffff; background-image: url(../img/_layout/arrow_line_right.png); } .BackgroundImage:hover .leftarrow {} .BackgroundImage:hover .rightarrow {} .BackgroundImage a.morelink {position: relative; right: auto; bottom: auto; clear: both; width: auto; height: auto; min-height: 19px; color: #666666; border: none; background: transparent url(../img/_layout/icon_zoom_square.png) no-repeat left top; font-weight: 400; margin: 5px 30px 20px 55px; padding: 5px 0px 5px 40px; } .BackgroundImageLabel:hover a.morelink, .BackgroundImage a.morelink:hover {color: #8e353b; background-color: transparent; background-image: url(../img/_layout/icon_zoom_square_MO.png); } /* Lightbox Nav (horizontal and vertical) */ a.Lightboxarrow:visited, a.Lightboxarrow:focus, a.Lightboxarrow:active, a.Lightboxarrow:link, a.Lightboxarrow:hover, a.Lightboxarrow {position:fixed !important; width: 30px; height: 30px; z-index: 5000; display: block; background-color: #f1f1f1; background-image: url(../img/_layout/arrow_line_right.png); background-repeat: no-repeat; background-position: center; background-size: 100% auto; overflow: hidden; border: 2px solid #8e353b; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; } a.Lightboxarrow:hover {background-color: rgba(142,53,59,0.3); } a.Lightboxarrow.arrow-up {top: 10px; left: 50%; transform: translate(-50%, 0) rotate(-90deg); -webkit-transform: translate(-50%, 0) rotate(-90deg); } a.Lightboxarrow.arrow-down {bottom: 10px; left: 50%; transform: translate(-50%, 0) rotate(90deg); -webkit-transform: translate(-50%, 0) rotate(90deg); } a.Lightboxarrow.arrow-left {left: 10px; top: 50%; transform: translate(0, -50%) rotate(180deg); -webkit-transform: translate(0, -50%) rotate(180deg); } a.Lightboxarrow.arrow-right {right: 10px; top: 50%; transform: translate(0, -50%) rotate(0deg); -webkit-transform: translate(0, -50%) rotate(0deg); } a.Lightboxarrow.blocked {pointer-events: none; opacity: 0.4; -moz-opacity: 0.4; filter:alpha(opacity=40); } /* Slideshow-Teaser */ .body-145 .BackgroundImageLabel, .parent-body-145 .BackgroundImageLabel, .body-14 .BackgroundImageLabel, .parent-body-14 .BackgroundImageLabel {left: 50% !important; right: auto !important; width: 100% !important; max-width: 1170px; background: #ffffff url(../img/_layout/corner_bottom_right.png) no-repeat right bottom !important; margin: 0px 0px 0px -585px !important; } .body-145 .BackgroundImageLabel hr, .parent-body-145 .BackgroundImageLabel hr, .body-14 .BackgroundImageLabel hr, .parent-body-14 .BackgroundImageLabel hr {margin: 10px 0px 15px 55px !important; } .body-145 .BackgroundImageLabel p, .parent-body-145 .BackgroundImageLabel p, .body-14 .BackgroundImageLabel p, .parent-body-14 .BackgroundImageLabel p {background: transparent !important; } .body-145 .tile_slide .tile-imgtop, .parent-body-145 .tile_slide .tile-imgtop, .body-145 .tile_slide .tile-imgbottom, .parent-body-145 .tile_slide .tile-imgbottom, .body-14 .tile_slide .tile-imgtop, .parent-body-14 .tile_slide .tile-imgtop, .body-14 .tile_slide .tile-imgbottom, .parent-body-14 .tile_slide .tile-imgbottom {display: block !important; } .content-block {position: relative; clear: both; display:inline-block; vertical-align: top; height: 150px; width: 150px; margin: 0px 20px 20px 0px; padding: 0px 0px 0px 0px; font-size: 100%; line-height: 140%; overflow: hidden; } .content-block-red {background: #8e353b; color: #ffffff; font-size: 70%; font-weight: 500; height: 130px; width: 130px; padding: 10px 10px; } .content-block-image {width: auto; } .content-block-image img {height: 100%; width: auto; max-width: none; } .content-block-title {width: 40%; font-size: 80%; visibility: hidden; } .content-block-red h2, .content-block-red h3, .content-block-red h4, .content-block-red h5, .content-block-red h6 {color: inherit; margin: 0px 0px 15px 0px; font-size: 150%; } .listblock {position: relative; clear: both; display:inline-block; vertical-align: top; width: 31%; margin: 0px 20px 30px 0px; padding: 0px 0px 0px 0px; } .listblock-single {width: 100% !important; margin: 0px 0px 30px 0px; } .listblock h4 {text-transform: uppercase; font-size: 150%; font-weight: 300; margin: 15px 0px 0px 0px; } .listblock-text {position: relative; width: auto; display:block; } .listblock-single .listblock-text {color: inherit; background: #ebebeb; margin: 10px 0px 10px 0px; padding: 10px 30px; } .listblock-img {position: relative; display:block; padding: 0px; z-index: 10; } .listblock-img-, .listblock-img-above {width: 100%; margin: 0px 0px 15px 0px; } .listblock-img-below {width: 100%; margin: 15px 0px 0px 0px; } .listblock-img-right {width: 35%; float: right; margin: 0px 0px 15px 15px; } .listblock-img-left {width: 35%; float: left; margin: 0px 15px 15px 0px; } .listblock .tile-imgtop, .listblock .tile-imgbottom {position: absolute; left: 0px; width: 100%; height: 110px; margin: 0px; padding: 0px; display: block; background-color: transparent; background-repeat: no-repeat; background-size: 100% auto; z-index: 2; } .listblock .tile-imgtop {top: 0px; background-image: url(../img/_layout/layer_tileimg_top_big.png); background-position: left top; } .listblock .tile-imgbottom {bottom: 0px; background-image: url(../img/_layout/layer_tileimg_bottom_big.png); background-position: right bottom; } .listblock-single .tile-imgtop, .listblock-single .tile-imgbottom {display: none !important; } .teaserblock {position: relative; display:block; width: auto; color: inherit; background: #ebebeb; margin: 0px 0px 10px 0px; padding: 10px 30px; } div.textblock {position: relative; clear: both; display:block; margin: 0px auto 60px; padding: 0px 0px 0px 0px; width: 100%; max-width: 1170px; } .textblock-inner {display: block; width: auto; height: auto; margin: 0px auto; padding: 10px 0px; background: transparent; color: inherit; } div.textblock-foldout {position: relative; margin: 5px 0px; padding: 0px 0px 0px 0px;} div.textblock-float {position: relative; float:left; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px;} div.textblock img {} .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 {position: relative; height: auto; margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; border-top: 1px dotted #666666;} .tbtext {} .meldung {padding: 10px 10px 0px 10px !important; margin: 10px 0px !important; border: 1px solid #8e353b; background: #ffffff; box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.3); } .download {background: #e9e9e9; width: 44%; padding: 15px; font-size: 90%; } .download .listblock-img-right, .download .listblock-img-left {width: 90px; } /* Downloads Big */ .textblock-93 .download, .textblock-32 .download {background: transparent; width: 31%; padding: 0px; font-size: 100%; } div.list_icons {display: block; width: 100%; height: auto; margin: 0px 0px; padding: 0px; background: #e6e6e7; color: inherit; text-align: center; } div.list_icons h3, div.list_icons h4 {font-weight: 400; font-size: 110%; text-align: inherit; text-transform: uppercase; } .textblock_separator_image_dark .textblock-inner, .textblock_separator_image .textblock-inner, .textblock_separator_light .textblock-inner, .textblock_separator_dark .textblock-inner {padding: 20px 0px; max-width: 1170px; } .video_bg .textblock-inner, .map_projects .textblock-inner, .gallery_slideshow .textblock-inner {padding: 0px !important; max-width: none !important; } .textblock_separator_dark .TileCont, .textblock_separator_light .TileCont {text-align: center; } .textblock_separator_dark .tile, .textblock_separator_light .tile {margin: 5px 15px 5px; width: 230px; } .textblock_separator_dark .tile a.imgbox, .textblock_separator_light .tile a.imgbox {max-height: 230px; } div.textblock_separator {padding: 20px 0px 10px; border-top: 2px solid #8e353b; border-bottom: 2px solid #8e353b; } div.textblock_separator_image, div.textblock_separator_light {display: block; width: 100%; max-width: none; height: auto; margin: 0px 0px 0px; padding: 0px; background: transparent; color: inherit; } div.textblock_separator_image_dark, div.textblock_separator_dark {display: block; width: 100%; max-width: none; height: auto; margin: 0px 0px 20px; padding: 0px; background: #8e353b; color: #ffffff; } div.textblock_separator_dark h2, div.textblock_separator_dark h3, div.textblock_separator_dark h4 {color: inherit; width: 100%; text-align: center; margin-bottom: 5px !important; } div.textblock_separator_dark h5, div.textblock_separator_dark h6 {color: inherit; } div.textblock_separator_dark hr {color: #ffffff; background: #ffffff; width: 150px; margin: 10px auto 20px; text-align: center; } div.textblock_separator_dark a {} div.textblock_separator_dark .info {} div.textblock_separator_dark h2, div.textblock_separator_dark h3, div.textblock_separator_dark h4, div.textblock_separator_light h2, div.textblock_separator_light h3, div.textblock_separator_light h4 {text-transform: uppercase; } div.news_bigteaser_map_gallery .col3 {display: block; margin: 40px 0px 10px 0px; width: 100%; } .textblock_separator_image_dark * {color: #ffffff; } .textblock_separator_image_dark hr {color: #ffffff; background: #ffffff; } .textblock_separator_image_dark h3 {background-image: url(../img/_layout/lineblock_white.png); } .textblock-inner > div > p, .textblock-inner > div > h2, .textblock-inner > div > h3, .textblock-inner > div > h4 {position: relative; clear: both; display:block; width: 100% !important; max-width: 1170px !important; } .QuickfinderBox {position: absolute; top: -55px; right: 5px; display: block; font-size: 80%; width: auto; height: auto; margin: 0px 0px 0px 0px; padding: 0px; overflow: hidden; z-index: 3000; line-height: 140%; } .quickfinder-listblock {position: relative; background: transparent; display: inline-block; width: 200px; height: auto; color: #000000; margin: 0px 0px 0px 0px; overflow: hidden; text-align: right; vertical-align: top; } .quickfinder-text {position: relative; display: inline-block; line-height: 110%; padding: 0px 0px 0px 0px; z-index: 1; color: inherit; font-weight: 400; vertical-align: middle; text-align: left; } .quickfinder-img {position: relative; display: inline-block; height: 30px; margin: 0px 0px 0px 0px !important; padding: 0px !important; vertical-align: middle; } .quickfinder-img-right {} .quickfinder-img-left {} .quickfinder-img-hover {display: none; } .quickfinder-img img {height: 100%; width: auto; } .QuickfinderBox a {display: block; background: transparent; color: #8e353b; height: 100%; margin: 0px !important; padding: 4px 0px !important; } .quickfinder-listblock:hover, .QuickfinderBox a:hover {background: transparent; color: #000000; text-decoration: none; } .QuickfinderBox a:hover .quickfinder-img {/*display: none; */} .QuickfinderBox a:hover .quickfinder-img-hover {/*display: block; */} .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: #8e353b url(../img/_layout/bg_btn_hover.png) repeat-x left top; text-decoration: none;} li p, div.line p, .NewsBoxCont p, .newscontblock p, h2 p {margin: 0px; padding: 0px;} .ContentTextBoxNormal p, .ContentTextBoxLeft p, .ContentTextBoxRight p, div.listblock p, .tile p, div.textblock p {margin-top: 0px !important; padding-top: 0px !important; } p.searchnav {margin: 0px 0px 10px 0px; padding: 0px; border-top: 1px solid #999999; border-bottom: 1px solid #999999; text-align:center;} .col1 ul, .col2 ul, .col3 ul {margin-left: 0px; padding-left: 17px;} .col1 li, .col2 li, .col3 li {margin-left: 0px; padding-left: 0px;} b, strong, .bold, .strong {font-weight: 700; } blockquote {font-style: italic; margin-left: 0px; padding-left: 0px; } .yellow {color: #df8a00;} .clear {display: block; clear: both; height: 0px; width: 0px; margin: 0px; padding: 0px; } .small {font-size: 11px;} .big {font-size:120%;} .date {color: #aaaaaa; font-size: 10px;} .info {color: #999999; font-size: 90%; font-style: italic; line-height: 100%; margin-top: 2px;} hr {color: #8e353b; clear: both; height: 2px; border: none; width:150px; background:#8e353b; margin: 10px auto; padding: 0px; display: block; } .asterisk {color: #9c0000; font-weight: bold; font-size: 14px;} .alert {color: #8e353b; font-weight: bold; font-size:90%;} .red {color: #333333;} .green {color: #0B7A09; font-size: 120%; font-weight: 600; } .nobr {white-space:nowrap;} .none {display: none;} .block {display: block !important; } /* Tabellen */ table {border: 0px solid transparent; border-collapse: collapse; margin-top: 5px; font-size: 100%; } tr, tbody, thead {width: 100%; } th {border: 0px solid transparent; background: #8e353b; color: #ffffff; text-align: left; font-weight: normal; vertical-align: top; margin: 0px; padding: 5px; white-space: nowrap;} td {border: 0px solid transparent; background: transparent; text-align: left; vertical-align: top; margin: 0px; padding: 5px 10px 5px 0px;} table.datatable {border: 0px solid #8e353b; font-size: 100%; margin: 0px 0px 40px 0px; } .ContentBoxMiddle table.datatable tr:hover {cursor: pointer; background: #d3ffcc; font-weight: 500; } .ContentBoxMiddle table.datatable td {vertical-align: middle; } table.datatable th {background: #eaeaea; color: #666666; padding: 5px 15px; text-align: right; } table.datatable td {border-bottom: 1px solid #cccccc; padding: 5px 15px; text-align: right; } table.datatable th.tbspalte1, table.datatable td.tbrow1 {text-align: left; } table.datatable td.tbrow6 {font-weight: 500; color: #04973c; } .ContentBoxRight table.datatable td {padding: 5px 10px 5px 0px; } .ContentBoxRight table.datatable {font-size: 90%; } th.first, td.first {border-left: 0px; padding-left: 0px;} td.firstcol {font-weight: normal; } td.row1 {border: 0px solid #b9974e; background: transparent; } td.row1_1 {border: 0px solid #b9974e; background: transparent; } td.row1_2 {border: 0px solid #b9974e; background: transparent; } td.row1_3 {border: 0px solid #b9974e; background: transparent; } td.row1_4 {border: 0px solid #b9974e; background: transparent; } td.row1_5 {border: 0px solid #b9974e; background: transparent; } td.row1_6 {border: 0px solid #b9974e; background: transparent; } td.row2 {border: 0px solid #b9974e; background: transparent url(../img/_layout/bg_black_trans10.png) repeat left top; } td.row2_1 {border: 0px solid #b9974e; background: transparent url(../img/_layout/bg_black_trans10.png) repeat left top; } td.row2_2 {border: 0px solid #b9974e; background: transparent url(../img/_layout/bg_black_trans10.png) repeat left top; } td.row2_3 {border: 0px solid #b9974e; background: transparent url(../img/_layout/bg_black_trans10.png) repeat left top; } td.row2_4 {border: 0px solid #b9974e; background: transparent url(../img/_layout/bg_black_trans10.png) repeat left top; } td.row2_5 {border: 0px solid #b9974e; background: transparent url(../img/_layout/bg_black_trans10.png) repeat left top; } td.row2_6 {border: 0px solid #b9974e; background: transparent url(../img/_layout/bg_black_trans10.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: #8e353b; 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; font-weight: bold; display:block; padding:5px; height: 20px; width: 20px; text-align:center; margin: 2px auto 0px; color: #ffffff; background: #002851; overflow:hidden; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px;} a.navtable:hover {background: #8e353b; color: #000000; } .tablecont {display: inline-block; vertical-align: top; width: 47%; margin: 0px 2% 3% 0px; } #finanzplan table {font-size: 70% !important; font-weight: 600; width: 100%; margin: 0px; border: 1px solid #bbbbbb; } #finanzplan th {text-align: right ; padding: 2px 5px; } #finanzplan td {text-align: right; padding: 2px 5px; } 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: #8e353b url(../img/_layout/arrows_sort.gif) no-repeat right top; padding: 0px 20px 0px 0px; white-space: nowrap;} th a:hover {color: #ffffff; background: #8e353b 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 {margin: 0px !important; padding: 0px !important;} td p {margin-bottom: 0px !important; padding-bottom: 0px !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: transparent url(../img/_layout/bg_black_trans10.png) repeat left top; } /* Event list */ .event-list-cont {display: block; background: #ffffff; padding: 0px; margin: 0px 0px 0px 0px; /*box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.3); */} h6.event-date {color: #000000; font-size: 110%; font-weight: bold; background: #efefef; border: 1px solid #cccccc; border-bottom: 2px solid #058bbe; 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: 600; font-size: 110%; text-transform: uppercase; color: #ffffff; background: #dd9067 url(../img/_layout/arrow_down.png) no-repeat right center; padding: 5px 30px 5px 10px; margin: 0px 0px 0px 0px; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } a.event-more-btn:hover {color: #ffffff; background-color: #8e353b; border-color: #8e353b; background-image: url(../img/_layout/arrow_down_MO.png); text-decoration: none; } a.event-more-btn-open {background-image: url(../img/_layout/arrow_up.png) !important; } a.event-more-btn-open:hover {background-image: url(../img/_layout/arrow_up_MO.png) !important; } .event-more {display: none; background: transparent; margin: 0px 0px 0px 0px; padding: 10px 10px 0px 10px; box-shadow: 0px 7px 7px rgba(0,0,0,0.3); -moz-box-shadow: 0px 7px 7px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 7px 7px rgba(0,0,0,0.3); } .event-more ul {padding-left: 15px; margin-top: 0px; } .event-more li {padding-left: 0px;} /* Formulare */ form {clear:both; font-size: 95%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display:block; } fieldset {margin: 0px; padding: 0px; display: block; border: none; text-align: left; } fieldset.floatform {display: inline-block; vertical-align: top; } fieldset.floatform-right {float: right; margin: 20px 0px 0px 0px; } legend {display: block; font-weight: 400; color: inherit; width: 100%; margin: 0px auto 20px; padding: 0px 0px 0px 0px; height: auto; line-height: 120%; text-align:left; } #contactform_short legend {letter-spacing: 0.1em; color: #8e353b; width: 100%; margin: 0px auto 30px; padding: 0px 0px 10px 0px; text-transform: uppercase; background: transparent url(../img/_layout/lineblock_red.png) no-repeat left bottom; background-size: 150px 2px; } label {display: none; float:left; font-size: 100%; color: #999999; padding: 4px 10px 4px 10px; vertical-align: middle; width: auto;} .important-label {display: inline-block !important; } .label-small {padding: 4px 15px 4px 5px !important; } label.emptylabel {height:0; width:0; overflow: hidden;} label.right, .rightcol label {width: 310px !important; font-size: 90% !important; } label.right2 {width: 270px !important; } select {float:left; width: 98%; color: #666666; background: #ebebeb; padding: 4px; font-size: 100%; vertical-align: middle; border: 1px solid transparent; } select.selectsmall { font-size: 11px; font-weight: normal; } input {float:left; width: 88%; margin: 0px 0px 0px 0px; padding: 5px 5px 5px 10px; font-size: 100%; vertical-align: middle; color: #666666; background: #ebebeb; border: 1px solid transparent; } input.submit {width: auto; color: #ffffff; font-size: 100%; font-weight: 400; border: none; background: #8e353b; padding: 5px 15px; text-transform: none; 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;} input.submit:hover {background: #dddddd; color: #8e353b; cursor:pointer; } input.radio {display: inline-block; width: auto; margin: 10px 0px 0px !important; background: transparent; border: 1px solid #bbbbbb; -moz-border-radius: none !important; -webkit-border-radius: none !important; -khtml-border-radius: none !important; border-radius: none !important; } input.radio2 {margin-left: 40px !important;} input.readonly {color: #808080;} textarea {float:left; width: 88%; max-width: 97%; font-size: 100%; padding: 5px 5px 5px 10px; height: 100px; font-family: Verdana, Arial, sans-serif; color: #666666; background: #ebebeb; border: 1px solid transparent; vertical-align: middle; } div.input {position: relative; display:inline-block; vertical-align: top; font-weight: 300; background: #ebebeb; width: 95%; max-width: 30%; padding: 3px; margin: 0px 20px 20px 0px; height: auto; text-align: left; overflow: hidden;} div.input_error {position: relative; display:inline-block; vertical-align: top; font-weight: 300; background: #8e353b; width: 95%; max-width: 30%; padding: 3px; margin: 0px 20px 20px 0px; height: auto; text-align: left; overflow: hidden; color: #ffffff; } div.input_error label, div.input_error a {color: #ffffff !important; } div.input-message, #contactform_short div.input, #contactform_short div.input_error {max-width: none; } div.input-hidden {visibility: hidden; height: 0; margin: 0; padding: 0; overflow: hidden; } div.error {position: relative; clear: both; display:block; background: #8e353b; padding: 5px; margin: 10px 0px 10px 0px; height: auto; color: #ffffff; font-weight: bold; font-size: 90%; border: 1px #8e353b solid; } div.okay {position: relative; clear: both; display:block; background: #eaeaea; padding: 5px; margin: 10px 0px 10px 0px; height: auto; color: #000000; font-weight: bold; font-size: 90%; border: 1px #8e353b solid; } 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 #8e353b solid; -moz-border-radius: 9px; -webkit-border-radius: 9px; -khtml-border-radius: 9px; border-radius: 9px;} div.submit {position: relative; clear: both; display:block; background: transparent !important; 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.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;} .calcform {background: #f4f4f4; padding: 15px 10px; border: 1px solid #cccccc; } .calcform fieldset {margin: 10px 0px 0px 0px; } .calcform label {display: block !important; width: 100%; } .calcform input[type=text] {width: 90%; } .field-info {margin: 0px 0px 5px 55px !important; font-size: 90%; font-weight: bold; } input.biginput {font-size: 16px; width: 120px; padding: 4px;} #plz, .plz {/*width: 60px; margin: 0px; */} #ort, .ort {/*width: 247px; margin-left: 5px; */} input.number {width: 100px;} input.captcha {width: 100px; float: none; font-size: 18px; padding: 4px;} .input i {font-size: 90% !important; } /* Input-Icons */ input#vorname {padding: 5px 5px 5px 35px; background-image: url(../img/_layout/icon_profile.png); background-repeat: no-repeat; background-position: 0px center; } input#nachname {padding: 5px 5px 5px 35px; background-image: url(../img/_layout/icon_profile.png); background-repeat: no-repeat; background-position: 0px center; } input#email {padding: 5px 5px 5px 35px; background-image: url(../img/_layout/icon_news.png); background-repeat: no-repeat; background-position: 0px center; } input#telefon {padding: 5px 5px 5px 35px; background-image: url(../img/_layout/icon_phone.png); background-repeat: no-repeat; background-position: 0px center; } input#plz, input#ort, input#strasse {padding: 5px 5px 5px 35px; background-image: url(../img/_layout/icon_location.png); background-repeat: no-repeat; background-position: 0px center; } textarea#text {padding: 5px 5px 5px 35px; background-image: url(../img/_layout/icon_txt.png); background-repeat: no-repeat; background-position: 0px 0px; } .floatform select {width: 95%; } .floatform input[type=text] {width: 90%; } .floatform textarea {width: 256px; max-width: 256px; } .floatform #plz, .floatform .plz {width: 20% !important; } .floatform #ort, .floatform .ort {width: 60% !important; } /* SearchBox */ .SearchBox {position: absolute; top: 5px; left: 0px; display: none; width: 245px; height: 30px; z-index: 1000; padding: 5px 3px; margin: 0px 0px 0px 0px; background: #ffedcc 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; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3); } #searchform {display: block; margin: 0px; padding: 0px; } #searchform label {display: none; color: #ffffff; margin: 0px; padding: 0px 0px 0px 2px; } #searchform input {color: #999999; background: transparent; width: 200px; font-size: 100%; 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 {position: absolute; width: 23px; height: 19px; top: 50%; right: 0px; padding: 0px; margin: -10px 5px 5px 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: 70%; padding: 5px; color: #333333; border: 1px solid #666666; } #BigSearchform label {width: auto; text-transform: none; background: transparent; margin: 0px; } #BigSearchform .submit {position: absolute; height: auto; top: 5px; 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; } /* Calendarform */ #calendarform {display: block; } #calendarform fieldset {background: #eaeaea; padding: 2px 10px; overflow: hidden; border: 1px solid #cccccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } #calendarform select {width: 186px; background: #ffffff; } #calendarform input[type=text] {width: 180px; background: #ffffff; } #calendarform label {width: 120px; } #calendarform input.submit {width: auto; font-size: 110%; font-weight: bold; text-transform: uppercase; } #calendarform input.submit-reset {width: auto; font-size: 80%; font-weight: normal; float: right; text-transform: none; border: 1px solid #8e353b; padding: 6px 10px; margin: 1px 0px 0px 10px; } #calendarform .info {color: #444444; } .calendartable {margin: 0px 0px 0px 0px; } .calendarrow {position: relative; margin: 20px 0px 10px 0px; } .calendarrow div.firstcol {font-weight: normal; text-align: left; width: 65%; min-height: 90px; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; overflow: hidden; border-bottom: 1px solid #cccccc; } .calendarrow div.sale-info {font-weight: bold; } .calendarrow div.imagecont {position: relative; display: block; float: right; width: 100px; height: auto; margin: 0px 0px 0px 10px; padding: 0px; overflow: hidden;} .calendarrow div.imagecont img {position: relative; width: 100%; height: auto; padding: 0px; margin: 0px 0px 0px 0px; border: none; } .datebox {display: block; float: left; width: 60px; height: 65px; margin: 0px 10px 0px 0px; background: #ffffff; border: 1px solid #a8a8a8; text-align: center; overflow:hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .datebox-mon {display: block; font-size: 80%; font-weight: 600; text-transform: uppercase; width: 100%; margin: 0px; padding: 2px 0px; background: #dd9067; color: #ffffff; line-height: 100%; } .datebox-daynum {display: block; font-size: 180%; font-weight: 600; text-transform: uppercase; width: 100%; margin: 0px; padding: 3px 0px; background: #ffffff; color: #555555; line-height: 100%; } .datebox-day {display: block; font-size: 80%; font-weight: 400; text-transform: uppercase; width: 100%; margin: 0px; padding: 2px 0px; background: #ffffff; color: #555555; line-height: 100%; } .calendarrow h5 {font-size: 110%; display: block; } .calendarrow .date {font-size: 90%; color: #999999; display: none; } .calendarrow p {margin-top: 0px !important; padding-top: 0px !important;} .no-date .datebox, .no-date .date {display: none; } .sell-link {display: block; position: absolute; bottom: 0px; right: 0px; font-weight: bold; font-size: 14px; text-align: center; width: 150px; color: #ffffff; border: 1px solid #8e353b; padding: 3px; background: #8e353b; margin: 0px 0px 0px 0px; } .sell-link:hover {color: #ffffff; text-decoration: none; background: #8e353b; } .sell-link-top {bottom: 40px; } div.firstcol > a {display: block; color: #000000; background: transparent; padding: 5px !important; margin: -5px !important; height: 100%; width: 100%; } div.firstcol > a:hover {color: #ffffff; background: #8e353b; text-decoration: none; } /* a.button:focus, a.button:hover, a.btn:focus, a.btn:hover, */ div.input:hover, div.input_error:hover, div.input:hover input[type=text], div.input_error:hover input[type=text], div.input:hover textarea, div.input_error:hover textarea, div.input:hover select, div.input_error:hover select, input:focus, textarea:focus, select:focus, input:hover, textarea:hover, select:hover {background: #dbdbdb; } input.submit:hover {/*box-shadow: 0px 0px 8px rgba(142,53,59,0.75); -moz-box-shadow: 0px 0px 8px rgba(142,53,59,0.75); -webkit-box-shadow: 0px 0px 8px rgba(142,53,59,0.75); */} /* 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 #8e353b; 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: 10px 0px 5px 0px; padding: 0px; border: 1px solid #8e353b; 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: #2373ab; font-weight: bold; min-height: 22px; display: block; margin: 0px; padding: 5px 8px 5px 43px; 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.CommentsOpener:hover {background: #8e353b url(../img/_layout/icon_comment_MO.png) no-repeat 6px 4px; color: #ffffff; text-decoration: none; } .CommentBox {position: relative; display: block; margin: 5px; padding: 5px 5px 70px 5px; color: inherit; background: #ffffff; border: 1px solid #cccccc; } .commententry {position: relative; display: block; width: 80%; 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: #dddddd; border: 1px solid #8e353b; } .commententry-empty {font-style: italic; color: inherit; } .commenttitle {position: relative; display: block; color: #2373ab; 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 #2373ab; } .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: #8e353b; } .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 {position: relative; display: block; margin: 0px 0px 0px 25px; padding: 0px 0px 0px 0px;} .mediabox {position: relative; display: block; width: 100%; max-width: 800px; text-align:center; height: auto; clear:both; margin: 10px auto; padding: 0px; border: 1px solid #000000; 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); } #media .mediabox {width: 100%; height: 100%; margin: 0px auto; background: #000000; padding: 0px; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .Videobox {position: relative; display: block; margin: 0px; padding: 0px; width: 100%; height: 100%; } #mediaselect {margin: 0px 0px 6px 0px; padding: 0; font-size: 11px; border: 1px solid #333333; width:180px;} video {background: #ffffff; display: block; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:100%; height: auto; } .Videobox ul, .Videobox li {list-style-type: none; list-style-image: none; } .mediabox *.* {display: block; margin: 0px; padding: 0px; } /* mediaplayer */ #mediaplayer {position:absolute; right: 10px; top: 50%; z-index: 3001; margin: -10px 0px 0px 0px; width:auto; height: auto; padding: 0px 0px; background: transparent; } .mediaplayer-label {display: none; } a#aSoundbtn {display: block; width: 20px; height: 20px; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 100%; overflow:hidden; } a.mediabtn {background-image: url(../img/_layout/icon_speaker_on.png); } a.mediabtn:hover {background-image: url(../img/_layout/icon_speaker_on.png); } a.mediabtn_paused {background-image: url(../img/_layout/icon_speaker_off.png); } a.mediabtn_paused:hover {background-image: url(../img/_layout/icon_speaker_off.png); } /* * Layout-Templates * */ #start .ContentBoxMiddle, #start .ContentBoxRight {} #start .FooterBox {} #start .rightcolumn {} #start .sociallinks {} #start .BreadCrumbBox {display: none; } /* Footer Map */ .mapCont {display: none; } .textblock .mapCont, #start .mapCont, .body-kontakt .mapCont, .parent-body-kontakt .mapCont {display: block; } #main_single .scroll-wrapper, #main_single .ContentBoxMiddle {height: auto; } #main_single .slide {position: relative; top: 0px; left: 0px;} #main_single .ContentContainerStart {display: none; } .pageBody-slideshow #ContentBoxTop { } .pageBody-slideshow .ContentContainer {padding-top: 20px !important; } .body-main_wide .ContentBoxMiddle {width: 100%; float: none; } .body-main_wide .ContentBoxRight {display: none; } .body-main_2col .leftcolumn {width: 47%; margin: 0px 20px 0px 0px; float: left; } .body-main_2col .rightcolumn {width: 47%; margin: 0px 0px 0px 0px; float: right; } .body-main_2col .ContentTextBoxLeft, .body-main_2col .ContentTextBoxRight, .body-main_2col .ContentImgBoxLeft, .body-main_2col .ContentImgBoxRight, .body-main_2col .ContentTBBoxLeft, .body-main_2col .ContentTBBoxRight, .body-main_2col .ContentTBImgBoxLeft, .body-main_2col .ContentTBImgBoxRight {float: none; width: 100%; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; } /* Partner-Logos */ a.partner-tuev {display: inline-block; } a.partner-vhv {display: inline-block; } a.partner-dekra {display: inline-block; } a.partner-kfw {display: inline-block; } a.partner-tuev:hover img {display: block; visibility: hidden; } a.partner-tuev:hover {display: inline-block; background-image: url(../img/Logos/logo_tuev_MO.png); background-repeat: no-repeat; background-position: 0px 0px !important; } a.partner-vhv:hover img {display: block; visibility: hidden; } a.partner-vhv:hover {display: inline-block; background-image: url(../img/Logos/logo_vhv_MO.png); background-repeat: no-repeat; background-position: 0px 0px !important; } a.partner-dekra:hover img {display: block; visibility: hidden; } a.partner-dekra:hover {display: inline-block; background-image: url(../img/Logos/logo_dekra_MO.png); background-repeat: no-repeat; background-position: 0px 0px !important; } a.partner-kfw:hover img {display: block; visibility: hidden; } a.partner-kfw:hover {display: inline-block; background-image: url(../img/Logos/logo_kfw_MO.png); background-repeat: no-repeat; background-position: 0px 0px !important; } .user-info {transition: all 0.7s ease-out 0s; -webkit-transition: all 0.7s ease-out 0s; -moz-transition: all 0.7s ease-out 0s; -o-transition: all 0.7s ease-out 0s; } .mapimg, .maphoverimg {transition: all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; } .maphoverimg-layer, a {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; } #main_lightbox:not(.body-map_gallery_expose) {background: #ffffff !important; } #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 a.section-anchor {display: none; padding-top: 0px; } #main_lightbox .ContentContainer {max-width: 1170px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; background: transparent; padding: 0px !important; margin: 0px auto; min-height: auto; } #main_lightbox .ContentBoxMiddle {width: 90%; height: auto; padding: 20px 30px 0px 30px; margin: 0px; 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 .leftcolumn, #main_lightbox .rightcolumn {margin: 0px; padding: 0px 0px 0px 0px; } #main_lightbox .tile_square {width: 32%; margin: 15px 2% 15px 0px; } #main_lightbox .BackgroundImage-Header, #main_lightbox .parallax-slide, #main_lightbox .makeSubMenu, #main_lightbox #mainnav, #main_lightbox .BreadCrumbBox, #main_lightbox .FooterBox, #main_lightbox #pageBottom, #main_lightbox .mapCont, #main_lightbox .ColumnStar, #main_lightbox #ContentBoxTop, #main_lightbox #ContentBoxTopStart, #main_lightbox .ContentBoxLeft, #main_lightbox .ContentBoxRight, #main_lightbox .ContentContainerStart, #main_lightbox #ContentBoxBottom, #main_lightbox #ContentBoxBottomStart {display: none; } #main_lightbox .ContentImgBoxNormal {margin: 0px 0px -30px 0px; } #main_lightbox .ContentImgBoxLeft, #main_lightbox .ContentImgBoxRight, #main_lightbox .ContentTBImgBoxLeft, #main_lightbox .ContentTBImgBoxRight {/*width: 25%;*/ } /* * 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; } #main_lightbox:not(.body-map_gallery_expose) .ContentContainer {width: 93% !important; } #main_lightbox:not(.body-map_gallery_expose) .ContentBoxRight {width: 30% !important; float: right !important; padding: 25px 0px 0px 0px !important; display: block !important; } #main_lightbox:not(.body-map_gallery_expose) .ContentBoxMiddle {width: 66% !important; float: left !important; padding: 20px 0px 0px 10px !important; } #main_lightbox:not(.body-map_gallery_expose) .ContentBoxRight .mapCont {height: 400px; display: block !important; border: 1px solid #cccccc; margin: 0px 0px 20px 0px; } .body-map_gallery_expose {background: #f1f1f1 !important; } .body-map_gallery_expose .leftcolumn, .body-map_gallery_expose .ContentContainer, .body-map_gallery_expose .ContentBoxMiddle {width: 100% !important; max-width: 1600px !important; float: none !important; margin: 0px auto !important; padding: 0px !important; text-align: center; overflow: hidden; } .body-map_gallery_expose .rightcolumn, .body-map_gallery_expose .ContentBoxRight {display: none !important; } /* * Cookie Popup * */ #cookiebanner {position:fixed; bottom:0px; display: none; background: rgba(142,53,59,0.9); color: #ffffff; padding: 30px 20px; border-top: 1px solid rgba(0,0,0,0.9); font-size: 100%; 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(0,0,0,0.7); text-decoration:none; font-weight: 500; } #cookiebanner a:hover {color: rgba(0,0,0,1.0); text-decoration:underline; } #cookiebanner h4 {color: inherit; max-width: none; font-size: 180%; } #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(255,255,255,0.4); border-color: rgba(0,0,0,1.0); 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; cursor: pointer; } .cookiebannerButtonWrapper input[type='checkbox'] {display: inline-block; cursor: pointer; vertical-align: middle; height: 24px; width: 24px; color: #ffffff; background: rgba(0,0,0,0.15) !important; border: 4px solid rgba(0,0,0,0.35) !important; margin: 0px 5px 0px 0px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; } .cookiebannerButtonWrapper input[type='checkbox']:checked {background: rgba(255,255,255,1.0) !important; border-color: rgba(0,0,0,1.0) !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); border: 1px solid rgba(255,255,255,1.0); overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } a.cookiebannerButton:hover {color: #000000 !important; background: rgba(255,255,255,1.0); text-decoration: none !important; } #cookiebannerButtonDecline {color: #000000 !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: #000000; 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 {top:0px; padding: 15px; overflow: auto; } #cookiebanner h4 {font-size: 140%; } a.cookiebannerButton, .cookiebannerButtonWrapper {padding: 5px; margin: 0px 5px 5px 0px; } } /* * Cookie Popup * */ /* * Print * */ .headerBoxPrint {position: relative; color: #000000; background: transparent; margin: 10px 10px 0px 10px; border: none; padding: 0px 0px 0px 0px; height: auto; white-space: nowrap; z-index:1; overflow:visible;} .ContentBoxPrint {position: relative; color: #000000; width: auto; height: auto; margin: 0px 10px 0px 10px; border: none; padding: 30px 0px 0px 0px; border-top: 1px #aaaaaa solid; overflow:visible;} .FooterBoxPrint {position: relative; color: #000000; width: auto; height: auto; margin: 20px 10px 0px 10px; border: none; padding: 3px 0px 0px 0px; border-top: 1px #999999 solid; clear:both;} .ContentBoxPrint .ContentBoxMiddle, .ContentBoxPrint .ContentBoxRight {position: relative; color: #000000; background: #ffffff; width: auto; height: auto; float: none; text-align: left !important; padding: 0px; margin: 0px; } .ContentBoxPrint .printbtn, .ContentBoxPrint .socialbar {display: none !important;} .ContentBoxPrint h1, .ContentBoxPrint h2, .ContentBoxPrint h3, .ContentBoxPrint h4, .ContentBoxPrint h5, .ContentBoxPrint h6 {color: #000000 !important; text-align: left !important; border: none; padding: 0px; margin: 0px 0px 15px 0px; text-shadow: none; } .headerBoxPrint .tileblock, .ContentBoxPrint .tileblock, .FooterBoxPrint .tileblock, .headerBoxPrint .info, .ContentBoxPrint .info, .FooterBoxPrint .info, .headerBoxPrint a, .ContentBoxPrint a, .FooterBoxPrint a {color: #000000 !important; text-align: left !important; border: none; padding: 0px; margin: 0px; } .ContentBoxPrint ul.DataFoldList, .ContentBoxPrint ul.DataFoldList li, .ContentBoxPrint ul.DataFoldList li ul, .ContentBoxPrint ul.DataFoldList li ul li {height: auto; list-style-image: url(../img/_layout/list_bullet.png); list-style-type:disc; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; }