/** * Klubschule.ch * * @copyright 2008-2009 * @author Silvan Hagen, Ihsan B. Bikmaz * @version 1.2.7 */ /** * @section Basic Styling * Styling of the Basic Elements and a small reset */ * {margin:0; padding:0; list-style:none} body {background: #fff; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; color:#1e1e1e; text-align:center; margin:0 auto; padding:0} img {border:none} abbr {border:none; cursor:help} table {font-size:10px} h1 {font-size:18px; margin-bottom:10px; text-align:left} h2, h3 {font-size:15px} form#aspnetForm {width: 980px; margin: 0 auto} iframe{border:0} h2.sp{font-size:1.5em; font-weight:normal; text-transform:uppercase; color:#333; margin-bottom:10px} /** * @section Custom Classes * Styling of the Custom Elements */ .rightColumn a:link, .rightColumn a:visited, .leftColumn #cmsContent a:link, .leftColumn #cmsContent a:visited {color: #1e1e1e; text-decoration: underline} .rightColumn a:hover, .leftColumn #cmsContent a:hover {text-decoration: none;} .arrowLeftButton, .arrowRightButton { cursor:pointer!important; overflow:hidden!important; height:25px; border:0 none; background:#E6000A url(/_layouts/images/Migros.SP.MKS.Frontend/sprites.gif) no-repeat right -139px; color:#fff !important; font:bold 12px arial!important; text-align:left; text-transform:uppercase; letter-spacing:0; padding:4px 30px 4px 6px!important; text-decoration:none !important; } .arrowLeftButton { background:#E6000A url(/_layouts/images/Migros.SP.MKS.Frontend/sprites.gif) no-repeat left -1050px; text-align:right; padding:4px 6px 4px 30px!important; } a.arrowLeftButton {height:15px; padding:5px 6px 4px 30px!important} a.arrowRightButton {height:15px; padding:5px 30px 4px 6px!important} .auto {width:auto!important} .floatr {float:right} ul.list {margin:10px 5px} ul.list li {list-style-type:square; list-style-position:inside} ul.base {margin:10px 0 10px 15px} ul.base li {list-style-type:square; list-style-position:outside; margin-bottom:2px} /** * @section Hacks * Hacks for some css failures */ /* Der Kern von Clearfix */ .clearfix:after {content:".";display:block;clear:both;height:0;visibility:hidden} /* IE-Patches für Clearfix */ .clearfix {display:inline-block} /* Vor IE5/Mac verstecken mit dem Commented Backslash Hack \*/ * html .clearfix { height:1px; } .clearfix {display:block} /* Ende des Versteckspiels für den IE5/Mac */ .hidden {display:none} /** * @section Layout Styles * Layout of all the containers that define the look and feel. */ #SiteMenu {margin:0 auto; width:950px; text-align:right} #SiteMenu table {float:right} #EditingToolbar {margin:0 auto; width:950px; clear:right} #LocationWrapper, #wrapper {clear:both; position:relative; width:950px; margin:6px auto 0 auto; text-align:left} #LocationWrapper{margin:0} #header {width:950px; height:86px; position:relative;} * html #content {height:55px} #content {min-height:55px; width:100%} #WelcomeContent {padding-top:35px; position:relative; width:950px; background-repeat:no-repeat; background-position:left 35px; background-color:#E6000A; overflow:hidden} #kursPanel {margin:0 1px} #SlideShowPanel {position:absolute; height:500px; width:248px; right:1px; background-repeat:no-repeat; background-position:right to; top:35px} .slideImg {position:absolute} #ContentWrapper {background-color:#e6000a; background-repeat:no-repeat; background-position:left 35px; min-height:331px; width:100%; position:relative} * html #ContentWrapper {height:331px} #ContentWrapper.contentHeader {min-height:190px} * html #ContentWrapper.contentHeader {height:190px} #ImageWrapper {position:relative} #ImageWrapper div.detailsView {height:100px; min-height:100px} #ImageWrapper .imagebar {background-color:#e6000a; width:100%; height:12px; position:relative} #ImageBarContent {position:absolute; left:21px; top:7px} #BarBackButton {position:absolute; bottom:0; height:25px; width:235px; min-width:235px; top:177px;} #BarBackButton a {padding-right:25px!important; position:absolute;} #ImageWrapper .langD, #ImageWrapper .langF, #ImageWrapper .langI {position:absolute; width:133px; height:56px; bottom:0; right:0; z-index:99} #ImageWrapper .langD {background-image:url(/_layouts/images/Migros.SP.MKS.Frontend/businessLogoD.jpg)} #ImageWrapper .langI {background-image:url(/_layouts/images/Migros.SP.MKS.Frontend/businessLogoI.jpg)} #ImageWrapper .langF {background-image:url(/_layouts/images/Migros.SP.MKS.Frontend/businessLogoF.jpg)} .business {display:none} input#btnEdit {background:#E6000A url(/_layouts/images/Migros.SP.MKS.Frontend/arrow-Edit.gif) no-repeat 7px 6px; text-align: right;} .ajaxload {background:#FFF url(/_layouts/images/Migros.SP.MKS.Frontend/ajax-loader.gif) no-repeat scroll center center; height:50px} .rightalign {text-align:right} #winConsole {overflow:auto; position:absolute; padding:0 5px 5px 5px; top:10px; right:5px; height:500px; width:300px;background-color:#eee; border:1px solid black; text-align:left} #winConsole p{margin-bottom:1px; font-size:12px} #winConsole p.error{color:red} #winConsole p.info{color:blue} /** * @section Sharepoint UI * Styling Elements of Sharepoint */ .ms-MenuUILabel {text-align:left} .ms-MenuUIPopupBody {z-index:50} /** * @section Header * Styling for the MOSS based Header */ div#header h1 {font-size:1%} div#header h1 a {display:block; width:80px; height:80px; text-decoration:none} div#header h1 span {display:block; text-indent:-9999px} div#header .borderR {border-right:1px solid #e2e2e2} ul#serviceNavi {position:absolute; top:0; left:497px} ul#langNavi {position:absolute; top:0; left:868px; width:100px} ul#serviceNavi li, ul#langNavi li {float:left} ul#serviceNavi a, ul#langNavi a {color:#999; font-size:1em; text-decoration:none; display:block; padding:3px 5px 0px 7px} ul#serviceNavi a:hover, ul#langNavi a:hover, ul#serviceNavi a.active, ul#langNavi a.active{color:#000} div#searchForm {position:absolute; top:27px; right:0; width:446px; height:45px; padding:4px; background:#f1f1f1} div#searchForm label {display:block; color:#999; padding:0 0 0 5px; font-size:1em; font-weight:bold; height:17px; overflow:hidden; width:100px; } div#searchForm li {float:left} div#searchForm input, div#searchForm select {border:1px solid #c0c2b9; font-size:1.2em} div#searchForm input {padding:4px 6px; margin:0 4px 0 0; width:186px} div#searchForm select {padding:3px 0 3px 6px; width:134px} div#searchForm .button input {top:21px; position:absolute; right:-7px; border:0 none; margin:0; width:114px} div input#searchLocation_input {cursor:pointer; width:103px; border:none;} #searchInputWrapper {background:#fff url(/_layouts/images/Migros.SP.MKS.Frontend/sprites.gif) no-repeat scroll 118px -370px; border:1px solid #C0C2B9; height:23px; cursor:pointer; overflow:hidden; width:132px;} #searchLocation_container {border:1px solid #c0c2b9; width:200px; height:275px; overflow:auto; background-color:#fff; font-size:12px; z-index:100} #searchLocation_container ul li {text-align:left; padding:1px 2px; cursor:pointer; font-size:12px; background-color:#fff} #searchLocation_container ul li.selected {background-color:#F1F1F1} #searchLocation_container ul li.current {background-color:#F1F1F1} #searchLocation_container ul li.lastTopCity {border-bottom:1px solid #aaa} #searchLocation_container ul li.topCity {font-weight:bold;} /** * @section Main Navigation */ #mainNavi {position:absolute; z-index:10; height:35px; width:100%; overflow:hidden} #mainNavi li {float:left; border:solid #fff; border-width:0 1px 0 0} #mainNavi a {display:block;font-size:1.2em; font-weight:bold; text-transform:uppercase; color:#fff; letter-spacing:0.05em; text-decoration:none; padding:11px 23px 9px 21px} #mainNavi a.active {background:#005dac} #mainNavi a:hover, #mainNavi a.active {background:#005dac} #mainNavi.showBusiness {background-color: #EDE0CF} #mainNavi.showBusiness a {color: #666} #mainNavi.showBusiness a:hover, #mainNavi.showBusiness a.active {color: #fff} /** * @section Mandant */ #mandantInfo {padding:3px 0} #mandantInfo a {color:#e4182f; text-decoration:none; padding:1px 2px; font-size:1.1em; font-weight:bold} #mandantInfo a:hover {color:#000} /** * @section Search resetter * Styles the search resetter area. */ div#SearchResetter {width:949px; height:28px; margin-left:1px; position:relative; z-index:15} div#SearchResetter p {padding:7px 0 7px 20px; font-weight:bold; color:#005DA8; font-size:1.1em; background-color:#f1f1f1; width:680px} div#SearchResetter #searchReset {cursor:pointer; position:absolute; top:3px!important; left:520px; height:9px; width:169px; border:1px solid #fff; background:url("/_layouts/images/Migros.SP.MKS.Frontend/sprites.gif") no-repeat scroll right -1302px #005DA8; color:#fff; font-weight:bold; font-size:1.1em; text-align:left; text-transform:uppercase; padding:4px 10px 7px 6px; text-decoration:none; overflow:hidden} /** * @section Kurs Panel * Styles for the selection of the courses made by the user. */ #kursSelector {width:660px; height:auto!important; height:310px; min-height:310px; background:#fff; padding:16px 20px 10px; position:relative; z-index:15} #kursSelector li {padding:0 15px 0 1px; position:relative; width:100%; min-height:16px; vertical-align:top} #kursSelector li.lastselected {color:#E4182F} #kursSelector label, #kursSelector a {color:#e4182f; cursor:pointer; display:block; overflow:hidden} #kursSelector a.businesslink {margin-left:-20px; position:relative; width:270px} #kursSelector label {font-size:1.1em; padding:0 0 0 20px} #kursSelector h2 a, #ImageWrapper.showBusiness div#kursSelector h2 a {color:#333; text-decoration:none} #standortOuterPanel h2 {padding: 0 0 0 20px;} #kursSelector input {position:absolute} #kursSelector span {color:#9a9a9a} #kursSelector ul {display:block; overflow:visible; position:relative} #kursSelector ul ul{margin:15px 0; width:auto} #kursSelector ul a, #kursSelector ul span.unlink {text-decoration:none; font-size:1.1em; padding:0 0 0 17px; display:block; background:url(/_layouts/images/Migros.SP.MKS.Frontend/sprites.gif) no-repeat 0 -246px} #kursSelector li label span, #kursSelector li span.unlink span, #kursSelector li a span {position:absolute; right:0; top:0; font-weight:normal} #kursSelector .ui-checkbox-label, #kursSelector li.checkbox label {padding:0 0 0 3px} #kursSelector span.ui-checkbox{padding:0} #kursSelector .checkbox {clear:none; float:none; width:auto;} #kursSelector ul li.checkbox a {margin-left:19px; background-position: 0 -246px} #kursSelector ul li.checkbox span.unlink {margin: 0 0 0 19px; padding: 0 0 0 17px} #kursSelector li.disabled label, #kursSelector li.disabled a {color:#999!important; cursor:default!important; min-height:16px; padding-left:18px; background:url(/_layouts/images/Migros.SP.MKS.Frontend/icon_checkbox.gif) no-repeat 0 -160px} #kursSelector li.disabled label.ui-checkbox-label{padding-left:3px} #kursSelector li.level1.disabled label {background:0 none} /* FETT WENN SELEKTIERT */ label.ui-checkbox-state-checked, LI.enabled A {font-weight:bold} /* NICHT FETT WENN CHECKBOX NICHT SELECTIERT */ div#kursSelector LI.unchecked A {font-weight:normal} div#angeboteOuterPanel, div#standortOuterPanel {float:left} div#angebotePanel {float:left; width:250px; height:auto !important; height:255px; min-height: 255px; position:relative; padding:0 20px 0 0; position:relative} div#standortPanel {float:left; border:solid #c0c0c0; border-width: 0 1px; border-style:dotted; width:188px; height: auto !important; height:225px; min-height:225px; position:relative; padding:0 20px 7px 20px;} div#zeitPanel {float:left; width:135px; height:auto !important; height: 255px; min-height: 255px; padding:0 0 0 20px; position:relative} div#kursSelector div#angebotePanel li {width:auto; padding:0 40px 0 1px} div#kursSelector div#angebotePanel ul, div#kursSelector div#angebotePanel ul ul {width:auto} div#kursSelector div#angebotePanel img {margin-top:5px; margin-bottom:5px; height:22px; padding-left:150px; background:#efe0cf} div#kursSelector div#angebotePanel ul li.lastselected a {background:none!important; padding-left:3px!important} div#angebotePanel a.levelChild {margin-left:20px} div#kursSelector div#standortPanel li {padding:0 40px 0 1px} div#kursSelector div#standortPanel li, div#kursSelector div#standortPanel ul {width:auto} div#kursSelector div#zeitPanel li {width:auto; padding-right:0} div#kursSelector div#zeitPanel ul {width:auto; margin:0 0 15px 0} div#kursSelector div#zeitPanel ul ul {width:auto; margin:6px 0 6px 20px; clear:left} div#kursSelector div#zeitPanel a#kursSubmit {position:absolute; top:277px; left:0; width:169px; border:1px solid #fff; color:#fff; padding-right:10px!important;font-size:11px!important} div#standortPanel li.level3 {margin-left:40px} div#standortPanel li.level2 {margin-left:20px} div#standortPanel li.level1 {margin-left:0} div#standortPanel li.selected {margin-left:0} div#kursSelector div#angebotePanel li.selected {padding: 1px 40px 0 0; margin: 0 0 1px 0; border-bottom: 1px solid #fff} div#kursSelector div#standortPanel li.selected {border-bottom: 1px solid #fff} div#angebotePanel li.selected a, div#standortPanel li.selected a {font-weight:bold; background:none; padding:1px 0 1px 1px; width:auto; margin-left:0} div#angebotePanel ul li.disabled span.unlink , div#angebotePanel .checkbox {margin-left:20px} div#angebotePanel li.lastselected {margin-left:0} div#angebotePanel ul li.disabled span.levelTop {margin-left:0px} div#angebotePanel ul li.disabled span.unlink, div#standortPanel ul li.disabled a, div#angebotePanel ul li.disabled a {background:url("/_layouts/images/Migros.SP.MKS.Frontend/sprites.gif") no-repeat scroll 0 -638px} /* Business Variante */ #ImageWrapper.showBusiness #WelcomeContent {background-color:#EDE0CF} #ImageWrapper.showBusiness #kursSelector label, #ImageWrapper.showBusiness #kursSelector a {color:#005da8; cursor:pointer} #ImageWrapper.showBusiness #angebotePanel ul a, #ImageWrapper.showBusiness #standortPanel ul a, #angebotePanel ul.showBusiness a {color:#005da8; background-position:0 -446px} #ImageWrapper.showBusiness #angebotePanel li.checkbox a, #ImageWrapper.showBusiness #standortPanel li.checkbox a {color:#005da8; margin-left:19px; padding-left:17px; background:url(/_layouts/images/Migros.SP.MKS.Frontend/sprites.gif) no-repeat-x left -446px} #ImageWrapper.showBusiness .business {display:block} #ImageWrapper.showBusiness #ContentWrapper {background-color:#fff; background-repeat:no-repeat; background-position:left top} #ImageWrapper.showBusiness div#angebotePanel li.selected a, #ImageWrapper.showBusiness div#standortPanel li.selected a {background-position:left -506px} #ImageWrapper.showBusiness span.ui-checkbox {background-image:url(/_layouts/images/Migros.SP.MKS.Frontend/icon_checkbox-business.gif)} #ImageWrapper.showBusiness #contentSpartenHinweisTeaser a{color: #000} #ImageWrapper.showBusinessDetail a {color:#005da8} #ImageWrapper.showBusinessDetail .business {display:block; top:145px} #ImageWrapper.showBusinessDetail #ContentWrapper, #ImageWrapper.showBusinessDetail .arrowLeftButton , #ImageWrapper.showBusiness .imagebar , #ImageWrapper.showBusinessDetail .imagebar {background-color:#ede0cf} #ImageWrapper.showBusinessDetail .arrowLeftButton {background-position:left -1081px; color:#666} /** * @section Checkboxes */ .ui-helper-hidden-accessible {position:absolute; left:-999em} .ui-radio-state-disabled, .ui-radio-state-checked-disabled, .ui-radio-state-disabled-hover, .ui-radio-state-checked-disabled-hover {color:#999} span.ui-checkbox, span.ui-radio {display:block; float:left; clear:left; width:16px; height:16px; background:url(/_layouts/images/Migros.SP.MKS.Frontend/icon_checkbox.gif) 0 0 no-repeat;} .center span.ui-checkbox, .center span.ui-radio {float:none; margin:0 auto} span.ui-helper-hidden {display:none} label {padding:2px} span.ui-radio-state-hover, span.ui-checkbox-state-hover {background-position: 0 -40px} span.ui-checkbox-state-checked {background-position: 0 -80px} span.ui-checkbox-state-checked-hover {background-position: 0 -120px} span.ui-radio-state-checked-disabled-hover, span.ui-radio-state-checked-disabled, span.ui-radio-state-checked {background-position: 0 -161px} span.ui-radio-state-checked-hover {background-position: 0 -200px} div#angebotePanel ul span.ui-checkbox, div#standortPanel ul span.ui-checkbox {padding-left:0} /** * @section Teaser * Styling for the teasers */ #MenuInfoTeaser {width:247px; position:absolute; top:35px; left:702px; color:#333; background:#fff} #MenuInfoTeaser .teaser {background:#fff; padding:15px 20px 0 10px; width:217px; font-size:1.1em;} #MenuInfoTeaser .teaser-small {opacity:.95; filter: alpha(opacity=95); -moz-opacity: 0.95; width:215px; position:relative; background:#fff; padding:5px 20px 10px 10px} #kursTeaser {width:210px; position:absolute; top:58px; right:20px; color:#333; font-size:1.1em; line-height:1.4} #kursTeaser .teaser {background:#f9f2f2; padding:20px 20px 20px 10px} #kursTeaser .teaser-small {padding:10px 20px 10px 10px; background:#fff url(/_layouts/images/Migros.SP.MKS.Frontend/arrow-right-grey.gif) no-repeat scroll 185px 7px} .teaser-small img {float:left; padding:0 10px 10px 0} .teaser-small a, .teaser a.textlink {text-decoration:none; color:#333} .teaser a {text-decoration:underline; color:#333} .teaser img {margin-right:5px; width:40px} .teaserWrap {height:40px; width:210px; margin-bottom:10px; overflow:hidden} .teaserWrap div {float:left} .teaserWrap .teaserImg {width:40px; height:40px; margin-right:10px} .teaserWrap .teaserTxt {width:160px} .teaserWrap .teaserTxt a {text-decoration:none; font-size:11px; line-height: 13px} .teaserWrap.large {width:250px} .teaserWrap.large .teaserTxt {width:170px} #contentSpartenTeaser {width:950px; height:120px; clear:both; margin-top:8px; background:#FFF url(/_layouts/images/Migros.SP.MKS.Frontend/sprites.gif) repeat-x left -1150px} #contentSpartenTeaser h3 {color:#666; font-size:14px; font-weight:normal; margin:0 10px 10px 0; text-decoration:none} #contentSpartenTeaser a:link, #contentSpartenTeaser a:visited, #contentSpartenTeaser a:hover, #contentSpartenTeaser a:link p, #contentSpartenTeaser a:visited p, #contentSpartenTeaser a:hover p {color:#000; text-decoration:none; border:none; line-height:1.1} #contentSpartenTeaser h3 a, #contentSpartenTeaser a:link h3, #contentSpartenTeaser a:visited h3, #contentSpartenTeaser a:hover h3 {color:#666; text-decoration:none; float:left; line-height:15px; width:285px} #contentSpartenTeaser p {color:#000; font-size:12px; width:295px; text-decoration:none; padding-bottom:18px; float:left; background:url(/_layouts/images/Migros.SP.MKS.Frontend/teaser-bg-arrow.gif) no-repeat left bottom } #contentSpartenTeaser p a {color:#000; text-decoration:none} #contentSpartenTeaser img {float:left; margin:0 10px 0 0; width:166px} #contentSpartenTeaser div.teaserLeft div, #contentSpartenTeaser div.teaserRight div {width:100%; height:100%; position:absolute; z-index:8; background:#FFF url(/_layouts/images/Migros.SP.MKS.Frontend/sprites.gif) repeat-x left -1150px} #contentSpartenHinweisTeaser {font-size:1.1em; width:250px; padding-top:10px; border-top:1px dotted #c0c0c0; clear:left; position:relative} #contentSpartenHinweisTeaser a {color:#000; text-decoration:none; display:inline} div.teaserLeft , div.teaserRight {float:left; height:100%; padding:0; width:475px; overflow:hidden; position:relative} div.teaserRight div.first, div.teaserLeft div.first {display:block; opacity:1.0} div.teaserLeft div.active, div.teaserRight div.active {z-index:10; display:block} div.teaserLeft div.last-active, div.teaserRight div.last-active {z-index:9; display:none} #contentCrossBrandTeaser {width:950px; clear:both; height:25px; margin:13px 0} a.crossBrandLogo img {height:25px} div.teaserColorRed {border-color:#D6252B} div.teaserColorTerra {border-color:#E4DBC9} #TeaserBoxContent h1 {font-size:16px; margin:10px 0} #TeaserBoxContent p {font-size:12px; margin-bottom:3px} img.imgEditTeaser {z-index:15!important; margin-top:0px!important; margin-right:0px!important; position:absolute!important; right:0px!important; top:0px!important} /** * @section KluSitemap * Styles for the sitemap */ DIV.sitemap H2 {margin-bottom:20px} DIV.sitemap LI A {padding-left:15px; font-weight:bold; background:url(/_layouts/images/Migros.SP.MKS.Frontend/sprites.gif) no-repeat 0 -247px} DIV.sitemap LI LI A {font-weight:normal} DIV.sitemap LI {margin-left:8px; padding-bottom:10px} DIV.sitemap LI LI {margin-left:16px; padding:0} /** * @section Tabs * Tabs on the page */ #WideSmallLayout .grey {background-color:#f1f1f1} ul.tabs {border:solid #f1f1f1; border-width:0 0 3px 0; margin:0; height:26px; background-color:#fff} ul.tabs li {float:left; background:url(/_layouts/images/Migros.SP.MKS.Frontend/tabs-border.gif) right bottom no-repeat; padding-right:3px; background-color:#FFF} ul.tabs li.last {padding:0; background:transparent; float:right} ul.tabs a {display:block; font-size:1.1em; font-weight:bold; padding:6px 25px 6px 21px;color:#000;text-decoration:none;text-transform:uppercase} ul.tabs li.isEmpty a {color:#999} ul.tabs .active a, ul.tabs a:hover {color:#000; background:#f1f1f1} /** * @section Additional Info * Additional info above and below the table */ div.addInfo {background:#f1f1f1; color:#666; height:22px} div.addInfoBottom {background:#f1f1f1; color:#666; height:24px; border:solid #c0c0c0; border-width:1px 0 0 0} div.addInfo ul.fLeft {float:left; padding:3px 0 0 0} div.addInfo ul.fLeft li {float:left; margin:0 0 0 16px; display:inline} div.addInfo ul.fLeft img {padding-right:4px} div.addInfoBottom p {float:left; margin:5px 0 0 20px} div.addInfoBottom div.paging ul, div.addInfoBottom div.paging p {padding:4px 0 0 0} #GrantedHelpText {display:none; color:#e6000a} div.paging p, div.paging ul, div.paging li {float:left} div.paging {float:right; margin:0 16px 0 0} div.paging ul {padding:2px 0 0 0} div.paging p {margin:0 5px; padding:3px 0 0 0} div.paging a {display:block; background:#fff; color:#e6000a; text-decoration:none; margin:0 0 0 5px; padding:0 4px 1px} div.paging li.selected, div.paging li.selected a {background: transparent; margin: 0; padding:0 4px 1px; color:#000} div.paging li.more a {padding:0} /** * @section Details View Course Table * Styling of the tables */ DIV.ajaxDiv {position:absolute; background-color:#FFF; opacity:.5; filter: alpha(opacity=50); -moz-opacity: 0.50; width:100%; top:0; left:0} div#courseListing {position:relative} div#courseListing p.searchZero {color: #E4182F;font-size: 1.2em; padding: 10px 17px;} div.detailsView #ContentWrapper {height:190px; min-height:190px} #CourseTable {width:950px; border-collapse:collapse; border-spacing:0; table-layout:fixed} #CourseTable caption {display:none} #CourseTable th {color:#111; font-size:1.2em; font-weight:normal; border:solid #c0c0c0; border-width:1px 0; padding:2px 0; text-align:left} #CourseTable td {color:#000; font-size:1.1em; border:solid #e5e5e6; border-width:1px 0 0 0; padding:3px 0} #CourseTable th a {text-decoration:none; color:#111} #CourseTable th a:hover {text-decoration: underline} #CourseTable th.actual a {font-weight:bold} #CourseTable td a {text-decoration:underline; color:#000} #CourseTable .col1 {width:20px} #CourseTable .col2 {width:275px; padding: 0 5px 0 0;} #CourseTable .col3 {width:100px; padding: 0 5px 0 0;} #CourseTable .col4 {width:80px; padding: 0 5px 0 0;} #CourseTable .col5 {width:80px; padding: 0 5px 0 0;} #CourseTable .col6 {width:165px; padding: 0 5px 0 0;} #CourseTable .col7 {width:55px; text-align: right} #CourseTable .col8 {width:80px; padding-right: 10px; text-align: right} #CourseTable .col9 {width:60px} #CourseTable td.col1 img {margin:0 0 0 5px} #CourseTable td.col7, #CourseTable td.col8, #CourseTable td.col9 {text-align:right} #CourseTable td.col7 {padding:3px 10px 3px 0} #CourseTable td.col8 {padding:3px 15px 3px 0} #CourseTable td.col9 {padding:3px 10px 3px 0} #CourseTable td.bewilligungspflichtig a {text-decoration:underline; color:#e6000a} /** * @section Details View Locations * Styling Locations view */ #DetailsLocationLeft {margin:10px 0; float:left; font-size:1.2em; width:49%} #DetailsLocationLeft a {color: #1e1e1e} #DetailsLocationLeft a:hover {text-decoration:none} #DetailsLocationLeft .centerPhone {float:left; width:50px} #DetailsLocationLeft .centerOpenHours {clear:left;float:left; width:250px; height:190px} #DetailsLocationLeft .centerAddress {clear:left;float:left; width:250px; height:155px} #DetailsLocationLeft .centerOpenHoursSpecial h3 {margin-bottom:10px; font-size: 12px;color:#999999;font-weight:bold;letter-spacing:0.07em;text-transform:uppercase;} #DetailsLocationLeft h3, #DetailsLocationRight h3 {text-transform: uppercase; letter-spacing: 0.025em; } #DetailsLocationLeft .centerOpenHoursSpecial{border:1px solid #AEAEAE; float:left; padding:5px; width:190px;} #DetailsLocationLeft .centerImage {/*background:transparent url(/_layouts/images/Migros.SP.MKS.Frontend/no-image.gif) no-repeat center center;*/float:left; height:105px; margin:30px 0 20px 0; min-width:100px} #DetailsLocationLeft span.address { display: block; margin-top: 17px; } #DetailsLocationRight {margin:10px 0; float:right; width:49%} #GoogleMapAjax, #GoogleMap {height:360px; width:480px; background:#efefef url(/_layouts/images/Migros.SP.MKS.Frontend/maps-loader.gif) no-repeat center center; margin-bottom:20px} #KursDetails P, #KursDetails TD {font-size:12px} #KursDetails TD {padding:0 15px 3px 0} #KursDetails H3 {font-size:15px; margin-bottom:10px} .mapContent {margin:0 0 10px 0; min-height:60px; width:280px} /** * @section Page Layouts * Styling of the page layouts */ .layoutTable {border-collapse:collapse} #WideSmallLayout {width:100%; position:relative} #WideSmallLayout h1 {text-transform:uppercase; margin:18px 0 15px 0; font-size:15px; letter-spacing:0.025em} #WideSmallLayout .leftColumn {width:588px; position:relative; padding-bottom:50px} #WideSmallLayout .leftColumn h1 {color:#333;} #WideSmallLayout .leftColumn h2, #WideSmallLayout .leftColumn h3, #WideSmallLayout .leftColumn h4 {color:#999; font-size:1em; text-transform:uppercase; font-weight:bold; margin:23px 0 4px 0; letter-spacing:0.07em} #WideSmallLayout table .leftColumn table h2, #WideSmallLayout table .leftColumn table h3, #WideSmallLayout table .leftColumn table h4 {color:#999; font-size:1.2em; text-transform:uppercase; font-weight:bold; margin:23px 0 4px 0; letter-spacing:0.07em} #WideSmallLayout .leftColumn p {color:#000; font-size:1em; margin-bottom:12px; line-height:1.5em;} #WideSmallLayout .spacer {width:100%; height:3px; background-color:#f1f1f1; overflow:hidden} #WideSmallLayout .spacerBig {width:100%; height:7px; background-color:#f1f1f1; overflow:hidden} #WideSmallLayout .spacerBottom {width:588px; height:30px; background-color:#f1f1f1; clear:both; border-top:10px solid #fff; left:0px; position:absolute; bottom:0px} #WideSmallLayout .rightColumn {width:316px; background-color:#f1f1f1; padding:0 23px} #WideSmallLayout .rightColumn table {border-collapse: collapse} #WideSmallLayout .rightColumn td {line-height:1.3} #WideSmallLayout .rightColumn td.rightalign {text-align:right} #WideSmallLayout .rightColumn h1 {color:#666} #WideSmallLayout .rightColumn .data {border-collapse:collapse} #WideSmallLayout .rightColumn .data td {padding:0 0 17px 0; font-size:12px; vertical-align:top; width:195px} #WideSmallLayout .rightColumn .data td.title {color:#666; width:111px; padding-right:10px} #WideSmallLayout .rightColumn .data td td {padding:0 5px 2px 0} #WideSmallLayout .rightColumn .data .priceTable td {width:auto} #WideSmallLayout .rightColumn .data td.priceCHF {text-align:right} #WideSmallLayout .rightColumn .data td.price {text-align:right; width:55px} #WideSmallLayout .rightColumn .data TABLE {width: 195px;} #WideSmallLayout .rightColumn .data TABLE TD {width: auto !important;} #WideSmallLayout .rightColumn td .BroschuereItem {width: 100%; min-height:20px; height:auto !important; height:20px} #WideSmallLayout .BroschuereItem .title {float:left; width:156px} #WideSmallLayout .rightColumn .data td span {display:block; width:130px; float:left} #WideSmallLayout .rightColumn .data td a.pdf {background: url(/_layouts/images/Migros.SP.MKS.Frontend/icon_pdf.gif) no-repeat 0 0; padding: 2px; float: right; width: 15px; height: 15px;} #WideSmallLayout .rightColumn .data td a.post {background: url(/_layouts/images/Migros.SP.MKS.Frontend/icon_post.gif) no-repeat 0 0; padding: 2px; float: right; width: 15px; height: 15px;} #WideSmallLayout .rightColumn ul.toolsNavi li {float:left; padding:15px 6px 15px 0; font-size: 1.1em} #WideSmallLayout .rightColumn ul.toolsNavi li.drucken {padding-right:0; width:120px; overflow:hidden} #WideSmallLayout .leftColumn .rightColumn {background-color: #FFFFFF;padding: 0;width: auto;} .rightColumn ul.toolsNavi {margin-bottom:70px; height:30px; width:100%} .rightColumn ul.toolsNavi a {color: #1e1e1e; text-decoration: none; padding: 0 0 0 15px} .rightColumn ul.toolsNavi a:hover {text-decoration: underline} .rightColumn ul.toolsNavi li.weierempfehlen a {background: url(/_layouts/images/Migros.SP.MKS.Frontend/sprites.gif) no-repeat 0 -78px} .rightColumn ul.toolsNavi li.vormerken a {background: url(/_layouts/images/Migros.SP.MKS.Frontend/sprites.gif) no-repeat 0 -58px} .rightColumn ul.toolsNavi li.drucken a {background: url(/_layouts/images/Migros.SP.MKS.Frontend/sprites.gif) no-repeat 0 -97px} #furtherActions a {font-size:11px; margin: 15px 15px 15px 0; background: url(/_layouts/images/Migros.SP.MKS.Frontend/sprites.gif) no-repeat 0 -97px; color: #1e1e1e; text-decoration: none; padding: 0 0 0 15px;} #furtherActions a.addperson {background:url(/_layouts/images/Migros.SP.MKS.Frontend/sprites.gif) no-repeat 0 -78px} #furtherActions a.back {background:url(/_layouts/images/Migros.SP.MKS.Frontend/sprites.gif) no-repeat 0 -38px} #furtherActions a:hover {text-decoration:underline} #Status {background-color:#f1f1f1} .statusStep {border-bottom:1px solid #c0c0c0; height:19px; padding:5px 0 0 5px;background-color:#fff; overflow:hidden} .statusStep strong{font-weight:bold; color:#000} .statusStep ol li {float:left; font-size: 1.1em; color:#999; padding:0 6px 0 14px; background:url(/_layouts/images/Migros.SP.MKS.Frontend/sprites.gif) no-repeat 0 3px} .notRegular {background:url(/_layouts/images/Migros.SP.MKS.Frontend/sprites.gif) no-repeat 0 -116px; padding-left:12px; margin-left:2px} #LeftColumnContent {padding-left:19px; font-size:12px; width:480px; line-height: 1.4} #LeftColumnContent.wide {width:540px} #LeftColumnContent UL {margin:0 0 5px 0} #LeftColumnContent UL LI {background:url(/_layouts/images/Migros.SP.MKS.Frontend/cms-list-bar.gif) no-repeat left 6px; padding-left:15px} #LeftColumnContent .termine {font-size:1em} #LeftColumnContent .termine th, #LeftColumnContent .termine td {text-align:left} #LeftColumnContent .col1 {width:40px} #LeftColumnContent .col2 {width:80px} #LeftColumnContent .col3 {width:60px} #LeftColumnContent ul.filterBox {margin:0; clear: both; display:block; float: none; min-height:2em; width:480px} #LeftColumnContent ul.filterBox li {margin:0; padding: 10px 0 5px 0; background: #F1F1F1; float: left; display:block; width:50%;} #LeftColumnContent ul.filterBox li input {margin-left: 5px;} #LeftColumnContent .additionalOffers {margin-left:17px; float:left; overflow:hidden; width:160px;} #LeftColumnContent .additionalOffers li {background-color:yellow; overflow:hidden;list-style-type:none; list-style-image:none; background:url(/_layouts/images/Migros.SP.MKS.Frontend/teaser-bg-arrow.gif) no-repeat 0 -11px; margin-bottom:5px} .registration table {margin-top:4px; width:100%} .registration input, .registration select, .registration textarea {border:0px; width:100%; } .registration input.radio {width:auto} .registration .fldTitle {width:98px} .registration .fldVal, .registration .fldVal2 {background-color:#f0f0f0; padding:3px; color:#999; } .registration .fldVal {width:140px } .registration .fldVal2 select {width:160px} .registration .fieldContinue{background-color:#ff0000; left:245px; height:25px; position:absolute; top:0; width:111px} .registration .fieldContinue a {color:#fff; text-decoration:none} .registration .inner label {padding-left:12px} .registration .long {width:344px} .registration div.fldTitle{clear:left; float:left; width:110px} .registration div.fldVal{float:left; height:26px; position:relative; padding:4px 0 0 10px; width:340px} .agbFrame {width:470px; height:180px; overflow-y:scroll;background:#fff; text-align:left; padding:10px; margin:4px; font-size:3em} .agbFrame table{ font-size:12px;} #SiteActions{height:20px; background-color:#f1f1f1; padding:4px 0px 0px 21px} #SiteActions a {padding:0 27px 0 18px; font-size:1.1em; color:#000; text-decoration:none} #SiteActions .siteRecommend {background:url(/_layouts/images/Migros.SP.MKS.Frontend/sprites.gif) no-repeat 0 -77px} #SiteActions .siteNote {background:url(/_layouts/images/Migros.SP.MKS.Frontend/sprites.gif) no-repeat 0 -57px} #SiteActions .sitePrint {background:url(/_layouts/images/Migros.SP.MKS.Frontend/sprites.gif) no-repeat 0 -97px} #SmallWideLayout table {font-size: 1em;} #SmallWideLayout {width:100%; padding:8px 0 30px 0; background-color:#f1f1f1} #SmallWideLayout .leftColumn {width:210px; padding:0px 10px 0 20px} #SmallWideLayout .rightColumn {width:565px; padding:18px 115px 40px 30px; background-color:#fff} #SmallWideLayout .rightColumn h1 {color:#000; font-size:1.8em; margin-bottom:15px; text-transform:uppercase; font-weight:normal} #SmallWideLayout .rightColumn h2, #SmallWideLayout .rightColumn h3, #SmallWideLayout .rightColumn h4 {color:#999; font-size:1em; text-transform:uppercase; font-weight:bold; margin:23px 0 4px 0; letter-spacing:0.07em} #cmsContent {color:#000; font-size:1.2em; line-height:1.7em} #cmsContent .ms-WPBody table {font-family: Arial, Helvetica, sans-serif; font-size: 1em; border-collapse: collapse; width: 100%; margin: 10px 0} #cmsContent .ms-WPBody td {font-family: Arial, Helvetica, sans-serif; border-bottom: 1px solid #c0c0c0; padding: 1px 2px;} #QuickLaunch{margin-top:46px} #QuickLaunch .ms-navheader{color:#666; font-size:1em; text-transform:uppercase; font-weight:bold} #QuickLaunch table {width:100%} #QuickLaunch table.ms-navheader {background:url(/_layouts/images/Migros.SP.MKS.Frontend/sprites.gif) no-repeat 188px -688px; margin-bottom:5px} #QuickLaunch table.ms-navheader td {border-bottom:1px solid #fff; padding:10px 20px 4px 0} #QuickLaunch table.ms-navitem td, #QuickLaunch span.ms-navitem {background:url(/_layouts/images/Migros.SP.MKS.Frontend/icon-arrowLeftGrey.gif) no-repeat 0px 6px; padding:3px 6px 4px 16px; } #QuickLaunch table.ms-navitem td a {color:#666; text-transform:uppercase} #QuickLaunch .ms-selectednav, .ms-GRSortFilter {background:none; border:0px; padding:0} #QuickLaunch table.ms-navitem td a.ms-selectednav, #QuickLaunch table.ms-selectednavheader td a{color:#000; font-weight:bold} #QuickLaunch .ms-navsubmenu2, #QuickLaunch .ms-navsubmenu1 {background:none} /** * @section Bestellformular * Das Bestellformular layout */ .kluForm table {margin-top:4px;} .kluForm th {padding:10px 0; font-size:1.4em; font-weight:bold; text-align:left} .kluForm label {} .kluForm textarea {font-family: Arial,Helvetica, sans-serif; font-size: 1em;} .kluForm .fldVal input, .kluForm .fldVal select, .kluForm .fldVal textarea, .kluForm .fldVal2 input, .kluForm .fldVal2 select, .kluForm .fldVal2 textarea {border:1px solid #C0C2B9; width:100%; height:1.4em;} .kluForm .fldVal2 textarea, .kluForm .fldVal textarea {height:auto;} input[type="radio"], input[type="checkbox"], .checkbox, .radio {border:0 none!important} .kluForm .fldVal select, .kluForm .fldVal2 select {height:20px;} .kluForm .flexTitle {text-align:left; vertical-align:top; font-size: 1.2em;} .kluForm .fldTitle {width:120px; text-align:left; vertical-align:top; font-size: 1.2em;} .kluForm .fldVal, .kluForm .fldVal2 {background-color:#f0f0f0; padding:3px; color:#999; text-align:left; vertical-align:top} .kluForm .fldVal a, .kluForm .fldVal2 a {color:#999} .kluForm .fldVal2 {width:220px; font-size: 1.2em} .kluForm .fldVal {width:140px; font-size: 1.2em} .kluForm .fldVal2 select, .kluForm .fldVal2 input {width:160px} .kluForm input.fldSmall {width:160px} .kluForm .radio input, .kluForm .checkbox input, .kluForm input.radio, .kluForm input.checkbox{width:auto; height:auto} .kluForm span.radio, .kluForm span.checkbox {display:block; width:auto; position:relative; margin: 0 5px 0 0; float: left;} .graybox {background: #f1f1f1; padding: 3px; font-size:1.2em} .graybox a {color:#999} .graybox .correspondence {border-bottom: 1px solid #999999; margin: 0 15px 10px; padding: 5px 0 10px; height:17px} .kluForm .graybox .radio input, .kluForm .graybox .checkbox input {width:20px; border:none; position:absolute; top:4px; display:block} .kluForm .graybox .radio label, .kluForm .graybox .checkbox label {position:relative; left:20px; width:400px; display:block} .kluForm .graybox span.radio, .kluForm .graybox span.checkbox {display:block; width:auto; position:relative; margin: 4px 0; float: none;} .kluForm .fldVal .checkbox input {position:absolute; top:2px; width: auto;} .kluForm .fldVal .checkbox label {padding-left:20px} .kluForm .radio input, .kluForm .checkbox input {width:20px; vertical-align:middle; border:none} .kluForm .radio label .kluForm .checkbox label{vertical-align:middle} #textCustomerNr {width:150px} #RegistrationFrame {margin-left:-20px; min-height:500px} .kluForm .fieldContinue {background-color:#ff0000; left:245px; height:25px; position:absolute; top:0; width:111px;} .kluForm .fieldContinue a {color:#fff; text-decoration:none} .kluForm .inner label {padding-left:12px} .kluForm .long {width:344px} .kluForm .long label {color: #1e1e1e;} .kluForm .long label a, #trAGB a {color: #1e1e1e;} .kluForm .validId {display:none} .kluForm .send {width:auto} .kluForm div.fldTitle {clear:left; float:left; width:110px} .kluForm div.fldVal {float:left; height:26px; position:relative; padding:4px 0 0 10px; width:340px} .kluFormRight {padding-left:0; text-align:left} .kluFormRight .kluForm .fldTitle {width: 118px;} .kluFormRight .kluForm .fldVal {width:140px} .kluFormRight .submit {margin-top:30px; float: right} .kluFormLeft {width:500px} .inputWrapper{position:relative} .kluForm .inputWrapper .checkbox{position:absolute; top:2px; padding:0px; margin:0px} .kluForm .inputWrapper .label{padding-left:20px} .tblBroPost {border-collapse: collapse; margin-bottom: 10px;} .tblBroPost td {font-size: 1.2em; vertical-align: top;} .tblBroPost td.col1 {width: 214px; background: #f0f0f0; padding: 3px; border-bottom: 1px solid #fff;} .tblBroPost td.col2 {width: 24px; padding: 3px; background: #f0f0f0;border-bottom: 1px solid #fff;} .tblBroPost td.col2 input {border:0 none;height:1.4em;} .tblBroPost td.col3 {width: 8px; vertical-align: top; padding:7px 3px; background: #f0f0f0;border-bottom: 1px solid #fff;} table.summary .fldTitle {padding-right:5px; height:25px} table.summary .inner {width:86px} span.validator {display:block; color:#E4182F; padding: 2px 0;} .deleteBrochure {cursor:pointer; padding:3px} input.sizeS {width: 100%; text-align: right} #btnCommit {margin-top:10px; float:right; cursor:pointer} #BroVerifyOrderTable {border-collapse:collapse; margin:10px; float:left; width: 400px;} #BroVerifyOrderTable td {font-size:1.2em; text-align:left; padding:2px 10px 1px 5px; vertical-align: top; border-bottom: 1px solid #fff;} #PanelVerifyForm .buttons {float:left; margin-top:10px} #PanelVerifyForm .buttons input {margin:3px; display:block} #PanelConfirm {text-align:left; font-size:1.2em; padding:10px} #PanelConfirm h1 {font-size:1.3em; font-weight:bold; text-transform: uppercase;} #PanelConfirm a {color:#AEAEAE} #PanelWeiterempfehlung #wrapper {width:auto} /** *@section Brochure View */ #BrochureViewTable th.col1, #BrochureViewTable td.col1 {width:425px; vertical-align:top} #BrochureViewTable th.col2, #BrochureViewTable td.col2 {width:370px; vertical-align:top; padding-left:30px} #BrochureViewTable th.col3, #BrochureViewTable td.col3 {width:75px; text-align:center;} #BrochureViewTable th.col4, #BrochureViewTable td.col4 {width:75px; text-align:center;} #BrochureViewTable td.spartentitle, #BrochureViewTable td.spartenlevel2{padding-left:25px} #BrochureViewTable td.spartenlevel1{width:450px} #BrochureViewTable td.col4 span.ui-checkbox {margin-left: 30px} #BrochureViewTable {border-collapse:collapse; width:100%} #BrochureViewTable tr.broGroup td {background-color:#f1f1f1; font-weight:bold} #BrochureViewTable td, #BrochureViewTable th{height:15px; padding:2px 0; font-size:1.2em; overflow:hidden;} #BrochureViewTable th{ border-bottom:1px solid #111111; border-top:1px solid #111111;} #BrochureViewTable td{border-bottom:1px solid #c0c0c0; } #BrochureViewTable input{padding:0; margin:0} #BrochureViewTable .center{text-align:center} #BrochureViewTable td.pdfNormal, #BrochureViewTable td.pdfBusiness{padding-left:50px; height:50px; background-image:url(/_layouts/images/Migros.SP.MKS.Frontend/pdfLarge.gif); background-repeat:no-repeat} #BrochureViewTable td.pdfNormal{background-position:0 3px} #BrochureViewTable td.pdfBusiness{background-position:0 -74px} .brochureBtn{float:right; margin:10px 0 10px 280px; width:150px} #BrochurePageContent {text-align:left} /** * @section Google Map * Styling the google Map */ .rightInfoBox {background-color:#fff; margin:22px 0 0 0; padding:3px 0 2px 10px; font-weight:bold} .rightInfoBox .openingHours td, .rightInfoBox .openingHours th {padding-bottom:0; font-size:12px} .rightInfoBox input {padding-bottom:3px} .specialOpenings a {color:#000; text-decoration:underline} .regions {margin-top:7px; margin-bottom:50px} .checkbox {clear:left; float:left; width:20px} .branches {margin: 5px 0;} .mapSpacer {height:1px; background-color:#333; width:200px; overflow:hidden} #infoContainer{margin-bottom:20px} .brunchInfoContainerSmall, .brunchInfoContainer {border:1px solid #c6c6c6; float:left; padding:8px 8px 20px 8px} .brunchInfoContainer {width:280px} .brunchInfoContainerSmall {width:160px} .additionalOffers li a {color:#000; display:block; min-height:31px; padding:3px;} .additionalOffers li a img {width: 133px;} * html .additionalOffers li a {height:31px} .bruchImage {float:left; width:130px; min-height:1px; margin-right:10px; } .bruchAdress {width:140px; float: left;} .rightInfoBox label {font-size:1.1em; font-weight:bold; margin-left:5px; padding-left:3px} .rightInfoBox li {margin-bottom:9px} li.regionsitem{ width:316px} ul.regions li a {border-top:1px solid #fff; color:#333; text-decoration:none; font-size:1.2em; display:block; padding:5px 0 0 3px; background:url(/_layouts/images/Migros.SP.MKS.Frontend/sprites.gif) no-repeat 301px -182px;} ul.branches li a {background-position:2px -693px; border:medium none; font-size:1.1em; margin-bottom:0px; padding:3px 0pt 3px 18px;} ul.branches li.active a {background-position:2px -183px;} ul.regions .locationWrapper {background: #e2e2e2; padding: 0.6em 0.3em 0 0.6em; margin: 0.2em 0 1.5em 0; border: 1px solid #fff; position: relative; clear: both;} ul.regions .locationWrapper a {background: transparent; padding:0;} ul.regions .locationWrapper h3 {margin:0pt 2em 0.5em 0pt; font-size: 1.2em; border-bottom:1px solid #fff; padding-bottom:0.4em} ul.regions .locationWrapper ul.addr , ul.regions .locationWrapper ul.nbrs{float:left; width:12em} .locationWrapper .marker{position: absolute; right: 0.5em; top: -1.4em;} .locationWrapper img.locationTN {} .locationWrapper ul {margin-bottom: 0.6em;} .locationWrapper ul li {font-size: 1.1em;} .locationWrapper ul li a {text-decoration: underline; font-size: 1em;} ul.regions .locationWrapper li.moreInfo {padding-top: 0.5em;} ul.regions .locationWrapper a.moreInfo {border:none; background:#F1F1F1 url(/_layouts/images/Migros.SP.MKS.Frontend/sprites.gif) no-repeat scroll 3px -166px; bottom:4px; color:#000000; display:inline; padding:1px 5px; position:absolute; text-decoration:none; right: 10px;} ul.regions .locationWrapper ul.nbrs:after {font-size: 1px; content: "."; display: block; height: 1px; overflow:hidden; clear:both; float:none;} .cat1, .cat2 {display:block} .locationContent A.locationImgLink {border:none; overflow:hidden; float:left; margin-right:15px; height:100%; width:95px} .locationContent {height:100px; position:relative} #GoogleMap h3 {font-size:1em} #GoogleMap fieldset {clear:both; height:5.5em; width:20em; background:#F1F1F1; padding:0.5em; margin:0.5em 0; border:none} #GoogleMap fieldset:after {font-size: 1px; content:"."; display:block; height:1px; overflow:hidden; clear:both; float:none} #GoogleMap a, .bruchAdress a {color:#000} #daddr, #saddr {width:10em} #GoogleMap input.getDirection {margin: 0 0 0 0.5em} .bruchAdress table td {font-size: 1.2em;} div.locationDetail #WideSmallLayout div.leftColumn, div.locationOverview #WideSmallLayout div.leftColumn, div.locationOverAll #WideSmallLayout div.leftColumn, div.locationRegions #WideSmallLayout div.leftColumn {width:588px; float: left;} div.locationDetail #WideSmallLayout div.rightColumn, div.locationOverview #WideSmallLayout div.rightColumn, div.locationOverAll #WideSmallLayout div.rightColumn, div.locationRegions #WideSmallLayout div.rightColumn {float: right; margin-right: -362px; margin-top: -7px; padding-top: 7px;} div.locationDetail #WideSmallLayout, div.locationOverview #WideSmallLayout, div.locationOverAll #WideSmallLayout, div.locationRegions #WideSmallLayout {min-height: 1px; border-right:362px solid #F1F1F1; margin-top:0px; width: auto;} div#ContactDetails #WideSmallLayout{border:none;} .titleElement {position:relative; height:70px} .leftColumn p a {color: #000;} .bruchAdress .nbrs {margin-top: 2.4em;} .bruchAdress span {width: 54px; display:block; float: left;} div.locationOverview #GoogleMap, div.locationOverAll #GoogleMap, div.locationRegions #GoogleMap {width:480px; height:360px; margin-bottom:0;} div.locationDetail #GoogleMap {width:480px; height:240px; margin-bottom:30px;} #directions {clear: both;} .directionRemover {color: #000; text-decoration: underline; cursor: pointer; display:block; text-align:right; margin-top: 0.5em;} .openingHours {font-size:1.2em} .openingHours td{font-weight:normal; font-size:12px; padding: 0 10px 1px 0; text-align: left;} .openingHours th{font-weight:normal; font-size:12px; padding: 0 20px 1px 0; text-align: left;} .specialOpenings{cursor: pointer; background:#fff url(/_layouts/images/Migros.SP.MKS.Frontend/teaser-bg-arrow.gif) no-repeat 297px 6px; border:2px solid #fff; padding:11px 15px; margin-top: 20px; font-weight:normal; font-size:1.2em} .specialOpeningsContent {display: none; margin: 10px 0 0 0;} .rightTeaser {height:105px; width:96%; position:absolute; left:0; top:0; background:#fff url(/_layouts/images/Migros.SP.MKS.Frontend/teaser-bg-arrow.gif) no-repeat 297px 6px; padding:7px 8px 12px 6px; margin-top:20px} .rightTeaser h2 {color:#C6C6C6; font-size:1.2em; width:140px; text-transform:uppercase; position: absolute; bottom:0; left: 160px} .rightTeaser p {clear:left; font-size:1.2em; margin-top:4px} .rightTeaser h2 a {color:#C6C6C6; text-decoration: none;} .rightTeaser p a {color:#000; text-decoration: none;} .contentCenterTeaser {position:relative; height:140px; overflow:hidden} #GoogleMap .mapContent h3 {color:#999999; font-size:12px; font-weight:bold; letter-spacing:0.07em;margin:0 0 4px; text-transform:uppercase} #GoogleMap .mapContent p {font-size:12px; margin-bottom:0px} /** * @section Footer * Footer Styling */ div#footer {width:950px; margin:1px auto 0 auto !important; border-top:1px solid #c0c0c0; height: 21px} div#footer p.copyright {float:left; color:#999; padding:3px 5px 0 5px;} ul#footerNavi {float:right;} ul#footerNavi li {float:left; height:20px; border-right: 1px solid #E2E2E2;} ul#footerNavi li.noBorder{border-right:0 none} ul#footerNavi a {display:block; text-decoration:none; padding:3px 5px 0px 5px; color:#999} #DynamicContentWrapper {background: transparent;} /** * @section Webparts * Styling the Webparts und Controls */ .ms-SPZoneLabel {color:white; font-weight:bold} .ms-formfieldvaluecontainer {background-color:white} /** * @section TeaserManagement * Styling the Webparts und Controls */ #teaserMgmtWrapper{z-index:120; width:100%; height:100%; position:fixed; top:0; left:-3000px;} #teaserMgmtBackground{background: DarkGray; opacity:.85; filter: alpha(opacity=85); -moz-opacity: 0.85; height:100%; padding: 0; position:absolute; top:0; left:0; width:100%} #teaserMgmtCtl{z-index:22; width:800px; height:600px; position: fixed; top: 50%; margin-top: -300px; left:-3000px; margin-left:-400px; border:none; border-width:0} #teaserMgmtFrame{width:800px; height:600px; position:absolute; padding:0; top:0; left:0} #teaserScopeLoadingPanel{z-index:500 ! important; background: DarkGray ! important; opacity:.85; filter: alpha(opacity=85); -moz-opacity: 0.85; position:absolute; left:0 ! important; top:0 ! important; right:0 ! important; bottom:0 ! important; width:100% ! important; height:100% ! important;} .ms-formfieldvaluecontainer {background-color:white} #MSOTlPn_WebPartPageDiv {font-size:10px} /** * @section Thickbox * Styling the Thickbox Addon of JQuery */ #TB_window {font: 12px Arial, Helvetica, sans-serif; color: #000;} #TB_window iframe {border: none;} #TB_secondLine {font: 10px Arial, Helvetica, sans-serif;color:#666666;} #TB_window a:link {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666666;} #TB_window a:focus {color: #666666;} #TB_overlay {position: fixed; z-index:100; top:0; left:0; height:100%; width:100%;} .TB_overlayMacFFBGHack {background: url(/_layouts/images/Migros.SP.MKS.Frontend/macFFBgHack.png) repeat;} .TB_overlayBG {background-color:#f1f1f1; filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;} #TB_window {position: fixed;background: #ffffff;z-index: 102;color:#000000;display:none;border: solid #aeaeae;border-width: 1px 1px 9px 1px;text-align:left;top:50%;left:50%;} #TB_window img#TB_Image {display:block;margin: 15px 0 0 15px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-top: 1px solid #666;border-left: 1px solid #666;} #TB_caption {height:25px;padding:7px 30px 10px 25px;float:left;} #TB_closeWindow {height:25px;padding:11px 25px 10px 0;float:right;} #TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right;} #TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px; text-transform:uppercase; font-size:14px; font-weight:bold} #TB_title{background-color:#aeaeae;height:29px;color: #fff;} #TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;position:relative} #TB_ajaxContent.TB_modal{padding:15px;} #TB_ajaxContent p{padding:5px 0px 5px 0px;} #TB_load{position: fixed;display:none;height:13px;width:208px;z-index:103;top: 50%;left: 50%;margin: -6px 0 0 -104px;} #TB_HideSelect{z-index:99;position:fixed;top: 0;left: 0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;height:100%;width:100%;} #TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;} #TB_window a#TB_closeWindowButton {background:url(/_layouts/images/Migros.SP.MKS.Frontend/icon-closeTeaser.gif) right center no-repeat; text-decoration:none; color:#fff; display:block; padding-right:20px; width:120px} #TB_window a#TB_closeWindowButton:hover {text-decoration:underline} .jScrollPaneContainer {float:left; position: relative; overflow: hidden; z-index: 1;} .jScrollPaneTrack {background:white; position:absolute; cursor:pointer; right:0; top:0; height:100%; margin-top:0} .jScrollPaneDrag {background:#9a9a9a; position:absolute; cursor:pointer; overflow:hidden;} .jScrollPaneDragTop { height:6px; position: absolute;top: 0;left: 0;overflow: hidden;} .jScrollPaneDragBottom { height:7px;position: absolute;bottom: 0;left: 0;overflow: hidden;} a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 9px;} a.jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden; height: 9px;} a.jScrollArrowUp, a.jScrollArrowDown {height:24px} /** * @section reCAPTCHA * Styling the CAPTCHA Formelements */ .captcha {background: #fff; padding: 10px 5px 5px 0;} .captcha strong {display: block;} #recaptcha_image {margin-right: 5px; float:left;} .capRefresh {margin-bottom: 5px;} #cptInput {border-bottom: 10px solid #fff;} #lblResult {display: block;} .layoutTable td.wide {width: 345px;} /** * AnmeldungsFormular **/ DIV.registration .fldSetTitle {font-size:12px; font-weight:bold; padding:0 0 5px 2px} .statusStep OL LI.active {font-weight:bold; color:#000} .registrationNotice{font-size:12px; margin:10px 0 20px 0} .wait {background:transparent url(/_layouts/images/Migros.SP.MKS.Frontend/ajax-loader.gif) no-repeat scroll left 30px; font-size:12px; margin-left:40px; padding:50px; height:300px} #AnmeldungsWrapper {text-align:left} #AnmeldungsWrapper .leftColumn {width: 560px;} #AnmeldungsWrapper #LeftColumnContent {width:auto} #AnmeldungsWrapper .layoutTable {width: 560px;} #AnmeldungsWrapper .layoutTable .layoutTable {width: 100%;} #AnmeldungsWrapper .kluForm td.fldTitle {width: 123px;} #AnmeldungsWrapper .kluForm td.fldTitle h2 {font-size: 1em;} #AnmeldungsWrapper .kluForm td.fldVal {width: 158px;} #AnmeldungsWrapper .kluForm td.fldVal2 {width: 248px; vertical-align:middle} #AnmeldungsWrapper .kluForm td.long {width: 400px;} A.registerTop {position:absolute; right:-7px; top:46px; width:140px} A.registerBottom {position:absolute; right:-7px; bottom:10px; width:140px} .formButtons input {float:right; margin:20px 0 0 10px; width:auto} /** * WebPartToolPane **/ .ms-ToolPaneOuter {text-align: left !important;} .ms-toolpanefooter { height: 30px !important; } .ms-toolpanefooter input { height: 30px; } .ms-consoleframe{ text-align: left !important; } /** * Content Lists **/ div#TeaserBoxContent ul, div#cmsContent ul {margin: 10px 0 10px 0px;} div#TeaserBoxContent li, div#cmsContent ul li {background:url(/_layouts/images/Migros.SP.MKS.Frontend/cms-list-bar.gif) no-repeat left 9px; padding-left:15px} div#cmsContent .sitemap ul li {background:0 none; padding-left:0} #wrapper .teaserEditOptions {width: 150px; position: absolute; top: 0; right: 0; z-index: 99; margin: 0;} #wrapper .teaserEditOptions li {list-style: none; margin: 0; display: inline;} #wrapper .teaserEditOptions li ul {margin: 0; padding: 0;} #wrapper .teaserEditOptions li a {display: block; padding: 3px; color: #f1f1f1; background: #E4182F;border-bottom: 1px solid #f1f1f1; text-decoration: none;} #wrapper .teaserEditOptions li li a {padding: 3px 3px 3px 10px;} #wrapper .teaserEditOptions li a:hover {background: #f1f1f1; color: #E4182F;}