/* * Page * */
html {height:100%; width: 100%; margin: 0; padding: 0;}
body {height:100%; width: 100%; margin: 0; padding: 0; color: #4c525b; background: #ffffff; font-family: "Arial", sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; overflow: scroll; }
body#main_lightbox {background: #ffffff; height: auto; margin: 0px; padding: 0px; overflow:auto;}
body#media {background: #000000; overflow:hidden;}
body#start {color: #ffffff; }
header, main, footer, div,
select, input, textarea, legend,
ul.makeMenu,
ul.makeMenu li,
ul.makeMenu li ul,
ul.makeMenu a,
ul.makeMenu a img,
ul.LanguageBox,
ul.LanguageBox li,
ul.LanguageBox li ul,
ul.LanguageBox a,
ul.LanguageBox a img,
hr, a,
h1, h2, h3, h4, h5, h6 {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; }
a.newstop,
.BackgroundImageLabel,
h1 {font-family: "Arial Black", "Arial", sans-serif; }
h1, h2, h3, h4, h5, h6, p {
hyphens: auto;
hyphenate-limit-chars: auto 3;
hyphenate-limit-lines: 4;
-webkit-hyphens: auto;
-webkit-hyphenate-limit-chars: auto 3;
-webkit-hyphenate-limit-lines: 4;
-ms-hyphens: auto;
-ms-hyphenate-limit-chars: auto 3;
-ms-hyphenate-limit-lines: 4;
}
#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: fixed; bottom: 0px; left: 0px; display: block; height: 50px; width: 100%; color: inherit; margin: 0px 0px 0px 0px; padding: 0px; background: #4c525b; z-index: 3100; overflow: hidden; box-shadow: 0px 0px 10px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); }
#tooltip {position: absolute; top: 0px; left: 0px; color: #ffffff; width: 300px; height: auto; text-align:left; display: none; z-index: 99999; border: 0px solid #4c525b; background: rgba(76,82,91,0.8); padding: 5px 10px; 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: 80%; font-weight: 300; text-transform: none; }
#tooltip h3,
#tooltip h4,
#tooltip h5,
#tooltip h6 {color: #ffffff; margin: 5px 0px 0px 0px; }
header, main {position: relative; display: block; height: auto; width: 100%; color: inherit; background: transparent; margin: 0px auto 0px; padding: 0px 0px 0px 0px; overflow: hidden; }
main {padding: 70px 0px 0px; }
#pageBody:not(.pageBody-slideshow) main {}
#start main {background-color: #4c525b; background-image: url(../img/_layout/bg_top.jpg); background-position: center top; background-repeat: repeat-x; background-size: 1470px auto; }
/* * 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; }
img.framedicon {margin: 0px 0px 0px 0px; padding: 0px; border: 1px solid #c9c9c9; }
#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: inherit; color: #f87700; }
a.sel {text-decoration: underline; font-weight: inherit; color: #f87700;}
a:hover {text-decoration: underline; background: transparent; color: #f87700;}
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 {display: block; 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-icon.gif) no-repeat center; text-align:center; z-index: 2000; border: 2px solid #4c525b; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; box-shadow: 3px 3px 5px rgba(0,0,0,0.25); -moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.25); -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.25); opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); }
/* * MenuBar * */
.MenuBox {float:left; background: transparent; color: #99CCFF; width: 280px; height: 29px; font-size: 11px; font-weight: normal; padding: 0px 27px 0px 27px; margin: 0px 0px 0px 0px; vertical-align: top; overflow: visible;}
#startpage .MenuBox {background: transparent;}
.LogoBox {color: #8b8b8b; background: transparent; float:left; font-size: 11px; width: 130px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: transparent;}
.BreadCrumbBox {position: relative; display: none; width: 100%; 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.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: #4c525b !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;}
/* * Header * */
.headerBox, .headerBoxLogo {position: relative; display: inline-block; height: 30px; width: auto; z-index: 30005; background: transparent; margin: 20px 0px 0px 0px; padding: 0px 0px; }
.ContentBoxTop-fixed .headerBoxLogo {}
#start #ContentBoxTop:not(.ContentBoxTop-fixed) .headerBoxLogo {height: 40px; margin-top: 30px; }
.headerBoxLogo a,
.headerBoxLogo img {position: relative; display: block; height: 100%; width: auto; max-width: none !important; margin: 0px 0px; }
#headerBoxImg {background:transparent; position: relative; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; height: auto; color: inherit; overflow: hidden; border: none;}
.headerBoxBanner {background:transparent; position: relative; float: right; width: auto; height: auto; margin: 20px 20px 0px 0px; padding: 0px 0px 0px 0px;}
.back {background:transparent; position: relative; width: auto; height: auto; margin: 7px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #333333; z-index:2; font-size:10px; }
.LabelBox {position: relative; display: none; width: auto; height: auto; font-size: 26px; font-weight: normal; color: #002851; background: transparent; margin: 0px; padding: 0px 0px 0px 0px; line-height: 100%; }
.LabelBox p {position: relative; display: none; width:auto; text-align:left; margin: 0px; padding: 0px; }
/* * 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; text-align: left; height: 70px; background: #4c525b url(../img/_layout/bg_top.jpg) center top; background-size: 100% auto; border-bottom: 5px solid #ffffff; width: 100%; font-size: inherit; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: visible; z-index: 3000; box-shadow: 0px 5px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.2); }
.ContentBoxTop-fixed { }
#start #ContentBoxTop:not(.ContentBoxTop-fixed) {border: none; background: transparent; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
background: #4c525b;
background: -moz-linear-gradient(top, #4c525b 0%, rgba(76,82,91,0.0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #4c525b), color-stop(100%, rgba(76,82,91,0.0)));
background: -webkit-linear-gradient(top, #4c525b 0%, rgba(76,82,91,0.0) 100%);
background: -o-linear-gradient(top, #4c525b 0%, rgba(76,82,91,0.0) 100%);
background: -ms-linear-gradient(top, #4c525b 0%, rgba(76,82,91,0.0) 100%);
background: linear-gradient(to bottom, #4c525b 0%, rgba(76,82,91,0.0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c525b', endColorstr='#4c525b', GradientType=0 );
}
.ContentContainer {display: block; position: relative; background: transparent; color: inherit; height: auto; width: 100%; margin: 0px auto; padding: 0px 0px 0px 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; }
.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; }
.inner {display: block; position: relative; background: transparent; color: inherit; height: 100%; width: 100%; max-width: 1170px; padding: 0px 0px; margin: 0px auto; }
.ContentTextBoxNormal {position: relative; display:block; width: 100%; height: auto; margin: 0px auto 0px; padding: 60px 0px 0px 0px; overflow:visible; }
.ContentTextBoxLeft {position: relative; display:inline-block; width: 49%; height: auto; margin: 0px 0px 0px 0px; padding: 60px 20px 0px 0px; overflow:visible;}
.ContentTextBoxRight {position: relative; display:inline-block; width: 49%; height: auto; margin: 0px 0px 0px 0px; padding: 60px 0px 0px 20px; overflow:visible;}
.ContentImgBoxNormal {position: relative; display:block; width: 100%; height: auto; margin: 0px auto 0px; padding: 0px 0px 0px 0px; z-index: 2; text-align: left}
.ContentImgBoxLeft {position: relative; display:inline-block; float: left; width: 50%; height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; overflow:visible; line-height: 110%; z-index: 2; }
.ContentImgBoxRight {position: relative; display:inline-block; float: right; width: 50%; height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: right; overflow:visible; line-height: 110%; z-index: 2; }
.ContentTBTextBoxNormal {position: relative; display:block; width: 100%; height: auto; margin: 0px auto 0px; padding: 0px 0px 0px 0px; overflow:visible;}
.ContentTBBoxLeft {position: relative; display:inline-block; width: 47%; height: auto; margin: 0px 0px 15px 0px; padding: 0px 3% 0px 0px; overflow:visible;}
.ContentTBBoxRight {position: relative; display:inline-block; width: 47%; height: auto; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 3%; overflow:visible;}
.ContentTBImgBoxNormal {position: relative; display:block; width: 100%; height: auto; margin: 0px auto 15px; padding: 0px 0px 0px 0px; z-index: 2; text-align: left; }
.ContentTBImgBoxLeft {position: relative; display:inline-block; float: left; width: 48%; height: auto; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; text-align: left; overflow: visible; line-height: 110%; z-index: 2; }
.ContentTBImgBoxRight {position: relative; display:inline-block; float: right; width: 48%; height: auto; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; text-align: right; overflow: visible; line-height: 110%; z-index: 2; }
.ContentTBImgBoxNormal img,
.ContentImgBoxRight img,
.ContentImgBoxLeft img,
.ContentImgBoxNormal img {width: 100%; height: auto !important; display: block; padding: 0px; margin: 0px; }
.leftcolumn {display: block; width: 100%; color: #ffffff; background: #4c525b; height: auto; margin: 0px auto; padding: 0px 0px 0px 0px; border-bottom: 5px solid #ffffff; }
.rightcolumn {display: block; width: 100%; height: auto; margin: 0px auto; padding: 20px 0px 0px 0px; }
#start .leftcolumn {background: transparent; border: none; height:570px; overflow: hidden; }
#start .rightcolumn {
background: #4c525b;
background: -moz-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.0) 300px);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.7)), color-stop(300px, rgba(0,0,0,0.0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.0) 300px);
background: -o-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.0) 300px);
background: -ms-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.0) 300px);
background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.0) 300px);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,0,0,0.7)', endColorstr='rgba(0,0,0,0.0)', GradientType=0 );
}
#start .ContentTextBoxLeft,
#start .ContentTextBoxRight {width: 40%; padding: 60px 0px 0px 0px; }
#start .ContentImgBoxLeft,
#start .ContentImgBoxRight {width: 655px; margin-top: 10px; }
.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: #4c525b; }
.read-more-show {display: block; }
a.section-anchor {position: relative; top: -120px; display: block; height: 0px; padding-top: 0px; }
a.section-anchor-sub {position: absolute; top: 0px;}
.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 * */
.sociallinks {position: relative; display: block; clear: both; width: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: left; z-index: 1; }
.sociallinks a {position: relative; display: inline-block; padding: 0px 0px 0px 0px; background: #4c525b; margin: 0px 3px 3px 0px; width: 36px; height: 36px; vertical-align: top; overflow: hidden; }
.sociallinks a:hover {background-color: #f87700; }
.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; }
.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;}
.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: #4c525b; display: block; margin: 0px 0px 15px 20px; padding: 0px 0px 0px 20px; }
a.linklist:hover {text-decoration: underline; color: #4c525b; }
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.png) no-repeat left top; background-size: 30px auto; margin: 5px 0px 0px 0px; padding: 5px 0px 0px 35px; }
a.dllink:hover {text-decoration: none; color: #4c525b; }
a.pdf, a.linkPDF {background-image: url(../img/_layout/icon_pdf.png); }
a.ppt, a.pptx, a.pps, a.ppx {background-image: url(../img/_layout/icon_ppt.png); }
a.mp3 {background-image: url(../img/_layout/icon_mp3.png); }
a.m4v, a.mp4 {background-image: url(../img/_layout/icon_mp4.png); }
a.dot, a.docx, a.doc, {background-image: url(../img/_layout/icon_doc.png); }
.buttonlist a,
.buttonlist a:visited,
.buttonlist a:link,
.buttonlist a:active,
.buttonlist a:hover,
a.btn,
a.btn:visited,
a.btn:link,
a.btn:active,
a.btn:hover,
a.button,
a.button:visited,
a.button:link,
a.button:active,
a.button:hover {font-size:110%; display:inline-block; font-weight: normal; width: auto; text-decoration: none; color: #ffffff; background: #4c525b; margin: 0px 0px 10px 0px; padding: 10px 20px 10px 15px; text-transform: none; text-align: left; overflow:hidden; /*-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; */}
.buttonlist a::before,
a.btn::before,
a.button::before {content: "\203A"; display: inline-block; vertical-align: middle; margin-top: -5px; padding: 0px 10px 10px 0px; font-size: 260%; }
.buttonlist a:hover,
a.btn:hover,
a.button:hover {color: #4c525b; background-color: #dddddd; text-decoration: none;}
a.videostart {display: none; }
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: block; z-index: 2001; width: 160px; height: 32px; font-size:90%; font-weight: 200; text-decoration: none; text-align: center; text-transform:none; color: transparent !important; background: transparent url(../img/_layout/big_arrow.png) no-repeat center center; background-size: 100% auto; margin: 10px auto; padding: 0px; }
a.extrabutton:hover {text-decoration: none; color: transparent !important; background-image: url(../img/_layout/big_arrow_MO.png); }
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; left: 50%; bottom: 0px; width: 100px; display: none; background-size: auto 75%; background-color: #4c525b; padding: 0px; margin: 0px 0px 0px -50px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); moz-border-radius: 0px 0px 7px 7px; -webkit-border-radius: 0px 0px 7px 7px; -khtml-border-radius: 0px 0px 7px 7px; border-radius: 0px 0px 7px 7px; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5); }
a.extrabutton-up:focus,
a.extrabutton-up:hover {padding: 0px 0px 5px; background-size: auto 75%; }
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; padding: 0px 0px 0px 0px; margin: 4px 0px 0px 0px; }
a.extrabutton-right:focus,
a.extrabutton-right:hover {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; padding: 0px 0px 0px 0px; margin: 0px 0px 4px 0px; }
a.extrabutton-left:focus,
a.extrabutton-left:hover {background-position: -3px center; }
a.extrabutton-down,
a.extrabutton-down:visited,
a.extrabutton-down:link,
a.extrabutton-down:active,
a.extrabutton-down:focus,
a.extrabutton-down:hover {position: absolute; left: 50%; bottom: 74px; width: 60px; height: 60px; margin: 0px 0px 0px -30px; border: 2px solid rgba(255,255,255,0.5); background-size: 80% auto; moz-border-radius: 60px; -webkit-border-radius: 60px; -khtml-border-radius: 60px; border-radius: 60px; }
a.extrabutton-down:focus,
a.extrabutton-down:hover {bottom: 70px; border-color: rgba(255,255,255,1.0); background-color: rgba(255,255,255,0.15); }
a.extrabutton-down,
a.extrabutton-down,
a.extrabutton-down-section {display: none !important; }
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;}
/* * ############################################ * */
/* * TOP-MENU * */
/* * ############################################ * */
.mainnav {position: absolute; right: 0px; top: 30px; display: block; width: 100%; font-size: 90%; letter-spacing: 0.05em; height: auto; padding: 0px; margin: 0px 0px 0px 0px; background: transparent; text-align: right; z-index: 30001; }
.mainnavfixed {}
ul.makeMenu {position: relative; list-style-type: none; height: auto; width: 100%; display: block; background: transparent; margin: 0px auto; padding: 0px; overflow: visible; }
ul.makeMenu li {position: relative; list-style-type: none; display: inline-block; background: transparent; width: auto; height: auto; list-style-image: none; z-index: 3201; margin: 0px 0px 0px 0px; padding: 0px; overflow: visible; vertical-align: top; }
ul.makeMenu li ul {position: absolute; list-style-type: none; left: 10px; top: 40px; display: none; padding: 0px; height: 0px; width: 200px; margin: 0px 0px 0px 0px; z-index: 100 !important; background: rgba(248,119,0,0.8); overflow: visible; }
ul.makeMenu li ul li {display: block; width: 100%; }
ul.makeMenu li:hover > ul {display: block !important; height: auto; }
ul.makeMenu li ul.opened-menu {display: block !important; height: auto; }
ul.makeMenu li ul li ul {display: none !important; left: 200px; top: 0px; font-size: 100%; height: 0px; padding: 0px 0px 0px 0px; overflow: hidden; }
ul.makeMenu li ul li:hover > ul {display: none !important; height: auto; padding: 0px 0px 0px 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; }
.li-meta-menu {display: none !important; }
ul.makeMenu li a {color: #ffffff; background: transparent; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; height: auto; min-height: 40px; font-weight: 600; width: 100%; line-height: 120%; text-transform: none; text-decoration:none; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 20px; text-align: left; }
ul.makeMenu li ul li a {font-size: 80%; text-transform: none; font-weight: 500; padding: 6px 10px 6px; margin: 0px 0px 0px 0px; min-height: auto; border: none; }
ul.makeMenu li a.menu-sel {color: #f87700 !important; font-weight: 600; }
ul.makeMenu li a:hover {color: #f87700 !important; }
ul.makeMenu li:last-child a {}
ul.makeMenu li ul li a.menu-sel,
ul.makeMenu li ul li a:hover {color: #ffffff !important; background: rgba(76,82,91,0.3); }
/* Menu-Img */
ul.makeMenu li a.menu-img {padding-right: 70px; }
ul.makeMenu a img {position: absolute; right: 0%; top: -5px; display: block; width: auto; height: 45px; padding: 0px; margin: 0px; }
ul.makeMenu a img.img-hover {display: none; }
ul.makeMenu a a.menu-sel img, ul.makeMenu a:hover img {}
ul.makeMenu a a.menu-sel img.img-hover, ul.makeMenu a:hover img.img-hover {}
/* Menu-Toggle */
a.main-nav-toggle {display: none; position: absolute; right: 20px; top: 10px; z-index: 26000; width: 40px; height: 40px; color: #dedede; background: transparent; font-size: 16px; font-weight: 300; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-transform: none; text-align: right; }
a.main-nav-toggle:hover {color: #ffffff; text-decoration:none; }
a.main-nav-toggle span {position:relative; display: none; width: auto; height: 14px; color: #dedede; border: 2px solid #dedede; background: transparent; padding: 5px 20px; margin: 11px 0px; text-transform: none; text-align: center; line-height: 100%; }
a.main-nav-toggle:hover span {text-decoration:none; color: #ffffff; background-color: #ffffff; }
.main-nav-toggle i {position: absolute; display: block; width: 100%; height: 7px; background: #dedede;}
.main-nav-toggle:hover i {background: #ffffff; }
.menu-top {top: 5%; }
.menu-middle {top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); }
.menu-bottom {bottom: 5%; }
.main-nav-close i {height: 3px; }
.main-nav-close .menu-top {top: 50%; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
.main-nav-close .menu-middle {top: 50%; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
.main-nav-close .menu-bottom {height: 0px; }
/* MENU in Footer */
#mainnav_footer {position: relative; display: inline-block; width: auto; right: auto; top: auto; font-size: 100%; letter-spacing: 0; text-align: left; }
#makeMenu_footer > li {margin: 0px 15px 15px 0px; }
#makeMenu_footer .li-meta-menu{display: inline-block !important; }
#makeMenu_footer li > ul {display: block; height: auto; position: relative; left: auto; top: auto; width: auto; background: rgba(248,119,0,0.0); }
#makeMenu_footer li ul li ul {display: none !important; }
#makeMenu_footer li a {color: #dedede !important; min-height: auto; padding: 2px 10px 2px 0px; }
#makeMenu_footer li ul li a {font-size: 100%; padding: 2px 10px 2px 0px;}
#makeMenu_footer li a.menu-sel,
#makeMenu_footer li a:hover {color: #ffffff !important; background: rgba(76,82,91,0.0); }
/* * ############################################ * */
/* * TOP-MENU - ENDE * */
/* * ############################################ * */
/* * SUB-MENU * */
#mainSubnav {position: fixed; left: 0px; top: 120px; z-index: 3000; width: auto; color: #ffffff; background: #4c525b; 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); }
a#navtitle {position: relative; display: inline-block; margin: 0px 20px 15px 20px; padding: 0px; width:60px; height:42px; font-size: 120%; text-transform: none; text-align: left; border: 2px solid #ffffff; color: transparent; background: #4c525b 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;}
#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 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: #4c525b; font-size: 15px; height: auto; width: auto; font-weight: 300; 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: #4c525b; font-size: 15px; height: auto; width: auto; font-weight: 300; 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: #4c525b; }
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: #4c525b; border-color: #ffffff !important; background: #f2eaeb; font-weight: 300 !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/arrow.png) no-repeat center center; }
a.SubMenuSlider:hover {background-image: url(../img/_layout/arrow_MO.png); }
a.SubMenuSlider-left {left: -70px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); }
a.SubMenuSlider-right {right: -70px; }
a.SubMenuSlider-left:hover { }
a.SubMenuSlider-right:hover { }
/* * EXTRA-MENU * */
.ContExtraMenu {position: relative; display:block; width: 100%; z-index: 100; font-weight: 500; font-size: 110%; height: auto; border-bottom: 1px solid rgba(0,0,0,0.2); background: transparent; margin: 0px 0px 30px 0px; padding: 0px 0px 10px 0px; text-align: center; }
ul.makeExtraMenu {position: relative; display:inline-block; width: auto; height: auto; margin: 0px; padding: 0px; }
ul.makeExtraMenu li {position: relative; display:inline-block; vertical-align: top; list-style-type: none; list-style-image: none; margin: 0px 0px 0px 0px; padding: 0px; height: auto; width: auto; white-space:nowrap; overflow: visible;}
ul.makeExtraMenu li a {color: #666666; background: transparent; display: inline-block; height: auto; width: auto; text-transform: none; border-right: 1px solid rgba(0,0,0,0.5); text-decoration:none; margin: 0px 0px 5px 0px; padding: 0px 20px; }
ul.makeExtraMenu li a.extramenu_sel,
ul.makeExtraMenu li a:hover {color: #4c525b; font-weight: 600; }
ul.makeExtraMenu li a::after {}
ul.makeExtraMenu li:last-child a::after {display: none; }
ul.makeExtraMenu li:last-child a {margin-right: 0px; border: none; }
.li-extramenu-back {display: none !important; }
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; left: 100%; top: 30px; display: block; font-size: 90%; width: auto; height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; overflow: visible; }
ul.LanguageBox ul {position: relative; list-style-type: none; display: block; width: auto; height:auto; margin: 0px 0px 0px 0px !important; padding: 0px !important; background: transparent; }
ul.LanguageBox li {position: relative; list-style-type: none; display: inline-block; background: transparent; width: auto; height: auto; list-style-image: none; border: none; margin: 0px 0px; padding: 0px 0px 0px 0px; overflow: visible; }
ul.LanguageBox li ul {width: auto; height: auto; display: inline-block; white-space: nowrap; }
ul.LanguageBox li ul li {width: auto; height: auto; display: inline-block; padding: 0px 0px; margin: 0px 0px; overflow: visible; z-index: 10; }
ul.LanguageBox li ul li::after {display: inline-block; content: "/"; color: #ffffff; font-weight: 600; padding: 0px 0px 0px 3px; }
ul.LanguageBox li ul li:last-child::after,
ul.LanguageBox > li > a {display: none; }
ul.LanguageBox a {color: #ffffff; background: transparent; display: inline-block; font-weight: 600; width: auto; height: auto; border: none !important; margin: 0px 0px 0px 0px; padding: 2px 0px; }
ul.LanguageBox a.langmenu_sel,
ul.LanguageBox a:hover {color: #f87700; text-decoration: none; }
ul.LanguageBox li.langmenu-li-es {}
/* 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: #4c525b; 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:none; background: #4c525b; border-bottom: 1px solid #bbbbbb;; border-top: 1px solid #bbbbbb;}
ul.Sitemap a.sitemap_top:hover {background: #4c525b; color: #ffffff;}
ul.Sitemap a.sitemap_sub,
ul.Sitemap a.sitemap_subsub {color: #000000;}
ul.Sitemap a:hover {background: #4c525b; color: #ffffff;}
h1 {position: relative; display:block; font-weight: 900; font-size: 260%; color: #ffffff; width: 100%; max-width: 1170px; margin: 0px 0px 1.2rem; padding: 0px 0px 0px 0px; background: transparent; text-align: left; line-height: 110%; text-transform: uppercase; }
h2 {position: relative; display:block; font-weight: 600; font-size: 130%; color: #ffffff; width: 100%; max-width: 1170px; margin: 0px 0px 1.2rem; padding: 0px 0px 0px 0px; background: transparent; text-align: left; line-height: 140%; text-transform: none; }
h3 {position: relative; display:block; font-weight: 600; font-size: 150%; color: #4c525b; width: 100%; max-width: 1170px; margin: 0px auto 1.2rem; padding: 0px 0px 5px 0px; background: transparent; line-height: 120%; text-transform: none; border-bottom: 1px solid #f87700; }
h4 {position: relative; display:block; font-weight: 400; font-size: 130%; color: #4c525b; width: 100%; max-width: 1170px; margin: 0px auto 1.0rem; padding: 0px 0px 0px 0px; background: transparent; line-height: 120%; text-transform: none; }
h5 {position: relative; display:block; font-weight: 600; font-size: 120%; color: #f87700; width: 100%; background: transparent; padding: 0px 0px 0px 0px; margin: 0px 0px 0.2rem 0px;}
h6 {position: relative; display:block; font-weight: 600; font-size: inherit; color: #f87700; text-transform: none; background: transparent; padding: 0px 0px 0px 0px; margin: 0px 0px 0.2rem 0px; }
.headline-container {position: relative; display: block; vertical-align: top; width: 100%; max-width: 1170px; margin: 0px 0px 0px 0px; }
.text-container {position: relative; display: block; vertical-align: top; width: 100%; max-width: 1170px; margin: 0px auto; }
h1.page-title {margin: 20px 0px 60px; }
#start .headline-container,
#start .text-container {}
#start h6.page-title {display: none; }
#start h1.page-title {font-size: 400%; margin: 20px 0px 30px; }
#start h2 {width: 1170px; font-size: 120%; padding: 10px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.slice {display: inline; }
#start .slice {display: block; }
.slice-on {color: #f87700; letter-spacing: 0.0em; }
blockquote {position: relative; display: block; font-size: 240%; line-height: 130%; letter-spacing: 0.05em; font-style: normal !important; min-height: 80px; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: inherit; background: transparent; /* url(../img/_layout/quote_color.png) no-repeat left top; */}
blockquote h3,
blockquote h4 {padding: 0px; }
/* * 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:none; font-size: 26px; font-weight: normal; 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: #dedede; background: transparent; overflow: hidden; border: 1px solid #dedede; }
.DateBox {background: #ffffff; }
.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; overflow: hidden; white-space: normal; font-size: 90%; line-height: 130%; width: 100%; height: auto; background: transparent; padding: 0px 0px; margin: 0px 0px 10px 0px; font-weight: normal; text-transform: none; }
.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;}
.NewsBoxCont a.morelink {color: #f87700; }
.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; }
.NewsBoxCont:hover {background: #e0e0e0; }
.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;}
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: inline-block; vertical-align: top; width: auto; text-decoration: uppercase; color: #f87700; background: rgba(76,82,91,0.0); text-transform: uppercase; font-size: 120%; font-weight: 900; padding: 7px 10px; text-align: left; z-index: 100; }
a.newstop:hover {text-decoration:none; }
/* * Textblock-News * */
.textblock .NewsBox {position: relative; text-align: left; padding: 20px 0px; margin: 0px 10% 20px 0px; width: 90%; font-size: 90%; white-space: nowrap; background: transparent; border: none; overflow: auto; 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 a.newstop {padding: 3px 20px 0px 0px; font-size: 250%; letter-spacing: 0.05em; }
.textblock a.newshead {font-size: 110%; }
.textblock .NewsBoxCont {display: inline-block; vertical-align: top; clear: none; width: 350px; text-align: left; padding: 0px 50px; margin: 0px 0px 0px 0px; font-weight: normal; text-transform: none; border-right: 2px dotted #dedede; }
.textblock .NewsBoxCont:last-child {border: none; padding-right: 0px; width: 250px; }
.textblock .NewsBoxCont:hover {background: transparent; color: #ffffff; }
.news-events .news_text {padding: 0px 0px; }
.news-events .news_text,
.news-events .news_img {float: right; width: 70%; }
.ContentBoxRight .news-events .news_text {width: 100%; }
.date {display: inline-block; vertical-align: top; font-size: 90%; width: 100%; color: rgba(222,222,222,0.7); text-transform: uppercase; margin: 0px 0px 10px 0px; padding: 0px 0px 2px 0px; border-bottom: 1px solid rgba(222,222,222,0.7); }
.news-events .date {width: 70px; margin: 0px 10px 10px 0px; padding: 5px; text-align: center; color: rgba(76,82,91,0.75) !important; background: rgba(255,255,255,0.8); border: 2px solid #4c525b; overflow: hidden; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; }
.date-day {display: block; width: 70%; margin: 0px auto 5px; padding: 0px 0px 5px 0px; color: rgba(76,82,91,0.75) !important; border-bottom: 2px solid #4c525b; font-size: 240%; font-weight: 600; text-transform: uppercase; }
.date-daynum,
.date-month {display: inline-block; color: rgba(76,82,91,0.75) !important; font-size: 200%; font-weight: 500; }
.date-year {display: none; color: rgba(76,82,91,0.75) !important; }
.date-daynum::after,
.date-month::after {content: "."; }
/* * News-Content * */
.NewsContainer {position: relative; display: inline-block; vertical-align: top; height: auto; font-size: 100%; width: 49%; padding: 10px 20px 10px 0px; margin: 0px 0px 20px 0px; line-height: 140%; border-bottom: 0px solid #4c525b;}
.NewsContainer-right {margin-right: 0px; padding-right: 0px; border-right: none;}
.newscontblock {display: inline-block; vertical-align: top; width: 48%; margin:0; padding:0px 0px 10px 0px; }
.newsimg {float: left; margin: 0px 4% 0px 0px; width: 48%; padding: 0px; }
.newsimgpage {padding:13px; padding-bottom: 26px; margin: 0; color: #000000; background: #333333;}
.NewsContainer .morelink {}
.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; }
li.head {list-style-type:none; list-style-image: none; margin:30px 0px 0px 0px; padding: 0px; }
ul.urllink li, li.urllink {vertical-align: top; list-style-image: url(../img/_layout/icon_link.png); margin-left:23px; padding-left:0;}
ul.dllink li, li.dllink {vertical-align: top; list-style-image: url(../img/_layout/icon_download.png); 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.png);}
ul.mp3 li, li.mp3 {list-style-image: url(../img/_layout/icon_mp3.png);}
ul.word li, li.word,
ul.doc li, li.doc {list-style-image: url(../img/_layout/icon_doc.png);}
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 */
footer {position: relative; z-index: 1000; height: auto; width: 100%; font-size: 80%; display: block; line-height: 130%; color: #dedede; background: #4c525b; margin: 0px 0px 0px 0px; padding: 0px 0px 60px; }
body:not(#start) footer {border-top: 5px solid #ffffff; margin: 60px 0px 0px 0px; }
.FooterBoxInner {position: relative; height: auto; width: 100%; max-width: 1170px; display: block; background: transparent; margin: 0px auto; padding: 30px 0px 0px; }
.FooterBoxCol a {color: #ffffff; }
.FooterBoxCol a:hover {color: #f87700; }
.FooterBoxInner li a:hover {text-decoration: none; }
.FooterBoxInner ul {list-style-type: none; display: block; font-size: 90%; width: auto; list-style-type: none; text-transform: none; margin: 0px; padding: 0px; }
.FooterBoxInner li {list-style-type: none; display: block; list-style-image: none; margin: 0px 0px 10px 0px; padding: 0px; }
.FooterSubLine {position: relative; height: auto; width: 100%; display: block; clear: both; background: transparent; text-transform: none; margin: 0px 0px 0px 0px; padding: 0px 0px; text-align: left; }
.FooterSubLineInner {position: relative; width: 100%; max-width: 1170px; display: block; color: #dedede; margin: 0px auto; padding: 20px 0px 0px 0px; border-top: 1px solid rgba(0,0,0,0.0); }
footer h4 {text-transform: none; font-weight: 500 !important; color: #dedede; margin: 0px 0px 30px 0px; padding: 0px 0px 0px 30px; line-height: 110%; background: transparent; border-left: 5px solid #666666; }
footer p {position: relative; display: block; height: auto; width: auto; margin-top: 0px; padding-top: 0px; }
.FooterBoxCol img {width: 100%; max-width: 260px; }
.FooterBoxCol {position: relative; display: inline-block; text-align: center; vertical-align: top; width: 25%; overflow: visible; height: auto; padding: 0px 10px; margin: 0px 0px 10px 0px; }
.FooterBoxCol-First {text-align: left; padding-left: 0px; white-space: nowrap; }
.FooterBoxCol-Double {width: 49%; }
.FooterBoxCol-last,
.FooterBoxRight {width: 74%; padding-right: 0px; text-align: right; float: right; }
.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; }
#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}
a#mapCover:hover {background-size: 110% auto; }
.mapimgCont {position: relative; display: inline-block; right: 0px; margin: 0px 0px 30px 0px; padding: 0px; width: 100% !important; height: auto; min-height: 400px; }
.map_locations .mapimgCont {min-height: 675px; }
.mapimg {position: absolute; display: inline-block; top: 0px; right: 0px; margin: 0px; padding: 0px; width: 100% !important; height: auto; z-index:101; }
.maphoverimg {position: absolute; display: block; top: -10px; right: 0px; margin: 0px; padding: 0px; width: 100% !important; height: auto; z-index:102; pointer-events: none; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
.maphoverimg-hover,
.maphoverimg.stay-active {opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); }
.textblock:not(.map_locations) .mapimgCont,
.textblock:not(.map_locations) .mapimg {width: 80% !important; }
map, area,
area:focus,
area:selection {border: 0 !important; outline: 0 !important; }
area:hover {cursor: pointer; }
.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: 80%; margin: 0px; color: #ffffff; padding: 15px 15px 15px 70px; background-color: #4c525b; background-repeat: no-repeat; background-position: 15px 15px; background-size: 40px auto; }
.iframe-disclaimer h5 {color: #ffffff; display: block; font-size: 140%; font-weight: inherit; margin: 10px 0px 10px; padding: 0px; }
.allow-iframe,
.allow-iframe:hover {position: absolute; right: 30px; bottom: 30px; color: #4c525b; background: #ffffff; display: inline-block; padding: 10px 20px; text-transform: none; margin: 10px 0px 0px 0px; }
.allow-iframe:hover {cursor: pointer; color: #ffffff; background: #3c424b; text-decoration: none; }
.disclaimer-small {font-size: 90%; padding: 15px 15px 15px 70px; background-position: 15px 15px; background-size: 40px auto; }
.disclaimer-small h5 {font-size: 140%; margin: 5px 0px 15px; }
.disclaimer-small .allow-iframe,
.disclaimer-small .allow-iframe:hover {right: auto; bottom: auto; padding: 5px 10px; font-size: 100%; }
#tagcloud {height: auto; display:block; margin: 0px 0px 5px 0px; padding: 0px; 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;}
.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 {display: inline-block; vertical-align: top; margin: 0px 0px 10px 0px; padding: 0px 15px 0px 0px; width: 49%; overflow: hidden; clear: both;}
.rightcol {display: inline-block; vertical-align: top; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; width: 49%; overflow: hidden;}
.col1 {display: inline-block; vertical-align: top; margin: 0px 2% 10px 0px; clear:both; width: 31%; overflow: hidden; }
.col1-2 {display: inline-block; vertical-align: top; margin: 0px 6% 10px 0px; clear:both; width: 62%; overflow: hidden; }
.col2 {display: inline-block; vertical-align: top; margin: 0px 2% 10px 0px; width: 31%; overflow: hidden; }
.col3 {display: inline-block; vertical-align: top; margin: 0px 0px 10px 0px; width: 31%; overflow: hidden; }
.col2-3 {display: inline-block; vertical-align: top; margin: 0px 0px 10px 4%; width: 62%; overflow: hidden; }
.darkblue {background: #313e59; color: #d7d7e0; width: 47%; margin: 0px -25px 10px; padding: 15px 25px; }
.lightblue {background: #d7d7e0; color: #313e59; width: 47%; margin: 0px -25px 10px; padding: 15px 25px; }
a.layer {position: absolute; left: 0px; top: 0px; z-index: 700; width: 100%; height: 100%; padding: 0px; margin: 0px; display: block; background-image:none; background-color: rgba(80,29,54,0.0); background-repeat: no-repeat; background-position: right bottom 10px; background-size: 20px auto; }
a.on,
a.layer:hover {background-image: none; background-color: rgba(80,29,54,0.2); }
/*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 0px; height: auto; width: 25%; padding: 0px 0px 0px 0px; background: transparent; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; overflow: hidden; text-align: center; vertical-align: top; }
.tile_square::before {position: relative; display: block; content: " "; padding-top: 100%; }
.tile_square .imgbox {position: absolute; display: block; left: 0px; top: 0px; width: 100%; height: 100%; margin: 0px 0px 0px 0px; padding: 0px; text-align: center; background: transparent; overflow:hidden; }
.tile_square img {position: absolute; display: inline; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); margin: 0px; padding: 0px; max-width: 150% !important; min-height: 100%; min-width: 100%; text-align: center; }
.tile_square:hover img {max-width: 160% !important; }
.tile_square h4 {font-size: 30px; color: #666666; text-shadow:none; line-height: 110%;}
.tile_square p {position: relative; display: none; 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_text {position: relative; display: none; 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.last {margin-right: 0px !important; }
.textblocks_left .tile_square,
.textblocks_right .tile_square,
.textblocks_right_small .tile_square {margin: 0px 0px 20px 0px !important; height: auto; width: 100% !important; border: none; }
.textblocks_left .tile_square::before,
.textblocks_right .tile_square::before,
.textblocks_right_small .tile_square::before {display: none;}
.textblocks_left .tile_square .imgbox,
.textblocks_right .tile_square .imgbox,
.textblocks_right_small .tile_square .imgbox {position: relative; left: auto; top: auto; height: auto; }
.textblocks_left .tile_square img,
.textblocks_right .tile_square img,
.textblocks_right_small .tile_square img {position: relative; display: block; top: auto; left: auto; transform: none; -webkit-transform: none; max-width: 100% !important; min-height: auto; min-width: auto; }
.textblocks_left .tile_square:hover img,
.textblocks_right .tile_square:hover img,
.textblocks_right_small .tile_square:hover img {max-width: 100% !important; }
.GalleryContShort {position: relative; display: block; clear: both; width: 100%; margin: -10px auto 10px; padding: 0px 0px 20px 0px; border-bottom: 2px solid #4c525b; 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 auto; text-align: left; }
.tile {position: relative; display: inline-block; vertical-align: top; margin: 0px 6.5% 5% 0px; font-size: 90%; width: 29%; height: auto; padding: 0px 0px 0px 0px; text-align: left; overflow: hidden; color: #dedede; background: #4c525b; line-height: 130%; }
.tilecountmax-1,
.tilecountmax-2 {}
.tilecountmax-3 {}
.tilecount-3 {margin-right: 0px !important; }
.tile a.imgbox {position: relative; width: 100%; height: auto; display: block; margin: 0px 0px 0px 0px; padding: 0px; text-align: center; background: #ffffff; overflow:hidden; }
.tile a.imgbox::before {position: relative; display: block; content: ""; padding-top: 66.6666%;}
.tile img {position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); margin: 0px; padding: 0px; width: auto; height: 110%; max-width: none; text-align: center; }
.tile-imgtop {position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%; height: 100%; display: block; margin: 0px 0px 0px 0px; padding: 0px; text-align: center; background: rgba(80,29,54,0.0); overflow:hidden; }
.tilelink {position: relative; display: block; width: 100%; height: auto; margin: 0px 0px 10px; padding: 0px 0px 4px 0px; color: inherit; overflow:hidden; font-size: 110%; text-transform: none; border-bottom: 2px dotted #dedede; }
.tilecontent {position: relative; z-index: 2; display: block; width: 100%; height: auto; min-height: 140px; margin: 0px 0px 0px; padding: 15px 20px; color: inherit; overflow:hidden; border-top: 5px solid #ffffff; }
.tile .img-hover {position: absolute; z-index: 100; display: none; }
.tile-subhead {}
.tile-teaser {position: relative; display: block; width: auto; font-weight: 400; height: auto; overflow: hidden; font-size: 90%; color: inherit; margin: 0px 0px; padding: 0px; }
.tilecontent p {margin: 0px; padding: 0px;}
.tile a.layer {background: none !important; }
div.last {}
.tile-active,
.tile:hover,
.tile:hover * {color: #ffffff; }
.tile:hover img {height: 120%; }
.tile:hover .tile-imgtop {background: rgba(76,82,91,0.2); }
.tile:hover .tile-teaser,
.tile:hover .img-hover {display: block; height: auto; }
.tile:hover .tilecontent {background: #f87700; }
.tile-img:hover,
.tile-img {padding: 0px 25px 0px; color: #666666; background: transparent; min-height: none !important; }
.tile-img a.imgbox {position: relative; bottom: auto; height: auto; }
.tile-img .tilelink,
.tile-img .tile-teaser {color: #666666; }
a.checkboxoption {color: #888888; display: inline-block; border: 2px solid #666666; text-transform: none; background: transparent; margin: 0px 20px 5px 0px; padding: 5px 10px; line-height: 100%; font-size: 90%; }
a.checkboxoption-active,
a.checkboxoption:hover {text-decoration: none; color: #ffffff; background: #4c525b; }
a.checkboxoption-disabled {/*color: #d0d0d0; border-color: #d0d0d0; */}
a.checkboxoption-disabled:hover {/*color: #999999; border-color: #d0d0d0; background: #4c525b; */}
/* 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; }
.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: auto; background: #4c525b; overflow:hidden; z-index: 1; }
.BackgroundImage::before {position: relative; display: block; content: ""; padding-top: 40%; }
.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: rgba(76,82,91,0.0); z-index: 3;}
#start .BackgroundLayer {background: rgba(76,82,91,0.0); }
.tile_slide video,
.tile_slide img {position:absolute; display: block; border: none; width: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); /*max-width: none !important;*/ min-height: 100%; min-width: 100%; }
.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-position: left top; }
.tile_slide .tile-imgbottom {bottom: 0px; 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; top: 45%; left: 0px; display: block; width: 100%; height: auto; padding: 0px 0px; margin: 0px 0px 0px 0px; overflow:visible; background: rgba(76,82,91,0.0); color: rgba(255,255,255,0.8); line-height: 110%; font-size: 200%; font-weight: 900; text-align: center; text-shadow: 0px 0px 0px #000000; text-transform: uppercase; z-index: 5; }
.BackgroundImageLabel .labeltitle,
.BackgroundImageLabel h1,
.BackgroundImageLabel h2,
.BackgroundImageLabel h3 {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position:relative; display:block; width: 100%; max-width: 1170px; margin: 0px auto 10px !important; padding: 0px 0px 10px 0px; border: none; text-transform: uppercase; background: transparent; color: rgba(255,255,255,0.8); font-size: 200% !important; font-weight: 500 !important; height: auto; line-height: 100% !important; }
.BackgroundImageLabel p {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: block; clear: both; margin: 0px auto 10px !important; padding: 0px 0px 0px 0px !important; width: 100%; max-width: 1170px; background: transparent; }
.BackgroundImageLabelImgPos-,
.BackgroundImageLabelImgPos-above,
.BackgroundImageLabelImgPos-below,
.BackgroundImageLabelImgPos-left {}
.BackgroundImageLabelImgPos-right {}
.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: block; position: absolute; left: 0px; bottom: 15px; width: 100%; height: auto; padding: 0px; margin: 0px auto; z-index: 10; text-align: center; }
#start .BackgroundImageBtns {}
a.BackgroundImageBtn {position:relative; width: 12px; height: 12px; display: inline-block; padding: 0px; margin: 0px 3px; border: 2px solid #ffffff; background: transparent; 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,0.9); -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.9); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.9); */}
a.BackgroundImageBtn-sel,
a.BackgroundImageBtn:hover {background: #ffffff; }
.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: 100px; width: 60px; height: 110px; z-index: 50; background: transparent; overflow: hidden; margin: 0px 0px 0px 0px; }
.leftarrow {left: 0px; }
.rightarrow {right: 0px; }
.leftarrow a {display: block; width: 100%; height: 100%; background: transparent url(../img/_layout/big_arrow.png) no-repeat center; background-size: 100% !important; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(180d90degeg); }
.rightarrow a {display: block; width: 100%; height: 100%; background: transparent url(../img/_layout/big_arrow.png) no-repeat center; background-size: 100% !important; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); }
.leftarrow a:hover {background-image: url(../img/_layout/big_arrow_MO.png); }
.rightarrow a:hover {background-image: url(../img/_layout/big_arrow_MO.png); }
.BackgroundImage:hover .leftarrow {left: 0px !important; }
.BackgroundImage:hover .rightarrow {right: 0px !important; }
.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: 300; margin: 5px 30px 20px 55px; padding: 5px 0px 5px 40px; }
.BackgroundImageLabel:hover a.morelink,
.BackgroundImage a.morelink:hover {color: #4c525b; background-color: transparent; background-image: url(../img/_layout/icon_zoom_square_MO.png); }
.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: #4c525b; 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%; }
.FoldListCont {position: relative; display: block; clear: both; width: 100%; margin: 0px auto 20px; color: inherit; letter-spacing: 0em; text-align: left; overflow: visible; }
.ListCont {position: relative; display: block; clear: both; width: 100%; margin: 0px auto; color: inherit; letter-spacing: 0em; text-align: left; overflow: hidden; white-space:nowrap; /*overflow-y: hidden; overflow-x: auto; */}
.ListCont::-webkit-scrollbar {display: none; }
.ListContWrapper {position: relative; display: inline-block; width: auto; border: none; padding: 0px; margin: 0px; overflow: hidden; white-space:nowrap; }
.ListContInnerWrapper {position: relative; display: inline-block; width: auto; padding: 0px; margin: 0px; overflow: hidden; white-space:nowrap; }
div.list_icons {display: block; width: 100%; height: auto; margin: 0px 0px; padding: 0px; text-align: left; }
.listblock {position: relative; display:inline-block; vertical-align: top; white-space:normal; margin: 0px 3% 3% 0px; height: auto; font-size: 90%; width: 22%; padding: 0px 0px; text-align: left; overflow: hidden;/* color: #dedede; background: #4c525b; */ }
.listblock-last {margin-right: 0px; }
.ListContWrapper .listblock,
.slide-sub .listblock {width: 160px; margin: 0px 34px; }
.listblock-single {/*width: 100% !important; margin: 0px 0px 30px 0px; */}
.listblock p {}
.listblock h4,
.listblock h3 {font-size: 120%; /*color: #ffffff;*/ font-weight: 600; margin: 5px 0px 1px 0px; padding: 14px 0px 0px 0px; border-top: 2px dotted #dedede; }
.listblock a {/*color: #dedede; */}
.listblock a:hover {/*color: #ffffff; */}
.listblock a.morelink {display: none; }
.listblock-text {position: relative; z-index: 2; display: block; width: 100%; height: auto; min-height: 140px; margin: 0px 0px 0px; padding: 15px 0px; color: inherit; overflow:hidden; border-top: 5px solid #ffffff; }
.listblock-img {position: relative; width: 100%; height: auto; display: block; margin: 0px 0px 0px 0px; padding: 0px; text-align: center; background: #ffffff; overflow:hidden; }
.listblock-img::before {position: relative; display: block; content: ""; padding-top: 70%;}
.listblock-img img {position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); margin: 0px; padding: 0px; width: auto; height: 100%; max-width: none; text-align: center; }
.listblock-img-,
.listblock-img-above {}
.listblock-img-below {}
.listblock .tile-imgtop,
.listblock .tile-imgbottom {position: absolute; left: 0px; width: 100%; height: 100%; margin: 0px; padding: 0px; display: none; background-color: transparent; z-index: 2; }
.listblock .tile-imgtop {}
.listblock .tile-imgbottom {display: none; }
.listblock-single .tile-imgtop,
.listblock-single .tile-imgbottom {display: none !important; }
.listblock:hover {}
.listblock:hover .tile-imgtop {}
.listblock:hover .tilelink {}
.listblock:hover .imgbox img {height: 110%; }
.listblock:hover a.morelink {text-decoration: none; background-image: url(../img/_layout/icon_zoom_square_MO.png); }
.listblock a.layer {background: transparent !important; }
/* Dynamic maplists */
.maplist {margin: 0px 0px 20px 0px; width: 100%; color: inherit; background: transparent; }
.maplist .listblock-text {padding: 15px 0px; border-top: 5px solid rgba(255,255,255,0.0); }
.maplist .listblock-img {background: rgba(255,255,255,0.0); display: none; }
.maplist .listblock-img-right {width: 25%; float:right; }
.maplist .listblock-img-left {width: 25%; float:left; }
.maplist-closed {position: absolute; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
.maplist h4,
.maplist h3 {color: inherit; margin-bottom: 10px; }
.maplist h4::before {display: inline-block; vertical-align: top; content: ""; background: #f87700; width: 17px; height: 17px; margin: 0px 10px 0px 0px; overflow: hidden; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; }
.maplist a,
.maplist a:hover {color: #f87700; }
.textblocks_left .listblock,
.textblocks_right .listblock,
.textblocks_right_small .listblock {margin: 0px 0px 20px 0px; font-size: 90%; width: 100%; }
.teaserblock {position: relative; display:block; width: auto; color: inherit; background: #ebebeb; margin: 0px 0px 10px 0px; padding: 10px 30px; }
.textblock {position: relative; clear: both; display:block; margin: 0px auto; padding: 0px 0px 0px 0px; background: transparent; text-align: left; width: 100%; overflow: hidden; }
.textblock.list_foldouts,
.textblock.sitemenu {overflow: visible; }
.textblock-inner {position: relative; display: block; width: 100%; height: 100%; max-width: 1170px; margin: 0px auto; padding: 20px 0px 0px 0px; background: transparent; color: inherit; }
.textblock-foldout {position: relative; margin: 5px auto; padding: 0px 0px 0px 0px;}
.textblock-float {position: relative; float:left; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px;}
.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 #d7d7e0; 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; }
.textblock .download {background: transparent; padding: 0px; font-size: 100%; }
.textblocks_left,
.textblocks_right {display: inline-block; vertical-align: top; width: 48.5%; max-width: 567px; }
.textblocks_left_big {display: inline-block; vertical-align: top; width: 70%; max-width: 819px; }
.textblocks_right_small {display: inline-block; vertical-align: top; width: 25%; max-width: 292px; }
.textblocks_left_big,
.textblocks_left {clear: both; padding: 0px 0px 0px 0px; margin-right: 1%; left: 50%; transform: translate(-585px, 0); -webkit-transform: translate(-585px, 0); }
.textblocks_right_small,
.textblocks_right {padding: 0px 0px 0px 0px; float: right; right: 50%; transform: translate(585px, 0); -webkit-transform: translate(585px, 0); }
.textblock_labelleft {position: fixed; top: 215px; left: 50%; width: 100px !important; margin: 0px 0px 0px -530px !important; padding: 5px; text-align: center; background: #d7d7e0; overflow: hidden; z-index: 1000;}
.textblock_labelleft .textblock-inner {padding: 0px 5px; width: 100%; margin: 0px; }
.textblock_labelleft .listblock {display: block; margin: 5px 0px !important; width: 100% !important; padding: 0px !important; font-size: 120% !important; line-height: 120% !important; }
.textblock_dark .textblock-inner,
.parallax-slide .textblock-inner {padding: 0px 0px 0px; }
.textblock_separator_image .textblock-inner,
.textblock_separator_light .textblock-inner,
.textblock_separator_dark .textblock-inner {padding: 60px 0px; }
.textblock_separator .textblock-inner {padding: 20px 0px 10px; border-bottom: 2px dotted #4c525b; }
.tb-bogen-top {display: none !important; width: 100%; height: 0px; margin: 0px 0px; padding: 0px; background: transparent; background-size: 100% 100% !important; }
.tb-bogen-bottom {display: none !important; width: 100%; height: 0px; margin: 0px 0px; padding: 0px; background: transparent; background-size: 100% 100% !important; }
.tb-bogen-top.textblock_separator_light {display: none !important; }
.tb-bogen-bottom.textblock_separator_light {display: none !important; }
.tb-bogen-top.textblock_separator_dark {display: none !important; }
.tb-bogen-bottom.textblock_separator_dark {display: none !important; }
.textblock_dark {margin: 0px auto 0px; padding: 0px; background: #4c525b; color: #ffffff; }
.textblock_separator_light {display: block; width: 100%; max-width: none; height: auto; margin: 0px 0px !important; padding: 0px !important; background: rgba(222,222,222,0.5); color: #000000; }
.textblock_separator_dark {display: block; width: 100%; max-width: none; height: auto; margin: 0px 0px !important; padding: 0px !important; background: #4c525b; color: #ffffff; }
.textblocks_parallax {}
.textblock_separator_light h2,
.textblock_separator_light h3,
.textblock_separator_light h4,
.textblock_separator_dark h2,
.textblock_separator_dark h3,
.textblock_separator_dark h4,
.list_icons {text-align: center !important; }
.gallery_slideshow {}
.textblock_separator_light *,
.textblock_separator_dark *,
.textblock_dark * {color: inherit !important; }
.textblock_separator_dark blockquote {/*background-image: url(../img/_layout/quote.png); */}
.textblock_separator_image * {color: #ffffff; }
.textblock_dark hr,
.textblock_separator_image hr {color: #ffffff; background: #ffffff; }
.map_diagram .textblock-inner,
.map_diagram_2 .textblock-inner,
.map_diagram_3 .textblock-inner,
.map_diagram_4 .textblock-inner,
.map_diagram_5 .textblock-inner,
.map_diagram_6 .textblock-inner,
.map_diagram_7 .textblock-inner,
.map_diagram_8 .textblock-inner,
.map_diagram_9 .textblock-inner,
.map_diagram_10 .textblock-inner,
.map_diagram_11 .textblock-inner,
.map_diagram_12 .textblock-inner,
.map_diagram_13 .textblock-inner {text-align: right; }
.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: 300; 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: #4c525b; 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: #4c525b 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: 600; }
.yellow {color: #df8a00;}
.clear {display: block; clear: both; height: 0px; width: 0px; margin: 0px; padding: 0px; }
.small {font-size: 11px;}
.big {font-size:120%;}
.info {color: rgba(76,82,91,0.6) !important; font-size: 100%; font-style: normal; line-height: 100%; margin-top: 2px;}
hr {color: transparent; clear: both; height: 0px; border-top: 2px dotted #4c525b; width:100%; background: transparent; margin: 20px auto; padding: 0px; display: block; }
.asterisk {color: #9c0000; font-weight: bold; font-size: 14px;}
.alert {color: #4c525b; font-weight: bold; font-size:90%;}
.red {color: #333333;}
.green {color: #0B7A09; font-size: 120%; font-weight: 500; }
.nobr {white-space:nowrap;}
.none {display: none;}
.noline {border: none; }
.invisible {opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); padding-left: 20px; }
.ContentImgBoxRight.invisible {padding-left: 0px; padding-right: 20px; }
/* 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: #4c525b; 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 #4c525b; 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: #4c525b; 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: #4c525b; color: #000000; }
.tablecont {display: inline-block; vertical-align: top; width: 47%; margin: 0px 2% 3% 0px; }
#finanzplan table {font-size: 70% !important; font-weight: 500; 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: #4c525b url(../img/_layout/arrows_sort.gif) no-repeat right top; padding: 0px 20px 0px 0px; white-space: nowrap;}
th a:hover {color: #ffffff; background: #4c525b 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; }
/* TB Foldouts */
.foldout-list-cont {position: relative; display: block; vertical-align: top; background: transparent; padding: 0px; width: 100%; max-width: 1170px; height: auto; margin: 0px auto 20px; overflow: hidden; }
a.foldout-more-btn {display: block; font-weight: 400; font-size: 140%; color: #4c525b; border-bottom: 1px solid #6e6e6e; background: transparent url(../img/_layout/arrow_up.png) no-repeat right 15px center; background-size: auto 30px; padding: 10px 15px 10px 0px; margin: 0px 0px 0px 0px; overflow: hidden; }
.foldout-list-cont:hover a.foldout-more-btn,
a.foldout-more-btn:hover {color: #4c525b; border-color: #4c525b; background-image: url(../img/_layout/arrow_up_MO.png); text-decoration: none; }
a.foldout-more-btn-open {color: #4c525b; border-color: #4c525b; background-image: url(../img/_layout/arrow_down_MO.png) !important; }
.foldout-list-cont:hover a.foldout-more-btn-open,
a.foldout-more-btn-open:hover {color: #4c525b; background-image: url(../img/_layout/arrow_down_MO.png) !important; }
.foldout-more {position: relative; display: block; background: transparent; margin: 0px 0px 0px 0px; padding: 20px 0px; height: auto; overflow: hidden; opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); }
.foldout-more ul {padding-left: 15px; margin-top: 0px; }
.foldout-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: none; font-weight: 300; color: inherit; width: 100%; margin: 0px auto 20px; padding: 0px 0px 0px 0px; height: auto; line-height: 120%; text-align:left; }
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: 300; border: none; background: #4c525b; padding: 5px 15px; text-transform: none; }
input.submit:hover {background: #dddddd; color: #4c525b; 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: 100%; max-width: 100%; font-size: 100%; padding: 5px 5px 5px 10px; height: 100px; font-family: 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: 100%; 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: #4c525b; width: 100%; 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-hidden {visibility: hidden; height: 0px !important; width: 0px !important; margin: 0px !important; padding: 0px !important; overflow: hidden; }
div.error {position: relative; clear: both; display:block; background: #4c525b; padding: 5px; margin: 10px 0px 10px 0px; height: auto; color: #ffffff; font-weight: bold; font-size: 90%; border: 1px #4c525b 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 #4c525b 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 #4c525b 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; }
.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; 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:none; 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: none; }
#calendarform input.submit-reset {width: auto; font-size: 80%; font-weight: normal; float: right; text-transform: none; border: 1px solid #4c525b; 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: 500; text-transform: none; width: 100%; margin: 0px; padding: 2px 0px; background: #dd9067; color: #ffffff; line-height: 100%; }
.datebox-daynum {display: block; font-size: 180%; font-weight: 500; text-transform: none; width: 100%; margin: 0px; padding: 3px 0px; background: #ffffff; color: #555555; line-height: 100%; }
.datebox-day {display: block; font-size: 80%; font-weight: 300; text-transform: none; 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 #4c525b; padding: 3px; background: #4c525b; margin: 0px 0px 0px 0px; }
.sell-link:hover {color: #ffffff; text-decoration: none; background: #4c525b; }
.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: #4c525b; 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 #4c525b; 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 #4c525b; 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; }
a.CommentsOpener:hover {background: #4c525b 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 #4c525b; }
.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: #4c525b; }
.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); }
.maphoverimg,
main,
.ContentContainer,
.ContentBoxMiddle,
.inner,
.area-label,
img.main-img-overlay,
img.img-overlay,
.tile-imgtop,
.tile_square,
.tile_square img,
.tile,
.tile-teaser,
.tilecontent,
.tilelink,
.tile img,
.listblock,
.listblock .imgbox img,
.toolbar,
#ContentBoxTop,
#ContentBoxTopInner,
.headerBoxLogo,
.headerBoxLogo a,
.headerBoxLogo img,
.mainnav,
ul.makeMenu,
ul.makeMenu ul,
a.main-nav-toggle i,
.ContentBoxMiddle,
.TextContainer,
.scroll-wrapper,
#ContentBoxTop,
a, p, br,
ul.LanguageBox,
.NewsBoxCont,
.QuickfinderBox,
.Slidearrow,
input.submit,
#searchform input {transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; }
.maplist {transition: all 0.6s ease-out 0s; -webkit-transition: all 0.6s ease-out 0s; -moz-transition: all 0.6s ease-out 0s; -o-transition: all 0.6s ease-out 0s; }
.page-title {transition: all 0.8s ease-out 0s; -webkit-transition: all 0.8s ease-out 0s; -moz-transition: all 0.8s ease-out 0s; -o-transition: all 0.8s ease-out 0s; }
.rightcolumn,
.leftcolumn,
.ContentTextBoxNormal,
.ContentTextBoxLeft,
.ContentTextBoxRight,
.ContentImgBoxNormal,
.ContentImgBoxLeft,
.ContentImgBoxRight,
.slice {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; }
/* * Layout-Templates * */
#start .ContentBoxMiddle,
#start .ContentBoxRight {}
#start .FooterBox {}
#start .rightcolumn {}
#start .sociallinks {}
#start .BreadCrumbBox {display: none; }
#main_single .scroll-wrapper,
#main_single .ContentBoxMiddle {height: auto; }
#main_single .slide {position: relative; top: 0px; left: 0px;}
#main_single .ContentContainerStart {display: none; }
.body-main_wide .ContentBoxMiddle {width: 100%; float: none; }
.body-main_wide .ContentBoxRight {display: none; }
body:not(.body-aktuelles) .NewsContainer .info {display: none; }
.body-main-boxed .rightcolumn {max-width: 1170px; margin: 0px auto; }
.body-main_2col .leftcolumn {display: inline-block; width: 49%; padding: 0px 20px 0px 0px; }
.body-main_2col .rightcolumn {display: inline-block; width: 49%; padding: 0px 0px 0px 20px; }
.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; }
#main_lightbox {background: #ffffff !important; color: #4c525b !important; padding: 0px 0px 0px 0px; }
#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 main {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 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: 100%; height: auto; padding: 0px 0px 0px 0px; 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; color: inherit; background: transparent; border: none; }
#main_lightbox .BackgroundImage-Header,
#main_lightbox .parallax-slide,
#main_lightbox .makeSubMenu,
#main_lightbox .mainnav,
#main_lightbox .BreadCrumbBox,
#main_lightbox footer,
#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 .ContentTextBoxNormal,
#main_lightbox .ContentTextBoxLeft,
#main_lightbox .ContentTextBoxRight {padding-top: 10px; }
.cke_toolbar h1,
.cke_toolbar h2,
.cke_combo h1,
.cke_combo h2,
.cke_editor_text h1,
.cke_editor_text h2,
.cke_editable h1,
.cke_editable h2,
#main_lightbox h1,
#main_lightbox h2 {color: #4c525b; }
/* * Cookie Popup * */
#cookiebanner {position:fixed; bottom:0px; display: none; background: rgba(76,82,91,0.8); color: #ffffff; border-top: 1px solid rgba(0,0,0,0.5); 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 a {color:rgba(255,255,255,0.7); text-decoration:none; }
#cookiebanner a:hover {color:rgba(255,255,255,1.0); text-decoration:underline; }
#cookiebanner div {padding:10px; padding-right:40px;}
#cookiebannerCloser {color:rgba(255,255,255,0.7); font: 36px arial, sans-serif; line-height: 100%; display: block; position: absolute; right: 5px; padding: 15px; text-decoration: none; top: 5px; cursor:pointer; border: 1px solid rgba(255,255,255,0.2); padding:4px; background: transparent; }
#cookiebannerCloser:hover {color:rgba(255,255,255,1.0); border-color: rgba(255,255,255,0.7); background:rgba(255,255,255,0.2); }