/* Contao Open Source CMS, (c) 2005-2014 Leo Feyer, LGPL license */ body,form{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}@media(max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}#main .inside{min-height:1px}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.ce_gallery ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery li{float:left}.ce_gallery li.col_first{clear:left}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} /* ColorBox v1.4.31, (c) 2011 Jack Moore - jacklmoore.com, MIT license */ #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url("../../assets/jquery/colorbox/1.4.31/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.4.31/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.4.31/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../assets/jquery/colorbox/1.4.31/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} /* Style sheet haupt */ *{margin:0;padding:0;border:0px}body{background-color:#F5F6F8;font-family:Verdana,geneva,sans-serif}#outer{background-image:url("../../tl_files/hausarzt/images/bg.gif");background-position:left top;background-repeat:repeat-x}#wrapper{width:100%;position:relative;margin-top:25px;background-image: url(../../tl_files/hausarzt/images/bg-left.png), url(../../tl_files/hausarzt/images/bg-right.png);background-position: left bottom, right top;background-repeat: no-repeat}#header{width:100%;height:100px;top:0;position:absolute;border-top:2px solid #646569;z-index:0}#header .inside{width:90%;height:100px;max-width:905px;position:relative;margin-right:auto;margin-left:auto;text-align:right}.quickkontakt{width:220px;right:0;position:absolute;text-align:center;font-size:.8125em;color:#fff}.terminvergabe{padding-top:5px;padding-right:10px;padding-bottom:5px;background-color:#5883A3;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.vorsorgeuntersuchung{padding-top:5px;padding-right:10px;padding-bottom:5px;background-color:#A0A257;border-bottom-right-radius:10px;border-bottom-left-radius:10px}#container{width:100%;max-width:980px;clear:both;margin-right:auto;margin-left:auto;padding-top:100px;padding-bottom:20px}#left{width:25%;margin-left:0}#header .logo{display:none}.logo{width:230px;height:160px;background-color:#fff;border-radius:10px;behavior:url("assets/css3pie/1.0.0/PIE.htc");background-image: url(../../tl_files/hausarzt/images/header/arztsymbol.png), url(../../tl_files/hausarzt/images/bg-left.gif);background-position: right bottom, left bottom;background-repeat: no-repeat, repeat-x}.logo p{padding-top:20px;padding-left:20px;font-size:1.125em;font-weight:bold;color:#054994}.logo p.small{font-size:.875em;font-weight:normal}#subheader .ce_text > *{padding:2% 2% 2% 7%}#main #subheader h1,#main #subheader p{margin-bottom:0;color:#fff}#main #subheader h1{margin-top:10px}#subheader h1 a:link,#subheader h1 a:visited,#subheader p a:link,#subheader p a:visited{color:#fff}#subheader .ce_text,#subheader .ce_image{width:216px;height:160px;position:relative;overflow:hidden;float:left;display:inline-block;margin-right:2%;margin-bottom:2%}#subheader .kontakt,#subheader .sprechzimmer{margin-right:0}#subheader .kontakt{background:#5883A3 url("../../tl_files/hausarzt/images/header/bg-kontakt.png") right bottom no-repeat}#subheader .praxis{clear:both}#subheader .leistungen{background-color:#5893A3}#subheader .praxis{background:#A0A257 url("../../tl_files/hausarzt/images/header/bg-praxis.png") right bottom no-repeat}.mod_article{clear:both}#main{width:73%;float:right;margin-left:2%}#main h1,#main h2{margin-bottom:1em;font-size:1.5em;line-height:1.5em;font-weight:normal;color:#A0A257}#main p{margin-bottom:1em;font-size:.8125em;line-height:1.5em;font-weight:normal;color:#54554D}#main p.bezeichnung{margin-bottom:0;font-weight:bold;color:#A0A257}#main a:link,#main a:visited{font-weight:normal;text-decoration:none;color:#A0A257}#main a:hover,#main a:focus,#main a:active{text-decoration:underline}#main td{vertical-align:top;font-size:.8125em;line-height:1.5em;font-weight:normal;color:#54554D}#main td:first-child{width:150px}#main .sprechzeiten tr:first-child td{vertical-align:top;text-align:center;font-weight:bold}#main .sprechzeiten td{padding-right:7px;padding-left:7px}#main .sprechzeiten{margin-bottom:15px}#main li{margin-bottom:0;font-size:.8125em;line-height:1.5em;font-weight:normal;color:#54554D;list-style-type:disc}#main ul{margin-top:0;margin-bottom:25px;margin-left:25px}#main #list-sprechzeiten{display:none}#main .ce_gallery ul{margin-left:0;list-style-type:none}#main .ce_gallery li{list-style-type:none}#main .ce_gallery ul img{margin-right:15px;margin-bottom:15px;border:1px solid #848B9E}#footer{width:100%;clear:both;background-image:url("../../tl_files/hausarzt/images/bg-footer.jpg");background-repeat:repeat-x}#footer .inside{width:100%;height:66px;max-width:980px;position:relative;margin-right:auto;margin-left:auto}#footer p{padding-top:1em;text-align:right;font-size:.8125em;line-height:1.5em;font-weight:normal;color:#fff}#footer a:link,#footer a:visited{text-decoration:underline;color:#fff}#footer a:hover,#footer a:focus,#footer a:active{text-decoration:none} /* Style sheet nav */ #header .mod_navigation{display:none}.mod_navigation li{width:203px;margin-bottom:4px;margin-left:2px;padding:5px 20px;background:#fff url("../../tl_files/hausarzt/images/bg-left.gif") left bottom repeat-x;border-radius:7px;behavior:url("assets/css3pie/1.0.0/PIE.htc");-webkit-box-shadow:0 .5px 1px .5px #6A6A6A;box-shadow:0 .5px 1px .5px #6A6A6A}.mod_navigation li{margin-bottom:12px;padding-right:12px;padding-left:12px}.mod_navigation ul{margin-top:20px;list-style-type:none}.mod_navigation ul.level_2{display:none;margin-bottom:8px;padding-left:0;border-top:1px solid #EFEFEF}.mod_navigation ul.level_2 li{margin-bottom:0;padding:0;behavior: none;background:none;box-shadow:none}.mod_navigation li.trail .level_2,.mod_navigation li.active .level_2{display:block}.mod_navigation a:link,.mod_navigation a:visited,.mod_navigation a:active,.mod_navigation a:focus,.mod_navigation span.active{display:block;padding:5px 9px;font-size:.875em;font-weight:normal;text-decoration:none;color:#054994}.mod_navigation span.active,.mod_navigation .trail{display:block;color:#A0A257}#container .mod_navigation .trail{display:block;padding:5px 9px;font-size:14px;font-weight:normal;text-decoration:none}.mod_navigation .navigation a{padding-top:0}.inside .mod_navigation li a:hover,.inside .mod_navigation li span.active:hover{color:#A0A257;cursor: pointer}.inside .mod_navigation ul ul li a:link,.inside .mod_navigation ul ul li a:visited{display:block;padding:5px 10px;border-bottom:1px solid #EFEFEF;font-size:.8125em;font-weight:normal;text-decoration:none;color:#6D6D6D;background:none}.inside .mod_navigation ul ul li a:hover,.inside .mod_navigation ul ul li a:active,.inside .mod_navigation ul ul li a:focus{background-color:#EFF4FA;font-weight:normal;color:#132C4A}#wrapper .inside .mod_navigation ul ul li span.active,#wrapper .inside .mod_navigation ul ul li a.trail{display:block;padding:5px 10px;background-color:#EFF4FA;font-size:.8125em;font-weight:normal;color:#17264F}.mod_navigation .hidden span{width:21px;height:21px;top:2px;overflow:hidden;float:right;display:inline-block;background-image:url("../../tl_files/hausarzt/images/pfeil-unten.png")}.mod_navigation .visible span{width:21px;height:21px;top:2px;overflow:hidden;float:right;display:inline-block;background-image:url("../../tl_files/hausarzt/images/pfeil-oben.png")}.toggle{display:none}#menu-wrapper{position:relative;display:none}#menu-wrapper .toggle-menu{right:0;top:20px;position:absolute;padding:10px 44px 10px 25px;background-color:#5883A3;background-image:url("../../tl_files/hausarzt/images/pfeil-subnav.gif");background-repeat:no-repeat;font-size:1.25em;font-weight:normal;text-decoration:none;color:#fff;text-transform:uppercase;background-position: 100px 19px;cursor:pointer}#menu-wrapper .toggle-menu.opened{background-image:url("../../tl_files/hausarzt/images/pfeil-subnav-top.gif");background-repeat:no-repeat;background-position:100px 11px} /* ============================================================================= * * Responsive webdesign * * ========================================================================== */ @charset "utf-8"; /* CSS Document */ /* ============================================================================= * tablet * ========================================================================== */ /* ---------------- iPad - Landscape 1024x768px ------------- */ @media screen and (max-width: 1267px) { #wrapper > #container , #footer { padding-left:4%; padding-right:4%; width:92%; } } /* ---------------- iPad - Portrait 768x1024px ---------------- */ @media screen and (max-width: 948px) { #wrapper { background-image:none; } #header, #header .inside { position:relative; height:auto; } #header .quickkontakt { display:none; } #header .logo { display:block; text-align:left; float:left; margin-top:20px; margin-right:25px;} /* #left .logo, #left .mod_navigation{ display:none; } */ #left { display:none; } #header .mod_navigation { display:block; } #menu-wrapper { display:block; } .mod_navigation a:link, .mod_navigation a:visited, .mod_navigation a:active, .mod_navigation a:focus, .mod_navigation span.active , .mod_navigation span.active, .mod_navigation .trail { text-align:left; } /* #subheader::after { text-align:center; } */ /* #main .inside > #subheader { text-align:center; } */ #container { padding-left: 6.5%; padding-right: 6.5%; width: 87%; padding-top:25px; } #main { float:none; width:100%; } #left {width:100%; } } @media screen and (max-width: 775px) { #subheader .praxis { clear:none; } #subheader .kontakt, #subheader .sprechzimmer { margin-right:2%; } #main .sprechzeiten tr:first-child td { text-align:left; } #main td:first-child { width:auto; } } @media screen and (max-width: 740px) { /*#menu-wrapper .toggle-menu { left:250px; right: auto; top:-160px; } */ #menu-wrapper .toggle-menu { left:250px; right: auto; top:20px; } .mod_navigation ul { margin-top:85px; } #main #list-sprechzeiten { display:block; } #main #table-sprechzeiten { display:none; } } @media screen and (max-width: 685px) { #header, #header .inside { min-height:200px; } #menu-wrapper .toggle-menu { top:10px; left:0px;} .mod_navigation { padding-top:45px; margin-top:0px; } .mod_navigation ul { margin-top:20px; } } /* ============================================================================= * phone * ========================================================================== */ /* ---------------- Small tablet 480x640px ---------------- */ @media screen and (max-width: 662px) { #wrapper > #container { padding-left:0; padding-right:0; width:90%; } #container, #footer .inside { width:90%; } #footer .inside { height:auto; padding-bottom:15px; } #header .logo { float:none; } } @media screen and (max-width: 445px) { } /* ---------------- iPhone 320x480px ---------------- */ @media screen and (max-width: 380px) { }