@charset "UTF-8"; html, body, div, p, td, a, input, textarea, select { font-family:Verdana, Arial, sans-serif; color:#555; line-height:1.4; } html, body { margin:0; padding:0; } html { height:100%; background-color:#b2282a; } body { height:100%; background-color:#b2282a; } form { margin:0; padding:0; } textarea { width:418px; height:85px; } img { border:0; } #outerContainer { width:100%; background-image: -webkit-linear-gradient(left, #e9e9e9 0%, #f5f5f5 50%, #e9e9e9 100%); background-image: -moz-linear-gradient(left, #e9e9e9 0%, #f5f5f5 50%, #e9e9e9 100%); background-image: -o-linear-gradient(left, #e9e9e9 0%, #f5f5f5 50%, #e9e9e9 100%); background-image: linear-gradient(left, #e9e9e9 0%, #f5f5f5 50%, #e9e9e9 100%); -moz-box-shadow: 0 0 5px #333; -webkit-box-shadow: 0 0 5px #333; box-shadow: 0 0 5px #333; border-bottom:2px solid #fff; background-color: #e9e9e9; } #outerContainer #head { background-image:url('https://www.internistenpraxis-vellmar.de/images/headBg.jpg'); background-position:bottom; width:100%: } #outerContainer #head #headInner { max-width:960px; width:100%; margin:auto; height:283px; } #outerContainer #head #headInner #logo { position:relative; z-index:5000; width:288px; margin:0px 32px 0 32px; height:205px; background-image: -webkit-linear-gradient(top, #e9e9e9 0%, #f5f5f5 50%, #e9e9e9 100%); background-image: -moz-linear-gradient(top, #e9e9e9 0%, #f5f5f5 50%, #e9e9e9 100%); background-image: -o-linear-gradient(top, #e9e9e9 0%, #f5f5f5 50%, #e9e9e9 100%); background-image: linear-gradient(top, #e9e9e9 0%, #f5f5f5 50%, #e9e9e9 100%); background-color:#e9e9e9; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; border:4px solid #fff; border-top:0px; display:inline-block; vertical-align:top; } #outerContainer #head #headInner #logo img{ margin-left:15px; margin-top:27px; width:259px; height:142px; } #outerContainer #head #headInner #bild { display:inline-block; position:relative; z-index:10000; margin:0px 0px 0 8px; vertical-align:top; } #outerContainer #head #headInner #slider { } #outerContainer #head #headInner #slider img{ width: 549px !important; #background-color:#aaa; #border:4px solid #fff; #float:right; #-webkit-border-bottom-right-radius: 10px; #-webkit-border-bottom-left-radius: 10px; #-moz-border-radius-bottomright: 10px; #-moz-border-radius-bottomleft: 10px; #border-bottom-right-radius: 10px; #border-bottom-left-radius: 10px; # -moz-box-shadow: 0 0 5px #999; # -webkit-box-shadow: 0 0 5px #999; # box-shadow: 0 0 5px #999; } #outerContainer #contentContainer{ max-width:960px; width:100%; min-height:400px; margin:auto; background-image:url('https://www.internistenpraxis-vellmar.de/images/diagonale.png'); background-position:top center; background-repeat:no-repeat; } #outerContainer #contentContainer #naviContainer{ vertical-align:top; display:inline-block; width:288px; margin:-57px 32px 30px 32px; } #outerContainer #contentContainer #naviContainerMobile { display:none; } #outerContainer #contentContainer #naviContainer img.GZV-Logo { margin:20px 0 0 55px; } #outerContainer #contentContainer #naviContainer #naviInner{ width:288px; background-image: -webkit-linear-gradient(top, #e9e9e9 0%, #f5f5f5 50%, #e9e9e9 100%); background-image: -moz-linear-gradient(top, #e9e9e9 0%, #f5f5f5 50%, #e9e9e9 100%); background-image: -o-linear-gradient(top, #e9e9e9 0%, #f5f5f5 50%, #e9e9e9 100%); background-image: linear-gradient(top, #e9e9e9 0%, #f5f5f5 50%, #e9e9e9 100%); margin-left:0; background-color:#e9e9e9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; border:4px solid #fff; min-height:350px; } #outerContainer #contentContainer #textContainer{ vertical-align:top; display:inline-block; max-width: 557px; width:100%; margin:10px 0px 20px 8px; } #outerContainer #contentContainer #textContainer img.BildContent, #outerContainer #contentContainer #textContainer img.Team { width:100% !important; height:auto !important; } #outerContainer #contentContainer #textContainer .mobile{ display:none; } #footer { max-width:960px; width:100%; padding:20px 0; margin:auto; text-align:center; } #footer #footNavi { clear:both; text-align:center; } #footer #sprechzeiten, #footer #footnotes { min-height:163px; display:inline-block; text-align:left; vertical-align:top; } #footer #sprechzeiten { padding-right:50px; } #footer #footnotes { padding-left:50px; } #footer #sprechzeiten { background-image:url('https://www.internistenpraxis-vellmar.de/images/FooterTrenner.png'); background-position:right center; background-repeat:no-repeat; } #modHeaderImgEdit { position:absolute; top:60px; left:270px; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} .clearfix {display:block;} @media (max-width: 976px) { #outerContainer #contentContainer #textContainer{ max-width: 457px; } } @media (max-width: 871px) { #outerContainer #contentContainer #textContainer{ max-width: 357px; } } @media (max-width: 767px) { #bild, .GZV-Logo{ display:none; } #outerContainer #contentContainer #textContainer .mobile{ margin:auto; display:block; } #outerContainer #contentContainer #textContainer{ max-width:100%; margin: 10px 0 20px 0px; } #outerContainer #contentContainer #textContainer .textItem, #outerContainer #contentContainer #textContainer h1{ padding:0px 20px 0px 20px; } #outerContainer #contentContainer #textContainer #contactForm, #outerContainer #contentContainer #textContainer #RezeptForm{ padding:0px 30px 0px 20px; } #outerContainer #contentContainer #textContainer h1 { font-size:20px; } #outerContainer #contentContainer #textContainer img.BildContent, #outerContainer #contentContainer #textContainer img.Team { width:95% !important; height:auto !important; } #outerContainer #head #headInner { text-align:center; } #outerContainer #head #headInner #logo{ background:transparent; border:0px; -moz-box-shadow: 0 0 0px #999; -webkit-box-shadow: 0 0 0px #999; box-shadow: 0 0 0px #999; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin:auto; } #outerContainer #head #headInner #logo img{ margin-left:0px; } #outerContainer #head #headInner { height:200px; } #footer { } #footer #sprechzeiten, #footer #footnotes { background-image:none; margin-right:0px; padding-left:0px; padding-right:0px; width:55%; } #outerContainer #contentContainer #naviContainer { display:none; } #outerContainer #contentContainer #naviContainerMobile { display:block; } #footNavi { font-size:10px; display:none; } } @media (max-width: 549px) { #footer { text-align:left; } #footer #sprechzeiten, #footer #footnotes { width:auto; padding:0 20px; } #footNavi { overflow:hidden; width:95%; } } @media (max-width: 379px) { img.Portrait{ float:none !important; display:block; margin-left:auto; margin:auto !important; margin-bottom: 20px !important; } } @media (max-width: 269px) { } .bx-wrapper { position: relative; margin: 0; padding: 0; *zoom: 1; } .bx-wrapper img { display: block; } .bx-wrapper .bx-viewport { width:550px !important; border: 5px solid #fff; border-top:0px; left: 5px; top:0px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0px; width: 100%; } .bx-wrapper .bx-loading { min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } .bx-wrapper .bx-pager { position:absolute; text-align: right; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; bottom: 20px; right:20px; z-index:999; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #ccc; text-indent: -9999px; display: block; font-size:0; width: 6px; height: 6px; margin: 0 4px; outline: 0; border:1px solid #fff; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #b2282a; } .bx-wrapper .bx-prev { left: 10px; background: url(images/controls.png) no-repeat 0 -32px; } .bx-wrapper .bx-next { right: 10px; background: url(images/controls.png) no-repeat -43px -32px; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } @media (max-width: 976px) { .bx-wrapper .bx-viewport { max-width: 450px; } } @media (max-width: 871px) { .bx-wrapper .bx-viewport { max-width: 350px; } } @media (max-width: 767px) { #bild { display:none !important; } } @media (max-width: 549px) { } @media (max-width: 379px) { } @media (max-width: 269px) { } @charset "UTF-8"; #naviInner { position:relative; z-index:5001; } #naviInner ul { width:248px; margin:20px 20px; padding:0; } #naviInner ul li{ list-style-type:none; padding:0; margin:0; height:36px; } #naviInner ul li a{ line-height:35px; display:block; padding:0 10px; border-top:1px solid #aaa; text-decoration:none; font-size:16px; } #naviInner ul li:first-child a{ border-top:0px; } #naviInner ul li a.active{ color:#b2282a; } #naviInner ul li a:hover{ color:#b2282a; text-decoration:underline; } #naviInner ul li a.active:before { content:''; } #naviInner ul li.navmainStandardLevel_2{ height:30px; } #naviInner ul li.navmainStandardLevel_2 a{ line-height:30px; padding:0 10px 0 25px; font-size:15px; } #naviInner ul li.navmainStandardLevel_3{ height:30px; } #naviInner ul li.navmainStandardLevel_3 a{ line-height:30px; padding:0 10px 0 40px; font-size:15px; } .white a { font-weight:normal; color:#fff; text-transform:uppercase; } .white ul.mega-menu, .white ul.mega-menu, .white ul.mega-menu li {margin: 0; padding: 0; border: none; } .white ul.mega-menu {background: transparent; position: relative;} .white ul.mega-menu {background: #fff; position: relative; height:40px; border-bottom:1px solid #aaa; border-top:1px solid #aaa; margin-top:-1px;} .white ul.mega-menu li {display:inline-block; margin: 0; padding: 0; font-size: 15px; font-weight: bold;} .white ul.mega-menu li a {display: block; color: #555; padding: 12px 20px 12px 20px; margin-bottom:0px; background: transparent; text-decoration: none;} @media (max-width: 976px) { .white ul.mega-menu li { font-size: 13px;} .white ul.mega-menu li a {padding: 12px 10px 12px 10px; } } .flexnav { -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; -webkit-transform-style: preserve-3d; overflow: hidden; margin: 0; padding:0; max-height: 0; } .flexnav.opacity { opacity: 0; } .flexnav.show { max-height: 2000px; opacity: 1; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .flexnav.one-page { position: fixed; top: 50px; right: 5%; max-width: 200px; } .flexnav li { font-size: 100%; position: relative; overflow: hidden; list-style: none; } .flexnav li a { position: relative; display: block; padding: 0px 10px; z-index: 2; overflow: hidden; line-height: 40px; text-decoration: none; color: #222222; background: #E2E2E2; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .flexnav li ul { padding:0 20px; margin:0px; width:100%; } .flexnav li ul li { font-size: 100%; position: relative; overflow: hidden; padding:0px; margin:0px; } .flexnav li ul.show li { overflow: visible; } .flexnav li ul li a { display: block; background: #EAEAEA; } .flexnav ul li ul li a { background: #F2F2F2; } .flexnav ul li ul li ul li a { background: #cbcbc9; } .flexnav .touch-button { position: absolute; z-index: 999; top: 0; right: 0; width: 30px; height: 40px; display: inline-block; background: #acaca1; background: rgba(0, 0, 0, 0.075); text-align: center; } .flexnav .touch-button:hover { cursor: pointer; } .flexnav .touch-button .navicon { position: relative; top: 6px; font-size: 14px; line-height: 16px; color: #666; } .menu-button { position: relative; display: block; color: #fff; cursor: pointer; } .menu-button a{ font-size:14px; color: #fff; font-weight:bold; margin-top:-2px; } .menu-button.one-page { position: fixed; top: 0; right: 5%; padding-right: 45px; } .mobile .mega-menu a, .mobile .mega-menu a:hover { padding: 12px 0px 12px 10px !important; text-shadow: 1px 1px 1px #FFF !important; background-position: left top !important; border: 0px none !important; } .menu-button .touch-button { background: transparent; position: absolute; z-index: 999; top: 0; right: 0; width: 34px; height: 50px; display: inline-block; text-align: center; } .menu-button .touch-button .navicon { position: relative; top: 11px; font-size: 16px; color: #666; } .oldie body.one-page { padding-top: 70px; } .oldie .flexnav { overflow: visible; } .oldie .flexnav.one-page { top: 0; right: auto; max-width: 1080px; } .oldie .flexnav li { position: relative; list-style: none; float: left; display: block; background-color: #a6a6a2; width: 20%; min-height: 50px; overflow: visible; } .oldie .flexnav li:hover > ul { display: block; width: 100%; overflow: visible; } .oldie .flexnav li:hover > ul li { width: 100%; float: none; } .oldie .flexnav li a { border-left: 1px solid #acaca1; border-bottom: none; overflow: visible; } .oldie .flexnav li > ul { background: #acaca1; position: absolute; top: auto; left: 0; display: none; z-index: 1; overflow: visible; } .oldie .flexnav li ul li ul { top: 0; } .oldie .flexnav li ul li a { border-bottom: none; } .oldie .flexnav li ul.open { display: block; width: 100%; overflow: visible; } .oldie .flexnav li ul.open li { width: 100%; } .oldie .flexnav li ul.open ul.open { margin-left: 100%; top: 0; display: block; width: 100%; overflow: visible; } .oldie .flexnav ul li:hover ul { margin-left: 100%; top: 0; } .oldie .menu-button { display: none; } .oldie.ie7 .flexnav li { width: 19.9%; } @charset "UTF-8"; #textContainer h1{ color: #b2282a; font-size:22px; } #textContainer h2{ color: #b2282a; font-size:16px; } #textContainer .textItem, #textContainer .textItem p { font-size:16px; line-height:1.5; } .textItem .Frage.Grade, .textItem .Antwort.Grade { } .textItem .Frage { cursor:pointer; font-weight:bold; padding:10px 10px 10px 10px ; color:#b2282a; border-top:2px dotted #999; } .textItem .Frage:before { content:'› '; } .FAQ { height:40px; overflow:hidden; } .textItem .Antwort { padding:0 20px 10px 50px ; } img.Portrait{ float:right; width:210px; height:auto; margin-left:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; border:5px solid #fff; } img.BildContent{ margin-left:0px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; border:5px solid #fff; } img.BildContentRight{ margin-left:10pxpx; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; border:5px solid #fff; float:right; } .textItem iframe{ margin-left:0px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; border:5px solid #fff; } input { font-size:14px; } #RezeptForm { font-size:14px; line-height:1.4; margin:20px 0px 0 0px; } #RezeptForm .contactRow { margin:7px 0; } #RezeptForm .contactRow input { border:0; border:1px solid #aaa; color:#000; background:#fff; padding-bottom:4px; padding-top:6px; padding-left:5px; } #RezeptForm .contactRow input.lang { max-width:550px; width:100%; } #RezeptForm .contactRow textarea { border:0; border:1px solid #aaa; max-width:545px; width:100%; height:150px; background:#fff; padding-bottom:4px; padding-top:6px; padding-left:5px; padding-right:5px; color:#000; font-size:14px; } * html #RezeptForm .contactRow input, * html #RezeptForm .contactRow textarea { width:545px; font-size:14px; } #RezeptFormSubmit #RezeptFormSubmitLeft { float:left; margin:0 0 0 0px; width:250px; } * html #RezeptFormSubmit #RezeptFormSubmitLeft { margin:0 0 0 26px; } #RezeptFormSubmit #RezeptFormSubmitRight { float:right; width:190px; padding-right:0px; color:#8a2338; } @charset "UTF-8"; .SprechzRow { color:#fff; font-size:12px; } .SprechzRow h3 { color:#fff; font-weight:bold; } .SprechzRow .Tag,.SprechzRow .Vorm, .SprechzRow .Trenner, .SprechzRow .Nachm{ float:left; color:#fff; } .SprechzRow .Tag { width:90px; } .SprechzRow .Trenner{ margin:0 5px; } @charset "UTF-8"; #footer h3{ color:#fff; font-weight:bold; font-size:12px; } #footer p{ color:#fff; font-size:12px; } #footer #footNavi ul#metaNavigation { margin:0 0 20px 0; padding:0; } #footer #footNavi ul#metaNavigation li { margin:0; padding:0 1px 0 5px; display:inline; border-left:0px solid #D7D7D6; } #footer #footNavi ul#metaNavigation li a { color:#fff; font-size:12px; text-decoration:none; } #footer #footNavi ul#metaNavigation li a:before { margin-right:10px; content:'·'; } #footer #footNavi ul#metaNavigation li:first-child a:before { content:''; }