/* ////// Schulsport-NRW Stylesheet //////////////// */ /* ////// Version vom 04.12.2007 /////////////////// */ /* ////// von Carsten Peters /////////////////////// */ * { margin: 0; padding: 0; } body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; padding: 10px; } a img { border: none; } ul, li { list-style: none; } /*///// Misc. ///////////////////////////////////////////////////////////////// */ acronym, abbr { border-bottom: 1px dotted #000; cursor: help; } #navi acronym, #navi abbr { border-bottom: none; } em { font-style: oblique; } pre { font: 12px/18px Monaco, "Lucida console", "courier-new", courier, monospace; color: #000; background: #efefef; border-left: 20px #ddd solid; padding: 4pt; page-break-inside: avoid; } blockquote { padding: 6px 30px; } /* Skiplinks */ #skip1 a, #skip2 a { color: #000; position: absolute; z-index: 2; width: 11em; overflow: hidden; top: -100px; left: -1000px; } #skip1 a:focus, #skip2 a:focus { color: #000; top: 55px; left: 320px; } dt, strong { font-weight: bold; color: #666; } .a_wichtig { font-weight: bold; color: #F00; } .a_hinweis { font-size: 11px; } .unsichtbar { text-indent: -9000px; } .none { display: none; } .clearfix:after, .start p:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix, .start p { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix, * html .start p { height: 1%; } .clearfix, .start p { display: block; } /* End hide from IE-mac */ .clear, .a_clear { clear: both; } .druckversion { margin: 0 0 15px 15px; position: relative; bottom: 10px; } a.top, #top, #top_temp { font: 9px Verdana, Arial, Helvetica, sans-serif; background: url(/images_temp/link_4.gif) no-repeat left; } a.top, a:hover .top, a#top, a#top_temp { height: 10px; width: 30px; left: 240px; position: absolute; text-indent: -9000px; text-decoration: none; } #aznavi { font: bold 14px Arial, Helvetica, sans-serif; color: #666; padding: 18px 15px 30px; z-index:0; } #a_z div.BoxBody li { background: none; list-style: url(none) none; margin: 10px 0 0 10px; font: bold 14px Arial, Helvetica, sans-serif; color: #333; } #a_z div.BoxBody li ul li { margin: 10px 0 0 20px; font-size: 12px; font-weight: normal; } #a_z #aznavi ul { list-style-type: none; } #a_z #aznavi li { display: inline; padding: 0 3px; } #a_z #aznavi a { text-decoration: underline; } #container { float: left; display: inline; margin-top: 2px; width: 100%; font-size: 1.32em } #wrapper { float: left; display: inline; width: 100%; } #footer { clear: left; width: 100%; text-align: center; border-top: 1px solid #000; } /*///// Header ////////////////////////////////////////////////////////////////// */ #logo { float: right; height: 55px; } #head { position: relative; margin: 55px 0 0 0; } #head img { margin: 0 0 10px 0; } #head #skipnavi, #head #skipnavi a { font-size: .9em; } #head #topnavi { height: 3.2em; padding: 4px 0 0 15px; margin: 0 0 1px 0; text-align: left; border-left-width: 7px; border-left-style: solid; border-left-color: #5583BD; background-color: #4EA7D3; background-image: url(/images_temp/hg_header.png); background-repeat: repeat-y; } #head h1 { text-indent: -9999px; position: absolute; width: 256px; height: 43px; margin: -2px 0 0 -10px; background: url(/images_temp/logo_ssp-nrw.gif) no-repeat; } #head h1 a, #head h1 a:hover { display: block; text-decoration: none; width: 256px; height: 43px; } #head #kontakt { float: right; display: inline; margin: 0 20px; } /* Fat Erik 5s Simple Pipe List */ #head #kontakt li { display: inline; padding: 0; margin: 0; } #head #kontakt a:link, #head #kontakt a:visited { text-decoration: none; color: #666 } #head #kontakt a:hover { text-decoration: underline; } #head #kontakt li:before { content: "| "; } #head #kontakt li:first-child:before { content: ""; } #head #news { float: right; display: inline; } /* Fat Erik 5s Simple Pipe List */ #head #news li { display: inline; } #head #news a:link, #head #news a:visited { text-decoration: none; color: #666 } #head #news a:hover { text-decoration: underline; } #head #news li:before { content: "| "; } #head #news li:first-child:before { content: ""; } .formsearch { float: right; display: inline; } .formsearch #searchterm { width: 185px; } .formsearch .suchen { width: 53px; } #head #print { display: none;} /*///// Tabellen ///////////////////////////////////////////////////////////////// */ #content table { border-color: #333; border-width: 0 0 1px 1px; border-style: solid; border-collapse: collapse; width: 100%; } #content caption, #content td, #content th { font-size: 1em; } #content caption { font-weight: bold; margin: 6px 0; } /* #content td, */ #content td { vertical-align:top; } #content th { border-color: #333; border-width: 1px 1px 0 0; border-style: solid; margin: 0; padding: 3px; background-color: #fff; } #content th { font-weight: bold; color: #333; background-color: #ccc; } #content table tfoot tr td { font: 10px/12px Verdana, Arial, Helvetica, sans-serif; } /* Tabelle ohne Ränder */ #content table.a_layout, #content table.a_layout td, #content table.a_layout th { border: none; } /*///// Content //////////////////////////////////////////////////////////////// */ #content { margin: 0 0 0 210px; padding: 0 0 0 20px; } .start #content { margin: 0 243px 0 210px; } #content h2 { font-size: 1.4em; padding: 10px 0 20px 0; } #content h3 { font-size: 1.1em; padding-bottom: 10px; } #content img.a_links { float: left; display: inline; margin: 0 7px 2px 0; } #content img.a_rechts { float: right; display: inline; margin: 0 0 2px 7px; } #content .a_mitte { text-align: center; } #content img.a_rahmen { border: #ccc 1px solid; padding: 2px; margin: 2px; } .start #content img { padding: 0 0 10px 0; } .start #content p { background: url(/images_temp/horzline.gif) repeat-x left bottom; margin: -10px 0 18px; padding: 0 0 10px 0; } .start #content p.a_ohnelinie { background: none; } .start #content h3 { margin: 0 0 15px 0; } #index #content p:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #index #content p { display: inline-block; } /* Hides from IE-mac \*/ * html #index #content p { height: 1%; } #index #content p { display: block; } /* End hide from IE-mac */ #index #content p.a_date { background-image: none; margin: 0; } /* ----------- Links ----------- */ a:link { color: #069; } a:visited { color: #462B68; } a:hover { color: #09F; text-decoration: underline; } a:active { color: #F00; } a:focus { color: #F00; border: 0; } /* ------------ Partner ------------ */ #partner_2 dt, #partner_2 dd { float: left; display: inline; margin: 0 5px 5px 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333; font-size: 1em; font-weight: bold; } #partner_2 dt { line-height: 26px; } dd#p_mswks, dd#p_mi, dd#p_lfs, dd#p_meyer, dd#p_rguvv, dd#p_guvvwl, dd#p_lsb, dd#p_stift, dd#p_arn, dd#p_det, dd#p_due, dd#p_koe, dd#p_mue, dd#p_spj, dd#p_spc, dd#p_bkk, dd#p_barmer, dd#p_msjk, dd#p_opus, dd#p_pelikan, dd#p_luk { height: 25px; text-indent: -9999px; } dd#p_mswks a, dd#p_mi a, dd#p_lfs a, dd#p_meyer a, dd#p_rguvv a, dd#p_guvvwl a, dd#p_lsb a, dd#p_stift a, dd#p_arn a, dd#p_det a, dd#p_due a, dd#p_koe a, dd#p_mue a, dd#p_spj a, dd#p_spc a, dd#p_bkk a, dd#p_barmer a, dd#p_msjk a, dd#p_opus a, dd#p_pelikan a, dd#p_luk a { height: 25px; width: 80px; display: block; background-repeat: no-repeat; } dd#p_mswks a { background-image: url(/images_temp/logo_mswks_new.gif); } dd#p_mi a { background-image: url(/images_temp/logo_mi_new.gif); } dd#p_lfs a { background-image: url(/images_temp/logo_mswks_new.gif); } dd#p_meyer a { background-image: url(/images_temp/mm_small.gif); width: 100px; } dd#p_rguvv a { background-image: url(/images_temp/logo_guvv_small.gif); width: 110px; } dd#p_guvvwl a { background-image: url(/images_temp/logo_guvv-wl_small.gif); width: 110px; } dd#p_luk a { background-image: url(/images_temp/logo_luk-small.gif); width: 110px; } dd#p_lsb a { background-image: url(/images_temp/logo_lsb_small.gif); } dd#p_stift a { background-image: url(/images_temp/logo_ssnrw_small.gif); } dd#p_arn a { background-image: url(/images_temp/logo_bezreg_a-small.gif); } dd#p_det a { background-image: url(/images_temp/logo_bezreg_d2-small.gif); } dd#p_due a { background-image: url(/images_temp/logo_bezreg_d-small.gif); } dd#p_koe a { background-image: url(/images_temp/logo_bezreg_k-small.gif); } dd#p_mue a { background-image: url(/images_temp/logo_bezreg_m-small.gif); } dd#p_lsb a { background-image: url(/images_temp/logo_lsb_small.gif); } dd#p_spj a { background-image: url(/images_temp/logo_sportjugend-small.gif); } dd#p_spc a { background-image: url(/images_temp/logo_unibielefeld_small.gif); } dd#p_bkk a { background-image: url(/images_temp/logo_bkk-small.gif); width: 110px; } dd#p_msjk a { background-image: url(/images_temp/logo_mswks_new.gif); } dd#p_opus a { background-image: url(/images_temp/logo_opus_small.gif); } dd#p_pelikan a { background-image: url(/images_temp/logo_pelikan_small.gif); } /* ------------ Icons ------------ */ .a_pdf { padding: 3px 16px 2px 0; background-repeat: no-repeat; background-position: right; } .a_word, .a_powerpoint, .a_excel, .a_video { padding: 3px 21px 2px 0; background-repeat: no-repeat; background-position: right; } .a_zip, .a_software, .a_grafik, .a_cd, .a_buch { padding: 3px 0 3px 18px; background-repeat: no-repeat; background-position: right; } .a_portal { padding: 7px 0 8px 40px; background-repeat: no-repeat; background-position: right; } .a_pdf { background-image: url(/images_temp/pdf.gif); } .a_word { background-image: url(/images_temp/word_icon.gif); } .a_powerpoint { background-image: url(/images_temp/powerpoint_icon.gif); } .a_excel { background-image: url(/images_temp/excel_icon.gif); } .a_video { background-image: url(/images_temp/wmv_icon.gif); } .a_zip { background-image: url(/images_temp/zip_icon.gif); } .a_software { background-image: url(/images_temp/software_icon.gif); } .a_grafik { background-image: url(/images_temp/grafik_icon.gif); } .a_cd { background-image: url(/images_temp/cd_icon.gif); } .a_buch { background-image: url(/images_temp/buch_icon.gif); } .a_portal { background-image: url(/images_temp/portal_icon.gif); } /* Hides from IE5-mac \*/ * html .a_portal { height: 1%; } /* End hide from IE5-mac */ /* ------------ Navi horizontal ------------ */ #navhorz, #navhorz_archiv, #header { float: left; width: 100%; background: #DAE0D2 url(/images_temp/bg.gif) repeat-x bottom; line-height: normal; margin-bottom: 16px; } #navhorz_archiv { background: transparent url(/images_temp/bg_archiv.gif) repeat-x bottom; margin-left: 3px; width: 598px; position: absolute; z-index: 0; } #header { background: #DAE0D2 url(/info/06_gesundheitsfoerderung/infomaterialien/lernen_und_bewegung/img/bg.gif) repeat-x bottom; } * html #navhorz, * html #navhorz_archiv, * html #header { /* fuer IE Win \*/ margin-bottom: 5px; /* */ } #navhorz ul, #navhorz_archiv ul, #header ul { margin: 0; padding: 10px 10px 0; list-style: none; } #navhorz_archiv ul { padding: 60px 10px 0; } #navhorz li, #navhorz_archiv li, #header li { float: left; background: url(/images_temp/left.gif) no-repeat left top; margin: 0; padding: 0 0 0 9px; list-style: none; } #header li { background: url(/info/06_gesundheitsfoerderung/infomaterialien/lernen_und_bewegung/img/left.gif) no-repeat left top; } #navhorz_archiv li { background: url(/images_temp/left_archiv.gif) no-repeat left top; } #navhorz a, #navhorz_archiv a, #header a { float: left; display: block; background: url(/images_temp/right.gif) no-repeat right top; padding: 4px 10px 4px 1px; text-decoration: none; font-weight: bold; color: #069; font-size: 10px; } #header a { background: url(/info/06_gesundheitsfoerderung/infomaterialien/lernen_und_bewegung/img/right.gif) no-repeat right top; } #navhorz_archiv a { background: url(/images_temp/right_archiv.gif) no-repeat right top; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #navhorz a, #navhorz_archiv a, #header a { float: none; } /* End IE5-Mac hack */ #navhorz a:hover, #navhorz_archiv a:hover, #header a:hover { color: #CCC; } #navhorz #aktuell { background-image: url(/images_temp/left_on.gif); } #navhorz_archiv #aktuell { background-image: url(/images_temp/left_on_archiv.gif); } #navhorz #aktuell a, #navhorz_archiv #aktuell a, #header #aktuell a { background-image: url(/images_temp/right_on.gif); color: #069; padding-bottom: 5px; } #navhorz_archiv #aktuell a { background-image: url(/images_temp/right_on_archiv.gif); color: #fff; } #header #aktuell { background: url(/info/06_gesundheitsfoerderung/infomaterialien/lernen_und_bewegung/img/left_on.gif); } #header #aktuell a { background-image:url(/info/06_gesundheitsfoerderung/infomaterialien/lernen_und_bewegung/img/right_on.gif); } /* --------- Seitenitel --------- */ #head_entw a, #head_praxis a, #head_fort a, #head_wett a, #head_talent a, #head_sicher a, #head_gesund a, #head_sicherundgesund a, #head_verein a, #head_service a { text-decoration: none; } h1#head_entw a, h1#head_praxis a, h1#head_fort a, h1#head_wett a, h1#head_talent a, h1#head_sicher a, h1#head_gesund a, h1#head_sicherundgesund a, h1#head_verein a, h1#head_service a { height: 45px; width: 360px; position: relative; display: block; } h1#head_start { background: url(/images_temp/logo_schulsport-nrw.gif) no-repeat left top; top: 10px; left: 10px; position: absolute; height: 85px; width: 436px; text-indent: -9000px; z-index: 1; } h1#head_entw, h1#head_praxis, h1#head_fort, h1#head_wett, h1#head_talent, h1#head_sicher, h1#head_gesund, h1#head_sicherundgesund, h1#head_verein, h1#head_service { text-indent: -9000px; position: relative; margin: 8px 0 0 0; background-repeat: no-repeat; background-position: left top; } /*///// Navigation //////////////////////////////////////////////////////////////// */ #navigation { float: left; display: inline; width: 210px; margin-left: -100%; font-size: 0.95em; background: url(/images_temp/blau.gif) 0 50%; } #navigation #home a { background: url(/images_temp/sportler.gif) no-repeat; text-indent: -9999px; display: block; width: 79px; height: 113px; margin: 20px 0 20px 65px; } #navigation ul { border-top: 1px solid #fff; } #navigation ul li { margin: 0; border-bottom: 1px solid #fff; background: url(/images_temp/blau.gif); } #navigation ul li a { display: block; padding: 4px 0 4px 17px; width: 193px; color: #000; font-weight: bold; text-decoration: none; } #navigation li a:hover, #navigation li a:focus, #navigation li a:active, #navigation li a.aktiv { color: #5583bd; } #navigation ul ul li { border-bottom: none; background-image: none; background-color: #eff; } #navigation ul ul li a { width: 173px; padding: 2px 0 2px 30px; font-weight: normal; background: url(/images_temp/rechtsblau.gif) no-repeat 20px 50%; } #traeger { margin: 20px 0 0 17px; } #traeger dt { font: bold 1em Verdana, Arial, Helvetica, sans-serif; color: #5583bd; padding: 0 0 3px 0; } #navigation #hilfe { padding: 20px 0; } #navigation #hilfe li { border-bottom: none; } #navigation #hilfe li a { padding: 1px 0 1px 17px; font-weight: normal; color: #5583bd; } /* Stylesheet für die Unterseiten der Schulsport-Datenbank */ div.input label { display: block; width: 200px; float: left; padding: 3px 0; text-align: right; margin-right: 20px; } div.input select { margin: 3px 0; border: 1px solid #000000; background: white; width: 450px; } div.input input { border: 1px solid #000000; } div.submit { text-align: center; } div.submit input { border: 1px solid #000000; margin: 3px 0; padding: 0 10px; } div.vorhabenliste { padding: 4px; margin-bottom: 5px; background-color: #D6E5F2; border-style: solid; border-width: 1px; border-left-width: 6px; border-color: #5583BD; } div.vorhabenliste div { display: none; margin-top: 5px; padding: 5px; background-color: #EEFFFF; text-align: justify; } div.vorhabenliste a.vorhaben { color: #000000; text-decoration: none; font-weight: bold; cursor: pointer; } div.vorhabenliste-volltext { padding: 4px; margin-bottom: 5px; background-color: #D6E5F2; border-style: solid; border-width: 1px; border-left-width: 6px; border-color: #5583BD; } div.vorhabenliste-volltext div { margin-top: 5px; padding: 5px; background-color: #EEFFFF; text-align: justify; } div.vorhabenliste-volltext a.vorhaben { color: #000000; text-decoration: none; font-weight: bold; } div.kategorie { display: none; } a.kategorie { cursor: pointer; } /* Stylesheet SCOM-DB Vorhaben-Navigation */ #content div.vorhabennavi { float: left; width: 23%; margin-left: 10px; background: url(/images_temp/blau.gif) 0 50%; } /*div.vorhabennavi { width: 21%; background-color: #D6E5F2; border-width: 0px; border-style: solid; border-color: #5583BD; border-left-width: 6px; float: left; margin-left: 10px; padding: 5px; }*/ #content div.vorhabennavi ul { border-top: 1px solid #ffffff; } #content div.vorhabennavi ul li { margin: 0px; border-bottom: 1px solid #ffffff; background: url(/images_temp/blau.gif); } #content div.vorhabennavi ul li a { display: block; padding: 4px 0 4px 17px; width: 23%; color: #000; font-weight: bold; text-decoration: none; } #content div.vorhabennavi li a:hover, #content div.vorhabennavi li a:focus, #content div.vorhabennavi li a:active, #content div.vorhabennavi li a.aktiv { color: darkred; } #content div.vorhabennavi ul ul li { border-bottom: none; background-image: none; background-color: #eff; } #content div.vorhabennavi ul ul li a { width: 173px; padding: 2px 0 2px 30px; font-weight: normal; background: url(/images_temp/rechtsblau.gif) no-repeat 20px 50%; } #content div.vorhabennavi li.head { display: block; padding: 4px 0 4px 17px; color: #FAFAFA; background: #5583BD; font-weight: bold; } #content div.vorhabendetail { width: 75%; float: left; } .highlight { color: red; font-weight: bold; } /* einige der Festlegungen von oben übergehen, z.B. feste Ränder für Tabellen (Zeile 112) */ #content div.vorhabendetail table tr td { border-width: 0px; border-style: none; padding: 5px; } #flashMessage, .error, .error-message { width: 90%; margin: 20px 0px; padding: 3px; border: 1px solid #000000; border-left-width: 8px; border-left-color: darkred; font-size: 8pt; font-weight: bold; background-color: #FFFFC6; } .form-error { background-color: #FFFFC6; } /* Tab-Interface */ #tabs li { list-style: none; float: left; } #tabs li a { display: block; background: #D6E5F2; color: #000000; text-decoration: none; padding: 3px 10px; margin-right: 15px; border: 1px solid #000000; border-bottom-width: 0px; } #tabs li a:hover { color: #000000; background: #5583BD; } #tabs a.selected { color: #FFFFFF; background: #5583BD; cursor: default; } .tabInhalt { clear: both; border: 1px solid #000000; padding-top: 20px; background-color: #D6E5F2; } .tabLeisteUnten { background-color: #5583BD; width: 100%; height: 24px; } .tabLeisteUntenRechts { width: 20%; height: 18px; margin-left: 80%; background-color: #416591; text-align: center; padding: 3px 0px; } .tabLeisteUntenRechts a { text-decoration: none; color: #FFFFFF; font-weight: bold; } .tabLeisteUntenRechts a:hover { color: #D6E5F2; }