/* Theme Name: OP Zentrum Berlin Theme URI: http://www.opz-berlin.de/ Version: März 2009 Author: Realdesigns Berlin / Thorsten Kienemann Website: http://www.realdesigns.de */ * {padding:0;margin:0} img {border:none; padding-right:10px; margin-bottom:10px; } div, p, ul, li, form, label, input, textarea, select, h1, h2, h3, h4, h5, h6, table, tr, td {font-family: Arial, verdana, sans-serif;color:#000000;} /* Body */ body {background: url(images/bg_site.jpg) repeat-x top left #ffffff} #inhalt {margin:0 auto 0 auto;width:960px;} #leftpane {width:300px;float:left} #rightpane {width:658px;float:left} /* Headlines */ #content h1 {margin:25px 0 15px 0} #content h2 {font-size:1em; line-height:1.4em;color:#334652; margin:5px 0 20px 0} #content h3 {font-size:0.85em;color:#000000} #footer h1 {text-indent:-5000px;color:#999999; line-height:1.5em;margin:0 0 10px 0} /* Container */ #header {background:url(images/bg_header.jpg) top left repeat-x; height:292px} #arzt_info {background: url(images/arzt_info.png); width:300px;height:110px; border-bottom:1px solid #FFF} #leistungen {background: #E4ECEF;width:300px;height:auto;padding:10px 0 10px 0px;overflow:auto;border-bottom:1px solid #FFF} #team {background: #F0F4F7;width:300px;height:auto;padding:10px 0 10px 0px;overflow:auto;border-bottom:1px solid #FFF} #find_us {background: #EAEAEA;width:280px;height:auto;padding:10px 0 15px 20px;overflow:auto} #logo {width:300px;height:195px; background:#334652;border-bottom:1px solid #FFF} /*#logo img {margin:25px 0 0 40px;} */ .teaser {width:660px; height:115px;} * html .teaser {margin-bottom:-3px} #content {background:#FFF;width:618px;min-height:500px;max-height:1000px;overflow: auto;padding:5px 22px 20px 20px} #content p {font-size:0.80em;line-height:1.5em;letter-spacing: 0.3px;} #find_us p {font-size:0.80em;line-height:1.5em;padding:10px 0 0 0} .infobox {width:auto;background:#EAEAEA;padding:15px;margin:20px 0 20px 0} .liste_zahlen {list-style-type:decimal; font-size:0.80em;line-height:1.5em;padding:15px 0 0 16px} .liste_zahlen li {margin-bottom:12px} .liste_standard {list-style-type:disc; font-size:0.80em;line-height:1.5em;padding:15px 0 0 16px} .liste_standard li {margin-bottom:12px} .liste_standard_2 {list-style-type:disc; font-size:0.80em;line-height:1.5em;padding:4px 0 0 16px} .liste_standard_2 li{margin-bottom:4px} /* Footer */ #footer {height:auto; width:auto;float:right;margin:10px 0 25px 0} #footer p {font-size:0.70em;line-height:1.5em; margin-top:30px;} #footer a:link, #footer a:visited {color:#000000; text-decoration:none} #footer a:hover {color:#000000; text-decoration:underline} /* Table */ th {font-size:0.80em;padding:5px; padding-right: 50px; font-weight:bold; color:#FFF; background:#9EB5C2; border-collapse:collapse; text-align:left} td {font-size:0.70em;padding:5px; border-bottom: 1px solid #9EB5C2;border-collapse:collapse} /* grafische Überschriften */ h1 .find_us {/*position: relative;fuer IE*/ display: block; background-image: url(images/h1_left_find_us.gif); background-repeat: no-repeat; width: 140px; height: 20px; margin-top: -25px; z-index: 550;} h1 .team {/*position: relative;fuer IE*/ display: block; background-image: url(images/h1_left_team.gif); background-repeat: no-repeat; width: 100px; height: 20px; margin-top: -25px; z-index: 550;margin-left:20px} h1 .leistungen {/*position: relative;fuer IE*/ display: block; background-image: url(images/h1_left_leistungen.gif); background-repeat: no-repeat; width: 155px; height: 20px; margin-top: -25px; z-index: 550;margin-left:20px} h1 .willkommen {/*position: relative;fuer IE*/ display: block; background-image: url(images/h1_willkommen.gif); background-repeat: no-repeat; width: 265px; height: 20px; margin-top: -20px; z-index: 550;} h1 .was_ist_ein_opz {/*position: relative;fuer IE*/ display: block; background-image: url(images/h1_was_ist_ein_opz.gif); background-repeat: no-repeat; width: 325px; height: 20px; margin-top: -20px; z-index: 550;} h1 .ambulantes_operieren {/*position: relative;fuer IE*/ display: block; background-image: url(images/h1_ambulantes_operieren.png); background-repeat: no-repeat; width: 570px; height: 20px; margin-top: -20px; z-index: 550;} h1 .vollnarkose {/*position: relative;fuer IE*/ display: block; background-image: url(images/h1_vollnarkose.gif); background-repeat: no-repeat; width: 310px; height: 20px; margin-top: -20px; z-index: 550;} h1 .narkose_komplikationen {/*position: relative;fuer IE*/ display: block; background-image: url(images/h1_narkose_komplikationen.gif); background-repeat: no-repeat; width: 460px; height: 42px; margin-top: -42px; z-index: 550;} h1 .ablauf_ambulante_op {/*position: relative;fuer IE*/ display: block; background-image: url(images/h1_ablauf_ambulante_op.gif); background-repeat: no-repeat; width: 390px; height: 20px; margin-top: -20px; z-index: 550;} h1 .ablauf_op_tag {/*position: relative;fuer IE*/ display: block; background-image: url(images/h1_ablauf_op_tag.gif); background-repeat: no-repeat; width: 300px; height: 20px; margin-top: -20px; z-index: 550;} h1 .narkose_kinder {/*position: relative;fuer IE*/ display: block; background-image: url(images/h1_narkose_kinder.gif); background-repeat: no-repeat; width: 365px; height: 20px; margin-top: -20px; z-index: 550;} h1 .schmerzbehandlung {/*position: relative;fuer IE*/ display: block; background-image: url(images/h1_schmerzbehandlung.gif); background-repeat: no-repeat; width: 250px; height: 20px; margin-top: -20px; z-index: 550;} h1 .sicherheit {/*position: relative;fuer IE*/ display: block; background-image: url(images/h1_sicherheit.gif); background-repeat: no-repeat; width: 120px; height: 20px; margin-top: -20px; z-index: 550;} h1 .operationskatalog {/*position: relative;fuer IE*/ display: block; background-image: url(images/h1_operationskatalog.gif); background-repeat: no-repeat; width: 220px; height: 20px; margin-top: -20px; z-index: 550;} h1 .sprechzeiten {/*position: relative;fuer IE*/ display: block; background-image: url(images/h1_sprechzeiten.gif); background-repeat: no-repeat; width: 220px; height: 20px; margin-top: -20px; z-index: 550;} h1 .so_finden_sie_uns {/*position: relative;fuer IE*/ display: block; background-image: url(images/h1_so_finden_sie_uns.gif); background-repeat: no-repeat; width: 220px; height: 20px; margin-top: -20px; z-index: 550;} h1 .nutzungsbedingungen {/*position: relative;fuer IE*/ display: block; background-image: url(images/h1_nutzungsbedingungen.gif); background-repeat: no-repeat; width: 360px; height: 20px; margin-top: -20px; z-index: 550;} h1 .kontakt_zu_uns {/*position: relative;fuer IE*/ display: block; background-image: url(images/h1_kontakt_zu_uns.gif); background-repeat: no-repeat; width: 200px; height: 20px; margin-top: -20px; z-index: 550;} h1 .kontaktformular {/*position: relative;fuer IE*/ display: block; background-image: url(images/h1_kontaktformular.gif); background-repeat: no-repeat; width: 200px; height: 20px; margin-top: -20px; z-index: 550;} h1 .sicherheit_02 {/*position: relative;fuer IE*/ display: block; background-image: url(images/h1_sicherheit_02.gif); background-repeat: no-repeat; width: 370px; height: 45px; margin-top: -45px; z-index: 550;} h1 .regionalanaesthesie {/*position: relative;fuer IE*/ display: block; background-image: url(images/h1_regionalanaesthesie.gif); background-repeat: no-repeat; width: 445px; height: 45px; margin-top: -45px; z-index: 550;} h1 .faq {/*position: relative;fuer IE*/ display: block; background-image: url(images/h1_faq.gif); background-repeat: no-repeat; width: 245px; height: 20px; margin-top: -20px; z-index: 550;} h1 .datenschutz {/*position: relative;fuer IE*/ display: block; background-image: url(images/h1_datenschutz.gif); background-repeat: no-repeat; width: 245px; height: 20px; margin-top: -20px; z-index: 550;} h1 .op_und_arzt {/*position: relative;fuer IE*/ display: block; background-image: url(images/h1_op_und_arzt.gif); background-repeat: no-repeat; width: 235px; height: 20px; margin-top: -20px; z-index: 550;} h1 .galerie {/*position: relative;fuer IE*/ display: block; background-image: url(images/h1_galerie.gif); background-repeat: no-repeat; width: 185px; height: 20px; margin-top: -20px; z-index: 550;} h1 .raum_galerie {/*position: relative;fuer IE*/ display: block; background-image: url(images/h1_raum_galerie.gif); background-repeat: no-repeat; width: 157px; height: 20px; margin-top: -20px; z-index: 550;} h1 .impressum {/*position: relative;fuer IE*/ display: block; background-image: url(images/h1_impressum.gif); background-repeat: no-repeat; width: 355px; height: 20px; margin-top: -20px; z-index: 550;} h1 .mitarbeiter {/*position: relative;fuer IE*/ display: block; background-image: url(images/h1_mitarbeiter.gif); background-repeat: no-repeat; width: 200px; height: 20px; margin-top: -20px; z-index: 550;} h1 .operateure {/*position: relative;fuer IE*/ display: block; background-image: url(images/h1_operateure.gif); background-repeat: no-repeat; width: 235px; height: 20px; margin-top: -20px; z-index: 550;} h1 .team_aerzte {/*position: relative;fuer IE*/ display: block; background-image: url(images/h1_team_aerzte.gif); background-repeat: no-repeat; width: 355px; height: 20px; margin-top: -20px; z-index: 550;} h1 .stellenangebote {/*position: relative;fuer IE*/ display: block; background-image: url(images/h1_stellenangebote.png);background-repeat: no-repeat; width: 355px; height: 20px; margin-top: -20px; z-index: 550;} h1 .text {position: relative;/*fuer IE*/ display: block; z-index: 500;width: 240px; height: 32px;overflow: hidden;text-indent:-5000px} #copyright {height:200px; background:url(images/bg_copyright.jpg) repeat-x} #copyright p{font-size:0.70em;padding:20px} /* Images */ img.teaser {float:left;margin-right:10px; border:1px solid #CCCCCC;} img.trenner {clear:both;margin:7px 0 5px 0} /* Navigation Main */ #navcontainer {width:660px;height:80px;background:transparent} #nav {height: 80px;list-style: none;margin:0;padding:0;} #nav li {float: left;margin:0;padding:0;height: 80px;overflow: hidden; /* if text-resize, this'll keep the nav the same size */ } #nav li a {display: block;margin:0;padding:0;line-height: 80px;text-indent: -5000px;overflow: hidden;background-position: left top; /* horizontally centers the background image */} #navHome {width: 121px;background: url(images/nav_home.gif) no-repeat;} #navAboutus {width: 111px;background: url(images/nav_about_us.gif) no-repeat;} #navRaum {width: 173px;background: url(images/nav_raumlichkeiten.gif) no-repeat;} #navSprechzeiten{width: 148px;background: url(images/nav_sprechzeiten.gif) no-repeat;} #navKontakt {width: 107px;background: url(images/nav_kontakt.gif) no-repeat;} #nav li a:hover {background-position: 50% -80px;} #nav li a.currentSection, #nav li a.currentSection:hover {background-position: 50% -80px;} /* Navigation Leistungen */ #nav_leistungen {width: 300px;margin-top:6px;overflow:hidden} #nav_leistungen ul {margin-left: 0;padding-left: 0;list-style-type: none;font-size:0.85em;} #nav_leistungen a {display: block;padding: 5px 0 5px 20px;width: 280px;background:transparent} #nav_leistungen a:link, #nav_leistungen a:visited {color: #334653;text-decoration: none;} #nav_leistungen a:hover {background: url(images/nav_arrow.gif) 3% 50% no-repeat #9EB5C2;color: #fff;} #nav_leistungen li a.current {background: url(images/nav_arrow.gif) 3% 50% no-repeat #9EB5C2;color: #fff;} #nav_leistungen li a.current_2 {background: url(images/nav_arrow_2.gif) 7% 50% no-repeat #B8C9D3;color: #fff;} /* Navigation Team */ #nav_team {width: 300px;margin-top:6px;overflow:hidden} #nav_team ul {margin-left: 0;padding-left: 0;list-style-type: none;font-size:0.85em;} #nav_team a {display: block;padding: 5px 0 5px 20px;width: 280px;background:transparent;} #nav_team a:link, #navlist_team a:visited {color: #334653;text-decoration: none;} #nav_team a:hover {background: url(images/nav_arrow.gif) 3% 50% no-repeat #9EB5C2;color: #fff;} #nav_team li a.current {background: url(images/nav_arrow.gif) 3% 50% no-repeat #9EB5C2;color: #fff;} /* Kontaktformular */ .kontakt_form {font-family:Arial, verdana, sans-serif;font-size:0.8em} .kontakt_form label {float: left;width:160px;margin:0 0 5px 0;} .kontakt_form select {width: 260px;padding:3px;margin:3px 0 20px 0;border:1px solid #999999; font-family:Arial, verdana, sans-serif} .kontakt_form input, textarea {width: 263px;margin:0 0 15px 0;padding:3px;border:1px solid #999999;font-family:Arial, verdana, sans-serif} .kontakt_form textarea {width: 263px;height:110px;font-family:Arial, verdana, sans-serif;font-size:inherit} .kontakt_form .boxes {width: 1em} .kontakt_form br {clear: left} .kontakt_form input.btn {padding:4px 0 4px 0;cursor:pointer;background: #E4ECEF;border:1px solid #334652;color:#000000;width:130px;margin:5px 0 0 230px; font-family:Arial, verdana, sans-serif} .kontakt_form input.btnhov {background:#334652;color:#ffffff} .kontakt_form .focus {width: 263px;margin:0 0 15px 0;padding:3px;background: #E4ECEF;border:1px solid #334652} .kontakt_form .blur {width: 263px;margin:0 0 15px 0;padding:3px;background:#ffffff;border:1px solid #cccccc} /* Gallery */ .gallery_pic {width:auto;margin-top:25px;} .gallery_pic a {float: left; margin:0 6px 6px 0; padding:2px; filter: alpha(opacity=60); -moz-opacity: 0.6;} .gallery_pic a:hover{border-color: #334652; filter: alpha(opacity=100); -moz-opacity: 1.0;} .gallery_pic a img {border:0;} /* Hoverbox Code */ .hoverbox {cursor: default;list-style: none} .hoverbox a {cursor: default} .hoverbox a .preview {display: none} .hoverbox a:hover .preview {display: block;position:absolute;top: -33px;left: -45px;z-index: 1} .hoverbox img {width: 120px;height:120px;border:1px solid #CCCCCC} .hoverbox ul {margin:0;padding:0} .hoverbox li {display:inline;float:left;position:relative; margin:3px 0 3px -15px} .hoverbox .preview {border:1px solid #CCCCCC;width: 210px;height: 160px;} /* Links allgemein */ a:link, a:visited {color:#6A0000; text-decoration:none} a:hover {color:#B30101; text-decoration:underline} img a:focus {outline:none} #inhalt #rightpane #content ul{list-style-position: inside; font-size:0.80em;line-height:1.5em;letter-spacing: 0.3px;}