/** * Verwendete Farben: * - rot #af0e1b * - helles grau #eeeeed * * * Standard-Styles, * die für jedes Web immer gesetzt werden sollten! * * - Standardschriften für body und tables * - Tabellen allgemein * - allgemeine Strukturierungs-Tags * - Formularelemente **/ * { font-family:arial,tahoma,verdana; font-size:11px; } html { height:100%; } body { height:100%; margin:0; padding:0; text-align:center; } table { border-collapse:collapse; margin:0; padding:0; border:0; } table tr th { padding:0; margin:0; border:0; } table tr td { padding:0; margin:0; border:0; } img { border:0; } a { color:#a91515; text-decoration:none; } a:hover { color:#a91515; } 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:arial,tahoma,verdana; font-size:11px; color:#706e59; /*background:#ccc;*/ } input.text { border:1px solid #c0beb2; } input.password { border:1px solid #c0beb2; } input.file { border:1px solid #c0beb2; } input.checkbox { /*** nichts bis jetzt ***/ } input.radio { /*** nichts bis jetzt ***/ } input.button { font-family:arial,tahoma,verdana; font-size:11px; color:#000; font-weight:bold; background:url('../images/button_bg.gif') repeat-x bottom; border-width:1px; border-color:#cecfc7 #9c9a8e #898677 #cecfc7; cursor: pointer; } textarea { font-family:arial,tahoma,verdana; font-size:11px; border:1px solid #c0beb2; } select { font-family:arial,tahoma,verdana; font-size:11px; border:1px solid #c0beb2; } button { font-family:arial,tahoma,verdana; font-size:11px; color:#000; font-weight:bold; background:url('../images/button_bg.gif') repeat-x bottom; } hr{ background-color:#dadbd3; border:medium none; color:#dadbd3; height:1px; margin: 10px; } /** * Layout styles **/ #headContainer { background:url('../images/head_bg.gif') repeat-x 0px 70px; margin:0; padding:0; } #logo { width:980px; margin:0 auto; padding:0; text-align:center; height:70px; text-align:left; } #logo img { margin:0; padding:0; } #navitop { width:980px; margin:0 auto; padding:0; text-align:center; height:30px; text-align:left; background:url('../images/navitop_bg.jpg') repeat-x #af0e1b; } #navitop ul { margin:0; padding:0; list-style-type:none; } #navitop ul li { margin:0; padding:0 1px 0 0; height:30px; float:left; background:url('../images/navitop_spacer.gif') no-repeat right top; } #navitop ul li.last { margin:0; padding:0; height:30px; float:left; background:none; } #navitop ul li.act { margin:0; padding:0; height:30px; /*background:url('../images/navitop_bg_act.gif') repeat-x left top;*/ } #navitop ul li a { float:left; padding:0; color:#fff; font-size:13px; } #leitbild { width:980px; margin:1px auto 10px auto; padding:0; text-align:center; height:157px; text-align:left; background:#0a245d; } #leitbild img { margin:0; padding:0; } #mainContainer { background:#eeeeed; margin:0 0 10px 0; padding:0; float:left; clear:both; width:100%; } #mainWrap { width:980px; margin:0 auto; padding:0; text-align:left; } #main_0 { width:980px; float:left; clear:both; padding:0; text-align:left; background:url('../images/content_bg0.gif') repeat-y; } #left_0 { width:200px; margin:0 2px 0 0; float:left; } #center_0 { width:576px; margin:0 2px 0 0; float:left; } #right_0 { width:200px; float:left; } #main_1 { width:980px; float:left; clear:both; padding:0; text-align:left; background:url('../images/content_bg1.gif') repeat-y; } #left_1 { width:200px; margin:0 2px 0 0; float:left; } #center_1 { width:576px; margin:0 2px 0 0; float:left; } #right_1 { width:200px; float:left; } #main_2 { width:980px; float:left; clear:both; padding:0; text-align:left; background:url('../images/content_bg2.gif') repeat-y; } #left_2 { width:476px; margin:0 2px 0 0; float:left; } #center_2 { width:300px; margin:0 2px 0 0; float:left; } #right_2 { width:200px; float:left; } #main_3 { width:980px; float:left; clear:both; padding:0; text-align:left; background:url('../images/content_bg_wide.gif') repeat-y; } #left_3 { width:200px; margin:0 2px 0 0; float:left; } #center_3 { width:776px; margin:0; float:left; } #footerContainer { width:980px; margin:0 auto 0 auto; padding:0 0 50px 0; clear:both; text-align:center; } #footer span { margin:0; padding:0; color:#4c4c41; float:right; padding:5px 0 0 0; text-align:right; } #footer ul { margin:0; padding:0; list-style-type:none; color:#4c4c41; float:right; padding:5px 0 0 0; text-align:right; } #footer ul li { float:left; margin:0; padding:0; } #footer ul li a { color:#4c4c41; padding:0 4px; } #footerLogo { float:right; width:15px; margin-right:10px; } #body2_headContainer { background:url('../images/body2_bg.gif') repeat-x; margin:0; padding:0; text-align:center; } #body2_head { width:580px; margin:0 auto 0 auto; text-align:left; height:170px; background:url('../images/body2_head.png') no-repeat; } #body2_mainContainer { width:580px; margin:0 auto 0 auto; text-align:left; padding:0 0 30px 0; } #body2_footerContainer { width:580px; margin:0 auto 0 auto; text-align:left; padding:0 0 30px 0; } /** * CSS-Styled-Content Styles * * - betrifft Typo3-default-Contentelemente * - sollten immer geprüft werden **/ /* csc- Überschriften allgemein */ #main_0 .csc-header h2 { padding:0; margin:0; } #main_0 #left_0 .csc-header h2 { padding:0; margin:0 5px; } #main_1 .csc-header h2 { padding:0; margin:0; } #main_1 #left_1 .csc-header h2 { padding:0; margin:0 5px; } #main_1 #center_1 .csc-header h2 { padding:0; margin:0 0 10px 0; } #main_2 .csc-header h2 { padding:0; margin:0; } #main_2 #left_2 .csc-header h2 { padding:0; margin:0 0 10px 0; } #main_2 #center_2 .csc-header h2 { padding:0; margin:0 0 10px 0; } #main_3 .csc-header h2 { padding:0; margin:0; } #main_3 #left_3 .csc-header h2 { padding:0; margin:0 5px; } #main_3 #center_3 .csc-header h2 { padding:0; margin:0 0 10px 0; } #main_0 #center_0 .csc-header { margin:0 0 10px 0; } /* ganz normaler bodytext */ p.bodytext { padding:0 10px 10px 10px; } .error { font-weight:bold; color:#af0e1b; } .notice { font-weight:bold; font-size:12px; border:1px solid #000; padding:5px; } .noticeImportant { font-weight:bold; font-size:12px; border:1px solid #af0e1b; padding:5px; color:#af0e1b; } .noticeImportant * { font-weight:bold; font-size:12px; color:#af0e1b; } .noticeSuccess { font-weight:bold; font-size:12px; border:1px solid #319ab7; padding:5px; color:#319ab7; } .noticeSuccess * { font-weight:bold; font-size:12px; color:#319ab7; } a.external-link { background: url(../images/external-link-icon.gif) left center no-repeat; padding: 0px 0px 0px 12px; } a.external-link:hover { background: url(../images/external-link-icon.gif) left center no-repeat; padding: 0px 0px 0px 12px; text-decoration: underline; } a.external-link-new-window { background: url(../images/external-link-icon.gif) left center no-repeat; padding: 0px 0px 0px 12px; } a.external-link-new-window:hover { background: url(../images/external-link-icon.gif) left center no-repeat; padding: 0px 0px 0px 12px; text-decoration: underline; } /* text-bild elemente */ .csc-textpic-intext-left-nowrap { padding:0 0 0 10px; } .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { margin-right:0px !important; } .csc-textpic-intext-left-nowrap .csc-textpicHeader .csc-textpic-intext-left-nowrap .csc-textpicHeader h1 { overflow:hidden; width:300px; padding:0; } .csc-textpic-intext-left-nowrap .csc-textpicHeader h2 { overflow:hidden; width:300px; padding:0; } .csc-textpic-intext-left-nowrap .csc-textpicHeader h3 { overflow:hidden; width:300px; padding:0; } .csc-textpic-intext-left { padding:0 0 0 10px; clear:both; } .csc-header-n4 { margin-bottom:10px; } /* kommt nur auf der home vor, schneller fix. */ /* spezielle Dinge */ .imgtext-table { margin-left:10px; } .imgtext-nowrap { margin-left:10px; margin-top:10px; } .imgtext-nowrap .imgtext-table { margin-left:0; } .imgtext-nowrap .csc-textpicHeader { width:325px; overflow:hidden; } .csc-menu { } .csc-menu-def { padding:0 0 20px 0; float:left; clear:both; } ul.csc-menu-1 { margin:0; padding:0 5px 0 5px; list-style-type:none; } ul.csc-menu-1 li { margin:0; padding:0; border-bottom:1px solid #706e59; float:left; clear:both; } ul.csc-menu-1 li.last { border-bottom:0; } ul.csc-menu-1 li a { margin:0; padding:0; float:left; height:22px; } ul.csc-menu-1 li a img { margin:0; padding:0; } /* defaults für alle */ .csc-textpic-image { margin:0 0 1em 0; padding:0; } .bodytext { margin:0 0 1em 0; padding:0; } .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; } #center_1 ul { margin:0 0 10px 0; padding:0 10px; list-style-type:none; } #center_1 ul li { margin:0; padding:0 0 0 10px; background:url('../images/li_bullet.gif') no-repeat 3px 5px; } /* csc-tables */ table.contenttable { margin:0 10px 15px 10px; } table.contenttable caption { padding:3px; font-weight:bold; } table.contenttable tr th { vertical-align:top; padding:0; border:0; padding:2px 5px; border-bottom:1px solid #706e59; border-top:1px solid #706e59; text-align:left; background:#706e59; color:#fff; } table.contenttable tr th p { padding:0; margin:0; } table.contenttable tr td { vertical-align:top; padding:0; border:0; padding:2px 5px; border-bottom:1px solid #706e59; } table.contenttable tr td p { padding:0; margin:0; } /* csc-uploads */ table.csc-uploads tr td { vertical-align:top; padding:0 10px 0 0; border:0; } /** * Videos (HTML) */ .videos { margin:0 0 0 10px; } .videos .big_video { width:280px; height:177px; margin:0 0 10px 0; float:left; clear:both; font-size:9px; } .videos .big_video a { display:block; position:relative; width:280px; height:157px; margin-bottom:1px; } .videos .big_video a span { display:block; width:280px; height:157px; position:absolute; left:0; top:0; background:url('../images/video/videothumb_button_centered.png') no-repeat; cursor:pointer; } .videos .medium_video { width:131px; height:93px; margin:0 10px 0 0; padding:0 0 10px 0; float:left; font-size:9px; } .videos .medium_video a { display:block; position:relative; width:131px; height:73px; margin-bottom:1px; } .videos .medium_video a span { display:block; width:131px; height:73px; float:left; position:absolute; left:0; top:0; background:url('../images/video/videothumb_button_bottomleft_medium.png') no-repeat; cursor:pointer; } .videos .small_video { width:86px; height:80px; margin:0 10px 0 0; padding:0 0 10px 0; float:left; font-size:9px; } .videos .small_videoNoMarginRight { width:86px; height:80px; margin:0 0 0 0; padding:0 0 10px 0; float:left; } .videos .small_video a { display:block; position:relative; width:86px; height:48px; margin-bottom:1px; } .videos .small_video a span { display:block; width:86px; height:48px; float:left; position:absolute; left:0; top:0; background:url('../images/video/videothumb_button_bottomleft_small.png') no-repeat; cursor:pointer; } /** * T3-Admin-Panel **/ table.typo3-adminPanel { position:absolute; left:0; top:0; }