/* Standard-CSS fuer www.qnigge.de */ /* Farben rot = rgb(220,4,43) text = rgb(94,94,94) boxrahmen = rgb(216,216,216) */ /* Einstellung der Abstaende zum Nullpunkt des Browsers und weitere Standards */ html, body, div, p, h1, h2, h3, h4, h5, ul, ol, li, span, a, table, td, form, img { margin: 0px; padding: 0px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 17px; color: rgb(94,94,94); } html, body { background: url('images/xx_body-bg.jpg') repeat-x rgb(216,216,216); } img, div, li { behavior: url("iepngfix.htc"); border: none; } #preload { display: none; } /* Textformatierungen */ .small { font-size: 10px; line-height: 12px; } sup { font-size: 0.8em; line-height: 0.5em; } *+hmtl sup { font-size: 1.0em; } h2 { font-size: 15px; margin-bottom: 5px; } h3 { font-size: 14px; line-height: 16px; } h4 { font-size: 12px; line-height: 14px; margin-top: 3px; margin-bottom: 10px; } h5 { font-size: 13px; line-height: 15px; color: rgb(220,4,43); margin-bottom: 5px; } ul.einrueckung, ol.einrueckung { margin: 5px 0px 0px 25px; } ul.liste { margin-left: 25px; padding-top: 3px; } ul.liste li { list-style: square; padding-bottom: 5px; } ol.num_liste_1 { margin-top: 2px; margin-bottom: 5px; margin-left: 18px; _margin-left: 23px; } /* Linkformatierungen */ a:link, a:active, a:visited { text-decoration: none; } a:hover { text-decoration: underline; color: rgb(170,170,170); } a.head:link, a.head:active, a.head:visited { text-decoration: underline; } a.head:hover { text-decoration: none; } a.head_aktiv { font-weight: bold; text-decoration: none; } a.seitennavi:link, a.seitennavi:active, a.seitennavi:visited { text-decoration: none; font-weight: bold; font-size: 14px; color: rgb(170,170,170); line-height: 22px; } a.seitennavi:hover { text-decoration: underline; color: rgb(119,119,119); } a.seitennavi_aktiv { font-weight: bold; text-decoration: none; font-size: 17px; color: rgb(220,4,43); } a.layernavi:link, a.layernavi:active, a.layernavi:visited { text-decoration: none; font-weight: bold; color: rgb(119,119,119); } a.layernavi:hover { text-decoration: none; color: rgb(220,4,43); } a.pfeil:link, a.pfeil:active, a.pfeil:visited { text-decoration: underline; padding-left: 17px; background: url('images/xx_button-grau-pfeil.gif') no-repeat 0px 2px; } a.pfeil:hover { text-decoration: none; } a.pdf:link, a.pdf:active, a.pdf:visited { text-decoration: underline; padding-left: 20px; padding-top: 2px; display: block; height: 18px; background: url('images/xx_pdf-icon.gif') no-repeat 0px 2px; margin-top: 5px; } a.pdf:hover { text-decoration: none; } a.weiter:link, a.weiter:active, a.weiter:visited { text-decoration: underline; padding-left: 17px; margin-top: 5px; display: block; height: 18px; background: url('images/xx_button-grau-pfeil.gif') no-repeat 0px 3px; } a.weiter:hover { text-decoration: none; } a.gallery:link, a.gallery:active, a.gallery:visited { text-decoration: underline; padding-left: 19px; margin-top: 5px; display: block; height: 18px; background: url('images/xx_gallery-bn.png') no-repeat 0px 3px; } a.gallery:hover { text-decoration: none; } /* Seitenübergreifende Formatierungen */ .clear { clear: both; height: 0px; overflow: hidden; } #page { width: 990px; margin: 0px auto; background: url('images/xx_content-bg1.jpg') repeat-y; } #page_background { width: 990px; background: url('images/xx_content-bg2.jpg') no-repeat; } #head { width: 990px; height: 123px; padding-top: 15px; } #head_logo { float: left; width: 140px; height: 102px; padding-left: 30px; } #head_breadcrumb { float: right; height: 15px; padding-right: 20px; width: 700px; text-align: right; } #head_twitter { float: right; width: 166px; height: 30px; margin-top: 36px; margin-right: 5px; } #head_schnellnavi { float: right; white-space: nowrap; width: 240px; height: 45px; text-align: right; padding-right: 14px; margin-top: 25px; } #head_schnellnavi select { width: 235px; font-size: 13px; text-align: right; margin-top: 1px; color: rgb(100,100,100); border: 1px solid rgb(216,216,216); } #head_subnavi { float: right; white-space: nowrap; height: 15px; width: 750px; text-align: right; padding-right: 15px; padding-top: 4px; } #head_subnavi ul li { list-style: none; display: inline; } #head_subnavi ul li.print { background: url('images/xx_print-bn.gif') no-repeat right 1px; padding-right: 17px; _padding-right: 15px; } *+html #head_subnavi ul li.print { padding-right: 15px; } #content { width: 935px; padding-left: 30px; } #content_topnavi { width: 930px; height: 30px; margin-top: 15px; background: url('images/xx_topnavi-bg.gif') repeat-x; } #content_topnavi ul { height: 30px; } #content_topnavi ul li { list-style: none; float: left; display: inline; height: 30px; } .content_topnavi_layer { position: absolute; background: rgb(255,255,255); margin-top: 183px; border: 1px solid rgb(216,216,216); border-top: none; overflow: visible; } .content_topnavi_layer ul { padding: 15px 10px 10px 10px; } .content_topnavi_layer ul li { list-style: none; line-height: 24px; height: 24px; } #content_hauptnavi { width: 930px; margin-top: 1px; _margin-top: -2px; background: url('images/xx_topnavi-bg.gif') repeat-x 0px 21px; } #animation_navi { list-style-type: none; } #animation_navi li { display: inline; float: left; } .content_seitentitel { float: left; width: 550px; padding-top: 35px; padding-left: 20px; } .content_seitentitel img { float: left; } .content_seitentitel h1 { height: 32px; padding-left: 1px; padding-top: 32px; font-size: 18px; line-height: 20px; color: rgb(120,120,120); } .content_backlink { float: right; padding-top: 59px; padding-right: 20px; } .content_seitentext_1 { float: left; width: 550px; padding-top: 20px; padding-left: 20px; } /* breiter Text mit Abstand */ .content_seitentext_1 a { text-decoration: underline; } .content_seitentext_2 { float: left; width: 550px; padding-left: 20px; } /* breiter Text ohne Abstand */ .content_seitentext_2 img.right { float: right; margin-left: 5px; } .content_seitentext_2 a { text-decoration: underline; } .content_seitentext_2 ul { margin: 5px 0px 0px 25px; } .content_seitentext_2 ul li { list-style: square; padding-bottom: 5px; } .content_seitentext_2 ul li ul li { list-style: circle; padding-bottom: 2px; } .content_seitentext_3 { float: left; width: 430px; padding: 20px 0px 15px 20px; } /* schmaler Text mit Abstand */ .content_seitentext_3 a { text-decoration: underline; } .content_seitentext_3 ul { margin: 5px 0px 0px 25px; } .content_seitentext_3 ul li { list-style: square; padding-bottom: 5px; } .content_seitentext_3 ul li ul li { list-style: circle; padding-bottom: 2px; } .content_seitentext_4 { float: left; width: 435px; padding: 0px 0px 15px 20px; } /* schmaler Text ohne Abstand */ .content_seitentext_5 { float: left; width: 910px; padding-left: 20px; } /* volle Breite */ .content_seitenbox_1 { float: right; padding-right: 20px; margin-top: -20px; } .content_seitenbox_1 img.boxright { display: block; margin-bottom: 1px; } .content_seitenbox_2 { float: right; padding-right: 20px; } .content_seitenbox_2 img.boxright { display: block; margin-bottom: 1px; } .content_seitenbild_1 { float: right; padding-right: 20px; padding-bottom: 15px; margin-top: -17px; } .content_seitenbild_1 div { border: 1px solid rgb(216,216,216); padding: 2px; } .content_seitenbild_2 { float: right; padding-right: 20px; padding-bottom: 15px; } .content_seitenbild_2 div { border: 1px solid rgb(216,216,216); padding: 2px; } .content_seitenbild_2 p { font-size: 11px; line-height: 13px; width: 434px; padding: 3px; } .content_seitennavi { float: left; padding-top: 35px; padding-left: 20px; height: 48px; } .content_seitennavi h1 { font-size: 18px; color: rgb(220,4,43); } .content_seitennavi ul li { list-style: none; display: inline; padding-right: 5px; padding-left: 10px; background: url('images/xx_seitennavi-trennlinie.gif') no-repeat; } .content_seitennavi ul li.aktiv { background: url('images/xx_seitennavi-trennlinie.gif') no-repeat; _background-position: 0px 5px; } *+html .content_seitennavi ul li.aktiv { background-position: 0px 5px; } #foot { width: 960px; height: 390px; background: url('images/xx_foot-bg.jpg') repeat-x; margin-left: 15px; margin-top: 20px; } #foot p.trennlinie { padding-top: 5px; padding-bottom: 5px; } #foot p.adresse { width: 960px; text-align: center; font-size: 14px; line-height: 17px; padding-top: 13px; padding-bottom: 3px; color: rgb(140,140,140); } #foot p.adresse a { font-size: 13px; color: rgb(140,140,140); text-decoration: underline; } #foot p.adresse span { color: rgb(140,140,140); } #foot p.mitglied { padding-left: 35px; font-weight: bold; font-size: 16px; color: rgb(170,170,170); } #foot p.logos { width: 940px; text-align: center; padding-top: 5px; padding-left: 18px; } #foot p.logos a { padding-right: 23px; } #foot ul { float: left; padding-left: 35px; padding-right: 40px; } #foot ul li { list-style: none; line-height: 18px; } #foot ul li a { color: rgb(100,100,100); } #bottom { width: 990px; height: 45px; background: url('images/xx_bottom-bg.jpg') no-repeat; padding-top: 5px; } #bottom p { float: left; padding-left: 13px; padding-top: 4px; color: rgb(140,140,140); } #bottom p a { color: rgb(140,140,140); text-decoration: underline; } #bottom p.copyright { width: 695px; text-align: center; } #bottom p.addthis { float: right; width: 125px; margin-right: 14px; } /* Elementspezifische Formatierungen - Folgeseiten */ .loesung { margin-top: 20px; padding-bottom: 5px; } .loesung a { text-decoration: underline; } .loesung_button { height: 20px; border: 1px solid rgb(216,216,216); padding: 2px 5px 0px 5px; margin-left: 25px; margin-top: 5px; background: url('images/xx_button-grau-bg.gif') repeat-x; } .loesung_button a { font-weight: bold; padding-left: 17px; cursor: pointer; background: url('images/xx_button-grau-pfeil.gif') no-repeat 0px 2px; } .weiterlesen_button { height: 20px; width: 100px; border: 1px solid rgb(216,216,216); padding: 2px 5px 0px 5px; margin-top: 5px; background: url('images/xx_button-grau-bg.gif') repeat-x; } .weiterlesen_button a { font-weight: bold; padding-left: 17px; cursor: pointer; background: url('images/xx_button-grau-pfeil.gif') no-repeat 0px 2px; } #referenzenbox { height: 211px; width: 255px; background: url('images/xx_boxright-referenz.jpg') no-repeat; margin-bottom: 1px; } #referenzenbox div.text { float: left; font-size: 11px; line-height: 13px; padding: 80px 0px 0px 15px; } #referenzenbox div.text div.link { float: left; margin-top: 5px; } #referenzenbox div.text div.link a { font-size: 11px; line-height: 13px; padding-left: 15px; } #referenzenbox div.text div.zitatzeichen { float: right; width: 27px; padding-right: 5px; margin-top: 5px; } #referenzenbox div.bild { float: right; width: 110px; height: 211px; } .werte_box { position: absolute; z-index: 1999; width: 272px; display: none; } .werte_box_inhalt { width: 250px; border-left: 1px solid rgb(174,175,175); padding: 5px 10px 2px 10px; border-right: 1px solid rgb(174,175,175); min-height: 150px; background: url('images/wertegrafik/box-bg.png') repeat-x rgb(217,218,220); } .werte_box_inhalt img { float: left; } .werte_box_inhalt div { float: left; font-weight: bold; font-size: 15px; margin: 8px 2px 10px 2px; } .team { margin-bottom: 20px; } .team ul { width: 435px; } .team li { list-style: none; display: block; padding: 2px 0px 5px 8px; } .team li a.name { float: left; width: 130px; color: rgb(220,4,43); color: rgb(220,4,43); font-weight: bold; } .team li div.telefon { float: left; width: 130px; } .team li div.email { float: left; width: 100px; } .team li div.email a { text-decoration: underline; } .vita_button { float: left; height: 17px; border: 1px solid rgb(216,216,216); padding: 2px 5px 0px 5px; margin-left: 15px; margin-top: 0px; background: url('images/xx_button-grau-bg.gif') repeat-x; } .vita_button a { font-weight: bold; padding-left: 17px; cursor: pointer; background: url('images/xx_button-grau-pfeil.gif') no-repeat 0px 2px; } .team li div.taetigkeit { float: left; width: 300px; margin-top: -1px; } ul.termine { float: left; width: 620px; margin: 0px; padding: 0px 0px 15px 0px; } ul.termine li { list-style: none; display: block; padding: 3px 3px 5px 3px; } ul.termine li div.datum { float: left; width: 75px; } ul.termine li div.titel { float: left; width: 330px; padding-right: 5px; } ul.termine li div.referent { float: left; width: 130px; } ul.termine li a.anfrage { float: right; width: 70px; padding-top: 4px; } ul.karriere { float: left; width: 620px; margin: 0px; padding: 10px 0px 15px 0px; } ul.karriere li { list-style: none; display: block; padding: 3px 3px 5px 3px; } ul.karriere li div.titel { float: left; width: 500px; padding-right: 5px; } ul.karriere li a.details { float: right; width: 70px; padding-top: 4px; } ul.partner { float: left; width: 620px; margin: 0px; padding: 10px 0px 15px 0px; } ul.partner li { list-style: none; display: block; padding: 3px 3px 5px 3px; margin-bottom: 5px; } ul.partner li div.logo { float: left; width: 200px; padding-right: 10px; text-align: center; } ul.partner li div.text { float: left; width: 400px; padding-top: 4px; } ul.referenzen { float: left; margin: 0px; padding: 10px 0px 15px 0px; } ul.referenzen li { list-style: none; display: block; padding: 3px 5px 5px 5px; margin-bottom: 3px; } ul.referenzen li div.text { float: left; padding-top: 4px; padding-left: 4px; } ul.referenzen li div.bilder { float: right; width: 200px; padding-top: 4px; text-align: center; } ul.referenzen li div.stand { float: right; font-size: 11px; padding-top: 10px; padding-right: 4px; } ul.referenzen li div.verfasser { float: right; font-size: 11px; padding-top: 3px; padding-right: 4px; } ul.video { float: left; width: 620px; margin: 0px; padding: 10px 0px 15px 0px; } ul.video li { list-style: none; display: block; padding: 3px 5px 5px 5px; margin-bottom: 3px; } ul.video li div.youtube { float: left; width: 300px; height: 190px; border: 1px solid rgb(94,94,94); margin-top: 3px; } ul.video li div.script { float: left; width: 300px; text-align: center; margin-top: 3px; } ul.video li div.script a { border: 1px solid rgb(94,94,94); } ul.video li div.text { float: right; width: 280px; padding-right: 15px; } ul.presse { float: left; width: 620px; margin: 0px; padding: 10px 0px 15px 0px; } ul.presse li { list-style: none; display: block; padding: 3px 5px 5px 5px; margin-bottom: 3px; } ul.presse li div.text { float: left; width: 500px; padding-right: 5px; } ul.presse li div.text img { float: right; margin-left: 5px; } ul.presse li div.download { float: right; width: 85px; text-align: center; font-size: 11px; } ul.presse li div.download p { font-size: 11px; } ul.sitemap { margin-left: 0px; margin-bottom: 10px; } ul.sitemap li { list-style: none; padding-bottom: 5px; } ul.sitemap li ul { margin-left: 25px; padding-top: 3px; } ul.sitemap li ul li { list-style: square; padding-bottom: 5px; } ul#orgavision_videos { margin-left: 0px; margin-bottom: 10px; } ul#orgavision_videos li { list-style: none; margin-bottom: 10px; clear: both; } ul#orgavision_videos li img { float: left; margin-right: 10px; border: 1px solid rgb(220,4,43); margin-bottom: 10px; } ul#orgavision_videos li a { font-weight: bold; } /* Elementspezifische Formatierungen - Startseite */ #box_startseite_big { float: left; border: 1px solid rgb(216,216,216); width: 544px; height: 258px; padding: 2px; margin-top: 15px; } #box_startseite_big div.animation { position: absolute; z-index: 20; background: rgb(209,2,30); width: 544px; height: 209px; } #box_startseite_big div.navigation { position: absolute; z-index: 21; height: 49px; width: 544px; margin-top: 209px; } #box_startseite_small { float: left; border: 1px solid rgb(216,216,216); width: 368px; height: 258px; padding: 2px; margin-top: 15px; margin-left: 6px; } #box_startseite_video { float: left; border: 1px solid rgb(216,216,216); width: 368px; height: 233px; padding: 27px 2px 2px 2px; margin-top: 15px; margin-left: 6px; background: url('images/00_box-video.jpg') 2px 2px no-repeat; } .box_startseite_trennlinie { float: left; padding-left: 20px; padding-top: 10px; } #box_startseite_philosophie { width: 960px; height: 365px; background: rgb(247,247,247); margin: 25px 0px 25px -15px; } #box_startseite_philosophie div.text { float: left; width: 325px; padding-left: 35px; margin-top: 5px; } #box_startseite_philosophie div.schema { float: left; width: 580px; height: 280px; margin-left: 10px; margin-top: 40px; background: url('images/00_philosophie-bg.gif') no-repeat center 60px; } #box_startseite_typ1 { float: left; width: 255px; padding-left: 20px; height: 220px; } #box_startseite_typ1 div { width: 251px; height: 195px; overflow: auto; margin-top: 10px; margin-bottom: 5px; padding-right: 4px; } #box_startseite_typ2 { float: left; width: 255px; padding-left: 20px; margin-top: 30px; } #box_startseite_typ2 div { width: 251px; height: 224px; overflow: auto; margin-top: 10px; margin-bottom: 5px; padding-right: 4px; } #box_startseite_index { position: relative; float: left; width: 270px; height: 260px; padding-left: 20px; z-index: 1!important; } #box_startseite_index p { padding-top: 7px; } #box_startseite_referenz { float: left; width: 280px; height: 251px; margin-left: 20px; margin-top: -1px; background: url('images/00_box-referenz.jpg') no-repeat; } #box_startseite_referenz div.text { float: left; font-size: 11px; line-height: 13px; padding: 75px 0px 0px 15px; } #box_startseite_referenz div.text div.link { float: left; margin-top: 5px; } #box_startseite_referenz div.text div.link a { font-size: 11px; line-height: 13px; padding-left: 15px; } #box_startseite_referenz div.text div.zitatzeichen { float: right; width: 27px; padding-right: 5px; margin-top: 10px; } #box_startseite_referenz div.bild { float: right; width: 130px; height: 251px; } #box_startseite_twitter { float: left; width: 270px; margin-left: 20px; margin-top: 25px; } img.twitter_titel { margin: 4px 0px 11px 1px; } div#twitter_tweets { width: 255px; height: 225px; margin-left: 1px; margin-bottom: 4px; overflow: auto; } ul#tweets_list li { padding: 1px 3px 4px 0px; border-bottom: 1px dotted rgb(216,216,216); font-size: 11px; line-height: 13px; } ul#tweets_list li a { color: rgb(48,192,236); font-size: 11px; } ul#tweets_list li span { color: rgb(150,150,150); font-size: 11px; white-space: nowrap; } /* Formulare */ .bg_kontaktformular { background: rgb(245,245,245); padding: 5px 5px 5px 8px; margin-bottom: 10px; } .table_feedback { width: 505px; background: rgb(255,255,255); padding: 2px 5px 2px 5px; margin-top: 3px; border: 1px solid rgb(230,230,230); float: left; } textarea { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; } .kontakt_label { display: block; float: left; width: 100px; margin-top: 4px; } .pflichtfeldhinweis { font-size: 11px; padding-bottom: 5px; } .fehler { background: rgb(220,4,43); color: rgb(255,255,255); } .fehler_text { color: rgb(220,4,43); } .checkbox { margin-left: 0px; float: left; } .input_1 { width: 300px; margin-top: 3px; } .input_2 { width: 60px; margin-top: 3px; } .input_3 { width: 231px; margin-top: 3px; margin-left: 3px; } .input_captcha { width: 80px; float: left; margin-left: 5px; } .select_1 { width: 60px; margin-top: 3px; } .select_2 { width: 304px; margin-top: 3px; } .select_3 { width: 405px; margin-top: 3px; } .textarea_1 { width: 400px; margin-top: 3px; } .textarea_2 { width: 500px; margin-top: 3px; } .submit { height: 24px; background: url('images/xx_buttons-bg.jpg') no-repeat; color: rgb(255,255,255); border: 1px solid rgb(244,179,191); padding: 0px 15px 0px 20px; cursor: pointer; } /* Navigation Topnavi */ #content_topnavi ul li a { height: 30px; display: block; _display: inline; } .content_topnavi_trennlinie { height: 30px; width: 20px; text-align: center; border-bottom: 1px solid rgb(220,4,43); } a.topnavi_1:link, a.topnavi_1:active, a.topnavi_1:visited { background: url('images/xx_bn-wasistqnigge.gif') no-repeat; } a.topnavi_1:hover { background: url('images/xx_br-wasistqnigge.gif') no-repeat; } a.topnavi_1_aktiv { background: url('images/xx_br-wasistqnigge.gif') no-repeat; } a.topnavi_2:link, a.topnavi_2:active, a.topnavi_2:visited { background: url('images/xx_bn-markusweidner.gif') no-repeat; } a.topnavi_2:hover { background: url('images/xx_br-markusweidner.gif') no-repeat; } a.topnavi_2_aktiv { background: url('images/xx_br-markusweidner.gif') no-repeat; } a.topnavi_3:link, a.topnavi_3:active, a.topnavi_3:visited { background: url('images/xx_bn-kunden.gif') no-repeat; } a.topnavi_3:hover { background: url('images/xx_br-kunden.gif') no-repeat; } a.topnavi_3_aktiv { background: url('images/xx_br-kunden.gif') no-repeat; } a.topnavi_4:link, a.topnavi_4:active, a.topnavi_4:visited { background: url('images/xx_bn-termine.gif') no-repeat; } a.topnavi_4:hover { background: url('images/xx_br-termine.gif') no-repeat; } a.topnavi_4_aktiv { background: url('images/xx_br-termine.gif') no-repeat; } a.topnavi_5:link, a.topnavi_5:active, a.topnavi_5:visited { background: url('images/xx_bn-geschaeftspartner.gif') no-repeat; } a.topnavi_5:hover { background: url('images/xx_br-geschaeftspartner.gif') no-repeat; } a.topnavi_5_aktiv { background: url('images/xx_br-geschaeftspartner.gif') no-repeat; } a.topnavi_6:link, a.topnavi_6:active, a.topnavi_6:visited { background: url('images/xx_bn-presse.gif') no-repeat; } a.topnavi_6:hover { background: url('images/xx_br-presse.gif') no-repeat; } a.topnavi_6_aktiv { background: url('images/xx_br-presse.gif') no-repeat; } a.topnavi_7:link, a.topnavi_7:active, a.topnavi_7:visited { background: url('images/xx_bn-spendentriathlon.gif') no-repeat; } a.topnavi_7:hover { background: url('images/xx_br-spendentriathlon.gif') no-repeat; } a.topnavi_7_aktiv { background: url('images/xx_br-spendentriathlon.gif') no-repeat; } /* sidebar rechts */ #sidebar { position: fixed; right: -2px; top: 300px; width: 380px; height: 345px; z-index:99 !important; background: #fff; } #sidebar #sidebar_links { position: absolute; float: left; width: 36px; height: 260px; margin: 0px; z-index: 99 !important;} #sidebar #sidebar_links a { position: absolute;float: left; width: 36px; height: 42px; z-index: 99 !important; } #sidebar div.infolayer { position: absolute; width: 350px; height: 345px; margin: 0px 0px 0px 46px; background-color: #fff; } #sidebar div.infolayer { *margin: 0px 0px 0px 0px; }