/** * "Yet Another Multicolumn Layout" - YAML CSS Framework * * default screen stylesheet - PAGE-layout type layout * * @copyright Copyright 2005-2012, Dirk Jesse * @license CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/), * YAML-CDL (http://www.yaml.de/license.html) * @link http://www.yaml.de * @package yaml * @version 4.0 * @revision $Revision: 698 $ * @lastmodified $Date: 2012-02-02 21:53:50 +0100 (Do, 02 Feb 2012) $ */ /*@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700); */ @media all { body { overflow-y: scroll; background:#FFF; /*background-image:url(../../images/bg.png); background-attachment:fixed; background-position:top; background-repeat:no-repeat;*/ } body .fancybox-skin { background: #FFF; } .ym-wrapper { width:978px; margin: 0 auto; background-color:#FFFFFF; -moz-box-shadow: 0px 0px 80px #616161; -webkit-box-shadow: 0px 0px 80px #616161; box-shadow: 0px 0px 80px #616161; } .ym-wbox { padding:0px; } .ly-ticket { position:absolute; z-index: -1;top: 22px; left:50%; margin-left:-666px; } header { height:auto; min-height:150px; position:relative; } header .ly-logo { float:left; width:217px; height:100px; } header #dnn_Header { float:left; margin-left:40px; margin-top:31px; } header #dnn_Header #Branding { font-family: 'Roboto', sans-serif; font-size:34px; color:#0c0b0b; line-height:34px; margin-bottom:4px; font-weight:500; } header #dnn_Header #Slogan { font-family: 'Roboto', sans-serif; font-size:14px; color:#0c0b0b; font-weight:300; } header .ym-wbox { padding:30px 25px 30px 25px; } .tab-96 header .ym-wbox { padding:30px 25px 0px 25px; } /* Slider Home */ header #dnn_Header, header #dnn_Slider { min-height:10px; } header #dnn_Slider { display:none; clear:both; } .tab-96 /*DotNetNuke old*/ header #dnn_Slider, .tab-152 /*Cloud IT*/ header #dnn_Slider, .tab-259 /*Turbo Comic*/ header #dnn_Slider, .tab-226 /*SharePoint*/ header #dnn_Slider, .tab-292 /*DotNetNuke*/ header #dnn_Slider, .tab-324 /*Web Solutions*/ header #dnn_Slider { display:block; clear:both; } .tab-152 /*Cloud IT*/ .ym-wbox, .tab-259 /*Turbo Comic*/ .ym-wbox, .tab-226 /*SharePoint*/ .ym-wbox, .tab-292 /*DotNetNuke*/ .ym-wbox, .tab-324 /*Web Solutions*/ header .ym-wbox { padding-bottom:0px; } .tab-152 /*Cloud IT*/ .co-slider, .tab-259 /*Turbo Comic*/ .co-slider, .tab-226 /*SharePoint*/ .co-slider, .tab-292 /*DotNetNuke*/ .co-slider, .tab-324 /*Web Solutions*/ .co-slider { margin-top:0px; padding-top:60px; line-height:560px; } header #dnn_Slider .co-slider .co-slides li.co-slide { line-height:560px; height:560px; overflow:hidden; } header #dnn_Slider .co-slider .co-slides li.co-slide { min-width: 928px; } header #dnn_Slider .co-slider-nav { position: absolute; right: -10px; top: 160px; z-index: 99;} header #dnn_Slider .co-slider .co-slide-description { bottom: 50px; } /*########################## Random Logo ##########################*/ body.color-1 header img.ly-logo { background-image:url(../../images/logo.png); background-position:top; background-repeat:no-repeat; } body.color-2 header img.ly-logo { background-image:url(../../images/logo.png); background-position:center; background-repeat:no-repeat; } body.color-3 header img.ly-logo { background-image:url(../../images/logo.png); background-position:bottom; background-repeat:no-repeat; } /*########################## Service Nav ##########################*/ .ly-sys { position:absolute; right:25px; top:32px; } #nav-service, .ly-language { float:left; display:block;} .IE7 #nav-service, .IE7 .ly-language { position:relative; float:right; margin-right:25px; margin-top:-32px; z-index:99; } #nav-service li, .ly-language li { float:left; list-style-type:none; line-height:13px; padding-right:10px; border-right:1px solid #aeaeae; margin:0px 5px 0px 0px; } #nav-service li.last { padding-right:0px; border-right:none; margin:0px; } #nav-service li a, .ly-language li a { font-family: 'Roboto', sans-serif; font-size:14px; color:#787878; letter-spacing:0.05em; font-weight:300; } #nav-service li:hover a, .ly-language li:hover a { text-decoration:underline; } #nav-service li.first:hover a, .ly-language li.first:hover a { font-weight:bold; text-decoration:none; } /*########################## Footer Nav ##########################*/ footer .ly-sys { position:absolute; right:25px; top:32px; } footer #nav-service { float:none; display:block; text-align:center; margin-left:0;} footer #nav-service li { float:none; display:inline-block; list-style-type:none; line-height:13px; padding-right:10px; border-right:1px solid #aeaeae; margin:0px 5px 0px 0px; } footer #nav-service li.last { padding-right:0px; border-right:none; margin:0px; } footer #nav-service li a { font-family: 'Roboto', sans-serif; font-size:12px; color:#787878; letter-spacing:0.05em; font-weight:300; } footer #nav-service li:hover a { text-decoration:underline; } footer #nav-service li.first:hover a { font-weight:300; text-decoration:underline; } /* Multilingual Nav */ .ly-langnav { float: right; margin-bottom: 1px;} .ly-langnav ul li{ list-style: none; margin: 0; padding: 0; float: left; border-right: none;} .ly-langnav ul li a { text-decoration: none;height:15px; width: 17px;padding-top:1px;font-size: 14px; text-align: center; color: #9f9e9e; display: block; border: 1px solid #9f9e9e;border-radius: 3px;line-height: 1em;margin-left: 7px;} .ly-langnav ul li:hover a {text-decoration: none;} .ly-langnav ul li a:hover, .ly-langnav ul li.active a{text-decoration: none; color: #0c0b0b; border-color: #0c0b0b;} .ly-mobile-sys.ly-langnav-mobile {margin: 0;} #nav-service li.active a { font-weight:bold; } #nav-service > li:hover > ul li ul li a, #nav-service > li.first:hover > ul li ul li a { text-decoration:none; font-weight:400; } /* Hover Services */ #nav-service > li > ul { width:212px; padding:27px 23px 0px 23px; position:absolute; z-index:999; right:75px; top:40px; display:none; /*opacity:0.95; filter:alpha(opacity=95); background-color:#e9e9e9; */ background-image:url(../../images/nav-services/bg.png); -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:1px solid #b7b7b8; z-index:999; } #nav-service li:hover ul { display:block; } #nav-service > li > ul .ly-bridge { width:260px; height:28px; display:block; position:absolute; left:0px; top:-28px; } #nav-service > li > ul .co-arrow { width:21px; height:19px; display:block; background-image:url(../../images/nav-services/arrow.png); background-repeat:no-repeat; background-position:top; position:absolute; z-index:99; top:-19px; left:50px; } #nav-service > li > ul .ly-bg-arrow-line { width:20px; height:1px; background-color:#FFF; position:absolute; left:51px; top:-1px; } #nav-service > li > ul li ul .co-arrow, #nav-service > li > ul li ul li ul .co-arrow, #nav-service > li > ul li ul .ly-bridge, #nav-service > li > ul li ul li ul .ly-bridge, #nav-service > li > ul li ul .ly-bg-arrow-line, #nav-service > li > ul li ul li ul .ly-bg-arrow-line { display:none; } #nav-service > li > ul > li { font-size:14px; font-weight:bold; color:#787878; letter-spacing:0.05em; padding-bottom:26px; /*margin-bottom:11px;*/ padding-right:0px; margin-right:15px; /*border-bottom:1px solid #b7b7b8;*/ border-right:none; } #nav-service > li > ul > li.last { border-bottom:none !important; } #nav-service > li > ul > li > ul { margin-top:11px !important; } #nav-service > li > ul > li > ul > li { clear:both; padding-right:0px; border-right:none; width:212px; } #nav-service > li > ul > li > ul > li > a { color:#787878; text-decoration:none; } #Services .co-arrow { width:21px; height:19px; display:block; background-image:url(../../images/nav-services/arrow.png); background-repeat:no-repeat; background-position:top; position:absolute; z-index:99; top:-18px; left:50px; } #nav-service > li > ul li ul { margin:0px; padding:0px; } #nav-service > li > ul li ul li { list-style-type:none; margin:0px; border-top:1px solid #b7b7b8; } #nav-service > li > ul li ul li.last { list-style-type:none; margin:0px; border-bottom:1px solid #b7b7b8; } #nav-service > li > ul li ul li a { color:#787878; font-size:14px; font-weight:400; text-decoration:none; padding-top:11px; padding-bottom:11px; display:block; } #nav-service > li > ul li ul li a:hover { font-weight:700 !important; text-decoration:none !important; } /* 2inspire */ .portal-9 #nav-service > li > ul { padding-bottom:25px; } .portal-9 #nav-service li.first ul li { float:left; border-top:1px solid #b7b7b8; padding-bottom:0px; } .portal-9 #nav-service li.first ul li.last { border-bottom:1px solid #b7b7b8 !important; } .portal-9 #nav-service li.first ul li.first.last { border-bottom:none !important; } .portal-9 #nav-service li.first ul li a { color:#787878; font-size:14px; font-weight:400; text-decoration:none; padding-top:11px; padding-bottom:11px; display:block; width:210px; } .portal-9 #nav-service li.first ul li.nav-564:hover ul li a { font-weight:400; } .portal-9 #nav-service li.first ul li.nav-564:hover ul li a:hover { font-weight:700; } .portal-9 #nav-service li.first:hover ul li:hover a { font-weight:700; } .portal-9 #nav-service li.first ul li.nav-564 { padding-top:26px; } /*################################# Navigation #################################*/ nav#nav { background-color:#000; height:50px; } .portal-9 nav#nav, .portal-5 nav#nav, .portal-11 nav#nav, .portal-8 nav#nav { background:none; background-image:url(../../images/overview_divider_down.png); background-repeat:no-repeat; background-position:center; height:99px; margin-bottom:-108px; } #nav-main { margin:0px 0px 0px 0px; padding:18px 0px 0px 30px; position:relative; } #nav-main li { list-style-type:none; margin:0px; float:left; position:relative; } #nav-main li a { font-family: 'Roboto', sans-serif; font-size:18px; font-weight: 400; line-height:18px; color:#FFF; letter-spacing:0.1em; padding-right:39px; padding-bottom:14px; display:block; } .IE1 #nav-main li a, .IE9 #nav-main li a, .IE8 #nav-main li a, .IE7 #nav-main li a { letter-spacing:0.05em; } .FIREFOX2 #nav-main li a { letter-spacing:0.05em; } #nav-main li.last a { padding-right:0px; } #nav-main li:hover a, #nav-main li.active a { color:#009bdc; text-decoration:none; } #nav-main:hover li.active ul { display:block; } #nav-main:hover li.active:hover ul { display:block; } #nav-main li ul { display:none; position:absolute; bottom:-68x; margin-left:0px; } #nav-main li:hover ul, #nav-main li.active ul { display:block; width:auto; min-width:760px; } #nav-main li:hover ul { z-index:99; } #nav-main li.active ul { z-index:90; } #nav-main li:hover ul li, #nav-main li.active ul li { float:left; } #nav-main li:hover ul li a, #nav-main li.active ul li a { font-size:14px; line-height:14px; color:#787878; padding-top:13px; display:block; padding-right:10px; margin-right:10px; background-image:url(../../images/sub-nav-line.png); background-repeat:no-repeat; background-position:right 14px; } #nav-main li:hover ul li.last a, #nav-main li.active ul li.last a { padding-right:0px; margin-right:0px; background:none; } #nav-main li:hover ul li:hover a, #nav-main li:hover ul li.active a, #nav-main li.active ul li:hover a, #nav-main li.active ul li.active a { color:#009bdc; } /* SubNav nach links */ #nav-main li.node-0 ul, #nav-main li.node-1 ul, #nav-main li.node-2 ul { left:0px; } #nav-main li.node-3 ul, #nav-main li.node-4 ul, #nav-main li.node-5 ul, #nav-main li.node-6 ul, #nav-main li.node-7 ul { right:40px; } #nav-main li.node-3:hover ul li, #nav-main li.node-3.active ul li, #nav-main li.node-4:hover ul li, #nav-main li.node-4.active ul li, #nav-main li.node-5:hover ul li, #nav-main li.node-5.active ul li, #nav-main li.node-6:hover ul li, #nav-main li.node-6.active ul li, #nav-main li.node-7:hover ul li, #nav-main li.node-7.active ul li { float:right; } #nav-main li.node-3:hover ul li a, #nav-main li.node-3.active ul li a, #nav-main li.node-4:hover ul li a, #nav-main li.node-4.active ul li a, #nav-main li.node-5:hover ul li a, #nav-main li.node-5.active ul li a, #nav-main li.node-6:hover ul li a, #nav-main li.node-6.active ul li a, #nav-main li.node-7:hover ul li a, #nav-main li.node-7.active ul li a { padding-right:0px; margin-right:0px; margin-left:10px; padding-left:10px; background-image:url(../../images/sub-nav-line.png); background-repeat:no-repeat; background-position:left 14px; } /*################################# Content #################################*/ #main { height:auto; min-height:250px; padding:65px 25px 50px 25px; } .co-no-add .sc-menu-add { display:none; } /* Content Boxes */ /* 4er */ #dnn_ContentPane .ym-g25 { width:237px; font-size:14px; line-height:22px; margin-bottom:20px; } #dnn_ContentPane .ym-g25 p { font-size:14px; line-height:22px; margin-bottom:0px; } #dnn_ContentPane .ym-g25 h3 {font-size:14px; letter-spacing:0.01em; font-weight:bold; margin-bottom:3px; height:34px;} #dnn_ContentPane .ym-g25 .ym-gbox { margin-left:0px; margin-right:10px; padding-top:0px; padding-bottom:0px;; padding-left:0px; padding-right:9px; border-right:1px solid #cccccc; } #dnn_ContentPane .ym-g25.ym-gr { width:217px; } #dnn_ContentPane .ym-g25.ym-gr .ym-gbox { margin-right:0px; padding-right:0px; border-right:none; } #dnn_ContentPane .ym-g25 .co-row { } #dnn_ContentPane .co-logos .ym-g25 .ym-gbox { border-right:none; padding-right:10px; } #dnn_ContentPane .ym-g25 .ym-gbox .co-line-top { width:1px; height:45px; position:absolute; top:0px; right:-1px; background-image:url(../../images/line-boxes/top.png); background-repeat:no-repeat; background-position:top; } #dnn_ContentPane .ym-g25 .ym-gbox .co-line-bottom { width:1px; height:45px; position:absolute; bottom:0px; right:-1px; background-image:url(../../images/line-boxes/bottom.png); background-repeat:no-repeat; background-position:bottom; } #dnn_ContentPane .ym-g25.ym-gr .ym-gbox .co-line-top, #dnn_ContentPane .ym-g25.ym-gr .ym-gbox .co-line-bottom { display:none; } /* 3er */ #dnn_ContentPane .ym-g33 { width:316px; font-size:14px; line-height:22px; text-align:center; margin-bottom:20px; } #dnn_ContentPane .ym-g33 p { font-size:14px; line-height:22px; } #dnn_ContentPane .ym-g33 .co-jobs p, #dnn_ContentPane .ym-g33 .co-jobs { font-size:18px; line-height:24px; } #dnn_ContentPane .ym-g33 h3 { font-size:22px; font-weight:300; line-height:22px; } #dnn_ContentPane .ym-g33 .ym-gbox { margin-left:0px; margin-right:10px; padding:0px 9px 0px 0px; border-right:1px solid #cccccc; } #dnn_ContentPane .ym-g33.ym-gr { width:296px; } #dnn_ContentPane .ym-g33.ym-gr .ym-gbox { margin-right:0px; border:none; } #dnn_ContentPane .ym-g33 .ym-gbox .co-line-top { width:1px; height:45px; position:absolute; top:0px; right:-1px; background-image:url(../../images/line-boxes/top.png); background-repeat:no-repeat; background-position:top; } #dnn_ContentPane .ym-g33 .ym-gbox .co-line-bottom { width:1px; height:45px; position:absolute; bottom:0px; right:-1px; background-image:url(../../images/line-boxes/bottom.png); background-repeat:no-repeat; background-position:bottom; } #dnn_ContentPane .co-full-width-inner .ym-g33 .ym-gbox .co-line-top, #dnn_ContentPane .co-full-width-inner .ym-g33 .ym-gbox .co-line-bottom { right:10px; } #dnn_ContentPane .ym-g33.ym-gr .ym-gbox .co-line-top, #dnn_ContentPane .ym-g33.ym-gr .ym-gbox .co-line-bottom { display:none; } /* 2er */ #dnn_ContentPane .ym-g50 { width:474px; margin-bottom:20px; } #dnn_ContentPane .ym-g50 .ym-gbox-half { margin-left:0px; margin-right:10px; padding:0px 9px 0px 0px; border-right:1px solid #FFF; } #dnn_ContentPane .ym-g50.ym-gr { width:454px; } #dnn_ContentPane .ym-g50.ym-gr .ym-gbox-half { margin-right:0px; border:none; } .co-full-width-inner { margin-bottom:35px; } img.co-box-big-image { margin-bottom:12px; } .co-click-box, .co-click-box-open { cursor:pointer; } /* 2inspire */ #dnn_ContentPane .co-reference .ym-gbox { position:relative; padding:24px 24px 45px 24px; border:none; -webkit-border-radius:20px; -khtml-border-radius:20px; -moz-border-radius:20px; border-radius:20px; display:block; } #dnn_ContentPane .co-reference .ym-g33 .ym-gbox:hover { background-color:#e9e9e9; } #dnn_ContentPane .co-reference .co-button-absolute { position:absolute; bottom:15px; left:0px; width:100%; text-align:center; } #dnn_ContentPane .co-reference .ym-g33 h3 { font-size:22px; font-weight:300; line-height:26px; height:66px; margin-bottom:0px; } #dnn_ContentPane .co-reference .ym-g33 .co-box-reference { height:87px; overflow:hidden; } #dnn_ContentPane .co-reference .ym-g33 img.flexible { margin-top:8px; } /* Details Button on bottom */ .portal-2 .co-full-width-inner .ym-g33 { position:relative; } .portal-2 #dnn_ContentPane .co-full-width-inner .ym-g33 .ym-gbox { padding-bottom:5px; } .portal-2 .co-full-width-inner .ym-g33 a.fancybox { width:296px; position:absolute; bottom:15px; left:0px; text-align:center; } /* Partners */ .co-parner-logo { width:217px; height:100px; text-align:center; display:table; padding-top:4px; padding-bottom:4px; } .co-parner-logo .inner { width:100%; display:table-cell; vertical-align:middle; position:relative; text-align:center; } .co-parner-logo .inner img { display:inline; vertical-align:middle; } /*Option Table*/ .co-option-description { width:600px; display:block; } .co-amount-prefix { padding-right:25px; } .co-option-row:nth-child(2n+1) { background:#F1F8D9; } .co-option-amount { width:200px; } .co-option { width:800px; } .co-option-listheader { font-weight:bold; padding-bottom:20px; display:block; } .co-content-line { width:928px; height:99px; clear:both; background-image:url(../../images/overview_divider_down.png); background-repeat:no-repeat; background-position:top; margin-top:48px; margin-bottom:-40px; padding-bottom:0px; } /* Right */ .ym-g33 #dnn_Content33 { font-size:14px; width:222px; float:right; } .ym-g33 #dnn_Content33 h2 { font-size:22px; } .ym-g33 #dnn_Content33 h3 { font-size:24px; font-weight:500; height:45px; padding-top:18px; background-image:url(../../images/Support/lines-number.png); background-repeat:no-repeat; margin-bottom:25px; } .ym-g33 #dnn_Content33 p { font-size:14px; } /* Form */ table#tblefmain { margin-bottom:25px !important; } tr td.DCC_EF_FieldCaptionStyle { font-family:inherit; font-size:14px; font-weight:400; } .CFC_NormalTextBox1 { font-size:14px; font-weight:normal; font-family:inherit; color: #0c0b0b !important; padding:5px; } input.CommandButton { background-color:#fafafa; border:1px solid #787878; font-family:inherit; font-size:14px; margin-top:15px; } input.CommandButton:hover { background-color:#f0f0f0; } #tblefmain table tr td { padding-bottom:3px; } #tblefmain tr td input, #tblefmain tr td textarea { border:1px solid #e9e9e9; } /*################################# Footer #################################*/ footer { background:#FFFFFF; position:relative; text-align:center; position:relative; z-index:99; width:928px; height:100px; overflow:hidden; background-image:url(../../images/footer/dotted-line.png); background-repeat:no-repeat; background-position:top; margin:0 auto 20px auto; } footer img { float:left; margin-left:25px; } #FooterText { padding-top:18px; display:block; font-size:14px; font-weight:300; color:#afafb0; } .ym-col1 { width:500px; } .ym-col3 { margin-left:500px; margin-right:0; } .ym-col1 .ym-cbox { padding:0px 0px 0px 0px; } .ym-col3 .ym-cbox { padding:0px 0px 0px 0px; } .ym-gbox { padding:20px 20px 20px 20px; margin:0px 20px 0px 0px; } #ToFlexCopyright, #ToFlexCopyright a, #ToFlexCopyright a:link, #ToFlexCopyright a:visited { color:#c1c1c1; font-size:10px; } a.ly-login, a.ly-login:link, a.ly-login:visited { color:#fff; font-size:10px; display:block; margin-top:-5px; } a.ly-login:hover { color:#000; } /* skip links styling */ .ym-skiplinks a.ym-skip:focus, .ym-skiplinks a.ym-skip:active { color:#fff; background:#333; border-bottom:1px #000 solid; padding:10px 0; text-align:center; text-decoration:none; } /*.photo-frame .midx-- { padding-left:10px; } .photo-frame td[valign='top'] { padding-left:10px; }*/ .ModSimpleGalleryC .View { text-align:center; width:80%; margin-left:10%; } /* Form 2reserve */ #dnn_ctr1885_ViewEmailForm_dtEF label { font-size:18px !important; font-weight:300 !important; } /*########################## Reservation Overview ##########################*/ #ReservationOverview, #ReservationOverview a { color: #787878 } /* Views */ #ReservationOverviewMap #map_canvas { width: 100%; height: 500px; margin-top: 7px } #ReservationOverviewList .ReservationsTable { margin-left: 2px; margin-top: 6px } /* Header with Filters & Legend */ #ReservationOverview .header { padding-top: 29px; padding-left: 2px; background-image: url(../../images/overview_divider_down.png); background-position: 0 0; height: 79px;background-repeat: no-repeat;margin-bottom: 6px; line-height: 16px } #ReservationOverview .header * { font-size: 12px } #ReservationOverview .header select { width: 120px;font-family: 'Roboto', sans-serif; font-weight: 300 } #ReservationOverview .ViewFilters label, #ReservationOverview .ViewFilter { float: left; display: inline-block;line-height: 28px } #ReservationOverview .ViewFilters label span, #ReservationOverview .ViewFilter span { display: inline-block;font-size: 16px;padding-left: 3px } #ReservationOverview .ViewFilters { margin: 0; padding: 0} #ReservationOverview .ViewFilters li { list-style: none; margin: 0 } #ReservationOverview .ViewFilters span { padding-right: 20px } #ReservationOverview .clearfix { clear: both } #ReservationOverviewList #lblCanton { width: 262px } #ReservationOverviewList #lblCanton span { width: 80px } #ReservationOverviewList #ddlCanton { width: 151px } #ReservationOverviewList #DateSwitch { margin-top: 25px;text-align: right;margin-right: 34px; } #ReservationOverviewList #DateSwitch span span {line-height: 20px;height: 20px; cursor: pointer; display: inline-block; *display: inline /* IE7 inline-block fix */; vertical-align: middle } #ReservationOverviewList .PrevIcon, #ReservationOverviewList .NextIcon { background-image: url(../../images/ReservationOverviewSprites.png);background-repeat: no-repeat;width: 20px; } #ReservationOverviewList .PrevIcon { background-position: -240px 0; margin-right: 8px } #ReservationOverviewList .NextIcon { background-position: -260px 0; margin-left: 8px } #ReservationOverviewMap #lblAmount span { padding-left: 20px } /* Legend & Icons */ #ReservationOverviewList #Legend { float: left;padding: 0;margin: 0 } #ReservationOverviewList #Legend li {list-style: none; display: inline; padding: 0 10px 0 0; margin: 0 } #ReservationOverviewList .LegendIcon, #ReservationOverviewList .Sunday { background-image: url(../../images/ReservationOverviewSprites.png);background-repeat: no-repeat; width: 30px } #ReservationOverviewList #Legend li span, #ReservationOverviewList .LegendIcon { display: inline-block;height: 29px;vertical-align: top;line-height: 29px; zoom: 1; *display: inline /* IE7 inline-block fix */ } #ReservationOverviewList .Sunday { background-position: -120px 0 } #ReservationOverviewList .MailDelivery { background-position: -150px 0 } #ReservationOverviewList .OnlinePayment { background-position: -180px 0 } #ReservationOverviewList .SuisseID { background-position: -210px 0 } /* Table Header-Rows */ #ReservationOverviewList .Kanton { color: #000; font-weight: 400 } #ReservationOverviewList .Kanton, #ReservationOverviewList .Gemeinde { text-align: left !important; width: 258px; padding-left: 4px !important;font-size: 16px !important } #ReservationOverviewList .Gemeinde a { display: inline-block;padding-top: 6px;padding-bottom: 6px;line-height: 16px; zoom: 1; white-space: nowrap; *display: inline /* IE7 inline-block fix */ } #ReservationOverviewList .ReservationsTable th { height: 29px; padding: 0; font-weight: 300; font-size: 16px; text-align: center } /* Commune-Name & Icon */ #ReservationOverviewList .Gemeinde a, #ReservationOverviewList .Gemeinde .LegendIcon { line-height: 16px; text-decoration: none } #ReservationOverviewList .Gemeinde .LegendIcon, #ReservationOverviewList .Kanton .MonthName { float: right;padding-right: 1px } /* Day Cells */ #ReservationOverviewList .ReservationsTable td { width: 30px; text-align: center;padding: 0;color: #000; font-size: 14px;line-height: 29px;vertical-align: top; cursor: pointer } #ReservationOverviewList .ResNone, #ReservationOverviewList .ResFull, #ReservationOverviewList .ResNoneToday, #ReservationOverviewList .ResFullToday, #ReservationOverviewList .ResNoneSelected, #ReservationOverviewList .ResFullSelected { background-repeat: no-repeat; background-image: url(../../images/ReservationOverviewSprites.png) } #ReservationOverviewList .ResNone, #ReservationOverviewList .ResNoneToday { background-position: 0 0 } #ReservationOverviewList .ResNoneSelected { background-position: -30px 0 } #ReservationOverviewList .ResFull, #ReservationOverviewList .ResFullToday { background-position: -60px 0 } #ReservationOverviewList .ResFullSelected { background-position: -90px 0 } /* ListView Hover Row/Column */ #ReservationOverviewList .hover { background-color: #808080 } #ReservationOverviewList .hover .Gemeinde a, #ReservationOverviewList th.hover { color: #fff !important } #ReservationOverviewList .hover .Gemeinde a { text-decoration: underline } #ReservationOverviewList td.hover { background-color: #404040 } /* Google Map */ #ReservationOverviewMap .gm-style-iw .CommuneName { font-weight: 400 !important; white-space: nowrap } #ReservationOverviewMap .gm-style-iw .DisplayText { white-space: nowrap; padding: 4px 0 4px 0 } #ReservationOverviewMap .gm-style-iw a { display: block } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { #nav-main { padding: 16px 0px 0px 30px; } } @media only screen and (min-device-width:320px) and (max-device-width:480px){ #nav-main { padding: 16px 0px 0px 30px; } }