/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /*SVN Add-ins $Rev:: 496 $: Revision of last commit $Author:: spi $: Author of last commit $Date:: 2012-04-13 1#$: Date of last commit Authors: JDE, SPI Copyright (c) A&B One Digital GmbH */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* basics.css (structure styles for screen and handheld) for ABD11001 A&B One Digital 15.03.2011 JDE */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* startseite:
*/ /*
*/ /* */ /* standardseite:
*/ /*
*/ /* */ /* topreferenzenliste, Listenseiten: */ /*
*/ /* */ /* Listenseiten:
*/ /* topreferenzenliste:
*/ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* global basics for handheld, screen */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ @media handheld, screen { /* .upperheader */ .upperheader{ min-height: 14px; height: 1.8em; background: #000; color: #fff; text-align: center; } .out{ position: absolute; top: -20000em; left: -20000em; } .none, .structure{ display: none; } /* + + + + + schriften + + + + + */ .navigation ul li strong span, .navigation ul li a:link, .navigation ul li a:visited, .footer #navService ul li a:link, .footer #navService ul li a:visited, .footer #navService ul li strong span, .navigation #navSub ul li a:link span, .navigation #navSub ul li a:visited span, .navigation #navSub ul li a:link acronym, .navigation #navSub ul li a:visited acronym, .breadcrumb p strong, .breadcrumb p a:link, .breadcrumb p a:visited, .breadcrumb p strong span, .breadcrumb p a:link span, .breadcrumb p a:visited span, .breadcrumb p strong acronym, .breadcrumb p a:link acronym, .breadcrumb p a:visited acronym{ font-family: "ff-netto-web-1","ff-netto-web-2",Calibri,Tahoma,Arial,Helvetica,sans-serif; font-weight: normal; text-decoration: none; } /* + + + + + + + + + + + + + + + + + + + + + */ /* basic grid for 1280 monitors*/ body{ background-color: #f5f2f0; } .container { padding-left: 20px; padding-right: 20px; } .row { width: 100%; max-width: 1140px; margin: 0 auto; overflow: hidden; background: #fff; } .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { float: left; } .col1 { width: 8.25%; } .col2 { width: 16.5%; } .col3 { width: 24.75%; } .col4 { width: 33%; } .col5 { width: 41.25%; } .col6 { width: 49.5%; } .col7 { width: 57.75%; } .col8 { width: 66%; } .col9 { width: 74.25%; } .col10 { width: 82.5%; } .col11 { width: 90.75%; } .col12 { width: 99%; } .last { } .first, .col12 { margin-left: 0.3% } img, object, embed { max-width: 100%; } /* + + + + + + + + + + + + + + + + + + + + + */ /* basic structure */ /* + + + + + direct + + + + + */ .direct{ } .direct #navDirect{ height: 30px; position: relative; } .direct #navDirect p{ height: 10px; } .direct #navDirect p a:link, .direct #navDirect p a:visited{ position: absolute; top: -2000em; left: -20000em; display: block; width: auto; color: #fff; } .direct #navDirect p a:hover, .direct #navDirect p a:focus, .direct #navDirect p a:active{ top: 0; left:0; background: #0C7A96; color: #fff !important; font-size: .75em; padding: 6px 3%; width: 94%; } /* + + + + + .navigation + + + + + */ .navigation select{ border: 1px solid #D3D8DC; width: 160px; font-size: .82em; } .navigation label{ position: absolute; top: -20000em; left: -20000em; } /* navMain */ .navigation .navheader{ min-height: 5em; padding: 0 16px 0 10px; } .navigation #navMain form{ display: none; } .navigation #navMain ul{ min-height: 1.44em; margin-bottom: 5px; padding-top: 20px; } .navigation ul li{ float: left; border-bottom: 1px solid #D6D6D6; font-size: 1em; font-weight: normal; line-height: 125%; padding: 0 0 0 9px; } .navigation ul li.nav_0{ padding-left: 0; } .navigation ul li strong span, .navigation ul li a:link, .navigation ul li a:visited{ display: block; background: url("../styleimages/icons_rightlink.gif") no-repeat right 7px; border-right: 1px solid #D6D6D6; color: #344b59; font-size: 1em; font-weight: normal; line-height: 125%; text-decoration: none; margin-bottom: 5px; padding-top: 1px; padding-right: 23px; } .navigation ul li a:hover, .navigation ul li a:focus, .navigation ul li a:active{ background-position: right -440px; color: #0C7A96; text-decoration: underline; } .navigation ul li a:hover span, .navigation ul li a:hover acronym, .navigation ul li a:focus span, .navigation ul li a:focus acronym, .navigation ul li a:active span, .navigation ul li a:active acronym{ background-position: right -440px; color: #0C7A96; text-decoration: underline; } .navigation ul li.noborder, .navigation ul li.active{ border-bottom: none 0; padding-bottom: 1px; } .navigation ul li.active strong span{ font-weight: bold; margin-bottom: 4px; padding-bottom: 1px; } .navigation ul li.active strong span{ background-position: right -440px; color: #0C7A96; } .navigation ul li.active strong a:link, .navigation ul li.active strong a:visited{ background-position: right -104px; color: #0C7A96; } .navigation ul li.active strong a:hover, .navigation ul li.active strong a:focus, .navigation ul li.active strong a:active{ text-decoration: underline; background-position: right -440px; } .navigation ul li.active strong a:link span, .navigation ul li.active strong a:visited span, .navigation ul li.active strong a:link acronym, .navigation ul li.active strong a:visited acronym{ line-height: 100%; } /* navSub */ .navigation #navSub{ clear: left; min-height: 1.5em; } .navigation #navSub form{ display: none; } .navigation #navSub ul li{ border: none 0; padding-top: 2px; padding-right: 2px; } .navigation #navSub ul li strong span, .navigation #navSub ul li a:link, .navigation #navSub ul li a:visited{ background-position: right -214px; border: none 0; border-right: 1px solid #D6D6D6; font-size: .88em; padding-right: 13px; } .navigation #navSub ul li strong span span, .navigation #navSub ul li strong span acronym, .navigation #navSub ul li a:link span, .navigation #navSub ul li a:link acronym, .navigation #navSub ul li a:visited span, .navigation #navSub ul li a:visited acronym{ line-height: 100%; } .navigation #navSub ul li a:hover, .navigation #navSub ul li a:focus, .navigation #navSub ul li a:active{ background-position: right -326px; } .navigation #navSub ul li.active strong span{ background-position: right -326px; padding-top: 1px; } .navigation #navSub ul li.active strong span span{ display: inline; background-image: none; border: 0 none; padding: 0; } .navigation #navSub ul li.active strong a:link, .navigation #navSub ul li.active strong a:visited{ background-position: right -730px; } .navigation #navSub ul li.active strong a:hover, .navigation #navSub ul li.active strong a:focus, .navigation #navSub ul li.active strong a:active{ background-position: right -326px; } .navigation #navSub .switchsub ul{ margin-left: -9px; } /* + + + + + .header + + + + + */ .navheader .logo{ width: 200px; height: 68px; float: right; } .navheader .logo img{ margin: 0; } .navheader .logo img.logo_1, .navheader .logo img.logo_2{ padding: 3px 0 0 0; float: left; } .navheader .logo img.logo_3{ clear: left; } .header .col12{ padding-top: 10px; padding-bottom: 10px; } .header h2{ font-size: 2.31em; font-weight: normal; color: #344b59; margin: 15px 12px 15px 15px; padding-bottom: 3px; border-bottom: 1px solid #d3d8dc; } .header h2 span{ color: #344b59; } .header h2 .divider{ display: none; } /* breadcrumb */ .start .breadcrumb{ position: absolute; top: -20000em; left: -20000em; } .standard .breadcrumb{ margin: 0px 12px 0 16px; padding: 10px 0; border-bottom: 1px solid #d3d8dc; font-size: .82em; } .breadcrumb p strong, .breadcrumb p a:link, .breadcrumb p a:visited{ text-decoration: none; border-bottom: 1px solid #344B59; } .breadcrumb p strong span, .breadcrumb p a:link span, .breadcrumb p a:visited span, .breadcrumb p strong acronym, .breadcrumb p a:link acronym, .breadcrumb p a:visited acronym{ border: none 0; } .breadcrumb p a:hover, .breadcrumb p a:focus, .breadcrumb p a:active{ background-color: #F8F6F4; border-color: #BED2D8; color: #0C7A96; } .breadcrumb p a:hover span, .breadcrumb p a:hover acronym, .breadcrumb p a:focus span, .breadcrumb p a:focus acronym, .breadcrumb p a:active span, .breadcrumb p a:active acronym{ color: #0C7A96; } .breadcrumb p strong{ color: #0C7A96; border-color: #fff; } .breadcrumb p strong span, .breadcrumb p strong acronym{ color: #0C7A96; } .breadcrumb p span.start{ display: block; float: left; height: 13px; width: 13px; margin-right: 5px; margin-top: 4px; } .breadcrumb p span.start a:link, .breadcrumb p span.start a:visited{ border: 0 none; background-color: #4E6B7E; display: block; height: 13px; width: 13px; margin: 0; padding: 0; } .breadcrumb p span.start a:hover, .breadcrumb p span.start a:focus, .breadcrumb p span.start a:active, .breadcrumb p span.start a:hover img, .breadcrumb p span.start a:focus img, .breadcrumb p span.start a:active img{ background-color: #fff; color: #FF2222; } /* + + + + + content + + + + + */ .container.content .row{ padding-bottom: 80px; } #content .row, .container.content.bildraster .row{ padding-bottom: 0; } .wrapper.start .footer .row{ padding-top: 10px; } .wrapper.standard .slider .row .box{ width: 70%; } .wrapper.standard.list .slider .row .box{ width: auto; } .wrapper.standard .content .col9 .box{ padding-right: 30px; } /* topteaser startseite */ .content.topteaser .medium .mos, .content.topteaser .landscape .mos{ border:1px solid #fff; border-width: 0 12px 14px 16px; } .content.topteaser .slidertype{ position: relative; top: 0; left: 0; } .content.topteaser .slidertype .mostxt h3{ font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 1.12em; } .content.topteaser .slidertype .mos{ background-color: #F8F6F4; } .content.topteaser .slidertype .mos .mosimg{ background: url("../styleimages/loader.gif") no-repeat scroll 50% 50% #F5F2F0; } .content.topteaser .landscape .mos{ border-right-width: 10px; border-left-width: 14px; } .content.topteaser .landscape .mos .mostxt{ border-right: 2px solid #fff; border-left: 2px solid #fff; } .content.topteaser .stage .landscape .mos .mostxt{ position: absolute; top: -200000em; left: -20000em; } .content.topteaser .landscape .mos img{ width: 100%; max-width: 250%; } .content.topteaser .landscape .mos .mostxt h3, .content.topteaser .mos .mostxt p{ background-color: #0C7A96; color: #fff; padding: 8px 10px 12px; margin: 0; } .content.topteaser .landscape .mos .mostxt h3{ padding-bottom: 6px; min-height: 1em; border-bottom: 1px solid #fff; } .content.topteaser .landscape .mos .mostxt p{ padding-top: 3px; } .content.topteaser .landscape .mos a:link, .content.topteaser .landscape .mos a:visited{ border: 2px solid #fff; display: block; background-color: #0C7A96; color: #fff; line-height: 110%; } .content.topteaser .landscape .mos a:hover, .content.topteaser .landscape .mos a:focus, .content.topteaser .landscape .mos a:active{ border-color: #0C7A96; } .content.topteaser .medium .mosimg{ width: 70.25%; position: relative; overflow: hidden; } .content.topteaser .medium .mosimg img{ width: 100%; max-width: 250%; } .content.topteaser .medium .mostxt{ width: 33.5%; } .content.topteaser .medium .mostxt{ position: absolute; bottom: 0; right: 0; } .content.topteaser .medium .mostxt p{ padding: 10px 12px 26px 18%; } .content.topteaser .medium .mostxt h3{ font-size: 1em; padding: 10px 12px 26px 18%; } .content.topteaser .medium .mos a:link, .content.topteaser .medium .mos a:visited{ border: 2px solid #F8F6F4; display: block; background-color: #0C7A96; color: #fff; line-height: 110%; } .content.topteaser .medium .mos a:hover, .content.topteaser .medium .mos a:focus, .content.topteaser .medium .mos a:active{ border-color: #0C7A96; } /* slider standardseite */ .slider .slidertype, .slidermenu{ margin: 0px 12px 0 16px; padding: 10px 0; border-bottom: 1px solid #d3d8dc; clear: both; } .slider .landscape .mosimg img, .referenz .list ol li img{ width: 100%; max-width: 250%; } .slider .landscape .mostxt{ display: none; } .standard .col12 .medium .mosimg{ width: 74.25%; position: relative; overflow: hidden; } .standard .col12 .medium .mosimg img{ width: 100%; max-width: 250%; } .standard .col12 .medium .mostxt{ width: 24.75%; } .slider .medium .mostxt{ position: absolute; bottom: 0; right: 0; } .slider .medium .mostxt p{ padding: 10px 12px 10px 9px; } .slider .medium{ position: relative; top: 0; left: 0; } .content.slider .mosimg{ background: #F5F2F0 url('../styleimages/loader.gif') no-repeat 50% 50%; } /* script */ /* noscript */ .slider .slidermenu{ border-bottom: 0 none; padding-bottom: 0; } .slider .slidermenu .nonscript{ float: right; font-size: .75em; } .slider .slidermenu span.nonscript{ background: url("../styleimages/icons_link.gif") no-repeat scroll -486px 4px; } .slider .slidermenu .nonscript a:link, .slider .slidermenu .nonscript a:visited{ padding-left: 12px; border-bottom: 1px solid #fff; text-decoration: underline; } .slider .slidermenu .nonscript a:hover, .slider .slidermenu .nonscript a:focus, .slider .slidermenu .nonscript a:active{ text-decoration: none; border-color: #BED2D8; background: #F8F6F4 url("../styleimages/icons_link.gif") no-repeat scroll -470px -35px; } .slider .slidermenu .sliderpoints{ font-size: .56em; float: right; line-height: 100%; } .slider .slidermenu .sliderpoints .point{ padding-right: .5em; } .slider .slidermenu .sliderpoints .point strong, .slider .slidermenu .sliderpoints .point a:link, .slider .slidermenu .sliderpoints .point a:visited{ border: 1px solid #5c7e94; text-decoration: none; display: inline-block; height: 5px; padding: 1px; width: 5px; min-width: 1.1em; min-height: 1.1em; line-height: 100%; color: #5c7e94; background: #5c7e94; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; text-align: center; vertical-align: top; } .slider .slidermenu .sliderpoints .point a:hover, .slider .slidermenu .sliderpoints .point a:focus, .slider .slidermenu .sliderpoints .point a:active{ color: #fff; background-color: #fff; border-color: #5c7e94; } .slider .slidermenu .sliderpoints .point strong{ color: #ff2222; background-color: #ff2222; border-color: #ff2222; } /* bildraster */ .content.bildraster .row4col{ padding: 0 7px 0 12px; clear: both; } .content.bildraster .mini{ border:1px solid #fff; border-width: 0 6px 14px 7px; position: relative; } .content.bildraster .mini .mosimg{ background: #F5F2F0 url('../styleimages/loader.gif') no-repeat 50% 50%; } .content.bildraster .mini.bordered .mosimg img{ border: 1px solid #d3d8dc; } /* nonscript */ .content.bildraster .mini .mostxt{ background: #0C7A96; } .content.bildraster .mini .mostxt h3, .content.bildraster .mini .mostxt p{ color: #fff; line-height: 110%; padding: 8px 10px; margin: 0; } .content.bildraster .mini .mostxt h3{ min-height: 1em; margin-top: 10px; padding-bottom: 3px; } .content.bildraster .mini .mostxt p{ line-height: 130%; padding-top: 3px; } .content.bildraster .mini h3 a:link, .content.bildraster .mini h3 a:visited{ display: block; background: #0C7A96 url("../styleimages/icons_link.gif") no-repeat scroll -350px -199px; border-bottom: 1px solid #0C7A96; /*text-decoration: underline; */line-height: 130%; padding-left: 10px; padding-bottom: 3px; } .content.bildraster .mini h3 a:hover, .content.bildraster .mini h3 a:focus, .content.bildraster .mini h3 a:active{ background-color: #0C7A96; border-bottom-color: #fff; color: #fff; text-decoration: none; } .content.bildraster .mini a:link, .content.bildraster .mini a:visited{ color: #fff; font-size: .69em; line-height: 110%; } .content.bildraster .mini a:hover, .content.bildraster .mini a:focus, .content.bildraster .mini a:active{ color: #fff; background: #0C7A96; } .content.bildraster .mini .mostxt h3 span, .content.bildraster .mini .mostxt h3 abbr, .content.bildraster .mini .mostxt p span, .content.bildraster .mini .mostxt p abbr{ border-color: #fff; color: #fff; line-height: 100%; } .content.bildraster .mini h3 a span{ background-color: #0C7A96; color: #fff; font-weight: bold; } /* script */ .content.bildraster .mini .mostxt.nohover a:hover, .content.bildraster .mini .mostxt.nohover a:focus, .content.bildraster .mini .mostxt.nohover a:active, .content.bildraster .mini .mostxt.dohover a:hover, .content.bildraster .mini .mostxt.dohover a:focus, .content.bildraster .mini .mostxt.dohover a:active{ text-decoration: underline; } .content.bildraster .mini .mostxt.dohover h3 a:hover, .content.bildraster .mini .mostxt.dohover h3 a:focus, .content.bildraster .mini .mostxt.dohover h3 a:active{ border-bottom-color: #0C7A96; } .content.bildraster .mini .mostxt.nohover, .content.bildraster .mini .mostxt.dohover{ cursor: pointer; position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 20; } .content.bildraster .mini .mostxt.nohover{ background: transparent; } .content.bildraster .mini .mostxt.nohover h3, .content.bildraster .mini .mostxt.nohover p{ position: absolute; top:-20000em; left: -20000em; } div.totop{ clear: both; border-top: 1px solid #d3d8dc; margin: 0 19px; } .row .list div.totop{ border-top: 0 none; margin: 0; } .row .list div.totop span{ border-top: 1px solid #d3d8dc; padding-top: 10px; } /* + + + + + footer + + + + + */ .footer hr{ display: block; border: 0 none; border-top: 1px solid #d3d8dc; height: 1px; color: #fff; background-color: #fff; margin: 0 12px 10px 16px; } .footer #navService{ padding-left: 16px; } .footer #navService ul li{ float: left; padding: 3px 3px 0 0; font-size: 1em; line-height: 1em; font-weight: normal; } .footer #navService ul li.fb_like{ padding-top: 0; } .footer #navService ul li strong{ display: block; } .footer #navService ul li a:link, .footer #navService ul li a:visited, .footer #navService ul li strong span{ display: block; font-size: .88em; line-height: 1em; text-decoration: none; padding: 0 12px 0 0; } .footer #navService ul li a:link, .footer #navService ul li a:visited{ border-bottom: 0 none; font-weight: normal; background: #fff; color: #344b59; } .footer #navService ul li a:hover, .footer #navService ul li a:focus, .footer #navService ul li a:active{ color: #0C7A96; text-decoration: underline; background: url("../styleimages/icons_rightlink.gif") no-repeat right -329px; } .footer #navService ul li strong span{ font-weight: bold; color: #0C7A96; } .footer #navService ul li.active a:link, .footer #navService ul li.active a:visited{ margin-right: 0px; background-image: none; line-height: 100%; color: #0C7A96; } .footer #navService ul li.active a:hover, .footer #navService ul li.active a:focus, .footer #navService ul li.active a:active{ padding-right: 0px; } .footer .tx-macinasearchbox-pi1{ float: right; padding-right: 16px; } .footer .tx-macinasearchbox-pi1 label{ line-height: 100%; } .footer .tx-macinasearchbox-pi1 label span{ position: absolute; top: -2000em; left: -2000em; font-size: .82em; } .footer .tx-macinasearchbox-pi1 label input{ color: #344B59; display: block; float: left; border: 1px solid #677883; font-size: .75em; line-height: 100%; padding: 3px 3px 4px 3px; width: 150px; margin: 1px; } .footer .tx-macinasearchbox-pi1 label input:hover, .footer .tx-macinasearchbox-pi1 label input:focus, .footer .tx-macinasearchbox-pi1 label input:active, .footer .tx-macinasearchbox-pi1 label input.fokus{ color: #0C7A96; border-width: 2px; margin:0; border-color: #0C7A96; background-color: #F8F6F4; } .footer .tx-macinasearchbox-pi1 input.sendButton{ margin-top: 1px; border: 1px solid #fff; } .footer .tx-macinasearchbox-pi1 input.sendButton:hover, .footer .tx-macinasearchbox-pi1 input.sendButton:focus, .footer .tx-macinasearchbox-pi1 input.sendButton:active{ border-color: #0C7A96; } .footer .col12{ padding-bottom: 20px; min-height: 1.5em; } a img, a:link img, a:visited img { display: block; /* Stops image links getting text link styles */ margin-top: -2px; } /* SPI: 23.08.2011 */ /* + + + sociallinks + + + */ #navSocial{ position: absolute; right: 0; top: 131px; height: 176px; width: 41px; z-index: 3000; } #navSocial ul li{ height: 39px; width: 39px; list-style-type: none; background-color: #FFF; border: solid 1px #F5F2F0; border-right: none 0; margin-bottom: 3px; } #navSocial ul li a:link, #navSocial ul li a:visited{ display: block; height: 39px; width: 39px; } #navSocial ul li a:link img, #navSocial ul li a:visited img{ display: block; margin: 0; } #navSocial ul li a:hover img, #navSocial ul li a:focus img, #navSocial ul li a:active img{ opacity: 0; } #navSocial ul li a:hover, #navSocial ul li a:focus, #navSocial ul li a:active{ background: url("../styleimages/icons_link.gif") no-repeat -230px -309px; } #navSocial ul li a.google:hover, #navSocial ul li a.google:focus, #navSocial ul li a.google:active{ background-position: -83px -456px; } #navSocial ul li a.googleplus:hover, #navSocial ul li a.googleplus:focus, #navSocial ul li a.googleplus:active{ background-position: -34px -505px; } #navSocial ul li a.xing:hover, #navSocial ul li a.xing:focus, #navSocial ul li a.xing:active{ background-position: -132px -407px; } #navSocial ul li a.vimeo:hover, #navSocial ul li a.vimeo:focus, #navSocial ul li a.vimeo:active{ background-position: -181px -358px; } /* + + + + + abstaende + + + + + */ .content .box{ padding: 0 7px 0 16px; } .content .teaser{ padding: 0 12px 0 7px; } .standardlist .list{ padding: 0 12px 0 16px; } .standardlist .list .box{ padding: 0; } .referenzhead .row .box, .referenz .landscape, .referenz .list{ margin: 0 16px; } .referenzhead .row .box{ margin-bottom: 15px; } }/* @media screen */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* structure for screen */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ @media screen { } /* @media handheld, screen */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* structure for handheld */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ @media handheld { .out{ display: none; } }/* @media handheld */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* adjustments for 1024 monitors */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ @media only screen and (max-width: 1024px){ body{ font-size: 0.88em; line-height: 1.5em; } .container{ padding-left: 0; padding-right: 0; } .content .teaser.icons, .standardlist .listmenu{ padding-right: 35px; } } /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* adjustments for 900 monitors */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ @media only screen and (max-width: 915px){ .col1, .col2 { width: 49.5%; } .col3 { width: 38%; } .col9 { width: 61%; } .footer .tx-macinasearchbox-pi1, .navigation .navheader{ padding-right: 14px; } .footer hr.structure, .slider .slidertype, .standard .breadcrumb, .standard .pagehead, .start .content.topteaser .slidertype{ margin-right: 14px; margin-left: 14px; } .footer #navService, .navigation .navheader, .content .teaser{ padding-left: 14px; } .content .teaser.icons{ margin-left: 14px; } .standard .col12 .medium .mostxt, .standard .col12 .medium .mosimg{ position: static; width: 100%; max-width: 100%; } .start .col12 .medium .mostxt, .start .col12 .medium .mosimg{ position: static; width: auto; max-width: 100%; } .start .content.topteaser .medium .mostxt h3, .start .content.topteaser .landscape .mostxt h3{ padding: 8px 10px 6px; background-color: #0C7A96; color: #FFF; font-size: .88em; border-bottom: 1px solid #FFF; min-height: 1em; } .start .content.topteaser .landscape .mos .mostxt, .start .content.topteaser .medium .mos .mostxt { border-left: 2px solid #FFFFFF; border-right: 2px solid #FFF; } .start .content.topteaser .landscape .mos a:link, .content.topteaser .landscape .mos a:visited, .start .content.topteaser .medium .mos a:link, .content.topteaser .medium .mos a:visited { background-color: #0C7A96; border: 2px solid #FFFFFF; color: #FFFFFF; display: block; line-height: 110%; } .start .content.topteaser .landscape .mos a:hover, .content.topteaser .landscape .mos a:focus, .content.topteaser .landscape .mos a:active, .start .content.topteaser .medium .mos a:hover, .content.topteaser .medium .mos a:focus, .content.topteaser .medium .mos a:active{ border-color: #0C7A96; } .standard .col12 .medium .mostxt p{ padding-left: 0; } .wrapper.standard .slider .row .box{ width: auto; } .wrapper.standard .content .col9 .box, .wrapper.standard .slider .row .box, .content .teaser{ padding-right: 14px; } .navigation #navMain form, .navigation #navSub form{ display: block; } .navigation #navMain ul, .navigation #navSub ul{ display: none; } .navigation #navSub{ clear: left; } .navigation .logo{ padding-bottom: 10px; } .navigation #navSub form, .navigation #navMain form{ padding-top: 5px; } .slider .slidermenu .sliderpoints{ font-size: 0.8em; } .container.content .row{ padding-bottom: 40px; } #content .row, .container.content.bildraster .row{ padding-bottom: 0; } } /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* adjustments for 768 monitors */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ @media handheld, only screen and (max-width: 768px) { body { -webkit-text-size-adjust: none; font-size: 16px; line-height: 24px; } /* Stops the iPad / iPhone scalling text up */ body, .container, .row { width: 100%; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; } .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12, .mosaic .col3 { width: auto; float: none; margin-left: 0px; margin-right: 0px; clear: both; } .col9{ margin-right: 27px; } .content.mosaic .kingsquare .mos, .content.mosaic .minileft .mos, .content.mosaic .miniright .mos, .content.topteaser .medium .mos, .content.topteaser .landscape .mos{ border-right-width: 0; border-left-width: 0; padding: 0; } .content.mosaic .mos { margin-right: 14px; margin-left: 14px; } .content.mosaic .minileft .mos{ margin-right: 7px; } .content.mosaic .miniright .mos{ margin-left: 7px; } .content.mosaic .mos .mostxt, .content.mosaic .mos .mostxt.dohover, .content.mosaic .mos .mostxt.nohover { height: auto; position: static; width: auto; padding: 2px 10px; /* background: #F5F2F0; */ background: url('../styleimages/bg_mostxt.png') repeat 0 0; cursor: default; } .content.mosaic .mos .mostxt h3, .content.mosaic .mos .mostxt p, .content.mosaic .mos .mostxt.nohover h3, .content.mosaic .mos .mostxt.nohover p, .content.mosaic .mos .mostxt.dohover h3, .content.mosaic .mos .mostxt.dohover p{ background-image: none; position: static; padding: 8px 10px; margin: 0; } .content.mosaic .mos .mostxt h3, .content.mosaic .mos .mostxt.nohover h3, .content.mosaic .mos .mostxt.dohover h3{ padding-bottom: 3px; } .content.mosaic .mos .mostxt p, .content.mosaic .mos .mostxt.nohover p, .content.mosaic .mos .mostxt.dohover p{ padding-top: 3px; } .slider .slidermenu .sliderpoints{ font-size: 1.3em; } .slider .slidermenu .sliderpoints .point strong, .slider .slidermenu .sliderpoints .point a:link, .slider .slidermenu .sliderpoints .point a:visited{ color: #fff; background: #5c7e94; font-weight: normal; } .slider .slidermenu .sliderpoints .point a:hover, .slider .slidermenu .sliderpoints .point a:focus, .slider .slidermenu .sliderpoints .point a:active{ color: #5c7e94; background-color: #fff; } .slider .slidermenu .sliderpoints .point strong{ color: #fff; background-color: #ff2222; border-color: #ff2222; } .content.bildraster .col3{ width: 49.5%; float: left; clear: none; } .content.bildraster .mini .mostxt, .content.bildraster .mini .mostxt.dohover, .content.bildraster .mini .mostxt.nohover { height: auto; position: static; width: auto; padding: 2px 10px; background: url('../styleimages/bg_mostxt.png') repeat 0 0; cursor: default; } .content.bildraster .mini .mostxt h3, .content.bildraster .mini .mostxt.dohover h3, .content.bildraster .mini .mostxt.nohover h3, .content.bildraster .mini .mostxt p, .content.bildraster .mini .mostxt.dohover p, .content.bildraster .mini .mostxt.nohover p{ position: static; } .content.bildraster .mini .mostxt.nohover a:hover, .content.bildraster .mini .mostxt.nohover a:focus, .content.bildraster .mini .mostxt.nohover a:active, .content.bildraster .mini .mostxt.dohover a:hover, .content.bildraster .mini .mostxt.dohover a:focus, .content.bildraster .mini .mostxt.dohover a:active{ text-decoration: underline; } .footer .tx-macinasearchbox-pi1{ padding-bottom: 25px; } .navigation ul{ font-size: 14px; } .header h2 .divider{ display: inline; } .container.content .row, #content .row, .container.content.bildraster .row{ padding-bottom: 0; } } /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* adjustments for 480 monitors and handhelds */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ @media handheld, only screen and (max-width: 480px) { body { -webkit-text-size-adjust: none; } /* Stops the iPad / iPhone scalling text up */ body, .container, .row { width: 100%; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; } .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { width: auto; float: none; margin-left: 0px; margin-right: 0px; } body { font-size: 14px; line-height: 16px; } .navigation .logo{ float: none; } .header h2 { font-size: 23px; } .footer .tx-macinasearchbox-pi1{ float: none; margin: 14px; clear: both; border-bottom: 1px solid #D3D8DC; padding-bottom: 14px; } .footer .tx-macinasearchbox-pi1 form label span{ position: static; display: block; float: left; padding-right: 6px; } .content.mosaic .minileft .mos, .content.mosaic .miniright .mos{ margin-right: 14px; margin-left: 14px; } .content.mosaic .mini{ clear: both; width: 100%; float: none; } .slider .slidermenu .sliderpoints{ font-size: 1em; } .content.bildraster .col3{ width: auto; float: none; clear: both; } .content.bildraster .row4col, .content.bildraster .col3 .mini{ margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; border-width: 1px; } .content.bildraster .col3 .mini .mos{ margin-right: 14px; margin-left: 14px; } .slider .slidermenu .sliderpoints .point strong, .slider .slidermenu .sliderpoints .point a:link, .slider .slidermenu .sliderpoints .point a:visited{ height: 12px; padding: 3px; width: 12px; } } /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* adjustments for 320 monitors and handhelds */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ @media handheld, only screen and (max-width: 320px) { .footer #navService ul li, .footer .tx-macinasearchbox-pi1{ float: none; } .footer #navService ul li{ padding-bottom: 4px;; } .footer .tx-macinasearchbox-pi1 form label span{ float: none; } .header .col12{ padding-bottom: 0; padding-top: 0; } }