/* ----- Farben --------*/ .farbedunkel { color: #006666 } .farbe { color: #009999 } .farbehell { color: #66c2c2 } .farbehellhell { color: #ccebeb } .farbe2 { color: #0066cc } .farbe2hell { color: #cce0f5 } .grau { color: #666666 } .weiss { color: #ffffff } .schwarz { color: #000000 } .bgfarbe { background-color: #009999 } .bgfarbehell { background-color: #ccebeb } .bgfarbe2 { background-color: #0066cc } .bgfarbe2hell { background-color: #cce0f5 } .bggrau { background-color: #666666 } .bgweiss { background-color: #ffffff } .bgschwarz { background-color: #000000 } .zertifikate { margin: 20px 0 5px 30px; } #container { margin: 0; padding: 0; width: 760px; } #header { position: relative; display:block; width:760px; height:180px; margin: 0; padding: 0; overflow: hidden; } #headerleft { float:left; width: 313px; height:180px; display: inline; margin: 0; padding: 12px 0 0; background-image: url(../_grafiken/logo_schmerzzentrum.jpg) } #headerright { float:left; display: inline; margin: 0; padding: 0; width: 447px } #logolink { position: absolute; top: 85px; left: 175px; width: 50px; height: 50px; margin: 0; padding: 0; background-color: transparent; } .nav { float:left; display: block; margin: 0; padding: 0; width: 201px } #navraum { float:right; display: block; margin: 0; padding: 0; width: 30px; height: 6px; border-top: 1px solid #009999; } #content { float:right; display:block; margin: 0 5px 0 0; padding: 0; width:532px; text-align: left } * html #content { margin: 0 3px 0 0; width: 532px; } #footer { position: relative;/* Needed for Safari */ display:block; width:760px; height:40px; margin: 0; padding: 0; background-color: #ffffff; } #adresse { float:right; display:inline; margin: 0; padding: 5px 0; width:537px; text-align: left; border-top: 1px solid #009999; } #navunten { float:left; display: block; margin: 0; padding: 5px 0; width: 201px; text-align: left; border-top: 1px solid #009999; } /* ----- Allgemeine Formatierungen--------*/ /* Abst 0nde aller Elemente auf Null setzen + weitere Formatierungen */ body { background-image: url(../_grafiken/desktop.jpg); background-repeat: repeat-y; } html, body { font-size: 14px } html, body, div, p, h3, h4, h5, ul, ol, li, span, a, form, img, input, table, td, th, sup, samp { font-family: Verdana, Arial, Helvetica, sans-serif; } h1, h2, h1 a, h2 a { font-family: Times, "Times New Roman", serif; font-weight: normal } html, body, div, p, h1, h2, h3, h4, h5, ul, ol, li, span, form, img, input { margin: 0; padding: 0; } h1 { font-size: 17px; font-weight: normal; color: #009999; word-spacing: 0; letter-spacing: 1px; margin: 0 0 0.5em; line-height: 1.1em; } h2 { font-size: 17px; font-weight: normal; color: #009999; word-spacing: 0; letter-spacing: 1px; margin:1em 0 0.5em; line-height: 1.1em; } h3 { font-size: 13px; font-weight: bold; color: #009999; margin:1em 0 0.3em } h4 { font-size: 12px; font-weight: bold; color: #666666; margin:1em 0 0 } h5 { font-size: 11px; font-weight: normal; color: #000000; margin:0 } p, ul, ol, table, tr, th, td { font-size:12px; color:#333333 } sup { font-size: 0.7em; line-height: 0; } sub { font-size: 0.7em; line-height: 0; } samp { color: #666666; font-size: 80%; vertical-align: 20%; font-weight: bold } input { font-size: 12px; font-weight: bold; color: #095ba6 } hr { background-color:#009999; /* Mozilla 1.4 */ color:#009999; /* IE 6 */ border: none; /* Opera 7.11 */ height: 2px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */ } .hrweiss { background-color:#ffffff; color:#ffffff; border: none; height: 3px; } /* Klassen allgemein */ .clearing { height: 0; clear: both; } .l { text-align: left } .c { text-align: center; } .cc{ text-align: center; margin-left: auto; margin-right: auto; } .r { text-align: right } .floatrechts { float:right; padding:0; margin: 0 0 10px 10px; display:inline; width: 266px; } .floatrechts1 { float:right; padding:0; margin: 0 0 10px 10px; display:inline; width: 130px; } .spalte0 { float:left; padding:0; margin: 0; display:inline; width: 532px; } .spalte1 { float:left; padding:0 5px 0 0; margin: 0; display:inline; width: 261px; } * html .spalte1 { width: 261px } .spalte2 { float:left; padding:0; margin: 0; display:inline; width: 266px; } .spalte3 { float:left; padding:0 5px 0 0; margin: 0; display:inline; width: 397px; } * html .spalte3 { width: 397px } .spalte4 { float:left; padding:0; margin: 0; display:inline; width: 130px; } .portraitbild { float:left; margin: 0 0 6px; padding:0; display:inline; width: 130px; height: 130px; } .portraittext { float:left; margin: 0; padding:5px; display:inline; width: 118px; height: 118px; border: solid 1px #009999 } * html .portraittext { width: 118px; height: 118px; } .portraittext h3 { font-size: 12px; font-weight: bold; color: #009999; margin:0; padding:0 } .portraittext p { font-size: 10px; margin:0.3em 0 0 0; padding:0 } .floatleft { float:left } .floatright { float:right } /** Tabellen */ table h3 { margin-top:0.0em; margin-bottom: 0.0em; padding:0; } table h4 { margin-top:0.0em; margin-bottom: 0.0em; padding:0; } table p { margin-top:0.0em; margin-bottom: 0.0em; padding:0; } /* Tabellen neutral */ table { margin: 0px; border-collapse: collapse; width:auto; } table tr { border: none; } table th { padding: 0.5em 0.5em 0.1em 0em; vertical-align:top; font-size: 12px; text-align:left; border-style: solid; } table td { padding: 0.2em 0.5em 0.1em 0em; vertical-align:top; font-size: 12px; border-style: solid; } table th { border-color: #999999; border-width: 1px 0px; background: #eeeeee; } table td { border-color: #999999; border-width: 0px 0px; background: #ffffff; } table table { border-collapse: collapse; } table table tr { border: none; } table table td { padding: 0 0.5em 0 0; vertical-align:top;} /* Tabellen kompress */ table.kompress th { padding: 0.0em 0.5em 0.2em 0em; } table.kompress td { padding: 0.0em 0.5em 0.0em 0em; } table.kompress th { border-color: #999999; border-width: 1px 0px; background: #eeeeee; } table.kompress td { border-color: #999999; border-width: 0px 0px; background: #ffffff; } /* Tabellen Linien waagrecht + senkrecht */ table.linienws th { padding: 0.2em 0.5em 0.1em 0.5em; } table.linienws td { padding: 0.2em 0.5em 0.1em 0.5em; } table.linienws table td { padding: 0 0.5em 0 0; vertical-align:top; } table.linienws th { border-color: #666666; border-width: 1px 1px; background: #eeeeee; border-bottom-color: #666666;} table.linienws td { border-color: #666666; border-width: 1px 1px; background: #ffffff; } a:link { color: #009999 } a:visited { color: #009999 } a:hover { color: #006666 } a:active { color: #009999 } .more { background: url(pfeile/more.gif) no-repeat left center; display: block; margin:0; padding: 0 0 0 10px; text-decoration: none; } a:hover.more { background: url(pfeile/more_o.gif) no-repeat left center; } /* Content */ p { margin-top:0.7em; line-height: 1.3em; } h4 { line-height: 1.3em; } li { margin-top:0.2em; line-height: 1.3em; } ul { list-style-type: disc; margin: 0.5em 0 0.3em; padding-left: 1.3em; border: none } ol { list-style-type: decimal; margin: 0.5em 0 0.3em; padding-left: 2.5em; border: none } #marginalien { margin: 30px 0 5px; padding: 3px; border: solid 1px #009999 } #marginalien td { padding: 3px } #marginalien samp { } /* Bilder / Legende */ img { display:block; } /* für IE - senkrechter Abstand */ .legende { color: #333333; font-weight: bold; font-size: 11px; margin: 0; padding: 5px 0 5px 5px; border-left: 1px solid #009999; } .legendetext { color: #333333; font-weight: normal; font-size: 11px; margin: 0; padding: 5px 0 5px 5px; border-left: 1px solid #009999; } .legendebild { color: #333333; font-weight: bold; font-size: 11px; margin: 0; padding: 0 0 5px 5px; border-left: 1px solid #009999; } .legendelinie { float:left; display:block; width:30px; height:1px; margin: 0; padding: 0; background-color: #009999; overflow: hidden; } .bilderrahmen { border: solid 1px #009999; } /* Webklinik */ .webklinik { float:right; padding:0; margin: 0 0 10px 10px; display:inline; width: 200px; } .webklinik h3 { font-weight: bold; font-size: 11px; color: #333333 } .webklinik a { font-weight: normal; font-size: 11px; } .webklinik h3 { margin: 0; padding: 0 0 0 5px; border-left: 1px solid #009999; } .webklinik ul { margin: 0; padding: 0.8em 0 0 5px; border-left: 1px solid #009999; } .webklinik ul ul { margin: 0; padding: 0.5em 0 0 0; border-left: 0px solid #009999; } .webklinik ul li.weitere { padding-top: 0.5em; display: block; } .webklinik ul { list-style-type: none; list-style-image: none; } .webklinik ul li.weitere ul { display: none; } .webklinik ul li.weitere:hover ul { display: block; } .webklinik ul li { padding: 0 0 0.5em 0; margin: 0; } .webklinik ul li ul li { padding: 0 0 0.2em 0; margin: 0; } /* #content .legendetitel { color: #009999; font-weight: bold; font-size: 12px; margin:0; padding: 5px 0 0 0 } #content .legendetext { color: #000; font-weight: normal; font-size: 11px; margin:0; padding: 3px 0 0 0 } #content .autor { font-style: italic; font-weight: bold; font-size: 12px; margin-top: 0px; margin-bottom: 10px } #content .pressedatum { font-size: 11px; margin-top: 0px; color: #009999 } */ #faqlinks td { color: #095ba6; font-size: 12px; margin: 0; padding:2px; background-color: #d9eaeb } #linkliste td { padding: 6px 0 0 } #linkliste h3, #linkliste p { margin: 0 0 0.2em } form td { color: #000000; font-size: 12px; margin: 0; padding:4px; background-color: #d9eaeb } form h4 { margin:0; } /* Weiterbildung */ .weiterbildung { margin-bottom:5px; padding:5px; background-color: #ffffff ; border: solid 5px #ccebeb; } .weiterbildung h1 { margin: 0 0 0.4em ! important } .weiterbildung h2 { margin: 0.3em 0 0.4em ! important } .weiterbildung h3 { font-size: 13px; font-weight: bold; color: #009999; margin:0.3em 0 0.2em ! important } .weiterbildung h4 { font-size: 12px; font-weight: bold; color: #666666; margin:0.3em 0 0.2em ! important } .weiterbildung h5 { font-size: 12px; font-weight: bold; color: #000000; margin:0.3em 0 0.2em ! important } .weiterbildung p { margin:0.2em 0 ! important } .weiterbildung li { margin:0.2em 0 0 ! important } .weiterbildung ul { margin:0.1em 0 0.2em ! important } .weiterbildung a.more { background: url(pfeile/more.gif) no-repeat left center; display: block; margin:0; padding: 0 0 0 14px; text-decoration: none; } .weiterbildung a:hover.more { background: url(pfeile/more_o.gif) no-repeat left center; } .stellenangebote h2 a { text-decoration: none; } /* Newsteaser (z.B. Öffentlichkeitsarbeit Dr. Klostermann) */ .newsteaser { } .newsteaser h3 { font-size: 13px; font-weight: bold; color: #009999; margin:0.3em 0 0.2em } .newsteaser h4 { font-size: 12px; font-weight: normal; color: #000000; margin:0.3em 0 0.2em } .newsteaser h5 { font-size: 12px; font-weight: normal; color: #666666; margin:1.5em 0 0.2em } .newsteaser p { margin:0.2em 0 } /* 10th anniversary */ /* Sponsoren Liste mit grossen Logos */ .sponsoren-10th-anniversary { position: relative; z-index: 99; margin-top: 20px; } .sponsoren-10th-anniversary ul { list-style-type: none; } .sponsoren-10th-anniversary a { position: absolute; z-index: 100; display: block; border: 0px solid red; } .sponsoren-10th-anniversary a { background: url(../_bg/nix.gif); } /* IE Fix */ .sponsoren-10th-anniversary a.mundi { left: 000px; top: 00px; width: 200px; height: 110px; } .sponsoren-10th-anniversary a.sqpc { left: 220px; top: 00px; width: 177px; height: 94px; } .sponsoren-10th-anniversary a.boston { left: 0px; top: 162px; width: 100px; height: 41px; } .sponsoren-10th-anniversary a.janssen { left: 105px; top: 160px; width: 215px; height: 052px; } .sponsoren-10th-anniversary a.pfizer { left: 325px; top: 150px; width: 125px; height: 065px; } .sponsoren-10th-anniversary a.philips { left: 0px; top: 215px; width: 115px; height: 040px; } .sponsoren-10th-anniversary a.sono { left: 112px; top: 215px; width: 195px; height: 040px; } .sponsoren-10th-anniversary a.vifor { left: 315px; top: 215px; width: 190px; height: 040px; } .sponsoren-10th-anniversary a.trb { left: 000px; top: 266px; width: 170px; height: 035px; } .sponsoren-10th-anniversary a.biomed { left: 000px; top: 333px; width: 60px; height: 045px; } .sponsoren-10th-anniversary a.bracco { left: 074px; top: 333px; width: 60px; height: 045px; } .sponsoren-10th-anniversary a.dermapharm { left: 145px; top: 333px; width: 130px; height: 045px; } .sponsoren-10th-anniversary a.essex { left: 286px; top: 333px; width: 130px; height: 045px; } .sponsoren-10th-anniversary a.gebro { left: 000px; top: 400px; width: 125px; height: 040px; } .sponsoren-10th-anniversary a.gruenenthal { left: 125px; top: 390px; width: 100px; height: 050px; } .sponsoren-10th-anniversary a.labor { left: 228px; top: 385px; width: 135px; height: 065px; } .sponsoren-10th-anniversary a.sigma { left: 357px; top: 400px; width: 93px; height: 033px; } .sponsoren-10th-anniversary a.sintetica { left: 000px; top: 460px; width: 120px; height: 040px; } .sponsoren-10th-anniversary a.liftac { left: 133px; top: 460px; width: 70px; height: 040px; } .sponsoren-10th-anniversary a.nycomed { left: 232px; top: 460px; width: 75px; height: 050px; } /* Sponsoren Liste mit kleinen Logos */ .sponsoren-10th-anniversary-klein { position: relative; z-index: 99; } .sponsoren-10th-anniversary-klein ul { list-style-type: none; } .sponsoren-10th-anniversary-klein a { position: absolute; z-index: 100; display: block; border: 0px solid grey; } .sponsoren-10th-anniversary-klein a { background: url(../_bg/nix.gif); } /* IE Fix */ .sponsoren-10th-anniversary-klein a.mundi { left: 12px; top: 17px; width: 92px; height: 50px; } .sponsoren-10th-anniversary-klein a.sqpc { left: 5px; top: 67px; width: 105px; height: 45px; } .sponsoren-10th-anniversary-klein a.boston { left: 110px; top: 28px; width: 45px; height: 25px; } .sponsoren-10th-anniversary-klein a.janssen { left: 154px; top: 28px; width: 95px; height: 25px; } .sponsoren-10th-anniversary-klein a.pfizer { left: 250px; top: 28px; width: 40px; height: 25px; } .sponsoren-10th-anniversary-klein a.philips { left: 290px; top: 28px; width: 50px; height: 25px; } .sponsoren-10th-anniversary-klein a.sono { left: 340px; top: 28px; width: 90px; height: 25px; } .sponsoren-10th-anniversary-klein a.vifor { left: 425px; top: 28px; width: 86px; height: 25px; } .sponsoren-10th-anniversary-mittel a.trb { left: 495px; top: 28px; width: 86px; height: 25px; } .sponsoren-10th-anniversary-klein a.biomed { left: 110px; top: 56px; width: 33px; height: 22px; } .sponsoren-10th-anniversary-klein a.bracco { left: 144px; top: 56px; width: 30px; height: 22px; } .sponsoren-10th-anniversary-klein a.dermapharm { left: 178px; top: 56px; width: 53px; height: 22px; } .sponsoren-10th-anniversary-klein a.essex { left: 237px; top: 56px; width: 50px; height: 22px; } .sponsoren-10th-anniversary-klein a.gebro { left: 297px; top: 56px; width: 57px; height: 22px; } .sponsoren-10th-anniversary-klein a.gruenenthal { left: 363px; top: 56px; width: 42px; height: 22px; } .sponsoren-10th-anniversary-klein a.labor { left: 411px; top: 51px; width: 59px; height: 30px; } .sponsoren-10th-anniversary-klein a.sigma { left: 113px; top: 79px; width: 42px; height: 19px; } .sponsoren-10th-anniversary-klein a.sintetica { left: 163px; top: 79px; width: 47px; height: 19px; } .sponsoren-10th-anniversary-klein a.liftac { left: 222px; top: 79px; width: 54px; height: 19px; } .sponsoren-10th-anniversary-klein a.nycomed { left: 290px; top: 77px; width: 38px; height: 21px; } /* Sponsoren Liste mit mittleren Logos */ .sponsoren-10th-anniversary-mittel { position: relative; z-index: 99; } .sponsoren-10th-anniversary-mittel ul { list-style-type: none; } .sponsoren-10th-anniversary-mittel a { position: absolute; z-index: 100; display: block; border: 0px solid green; } .sponsoren-10th-anniversary-mittel a { background: url(../_bg/nix.gif); } /* IE Fix */ .sponsoren-10th-anniversary-mittel a.mundi { left: 5px; top: 12px; width: 111px; height: 66px; } .sponsoren-10th-anniversary-mittel a.sqpc { left: 126px; top: 12px; width: 111px; height: 66px; } .sponsoren-10th-anniversary-mittel a.boston { left: 5px; top: 88px; width: 68px; height: 30px; } .sponsoren-10th-anniversary-mittel a.janssen { left: 81px; top: 88px; width: 144px; height: 30px; } .sponsoren-10th-anniversary-mittel a.pfizer { left: 244px; top: 83px; width: 68px; height: 30px; } .sponsoren-10th-anniversary-mittel a.philips { left: 5px; top: 123px; width: 68px; height: 30px; } .sponsoren-10th-anniversary-mittel a.sono { left: 81px; top: 123px; width: 144px; height: 30px; } .sponsoren-10th-anniversary-mittel a.vifor { left: 237px; top: 123px; width: 124px; height: 30px; } .sponsoren-10th-anniversary-mittel a.trb { left: 380px; top: 123px; width: 132px; height: 30px; } .sponsoren-10th-anniversary-mittel a.biomed { left: 3px; top: 172px; width: 40px; height: 30px; } .sponsoren-10th-anniversary-mittel a.bracco { left: 52px; top: 172px; width: 40px; height: 30px; } .sponsoren-10th-anniversary-mittel a.dermapharm { left: 101px; top: 172px; width: 81px; height: 30px; } .sponsoren-10th-anniversary-mittel a.essex { left: 193px; top: 172px; width: 76px; height: 30px; } .sponsoren-10th-anniversary-mittel a.gebro { left: 285px; top: 172px; width: 86px; height: 30px; } .sponsoren-10th-anniversary-mittel a.gruenenthal{ left: 382px; top: 172px; width: 62px; height: 30px; } .sponsoren-10th-anniversary-mittel a.labor { left: 3px; top: 208px; width: 95px; height: 43px; } .sponsoren-10th-anniversary-mittel a.sigma { left: 108px; top: 215px; width: 63px; height: 30px; } .sponsoren-10th-anniversary-mittel a.sintetica { left: 197px; top: 215px; width: 63px; height: 30px; } .sponsoren-10th-anniversary-mittel a.liftac { left: 284px; top: 215px; width: 52px; height: 30px; } .sponsoren-10th-anniversary-mittel a.nycomed { left: 383px; top: 215px; width: 62px; height: 37px; } /* Nav */ .nav ul { list-style-type: none; margin: 0 0 0 20px; padding:0; clear: both; } .nav ul li { margin:0; padding: 0; display: inline; font-size: 12px; font-weight: bold; line-height: 15px; } .nav ul li a { text-decoration: none; display: block; width: 174px; margin: 0; padding: 2px 0 2px 6px; border-right: 1px none #009999; border-left: 1px none #009999; border-bottom: 1px none #009999; } * html .nav ul li a { width: 174px; } .nav ul li a:link, .nav ul li a:visited { color: #009999; } .nav ul li a:hover { color: #0066cc; background-color: #ccebeb; } /* ENDE Nav */ /* Nav1 */ .nav ul ul { margin: 0; list-style-type: none; clear:both; background-color:#ffffff; border-right: 1px none #009999; border-left: 1px solid #009999; border-bottom: 1px solid #009999; } .nav ul ul li { margin: 0; padding: 0; display: inline; font-size: 12px; font-weight: normal; line-height: 15px; } .nav ul ul li a { text-decoration: none; display: block; margin: 0; padding: 0 0 2px 6px; width: 174px; border: none; } * html .nav ul ul li a { width: 174px; } .nav ul ul li a:link, .nav ul ul li a:visited { color: #009999; } .nav ul ul li a:hover { color: #0066cc; background-color: #ccebeb; } /* ENDE Nav1 */ /* Nav2 */ .nav ul ul ul { margin: 0; list-style-type: none; clear:both; border:solid 0 #009999 } .nav ul ul ul li { margin: 0; padding: 0; display: inline; font-size: 11px; font-weight: normal; line-height: 13px; } .nav ul ul ul li a { text-decoration: none; display: block; margin: 0; padding: 0 0 2px 14px; width: 166px; } * html .nav ul ul ul li a { width: 166px; } .nav ul ul ul li a:link, .nav ul ul ul li a:visited { color: #009999; } .nav ul ul ul li a:hover { color: #0066cc; background-color: #ccebeb; } /* ENDE Nav2 */ .nav .subnav { display: none } /* Footer */ #footer { font-size: 10px; font-weight: normal; line-height: 14px } #navunten ul { list-style-type: none; margin: 0 0 0 28px; padding: 0; font-size: 10px; } #navunten ul li { margin: 0; padding: 0 } #navunten a { text-decoration: none; } /* Content-Abstände */ body .abstand { margin: 5px; } body .rahmen { padding: 5px; } body .top0 { margin-top: 0; } body .top1 { margin-top: 0.3em; } body .top2 { margin-top: 0.5em; } body .top3 { margin-top: 1em; } body .bottom0 { margin-bottom: 0; } body .bottom1 { margin-bottom: 0.3em; } body .bottom2 { margin-bottom: 0.5em; } body .bottom3 { margin-bottom: 1em; }