/* smaller labtops, Tablet/iPad */ @media only screen and (max-width: 1000px) { body {} #pageBody, #pageContainer {background-color: #e8e8e8; overflow: hidden; width: 100%; margin: 0px; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; background-size: 20% auto; } ul.DataFoldList, ul.DataFoldList li, ul.DataFoldList li ul, ul.DataFoldList li ul li {height: auto; list-style-image: url(../img/_layout/list_bullet.gif); list-style-type:disc; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; } ul.DataFoldList li ul {padding-top: 10px;} /* * Header * */ #ContentBoxTop {width: 100%; margin: 0px 0px 0px 0px; } .LanguageBox {left: auto; right: 15px; } #LabelBox {width: 18%; height: 205px; padding: 15px 10px 0px; } #BackgroundImage {top: 191px; width: 100%; height: 159px; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } /* * Content boxes * */ #ContentContainer {width: 100%; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .ContentImgBoxLeft, .ContentImgBoxRight, .ContentTBImgBoxLeft, .ContentTBImgBoxRight {} .ContentTextBoxSmall {width: 65%; margin: 0px 10px 0px 0px; } #ContentBoxLeft {width: 19%; margin: 0px 0px 20px 0px; padding: 10px 0px; } #ContentBoxMiddle {width: 73%; margin: 0px 0px 20px 0px; padding: 20px 0px 20px 35px; } #ContentBoxRight {width: 23%; margin: 0px 0px 20px 0px; overflow: hidden; } #ContentBoxBottom {background-size: 20% auto; } .SearchBox {left: 10px; bottom: 15px; width: 19%; } #mainnav {top: 15px; left:23%; } ul.makeMenu a {font-size: 13px !important; } ul.makeMenu ul a {font-size: 12px !important; } /* Big Teaser */ div.tile {width: 27%; } } /* smaller Tablets */ @media only screen and (max-width: 800px) { .show-mobile-0 {display: none !important; } #ContentBoxTop {position: fixed !important; height: 50px !important; width: 100% !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; box-shadow: 0px 0px 7px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.6); } #headerBoxLogo {top: 0px !important; right: 10px !important; margin: 0px 0px 0px 0px !important; height: 50px !important; width: auto !important; overflow: hidden !important; z-index: 30002 !important; } #LabelBox {top: 50px; bottom: auto; width: 17%; height: 20px; padding: 5px 10px; overflow: hidden; } #LabelBox:hover, #LabelBox:focus {height: auto; width: 300px; box-shadow: 0px 0px 7px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.6); } #LabelBox h3 {font-size: 100%; margin: 0px 0px 15px 0px; } a.main-nav-toggle {display: block !important; } .meta-menu {display: block !important; } #mainnav {position: relative !important; top:auto !important; left: auto !important; } ul.makeMenu {position: fixed !important; top: 60px !important; left: 10px !important; right: 10px !important; bottom: 60px !important; height: auto !important; display: none !important; background: #152c55; padding: 0px !important; margin: 0px 0px 0px !important; width: auto !important; overflow: auto !important; -moz-border-radius: 11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; border-radius: 11px; box-shadow: 0px 0px 7px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.6); } ul.makeMenu li {display: block !important; float: none !important; margin: 0px 0px 5px 0px !important; } ul.makeMenu a {border-bottom: 1px solid #999999; font-size: 16px !important; height: auto !important; padding: 8px 15px !important; } ul.makeMenu ul {position: relative !important; width: 100% !important; top: auto !important; left: auto !important; right: auto !important; } ul.makeMenu ul a {border: none !important; width: auto !important; font-size: 14px !important; height: auto !important; padding: 6px 25px !important; } ul.opened {display: block !important; } #ContentContainer {padding: 60px 0px 60px 0px; } .ContentTextBoxSmall {width: 58%; } /* * EXTRA-MENU * */ #ContentBoxBottom {position: fixed; top: auto; bottom: 0px; left: 0px; display: block; height: 40px; width: 100%; color: inherit; margin: 0px 0px 0px 0px; padding: 0px; background: #333333; z-index: 3000; overflow: hidden; box-shadow: 0px 0px 7px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.6); opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90); } #pageBottom {position: relative; display: block; height: auto; width: 100%; margin: 0px 0px 0px 0px; padding: 0px; } ul.makeExtraMenu {position: relative; top: 0px; bottom: auto; left: auto; background: transparent; padding: 10px 5px; 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; } .SearchBox {left: auto; bottom: auto; top: 3px; right: 10px; width: 90px; } #searchform input[type=text] {width: 70px !important; } /* Big Teaser */ div.last {margin-right: 10px;} } /* iPhones and others */ /* @media only screen and (-webkit-min-device-pixel-ratio:1.5) { */ @media only screen and (max-width: 640px) { .show-mobile-0 {display: none !important; } #LabelBox, .BackgroundImageLabel p, .socialbar, .BreadCrumbBox, a.section-anchor, a.section-anchor-sub, .parallax-slide, .ContentBoxLeft, a.printbtn {display: none !important; } #pageBody, #pageContainer {background: #e8e8e8; } #ContentContainer {padding: 60px 0px 620px 0px; } #ContentBoxLeft {position: absolute; bottom: 30px; float: none; width: 100%; margin: 10px 0px 20px 0px; } #ContentBoxMiddle, #ContentBoxRight {float: none; width: 94%; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 15px; background-size: 100% auto !important; } /* * EXTRA-MENU * */ #ContentBoxBottom {opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); } ul.makeExtraMenu {padding: 0px; } a.extramenu, a.extramenu:visited, a.extramenu:link, a.extramenu:active, a.extramenu:focus, a.extramenu:hover {background: transparent; background-repeat: no-repeat; background-position: center 0px; display: block; height: 10px; width: auto; min-width: 32px; font-weight: normal; text-transform: none; text-align: center; text-decoration:none; margin: 0px 0px 0px 0px; padding: 26px 6px 4px 6px; line-height: 100%; border-left: none; border-right: 1px solid #ffffff !important; } a.extramenu_sel, a.extramenu_sel:hover, a.extramenu_sel:visited, a.extramenu_sel:link, a.extramenu_sel:focus, a.extramenu_sel:active {background: transparent; background-repeat: no-repeat; background-position: center 0px; display: block; height: 10px; width: auto; min-width: 32px; font-weight: normal; text-transform: none; text-align: center; text-decoration:none; margin: 0px 0px 0px 0px; padding: 26px 6px 4px 6px; line-height: 100%; border-left: none; border-right: 1px solid #ffffff !important; } a.extramenu:hover {background: transparent; background-repeat: no-repeat; background-position: center 0px; text-decoration:none;} .li-extramenu-print, .li-extramenu-7, .li-extramenu-back {display: none !important; } .extramenu-back {background-image: url(../img/_layout/icon_back.png) !important; } /* Back */ .extramenu-1, .extramenu-home {background-image: url(../img/_layout/icon_home.png) !important; } /* Home */ .extramenu-6 {background-image: url(../img/_layout/icon_contact.png) !important; } /* Kontakt */ .extramenu-51 {background-image: url(../img/_layout/icon_dataprotection.png) !important; } /* Datenschutz */ .extramenu-5 {background-image: url(../img/_layout/icon_imprint.png) !important; } /* Impressum */ .extramenu-7 {background-image: url(../img/_layout/icon_sitemap.png) !important; } /* Sitemap */ .extramenu-back.extramenu_sel, .extramenu-back:hover {background-image: url(../img/_layout/icon_back_MO.png) !important; } /* Back */ .extramenu-1.extramenu_sel, .extramenu-home.extramenu_sel, .extramenu-1:hover, .extramenu-home:hover {background-image: url(../img/_layout/icon_home_MO.png) !important; } /* Home */ .extramenu-6.extramenu_sel, .extramenu-6:hover {background-image: url(../img/_layout/icon_contact_MO.png) !important; } /* Kontakt */ .extramenu-51.extramenu_sel, .extramenu-51:hover {background-image: url(../img/_layout/icon_dataprotection_MO.png) !important; } /* Datenschutz */ .extramenu-5.extramenu_sel, .extramenu-5:hover {background-image: url(../img/_layout/icon_imprint_MO.png) !important; } /* Impressum */ .extramenu-7.extramenu_sel, .extramenu-7:hover {background-image: url(../img/_layout/icon_sitemap_MO.png) !important; } /* Sitemap */ /* Sitemap */ .body-sitemap #ContentBoxTop, .body-sitemap #ContentBoxLeft, .body-sitemap #ContentBoxRight, .body-sitemap #BackgroundImage, .body-sitemap .FooterBox, .body-sitemap h1 { display: none !important; } .body-sitemap #ContentContainer2, .body-sitemap #ContentBoxMiddle { width: 100% !important; padding: 0px !important; margin: 0px !important; background: #152c55; border: none;} .body-sitemap #ContentContainer { width: 100% !important; padding: 0px 0px 50px 0px !important; margin: 0px !important; background: #152c55; border: none; } ul.Sitemap { font-weight: normal; width: 100%; height: auto; display:block; background: transparent; margin: 0px; padding: 0px; overflow: visible; text-align:left; } ul.Sitemap ul { position: relative; list-style-type: none; display: none !important; background: transparent; width: auto; height:auto; margin: 0px 0px 0px 0px !important; padding: 0px !important; overflow: visible; } ul.Sitemap li { position: relative; list-style-type: none; display: block; background: transparent; width: auto; height: auto; list-style-image: none; margin: 0px 0px 0px 0px !important; padding: 0px !important; overflow: visible; } ul.Sitemap li:hover { background-color: transparent;} ul.Sitemap li:hover ul { display: block !important;} ul.Sitemap * { line-height: normal !important;} /* overriding my normal stylesheet */ ul.Sitemap li a { display: block !important; color: #ffffff !important; background: #152c55 !important; font-size: 15px !important; text-transform: uppercase !important; height: auto !important; font-weight: normal !important; margin: 0px !important; padding: 8px 10px !important; border: none !important; border-bottom: 1px solid #ffffff !important; overflow: hidden !important; } ul.Sitemap li a:hover { color: #ffffff !important; background: #253c65 !important; font-weight: bold !important; } ul.Sitemap li ul li a { background-image: url(../img/_layout/bg_white_trans10.png) !important; font-size: 13px !important; text-transform: none !important; padding: 8px 5px 8px 35px !important; } ul.Sitemap li ul li a:hover { } ul.Sitemap li ul li ul li a { background-image: url(../img/_layout/bg_white_trans20.png) !important; font-size: 11px !important; text-transform: none !important; padding: 6px 5px 6px 55px !important; border-bottom: 1px solid !important; } ul.Sitemap li ul li ul li a:hover { } ul.Sitemap li ul li ul li ul li a { padding: 4px 5px 4px 55px !important; } ul.Sitemap li ul li ul li ul li a:hover { } input.radio, label {margin: 0px 5px 0px 0px !important; float: none !important; } select, input[type=text], textarea {width: 92% !important; } div.input, div.input_error {max-width: 100% !important; } .float_left {margin-right: 10px !important; } .float_right {margin-left: 10px !important; } .FooterBoxCol {width: 96% !important; float: left !important; } .ProjectCont {margin: 0px 3% 20px; width: 170px; height: 188px; } .ProjectCont a {font-size: 16px; padding: 100px 20px 20px 20px; background-position: 0px 80px; } } @media only screen and (max-width: 535px) { ul.makeMenu {top: 50px !important; left: 0px !important; right: 0px !important; bottom: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; -khtml-border-radius: 0px !important; border-radius: 0px !important; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .ProjectCont {margin: 0px 2% 20px; width: 130px; height: 144px; } .ProjectCont a {font-size: 14px; padding: 70px 0px 15px 0px; background-position: 0px 60px; } /* Big Teaser */ div.tile {height: 140px; width: 140px; } div.tilelink a {font-size: 12px; } #ImgContainer img {width: 100%; } .tile_square, #ImgContainer, .ContentTextBoxNormal, .ContentTextBoxLeft, .ContentTextBoxRight, .ContentTextBoxSmall, .ContentTBBoxLeft, .ContentTBBoxRight, .ContentImgBoxLeft, .ContentImgBoxRight, .ContentTBImgBoxLeft, .ContentTBImgBoxRight {display: block !important; float: none !important; width: 98% !important; margin: 0px 0px 10px 0px !important; padding: 0px !important; } .leftcol, .rightcol, .float_right, .float_left {float: none !important; width: 100% !important; margin: 0px 0px 10px 0px !important; } /* * EXTRA-MENU * */ a.extramenu, a.extramenu:visited, a.extramenu:link, a.extramenu:active, a.extramenu:focus, a.extramenu:hover {font-size:11px; } a.extramenu_sel, a.extramenu_sel:hover, a.extramenu_sel:visited, a.extramenu_sel:link, a.extramenu_sel:focus, a.extramenu_sel:active {font-size:11px; } table, tr, th, td {display: block !important; width: 100% !important; margin: 0px 0px 0px 0px !important; padding: 0px 0px 10px 0px !important; } /* Big Teaser */ div.tile {width: 40%; } } @media only screen and (max-width: 370px) { #BackgroundImage {top: 120px; } .SearchBox {width: 70px; right: 5px; } #searchform input[type=text] {width: 50px !important; } /* * EXTRA-MENU * */ a.extramenu, a.extramenu:visited, a.extramenu:link, a.extramenu:active, a.extramenu:focus, a.extramenu:hover {font-size:10px; } a.extramenu_sel, a.extramenu_sel:hover, a.extramenu_sel:visited, a.extramenu_sel:link, a.extramenu_sel:focus, a.extramenu_sel:active {font-size:10px; } div.tile {width: 35%; } }