Kontakt

/* ieQ-health Styles 01 Globale Einstellungen 02 Allgemeine Formatierung 03 Globale Klassen 04 Links Formatierung 05 Grundlayout [site, head, speedbar, logo, content-site, footer ] 05.a Navigation 06 Content 06.a Infobox 06.b Kinderseite 07 News 08 Aktionsleiste 09 Gesundheitswelt 09.a GW Startseite 09.b GW Navigation 09.c GW L200 10 Suche 11 Sonstiges 11.a Fancybox 11.b Tooltip 11.c Bildergalerie 11.d Malvorlagen 11.e Terminkalender 11.f Toggler */ /* 01 Globale Einstellungen --------------------------------------------------------------- */ * { margin: 0; padding: 0; border: 0; } html, body { border: 0; margin: 0; padding: 0; } body{ background: #fff url(../scripts/get.aspx?media=/shop/layout/home/kinderwelt-pudenz-bg.jpg) repeat-x; font: normal 12px Arial, Verdana, Helvetica, sans-serif; color: #6f6f6f; } /* 02 Allgemeine Formatierung --------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; padding: 0; } p, ul, ol { margin: 0; padding:0 0 18px 20px; } ul, ol { list-style:none; padding: 0 0 18px 40px; } img { border: 0; } strong{ color: #0e72b5; } dt{ background: url(../scripts/get.aspx?media=/shop/layout/home/pfeil-icon.gif) no-repeat; font-weight: bold; padding-left: 20px; } dd{ margin: 10px 0 20px 30px; padding: 0 10px; } h1{ color: #000; font: bold 14px Comic Sans MS, Arial, Verdana, sans-serif ; margin-bottom: 20px; } h2{ color: #0e72b5; font: bold 14px Comic Sans MS, Arial, Verdana, sans-serif; margin: 0 0 20px 0; padding-left: 20px; } h2.pfeil{ background: url(../scripts/get.aspx?media=/shop/layout/home/pfeil-orange.gif) 0px 5px no-repeat; } h3{ border-bottom: 1px dotted #369de0; color: #369de0; font: normal 12px Arial, Verdana, sans-serif; margin-bottom: 20px; padding-bottom: 5px; } /* 03 Globale Klassen --------------------------------------------------------------- */ .clear { clear:both; } .float-left { float:left; } .float-right { float:right; } .auflistung, .gw_liste{ list-style-image: url(../scripts/get.aspx?media=/shop/layout/home/pfeil-icon.gif); } .auflistung li, .gw_liste li{ margin-bottom: 10px; } .trennlinie{ border-top: 1px dotted #ff00ff; } .content-img-left{ background: #fff; border: 1px dotted #f9c597; float: left; margin: 0 20px 20px 20px; padding: 5px; } .content-img-center{ border: 1px dotted #f9c597; padding: 0px; margin: 0 0 20px 0; background: #fff; } .content-img-right{ background: #fff; border: 1px dotted #f9c597; float: right; margin: 0 0 20px 20px; padding: 5px; } .content-img-right-free{ background: #fff; border: 1px dotted #f9c597; padding: 5px; position: absolute; left: 610px; } .start-img-right{ position: absolute; right: 80px; z-index: 10; } .oeffnungszeiten{ margin-left: 20px; } .oeffnungszeiten strong{ color: #000; } .slogan{ font: bold italic 14px Arial, Verdana, sans-serif ; color: #f9b880; border-bottom: 1px dotted #c5c5c5; padding-left: 10px; text-align: right; margin: 0 0 20px 20px; } /* 04 Links Formatierung --------------------------------------------------------------- */ a, a:visited { color: #0e72b5; font-weight: normal; text-decoration: underline; outline: none; } a:hover{ color: #f08b49; } /* 05 Grundlayout [site, head, speedbar, logo, content-site, footer ] --------------------------------------------------------------- */ #site{ margin: 0px auto; position: relative; width: 840px; } #head-site{ background: url(../scripts/get.aspx?media=/shop/layout/home/kinderwelt-pudenz-head.jpg) no-repeat; height: 249px; } #head-logo{ position: absolute; top: 32px; left: 310px; } #speedbar{ margin: 146px 0 0 39px; float: left; } .speedbar-kontakt{ margin: 0 26px; } #content-site{ width: 820px; margin: 0px auto; background: #fff url(../scripts/get.aspx?media=/shop/layout/home/content-wolken-bg-pudenz.gif) no-repeat; border: 1px solid #e4e4e4; border-top: none; padding-bottom: 40px; min-height:500px; height:auto !important; /* f?r moderne Browser */ height:500px; /*f?r den IE */ } #content-main{ width: 450px; margin: 0 0 0 75px; } #navi-site{ height: 195px; position: relative; z-index: 2; } #zahnfee{ position: absolute; right: 50px; top: 350px; z-index: 1; } #footer-site{ position: relative; font-size: 10px; margin: 10px 0 0 80px; } #footer-schleife{ background: url(../scripts/get.aspx?media=/shop/layout/home/footer-schleife-pudenz.gif) no-repeat; width: 224px; height: 204px; position: absolute; right: -38px; top: -186px; } .maps{ position: absolute; right: 60px; z-index: 3; } /* --------------------------- */ /* >>>>> 05.a Navigation <<<<< */ /* --------------------------- */ #navi_on, #navi_on_eltern{ margin: 0; padding: 0; position: relative; } #navi_on ul, #navi_on_eltern ul { margin: 0; padding: 0; list-style-type:none; } #navi_on li, #navi_on_eltern li { float: left; margin: 0; padding: 0; } #navi_on a, #navi_on_eltern a{ color: #0e72b5; display: block; font: bold 12px Arial, Verdana, Helvetica, sans-serif; text-decoration: none; text-align: center; } #navi_on a:hover, #navi_on_eltern a:hover{ color: #fff; } #navi_on #aktiv, #navi_on_eltern #aktiv{ font-weight: bold; color: #fff; } #navi_on .open, #navi_on_eltern .open{ color: #fff; } /* Ebene 2 */ /* ------- */ #navi_on ul li ul, #navi_on_eltern ul li ul { position:absolute !important; left: 600px !important; top:300px; z-index: 20; } #navi_on ul li ul li, #navi_on_eltern ul li ul li { clear: both; padding:0; } #navi_on ul ul a, #navi_on_eltern ul ul a{ background: none !important; padding: 5px !important; width: 180px !important; position: static !important; border-bottom: 1px dotted #878787; text-align: left; } #navi_on ul ul a:hover, #navi_on_eltern ul ul a:hover{ padding: 5px; width: 180px; position: static !important; border-bottom: 1px dotted #878787; text-align: left; left: 530px; top: 0px; color: #545454; font-weight: bold; background: #e9f4fb; } #navi_on ul ul #aktiv, #navi_on_eltern ul ul #aktiv{ padding: 5px; width: 180px; position: static !important; border-bottom: 1px dotted #878787; text-align: left; left: 530px; top: 0px; color: #545454; background: #e9f4fb; } #navi_on ul ul ul .open, #navi_on_eltern ul ul .open{ color: #05518d; } /* Ebene 3 */ /* ------- */ #navi_on_eltern .il_tree_ul_3{ position: static !important; } #navi_on_eltern .il_tree_ul_3 a{ font-weight: normal; background: url(../scripts/get.aspx?media=/shop/layout/home/pfeil-icon.gif) 6px 50% no-repeat !important; padding-left: 20px !important; width: 165px !important; } #navi_on_eltern .il_tree_ul_3 #aktiv{ font-weight: bold; background: url(../scripts/get.aspx?media=/shop/layout/home/pfeil-icon.gif) 6px 50% no-repeat; padding-left: 20px; } /* Ebene 4 */ /* ------- */ #navi_on_eltern .il_tree_ul_4{ position: static !important; } #navi_on_eltern .il_tree_ul_4 a{ font-weight: normal; background: url(../scripts/get.aspx?media=/shop/layout/home/pfeil-icon.gif) 6px 50% no-repeat !important; padding-left: 40px !important; width: 145px !important; } #navi_on_eltern .il_tree_ul_4 #aktiv{ font-weight: bold; background: url(../scripts/get.aspx?media=/shop/layout/home/pfeil-icon.gif) 6px 50% no-repeat; padding-left: 40px; } .facebook-icon:before { font-family: FontAwesome; content:"\f082"; font-size: 32px; color: #0e72b5; } .facebook-icon a { font-size: 14px; text-decoration: none; padding-top: 20px; } /* -- Spezifische Einstellung der Luftballons Kinderseite */ .navli1 a{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-wir-ueber-uns.png) center no-repeat; padding: 20px 10px 40px 10px; position: absolute; top: 25px; left: 50px; } .navli1 a:hover{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-luftballoon-rot.png) center no-repeat; padding: 35px 30px 88px 30px; position: absolute; top: 0px; left: 30px; } .navli1 #aktiv, .navli1 .open{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-luftballoon-rot.png) center no-repeat; padding: 35px 30px 88px 30px; position: absolute; top: 0px; left: 30px; } .navli2 a{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-wir-ueber-uns.png) center no-repeat; padding: 20px 10px 40px 10px; position: absolute; top: 0px; left: 150px; } .navli2 a:hover{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-luftballoon-rot.png) center no-repeat; padding: 35px 10px 88px 10px; position: absolute; top: 0px; left: 150px; } .navli2 #aktiv, .navli2 .open{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-luftballoon-rot.png) center no-repeat; padding: 35px 10px 88px 10px; position: absolute; top: 0px; left: 150px; } .navli3 a{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-das-ist-unsere-praxis.png) center no-repeat; padding: 10px 0px 40px 0px; width: 80px; position: absolute; top: 60px; left: 260px; } .navli3 a:hover{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-luftballoon-rot.png) center no-repeat; padding: 16px 10px 76px 10px; width: 70px; position: absolute; top: 40px; left: 250px; } .navli3 #aktiv, .navli3 .open{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-luftballoon-rot.png) center no-repeat; padding: 16px 10px 76px 10px; width: 70px; position: absolute; top: 40px; left: 250px; } .navli4 a{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-infos-fuer-euch.png) center no-repeat; padding: 17px 0px 37px 0px; position: absolute; top: 15px; left: 367px; } .navli4 a:hover{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-luftballoon-rot.png) center no-repeat; padding: 27px 10px 80px 10px; width: 70px; position: absolute; top: 0px; left: 360px; } .navli4 #aktiv, .navli4 .open{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-luftballoon-rot.png) center no-repeat; padding: 27px 10px 80px 10px; width: 70px; position: absolute; top: 0px; left: 360px; } .navli5 a{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-infos-fuer-euch.png) center no-repeat; padding: 17px 0px 37px 0px; position: absolute; top: 80px; right: 270px; } .navli5 a:hover{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-luftballoon-rot.png) center no-repeat; padding: 27px 10px 80px 10px; width: 70px; position: absolute; top: 70px; right: 260px; } .navli5 #aktiv, .navli5 .open{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-luftballoon-rot.png) center no-repeat; padding: 27px 10px 80px 10px; width: 70px; position: absolute; top: 70px; right: 260px; } .navli6 a{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-neuigkeiten.png) center no-repeat; padding: 20px 0px 40px 0px; position: absolute; top: 10px; right: 175px; } .navli6 a:hover{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-luftballoon-rot.png) center no-repeat; padding: 35px 10px 90px 10px; width: 70px; position: absolute; top: 10px; right: 160px; } .navli6 #aktiv, .navli6 .open{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-luftballoon-rot.png) center no-repeat; padding: 35px 10px 90px 10px; width: 70px; position: absolute; top: 10px; right: 160px; } .navli7 a{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-kontakt.png) left no-repeat; padding: 35px 0px 75px 0px; width: 110px; position: absolute; top: 0px; right: 40px; text-align: right !important; } .navli7 a:hover{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-kontakt-rot.png) left no-repeat; color: #000 !important; } .navli7 #aktiv, .navli7 .open{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-kontakt-rot.png) left no-repeat; color: #000 !important; } /* -- Navi Elternseite -- */ #navi_on_eltern .navli1 a{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-wir-ueber-uns.png) center no-repeat; padding: 20px 10px 40px 10px; position: absolute; top: 25px; left: 50px; } #navi_on_eltern .navli1 a:hover{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-luftballoon-rot.png) center no-repeat; padding: 35px 30px 88px 30px; position: absolute; top: 0px; left: 30px; } #navi_on_eltern .navli1 #aktiv, #navi_on_eltern .navli1 .open{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-luftballoon-rot.png) center no-repeat; padding: 35px 30px 88px 30px; position: absolute; top: 0px; left: 30px; } #navi_on_eltern .navli2 a{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-wir-ueber-uns.png) center no-repeat; padding: 20px 10px 40px 10px; position: absolute; top: 0px; left: 150px; } #navi_on_eltern .navli2 a:hover{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-luftballoon-rot.png) center no-repeat; padding: 35px 10px 88px 10px; position: absolute; top: -10px; left: 150px; } #navi_on_eltern .navli2 #aktiv, #navi_on_eltern .navli2 .open{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-luftballoon-rot.png) center no-repeat; padding: 35px 10px 88px 10px; position: absolute; top: -10px; left: 150px; } #navi_on_eltern .navli3 a{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-das-ist-unsere-praxis.png) center no-repeat; padding: 15px 0px 40px 0px; width: 80px; position: absolute; top: 60px; left: 260px; } #navi_on_eltern .navli3 a:hover{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-luftballoon-rot.png) center no-repeat; padding: 25px 10px 82px 12px; width: 70px; position: absolute; top: 40px; left: 250px; } #navi_on_eltern .navli3 #aktiv, #navi_on_eltern .navli3 .open{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-luftballoon-rot.png) center no-repeat; padding: 25px 10px 82px 12px; width: 70px; position: absolute; top: 40px; left: 250px; } #navi_on_eltern .navli4 a{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-infos-fuer-euch.png) center no-repeat; padding: 17px 0px 37px 0px; position: absolute; top: 15px; left: 367px; } #navi_on_eltern .navli4 a:hover{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-luftballoon-rot.png) center no-repeat; padding: 27px 10px 80px 10px; width: 70px; position: absolute; top: 0px; left: 360px; } #navi_on_eltern .navli4 #aktiv, #navi_on_eltern .navli4 .open{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-luftballoon-rot.png) center no-repeat; padding: 27px 10px 80px 10px; width: 70px; position: absolute; top: 0px; left: 360px; } #navi_on_eltern .navli5 a{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-infos-fuer-euch.png) center no-repeat; padding: 17px 0px 37px 0px; position: absolute; top: 80px; right: 270px; } #navi_on_eltern .navli5 a:hover{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-luftballoon-rot.png) center no-repeat; padding: 27px 10px 80px 10px; width: 70px; position: absolute; top: 70px; right: 260px; } #navi_on_eltern .navli5 #aktiv, #navi_on_eltern .navli5 .open{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-luftballoon-rot.png) center no-repeat; padding: 27px 10px 80px 10px; width: 70px; position: absolute; top: 70px; right: 260px; } #navi_on_eltern .navli6 a{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-neuigkeiten.png) center no-repeat; padding: 20px 10px 40px 10px; position: absolute; top: 10px; right: 160px; } #navi_on_eltern .navli6 a:hover{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-luftballoon-rot.png) center no-repeat; padding: 35px 10px 90px 10px; width: 70px; position: absolute; top: -5px; right: 180px; } #navi_on_eltern .navli6 #aktiv, #navi_on_eltern .navli6 .open{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-luftballoon-rot.png) center no-repeat; padding: 35px 10px 90px 10px; width: 70px; position: absolute; top: -5px; right: 180px; } #navi_on_eltern .navli7 a{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-kontakt.png) left no-repeat; padding: 35px 0px 75px 0px; width: 110px; position: absolute; top: 0px; right: 40px; text-align: right !important; } #navi_on_eltern .navli7 a:hover{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-kontakt-rot.png) left no-repeat; color: #000 !important; } #navi_on_eltern .navli7 #aktiv, #navi_on_eltern .navli7 .open{ background: url(../scripts/get.aspx?media=/shop/layout/home/navi-kontakt-rot.png) left no-repeat; color: #000 !important; } /* 06 Content --------------------------------------------------------------- */ .themenbox-li{ float: left; width: 200px; margin-top: 15px; } .themenbox-re{ float: right; margin-top: 15px; } .themenbox-left{ padding: 20px 0 0 70px; } .box-spielspass{ background: url(../scripts/get.aspx?media=/shop/layout/home/tb-ballon-orange.gif) no-repeat; } .themenbox-left h3, .themenbox-right h3{ border: none; padding: 0 0 10px 0; margin: 0; } .themenbox-left p, .themenbox-right p{ border: none; padding: 0; margin: 0; } .box-dassindwir{ background: url(../scripts/get.aspx?media=/shop/layout/home/tb-ballon-blau.gif) no-repeat; } .themenbox-right{ float: right; width: 130px; padding: 30px 0 0 70px; } .sitemap-kinder{ position: absolute; top: 483px; left: 400px; } /* ------------------------ */ /* >>>>> 06.a Infobox <<<<< */ /* ------------------------ */ .infobox h3{ border-bottom: 1px dotted #b2b1b1; color: #b2b1b1; font: italic 14px Georgia, Arial; } .infobox{ color: #5587a0; margin-top: 20px; } /* ------------------------ */ /* >>>>> 06.d Kinderseite <<<<< */ /* ------------------------ */ .spiele-site{ margin: 0; padding: 0; } .spiele-site li{ border: 1px dotted #ccc; padding: 10px; margin: 0 0 20px 0; height: 135px; } .spiele-site li img{ float: left; margin: 0 20px 0 0; } .spiele-site h2{ margin-bottom: 10px; } /* 07 News --------------------------------------------------------------- */ /* 08 Aktionsleiste --------------------------------------------------------------- */ #aktionsleiste{ position: absolute; top: 190px; right: 30px; width: 133px; } #aktionsleiste a{ border: none; } #aktionsleiste div{ float: left; } #aktionsleiste_zurueck{ background: url(../scripts/get.aspx?media=/health/dental/aktions-zurueck.gif) no-repeat; margin-right: 10px; width: 18px; } #aktionsleiste_zurueck:hover{ background: url(../scripts/get.aspx?media=/health/dental/aktion-zurueck-hover.gif) no-repeat; } #aktionsleiste_zur_merkliste_hinzufuegen{ background: url(../scripts/get.aspx?media=/health/dental/aktion-hinzufuegen.gif) no-repeat; margin-right: 10px; width: 18px; } #aktionsleiste_zur_merkliste_hinzufuegen:hover{ background: url(../scripts/get.aspx?media=/health/dental/aktion-hinzufuegen-hover.gif) no-repeat; } #aktionsleiste_merkliste_ansehen{ background: url(../scripts/get.aspx?media=/health/dental/aktion-ansehen.gif) no-repeat; margin-right: 10px; width: 18px; } #aktionsleiste_merkliste_ansehen:hover{ background: url(../scripts/get.aspx?media=/health/dental/aktion-ansehen-hover.gif) no-repeat; } #aktionsleiste_druckversion{ background: url(../scripts/get.aspx?media=/health/dental/aktion-drucken.gif) no-repeat; margin-right: 10px; width: 18px; } #aktionsleiste_druckversion:hover{ background: url(../scripts/get.aspx?media=/health/dental/aktion-drucken-hover.gif) no-repeat; } #aktionsleiste_pdfdruck { background: url(../scripts/get.aspx?media=/health/dental/aktion-pdf.gif) no-repeat; display: inline; width: 18px; } #aktionsleiste_pdfdruck:hover { background: url(../scripts/get.aspx?media=/health/dental/aktion-pdf-hover.gif) no-repeat; } #aktionsleiste_zurueck img, #aktionsleiste_zur_merkliste_hinzufuegen img, #aktionsleiste_merkliste_ansehen img, #aktionsleiste_druckversion img, #aktionsleiste_pdfdruck img { display: inline; height: 12px; opacity: 0.0; width: 18px; } /* 09 Gesundheitswelt --------------------------------------------------------------- */ /* -- GW Quickfinder & Suche -- */ .gw-start-quickfinder{ float: left; width: 320px; margin: 0 20px 20px 0; } .gw-start-quickfinder fieldset, .gw-start-search fieldset{ border: 1px dotted #ccc; padding: 0 10px 15px 10px; } .gw-start-quickfinder legend, .gw-start-search legend{ background: #fff; border:1px dotted #ccc; color: #666; margin: 0px; padding: 3px 6px; } .gw-start-quickfinder select{ border: 1px solid #e9f5f5; margin-top: 10px; } .gw-start-quickfinder option{ background: #e9f5f5; } .gw-start-search{ float: left; width: 320px; } .gw-start-search input, #suchbgr{ background: #e9f5f5; margin-top: 10px; padding: 2px; width: 130px; } .gw-start-search #sub{ background: url(../scripts/get.aspx?media=/shop/layout/home/suchen-button.gif); cursor: pointer; height: 20px; width: 87px; } .gw-start-search #sub:hover{ background: url(../scripts/get.aspx?media=/shop/layout/home/suchen-button.gif) 0 -20px; cursor: pointer; } /* -- GW Starseiten Themenboxen -- */ ul.gw-start-liste { display: block; height: 1%; overflow: hidden; padding: 0; } ul.gw-start-liste li { background: #e9f5f5; float: left; list-style: none; margin: 0px 20px 20px 0; padding: 10px; position: relative; width:300px; } ul.gw-start-liste li a { color: #000; display: block; font-weight: normal; height: 93px; overflow: hidden; padding: 16px; position: relative; width: 268px; } ul.gw-start-liste li a { text-decoration: none; } ul.gw-start-liste li img { border: 0; clip:rect(0px 300px 125px 0px); position: absolute; top: 0; left: 0; } /* -- GW Content Styles -- */ .gw-img-left{ float: left; margin: 0 15px 15px 0; } .gw-img-right{ float: right; margin: 0 0 15px 15px; } .gw-img-center{ display: block; text-align: center; } .gw-top-thema img{ border: 1px dotted #706f70; float: left; margin: 0 20px 0 0; padding: 2px; } .gw-list-left{ float: left; width: 45%; } .gw-list-right{ float: right; width: 45%; } .gw-list-left h3, .gw-list-right h3{ background: #b5fffc; border: none; color: #fff; font-weight: bold; padding: 4px; } /* ------------------------------ */ /* >>>>> 09.a GW Navigation <<<<< */ /* ------------------------------ */ #il_tree{ position: relative; left: 0; margin: 0; padding: 0; text-align: left; } #il_tree ul { list-style-type:none; margin: 0; padding: 0; } #il_tree li { margin: 0; padding: 0; } #il_tree a { color: #000; display: block; font-size: 12px; font-weight: normal; margin: 0 0 2px 0; padding: 0 0px 8px 15px; width: 170px; text-decoration: none; } #il_tree a:hover { background: url(../health/dental/right-arrow.gif) 0 3px no-repeat; color: #000; font-weight: bold; } #il_tree #aktiv{ background: url(../health/dental/right-arrow.gif) 0 3px no-repeat; color: #ff0000; font-weight: bold; } #il_tree .open { background: url(../health/dental/right-arrow.gif) 0 3px no-repeat; color: #0000FF; font-weight: bold; } /* - 2te Ebene - */ #il_tree ul ul{ padding: 5px 20px 0px 15px; } #il_tree li li a{ background: none; font-size: 11px; } /* - 3te Ebene - */ #il_tree ul ul ul{ padding: 5px 0 10px 15px; } /* ------------------------ */ /* >>>>> 09.b GW L200 <<<<< */ /* ------------------------ */ #l201_further_infos { background: #f7f7f7; border: 1px dotted #5586a5; margin: 52px 0px 15px 15px; float: right; padding: 8px; } #l201_further_infos .text_fett { color: #8c8c8c; } .l201_fi_ul_1 { list-style: square; margin: 10px 0 15px 0; padding: 0 0 0 15px; } .l201_fi_ul_1 li { margin: 0; padding: 2px 0 2px 0; } .l201_fi_ul_1 li a { display: block; } .l201_fi_ul_1 li a:hover { background: #e9f4fb; color: #05518d; } .l201_fi_ul_1 #aktiv { color: #3379c1; font-weight: bold; } /* 10 Suche --------------------------------------------------------------- */ #ResBoxB{ margin-top: 30px !important; } #csearchresultdetails{ margin: 20px 0 20px 0; } .dataTables_wrapper { margin-top: 20px; } #csearchresultdetails_filter input{ background: #e9f5f5; } tr.odd{ background: #e9f5f5; height: 30px; } tr.odd:hover{ background: #dae8f3; } tr.even{ height: 30px; } /* 11 Sonstiges --------------------------------------------------------------- */ /* ------------------------- */ /* >>>>> 11.a Fancybox <<<<< */ /* ------------------------- */ #fancybox-loading { position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; background: transparent; z-index: 1104; display: none; } * html #fancybox-loading { /* IE6 */ position: absolute; margin-top: 0; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('../scripts/get.aspx?media=/health/toolbox/fancybox/fancy_loading.png') no-repeat; } #fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none; } * html #fancybox-overlay { /* IE6 */ position: absolute; width: 100%; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #FFF; } #fancybox-inner { position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 32px; height: 32px; background: url('../scripts/get.aspx?media=/health/toolbox/fancybox/fancy_close.png') top left no-repeat; cursor: pointer; z-index: 1103; display: none; } #fancybox_error { color: #444; font: normal 12px/20px Arial; } #fancybox-content { height: auto; width: auto; padding: 0; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic; } #fancybox-frame { position: relative; width: 100%; height: 100%; border: none; display: block; } #fancybox-title { position: absolute; bottom: 0; left: 0; font-family: Arial; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding: 10px 0; text-align: center; color: #333; } .fancybox-title-outside { padding-top: 5px; color: #FFF; text-align: center; font-weight: bold; } .fancybox-title-over { color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background: url('../scripts/get.aspx?media=/health/toolbox/fancybox/fancy_title_over.png'); display: block; } #fancybox-title-wrap { display: inline-block; } #fancybox-title-wrap span { height: 32px; float: left; } #fancybox-title-left { padding-left: 15px; background: transparent url('../scripts/get.aspx?media=/health/toolbox/fancybox/fancy_title_left.png') repeat-x; } #fancybox-title-main { font-weight: bold; line-height: 29px; background: transparent url('../scripts/get.aspx?media=/health/toolbox/fancybox/fancy_title_main.png') repeat-x; color: #FFF; } #fancybox-title-right { padding-left: 15px; background: transparent url('../scripts/get.aspx?media=/health/toolbox/fancybox/fancy_title_right.png') repeat-x; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url('../scripts/get.aspx?media=/health/toolbox/fancybox/blank.gif'); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background: transparent url('../scripts/get.aspx?media=/health/toolbox/fancybox/fancy_nav_left.png') no-repeat; } #fancybox-right-ico { background: transparent url('../scripts/get.aspx?media=/health/toolbox/fancybox/fancy_nav_right.png') no-repeat; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } div.fancy-bg { position: absolute; padding: 0; margin: 0; border: 0; z-index: 1001; } div#fancy-bg-n { top: -20px; left: 0; width: 100%; height: 20px; background: transparent url('../scripts/get.aspx?media=/health/toolbox/fancybox/fancy_shadow_n.png') repeat-x; } div#fancy-bg-ne { top: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('../scripts/get.aspx?media=/health/toolbox/fancybox/fancy_shadow_ne.png') no-repeat; } div#fancy-bg-e { top: 0; right: -20px; height: 100%; width: 20px; background: transparent url('../scripts/get.aspx?media=/health/toolbox/fancybox/fancy_shadow_e.png') repeat-y; } div#fancy-bg-se { bottom: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('../scripts/get.aspx?media=/health/toolbox/fancybox/fancy_shadow_se.png') no-repeat; } div#fancy-bg-s { bottom: -20px; left: 0; width: 100%; height: 20px; background: transparent url('../scripts/get.aspx?media=/health/toolbox/fancybox/fancy_shadow_s.png') repeat-x; } div#fancy-bg-sw { bottom: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('../scripts/get.aspx?media=/health/toolbox/fancybox/fancy_shadow_sw.png') no-repeat; } div#fancy-bg-w { top: 0; left: -20px; height: 100%; width: 20px; background: transparent url('../scripts/get.aspx?media=/health/toolbox/fancybox/fancy_shadow_w.png') repeat-y; } div#fancy-bg-nw { top: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('../scripts/get.aspx?media=/health/toolbox/fancybox/fancy_shadow_nw.png') no-repeat; } /* ------------------------ */ /* >>>>> 11.b ToolTip <<<<< */ /* ------------------------ */ #tooltip { background: url(../scripts/get.aspx?media=/shop/layout/home/kinderwelt-pudenz-head.jpg) 0px -100px no-repeat; border: 1px dotted #e0a16c; margin: 0; opacity: 0.85; padding: 5px; position: absolute; z-index: 100; } #tooltip h3, #tooltip div { border: none; color: #fff; font-weight: bold; margin: 0; max-width: 250px; padding: 5px; } /* ------------------------------ */ /* >>>>> 11.c Bildergalerie <<<<< */ /* ------------------------------ */ .galleria{ list-style:none; width:440px; } .galleria li { border: 0px; display: block; float: left; height: 64px; margin: 0px 8px 8px 0px; overflow: hidden; width: 80px; } .galleria li a{display:none;} .galleria li div{position:absolute; display:none; top:0; left: 0px;} .galleria li div img{cursor:pointer; } .galleria li.active div img, .galleria li.active div{display:block; } .galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto; } .caption { display: block; padding: 10px 10px 10px 0; } * html .galleria li div span { border: 1px solid #0F0; display: block; width: 420px; } .demo { height: 600px; width: 450px; margin: 0 0 0 15px; position: relative; } .nav{ display: block; } .nav a{ text-decoration: none; font-weight: bold; } p.nav{ padding: 0px !important; word-spacing: 10px; margin-top: 10px; } /* ---------------------------- */ /* >>>>> 11.d Malvorlagen <<<<< */ /* ---------------------------- */ /* ------------------------------- */ /* >>>>> 11.e Terminkalender <<<<< */ /* ------------------------------- */ #Terminkalender{ width: 565px; float: right; overflow: hidden; margin-top: 7px; } #Terminkalender .text{ width: 350px; float: left; text-align: left; position: relative; } #Terminkalender .text_fett img{ position: absolute; left: 640px; top: 355px; } #content-site .titel{ font-size: 22px; color: #b1b1b1; font-style: italic; margin-bottom: 22px; font-family: georgia; font-weight: normal; } #content-site .bgcolor_caption{ background: #b7d4e5 url(../scripts/get.aspx?media=/shop/layout/home/head-extras-06.jpg) no-repeat; text-align: left; } #content-site .bgcolor_caption a{ color: #4a85ac; padding-left: 10px; } #content-site #Cal{ background: #7ea2b9; } #content-site .bgcolor_caption{ border: 1px solid #ffffff !important; } /* ----------------------- */ /* >>>>> 11.f Toggle <<<<< */ /* ----------------------- */ .toggler { cursor:pointer; display: block; margin: 0 0 25px 0; padding: 10px 20px 10px 20px; text-decoration: none; } .toggler a{ color: #CF0; } .toggler-closed { background: #efefef url('../scripts/get.aspx?media=/health/toolbox/toggle/togglerc.gif') center right no-repeat; border: solid 1px white; color:#333; } .toggler-closed:hover { background: #fff url('../scripts/get.aspx?media=/health/toolbox/toggle/togglerch.gif') center right no-repeat; border: solid 1px #e3e3e3; color: #000; } .toggler-opened { background: #efefef url('../scripts/get.aspx?media=/health/toolbox/toggle/togglero.gif') center right no-repeat; border: solid 1px white; color:#333; padding-left:20px; } .toggler-opened:hover { background: #fff url('../scripts/get.aspx?media=/health/toolbox/toggle/toggleroh.gif') center right no-repeat; border: solid 1px #e3e3e3; color: #000; padding-left:20px; } /* Container - style */ .toggler-c {} .toggler-c-closed { border:solid 1px #e3e3e3; margin:-25px 0 25px 0; padding:20px; } .toggler-c-opened { background: none; border: dotted 1px #ccc; margin:-25px 0 25px 0; padding:20px; } /* Toggler new */ h3.toggler { padding: 0; margin: 0 0 5px 20px; width: 430px; font-size: 12px; font-weight: normal; float: left; } h3.toggler a { color: #fff; font-weight: bold; text-decoration: none; display: block; background: url(../scripts/get.aspx?media=/shop/layout/home/kinderwelt-pudenz-head.jpg) -300px -10px no-repeat; padding: 5px 5px 5px 10px; } h3.toggler a:hover { color: #000; background: #fcdabe; } h3.active {border: 1px dotted #fff;} .toggle_container { margin: 0 0 15px 20px; padding: 10px; border: 1px solid #d6d6d6; overflow: hidden; clear: both; width: 410px; } .toggle_container p{ padding: 10px; } /* ----------------------- */ /* Bildergalerie */ /* ----------------------- */ ul.thumb { float: left; list-style: none; margin: 0; padding: 0px; width: 500px; } ul.thumb li { margin: 0 13px 13px 0; padding: 2px; float: left; position: relative; width: 135px; height: 94px; } ul.thumb li img { width: 135px; height: 94px; border: 1px solid #0f3581; padding: 2px; background: #f0f0f0; position: absolute; left: 0; top: 0; -ms-interpolation-mode: bicubic; } ul.thumb li img.hover { background: #f1f1f1; border: 1px dotted #0f3581; }

Goalie!

Spiele mit und versuche den Highscore zu knacken.

Keine Teilnehmer gefunden!