/** * Standard-Styles, * die für jedes Web immer gesetzt werden sollten! * * - Standardschriften für body und tables * - Tabellen allgemein * - allgemeine Strukturierungs-Tags * - Formularelemente **/ * { } html { height:100%; } body { height:100%; margin:0; padding:0; text-align:center; font-family:tahoma,arial,verdana; font-size:11px; color:#333; } table { border-collapse:collapse; margin:0; padding:0; border:0; font-family:tahoma,arial,verdana; font-size:11px; color:#333; } table tr th { padding:0; margin:0; border:0; } table tr td { padding:0; margin:0; border:0; } img { border:0; } a { color:#600; text-decoration:none; } a:hover { color:#c00; } p { margin:0; padding:0 0 0.75em 0; line-height:150%; } h1 { margin:0; padding:0 0 1em 0; font-size:120%; } h2 { margin:0; padding:0 0 1em 0; font-size:110%; } h3 { margin:0; padding:0 0 1em 0; font-size:100%; } h4 { margin:0; padding:0 0 1em 0; font-size:90%; } h5 { margin:0; padding:0 0 1em 0; font-size:80%; } form { margin:0; padding:0; } fieldset { margin:0 0 1em 0; } input { font-family:tahoma,arial,verdana; font-size:11px; color:#666; } input.text { border:1px solid #666; } input.password { border:1px solid #666; } input.file { border:1px solid #666; } input.checkbox { /*** nichts bis jetzt ***/ } input.radio { /*** nichts bis jetzt ***/ } input.button { font-family:tahoma,arial,verdana; font-size:11px; color:#666; } textarea { font-family:tahoma,arial,verdana; font-size:11px; color:#666;border:1px solid #666; } select { font-family:tahoma,arial,verdana; font-size:11px; color:#666;border:1px solid #666; } button { font-family:tahoma,arial,verdana; font-size:11px; color:#666; } /** * Layout styles **/ #container { width:980px; margin: 0 auto; text-align:left; } #head_logo { margin:0; padding:0; height:96px; } #head_logo h2 { margin:0; padding:20px 0 0 20px; } #head_motiv { float:left; width:765px; height:179px; background:url('../images/head_bg.jpg') no-repeat; } #head_motiv img { margin:12px 0 0 21px; display:block; } #head_motiv p { margin:0; padding:10px 0 0 245px; color:#666; } #head_motiv p span, #head_motiv p a { padding:0 5px; color:#666; } #head_navi { float:left; width:215px; height:173px; list-style-type:none; margin:3px 0 0 0; padding:0; } #head_navi li { display:block; float:left; width:200px; /*height:28px;*/ background:url('../images/dotted_line.gif') repeat-x bottom left; margin:0; padding:0; } #head_navi ul li.act { background:url('../images/dotted_line_yellow-bg.gif') repeat-x bottom left; } #head_navi li a { display:block; padding:5px 0 6px 18px; background:url('../images/head_navi_pfeil.gif') no-repeat 5px 9px; color:#666; font-weight:bold; font-size:13px; } #head_navi ul li.act a { background:none; } #main_left { float:left; width:215px; margin:0 20px 0 0; } #main_left ul { margin:0; padding:0 0 0 15px; list-style-type:none; } #main_left ul li { display:block; float:left; width:200px; /*height:28px;*/ background:url('../images/dotted_line.gif') repeat-x bottom left; margin:0; padding:0; } #main_left ul li.act { background:url('../images/dotted_line_yellow-bg.gif') repeat-x bottom left; } #main_left ul li.actHassub { background:rgb(255,204,0); } #main_left ul li.curHassub { background:rgb(255,204,0); } #main_left ul li a { display:block; padding:5px 0 6px 18px; background:url('../images/main_navi_pfeil.gif') no-repeat 5px 9px; color:#666; font-weight:bold; font-size:13px; } #main_left ul li.act a { background:none; } #main_left ul li.actHassub a { background:none; } #main_left ul li.curHassub a { background:none; } #main_left ul li ul.naviL1 { padding:0; background:#fff; } #main_left ul li ul.naviL1 li { width:180px; /*height:28px;*/ background:url('../images/dotted_line.gif') repeat-x bottom left #fff; margin:0 0 0 20px; padding:0; } #main_left ul li ul.naviL1 li a { padding:4px 0 4px 3px; background:none; color:#666; font-weight:bold; font-size:11px; } #main_left ul li ul.naviL1 li.cur { background:url('../images/dotted_line_yellow-bg.gif') repeat-x bottom left; } #main_left ul li ul.naviL1 li.actHassub { background:rgb(255,204,0); } #main_left ul li ul.naviL1 li.curHassub { background:url('../images/dotted_line.gif') repeat-x top left rgb(255,204,0); } #main_left ul li ul.naviL1 li ul.naviL2 { padding:0; background:#fff; } #main_left ul li ul.naviL1 li ul.naviL2 li { width:170px; /*height:28px;*/ background:url('../images/dotted_line.gif') repeat-x bottom left #fff; margin:0 0 0 10px; padding:0; } #main_left ul li ul.naviL1 li ul.naviL2 li a { padding:4px 0 4px 3px; background:none; color:#666; font-weight:bold; font-size:10px; } #main_left ul li ul.naviL1 li ul.naviL2 li.cur { background:url('../images/dotted_line_yellow-bg.gif') repeat-x bottom left; } #main_center { float:left; width:510px; margin:0 20px 0 0; } #main_right { float:left; width:200px; } #foot { clear:both; width:980px; background:url('../images/foot_bg.jpg') no-repeat 15px 0; margin:15px 0; float:left; } #foot p { margin:0; padding:5px 25px 5px 0; text-align:right; color:#fff; } /** * CSS-Styled-Content Styles * * - betrifft Typo3-default-Contentelemente * - sollten immer geprüft werden **/ /* defaults für alle */ .csc-textpic-image { margin:0 0 1em 0; padding:0; } .bodytext { margin:0 0 1em 0; padding:0; } /*.csc-header { margin:0; padding:0; clear:both; }*/ .csc-subheader { margin:0 0 1em 0; padding:0; clear:both; } .csc-bulletlist { margin:0 0 1em 0; } .contenttable { margin:0 0 1em 0; } .csc-uploads { margin:0 0 1em 0; } .csc-sitemap { margin:0 0 1em 0; } /* csc-header */ #main_center .page-header { width:510px; background:url('../images/header_bg_510.jpg') no-repeat; margin:0 0 5px 0; } #main_center .page-header h1 { color:#fff; margin:0; padding:6px 10px; font-size:11px; } #main_center .csc-header h2 { color:#666;margin:0 0 .5em 0; padding:0 10px; font-size:12px; } #main_center .csc-header h3 { color:#222;margin:0 0 .5em 0; padding:0 10px; font-size:10px; } #main_center .csc-textpicHeader h2 { color:#666;margin:0 0 .5em 0; padding:0 10px; font-size:12px; } #main_center .csc-textpicHeader h3 { color:#222;margin:0 0 .5em 0; padding:0 10px; font-size:10px; } /* header in der rechten Spalte*/ #main_right .csc-header { width:200px; background:url('../images/header_bg_200.jpg') no-repeat; margin:0 0 5px 0; } #main_right .csc-header h1, #main_right .csc-header h2, #main_right .csc-header h3 { color:#fff; margin:0; padding:6px 10px; font-size:11px; } #main_right .csc-textpicHeader h1, #main_right .csc-textpicHeader h2, #main_right .csc-textpicHeader h3 { color:#fff; margin:0; padding:6px 10px; font-size:11px; } #main_right .csc-header a { color:#fff; } #main_right .csc-textpicHeader a { color:#fff; } p.bodytext { margin:0 0 1em 0; padding:0 10px 1em 10px; background:url('../images/dotted_line.gif') repeat-x bottom left; } .csc-textpic-imagewrap { margin:0 10px; } .csc-textpic-intext-left { clear:both; float:left; width:100%; margin:0 0 1em 0; padding:0 0 10px 0; background:url('../images/dotted_line.gif') repeat-x bottom left; } .csc-textpic-intext-left p.bodytext { background:none; padding-bottom:0; } .csc-textpic-intext-left-nowrap { float:left; clear:both; width:100%; margin:0 0 1em 0; padding:0 0 1em 0; background:url('../images/dotted_line.gif') repeat-x bottom left; } .csc-textpic-intext-left-nowrap p.bodytext { background:none; padding-bottom:0; } .csc-textpic-intext-right { clear:both; float:left; width:100%; margin:0 0 1em 0; padding:0 0 10px 0; background:url('../images/dotted_line.gif') repeat-x bottom left; } .csc-textpic-intext-right p.bodytext { background:none; padding-bottom:0; } .csc-textpic-intext-right-nowrap { float:left; clear:both; width:100%; margin:0 0 1em 0; padding:0 0 1em 0; background:url('../images/dotted_line.gif') repeat-x bottom left; } .csc-textpic-intext-right-nowrap p.bodytext { background:none; padding-bottom:0; } /* csc-tables */ table.contenttable tr td { vertical-align:top; padding:3px; } table.contenttable caption { padding:3px; font-weight:bold; } /* typ 0 */ table.contenttable-0 tr td { border:0; } /* typ 1 */ table.contenttable-1 tr.tr-even { background-color:#eee; } /* typ 2 */ table.contenttable-2 tr.tr-0 td { background-color:#eee; } /* typ 3 */ table.contenttable-3 tr td.td-0 { background-color:#eee; } /* csc-uploads */ table.csc-uploads tr td { vertical-align:top; padding:0 10px 0 0; border:0; } /* Sitemap */ .csc-sitemap ul { margin:0; padding:0; list-style-type:none; } .csc-sitemap ul li { margin:0; padding:4px 0 4px 18px; background:transparent url(../images/main_navi_pfeil.gif) no-repeat scroll 5px 6px; font-weight:bold; } .csc-sitemap ul li ul li { padding:3px 0 3px 18px; font-weight:normal; } .csc-sitemap ul li ul li ul li { padding:3px 0 3px 18px; font-style:italic; } .csc-sitemap ul li ul li ul li a { color:#666; } /* Bulletlist */ .csc-bulletlist { margin:0 0 1em 0; padding:0 10px 1em 10px; background:url('../images/dotted_line.gif') repeat-x bottom left; list-style-type:none; clear:both; float:left; width:100%; } .csc-bulletlist li { margin:0; padding:4px 0 4px 18px; background:transparent url(../images/main_navi_pfeil.gif) no-repeat scroll 5px 6px; } /** * Powermail */ .tx-powermail-pi1 { margin:0 0 1em 0; } .tx-powermail-pi1 fieldset { margin:0 10px; } .tx-powermail-pi1 legend { font-weight:bold; color:#666; } .tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html { float:left; clear:both; width:465px; padding:2px 0; } .tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_label { padding:5px 10px 2px 10px; } .tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_radio_title { padding:5px 10px 2px 10px; } .tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_checkbox_title { padding:5px 10px 2px 10px; } .tx-powermail-pi1 label { float:left; width:150px; text-align:right; margin:0 10px 0 0; } .tx-powermail-pi1 input.powermail_text { border:1px solid #666; width:230px; } .tx-powermail-pi1 textarea { border:1px solid #666; width:280px; height:190px; } .tx-powermail-pi1 .powermail_mandatory_js { margin:0 0 0 160px; font-weight:bold; color:#f00; } .tx-powermail-pi1 .tx-powermail-pi1_confirmation { padding:0 10px;} .tx-powermail-pi1 .powermail_all_table tr td { padding:1px 10px; } .tx-powermail-pi1 .tx_powermail_pi1_formconfirmation_back { float:left; margin:15px 0 10px 0; } .tx-powermail-pi1 .tx_powermail_pi1_formconfirmation_submit { float:right; margin:15px 0 10px 0; } .tx-powermail-pi1 {} .tx-powermail-pi1 {} .tx-powermail-pi1 {} /** * T3-Admin-Panel **/ table.typo3-adminPanel { position:fixed; left:0px; top:0px; }