/* // +----------------------------------------------------------------------+ // | Project: Saab Zentrum Dortmund | // | URL: http://www.saab-zentrum-dortmund.de | // | File: /css/main.css | // +----------------------------------------------------------------------+ // | Haupt-Style-Sheet der Seite | // +----------------------------------------------------------------------+ // | Copyright (c) Kpt|Kip mediadesign | // | Authors: Alexander Marquart | // | Version: 0.8 | // | Date: 03.09.2006 | // +----------------------------------------------------------------------+ */ /* -- Basics -- */ html,body { margin:0px; padding:0px;} body { font-size:76%; font-family: Trebuchet MS, Helvetica, Arial, sans-serif; background-color:#7F7F7F; background:url(/cms/images/body_back.gif) #B4C9DA repeat-x;} * { font-size:1em;} form, ul, ol { margin:0px; padding:0px;} h1 { font-size:1.6em; font-weight:bold; color:#6E8AA4; margin:8px 0px 3px 0px;} h2 { font-size:1.3em; font-weight:bold; color:#81001B; margin:8px 0px 2px 0px;} h3 { font-size:1.1em;font-weight:bold; color:#3d3d3d; margin:8px 0px 1px 0px;} p { margin:0px 0px 8px 0px;} hr { border:1px solid #868F97; border-width:0px 0px 1px 0px;} /* -- Ebenen -- */ #wrapper { background-color:#FFFFFF; margin:10px auto 20px auto; width:947px;} #headerdiv { background-color:#fff;} #headlogo { float:left; width:209px;height:194px; text-align:center;} #saablogo { padding:5px 0 0 25px;} #logobalken {margin-top:168px;} #headmain { float:left; width:717px;height:194px;} #mainnavi { float:left; width:510px; margin-top:173px;} #adminnavi { float:right; width:207px; text-align:center; word-spacing:0.0em;} #searchnavi { margin-top:155px; height:21px; word-spacing:0em;} #headright { float:left; width:21px;height:194px; background: url(/cms/images/right-balken_back.gif) #102D48;} #printbutton { margin-top:173px;} #bodydiv { min-height:450px; background: url(/cms/images/content_back.gif) #E7EAEF; padding:16px 21px 0px 0px;} #leftcol { float:left; width:209px; margin-top:2px;} #content { float:left; width:486px; margin:0px 0px 16px 12px; color:#5D5D5D} #rightcol { float:right; width:207px; margin-top:2px;} #footer { background: url(/cms/images/navi-back_o.gif); padding:3px 0px 3px 8px; color:#CFCFCF} /* -- Classes -- */ .hideAcessibility { position:absolute; top:-1000px;} .cleaner { clear:both; margin:0px; padding:0px; line-height:0px; font-size:0px;} .alignright { text-align:right;} img.bildlinks { float:left; margin-right:4px; border:1px solid #01172E;} img.bildrechts { float:right; margin-left:4px; border:1px solid #01172E;} /*Sitemap*/ #sitemap { list-style: none; } #sitemap li { list-style: none; margin:3px 0px 8px 0px;} #sitemap li a { display:block; border:0px; border:1px solid #000033;} #sitemap li ul {} #sitemap li ul li {} #sitemap li ul a { display:bolck; width:120px; border:1px solid #000033;} table.teamtable { border-collapse:collapse; width:95%; margin-left:8px;} table.teamtable th { position:absolute; top:-1000px;} table.teamtable td { border:1px solid #01172e; vertical-align:top; padding:8px 4px;} table.teamtable td.center { text-align:center;} .suche { background-color:#81004d; color:#a0baa6; padding:0px 2px; cursor:help;} .dunkelblau { color:#01172E;} .hellblau { color:#6E8AA4;} .dunkelrot { color:#81001B;} .dunkelgrau { color:#444;} a.thickbox { padding:none; background-image:none;} a.thickbox img { padding-bottom:15px; background:url(/cms/images/thickbox_background.gif) bottom right no-repeat; border:1px solid #0D2741;} a.fancygroup { padding:none; background-image:none;} a.fancygroup img { padding-bottom:15px; background:url(/cms/images/thickbox_background.gif) bottom right no-repeat; border:1px solid #0D2741;} /* Textformatierungen im linken Content*/ #leftcol h1 { margin:0px 5px 0px 7px; color:#81001B; background:url(/cms/images/navi-back_open.gif) top right; padding: 0px; text-transform:uppercase; font-weight:bold; font-size:1.1em; text-align:center;} #leftcol .leftTextgrey { margin:0px 5px 0px 7px; color:#fff; background:url(/cms/images/navi-back_u.gif) bottom right; padding: 8px 8px 8px 8px;} img.leftimg { display:inline; background-color:#01172E; padding:1px 1px 0px 1px;} .newsletterdiv { background-color:#01172E; color:#A0BAD5; padding:8px 8px 8px 8px; line-height:180%;} #newsletterform { line-height:250%;} /* Textformatierungen im Content*/ #content p { line-height:160%;} #content ul { margin-left:16px; list-style:url(/cms/images/list_point.gif)} .dachzeile { font-size:0.9em; color:#81001B;} #content .breadcrumb { font-size:0.9em; color:#01172E; margin-top:-13px;} ul.sitemap { margin-left:16px; list-style:none;} ul.sitemap li { } img.teaser_img { float:left; margin-right:8px;} /* Textformatierungen im rechten Content*/ #rightcol h3 { background:url(/cms/images/right-back_header.gif); padding:2px 0px 1px 8px; text-transform:uppercase; color:#81001B;} #rightcol p { padding:0px 8px 0px 8px; color:#2A455F;} #rightcol img.areaimg { margin-bottom:16px;} #rightcol img.imagelinks { float:left; margin-right:4px;} h2.news { clear:left; margin-top:16px;} /* -- Navi -- */ #mainnavi ul { } #mainnavi ul li { display:inline;} /* 1. Ebene */ #leftcol ul { list-style:none; margin:0px 5px 0px 8px;} #leftcol ul li { margin-bottom:16px;} #leftcol ul li a { display:block; text-align:center; color:#D9D9D9; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:1.1em; background:url(/cms/images/navi-back_close.gif) top repeat-y; padding: 3px 0px 7px 0px;} #leftcol ul li a.open { color:#81001B; background:url(/cms/images/navi-back_open.gif) top repeat-y; padding: 4px 0px 2px 0px;} #leftcol ul li a.active { color:#81001B; background:url(/cms/images/navi-back_close.gif) top repeat-y; padding: 3px 0px 7px 0px;} #leftcol ul li a:hover { color:#81001B; background:url(/cms/images/navi-back_close.gif) top repeat-y; padding: 3px 0px 7px 0px;} #leftcol ul li a.open:hover { color:#81001B; background:url(/cms/images/navi-back_open.gif) top repeat-y; padding: 4px 0px 2px 0px;} /* 2. Ebene */ #leftcol ul li ul { margin:0px 0px 0px 0px; background:url(/cms/images/navi-back_u.gif) bottom right; padding: 0px 0px 8px 8px;} #leftcol ul li ul li { margin-bottom:0px;} #leftcol ul li ul li a { text-align:left; font-size:1.0em; color:#152F4B; background: url(/cms/images/navi-back_sub.gif) top left no-repeat; padding:0px 0px 0px 16px; text-transform:none} #leftcol ul li ul li a.active { color:#A9C0D7; background: url(/cms/images/navi-back_sub-active.gif) top left no-repeat; padding:0px 0px 0px 16px;} #leftcol ul li ul li a:hover { color:#A9C0D7; background: url(/cms/images/navi-back_sub-active.gif) top left no-repeat; padding:0px 0px 0px 16px;} /* -- Forms -- */ input.formTextSuche { background-image:url(/cms/images/formtext1_back.gif); width:120px; border:1px solid #3E3E3E; padding:0px 4px 0px 4px; color:#81001B; font-size:0.9em; vertical-align:middle;} input.submitButton { vertical-align:middle; margin-left:8px; width:17px; height:17px;} input.submitButton[class] { background-image:url(/cms/images/submit.png);} input.formText { background-image:url(/cms/images/formtext1_back.gif); width:140px; border:1px solid #3E3E3E; padding:1px 4px 1px 4px; margin-bottom: 6px; color:#81001B; font-size:0.9em;} input.nl_submit { border:none; background:none; color:#A0BAD5; clear:both; padding:0px; font-weight:bold;} #content fieldset { border:1px solid #BFBFBF; background:url(/cms/images/form-back_sub.gif) bottom repeat-x #FBFBFB; margin:0px 0px 24px 0px; padding:15px 0 5px 10px;} #content legend { font-size: 1.25em; color:#5D5D5D; font-weight:bold} #content label { font-size: 1.05em; display:block; float:left; width:100px; font-weight:bold; color:#01172E;} input.midbox { vertical-align:middle; margin-left:0px;} input.midformlong { font: 1.05em Helvetica, Arial; width:180px; margin-bottom:2px; padding-left:4px; border:1px solid #3E3E3E; background:url(/cms/images/formtext1_back.gif) top repeat-x #809DBF;} input.midformplz { font: 1.05em Helvetica, Arial; width:40px; margin-bottom:2px; padding-left:4px; border:1px solid #3E3E3E; background:url(/cms/images/formtext1_back.gif) top repeat-x #809DBF;} input.midformort { font: 1.05em Helvetica, Arial; width:130px; margin-bottom:2px; padding-left:4px; border:1px solid #3E3E3E; background:url(/cms/images/formtext1_back.gif) top repeat-x #809DBF;} textarea.midarea { font: 1.05em Helvetica, Arial; width:180px; border:1px solid #3E3E3E; background:url(/cms/images/formtext1_back.gif) top repeat-x #809DBF;} input.midsubmit { font: 1.05em Helvetica, Arial; border:none; background:none; color:#01172E; padding:0px; font-weight:bold; margin:0px;} form#newsletterform { background:url(/cms/images/form-back_sub.gif) bottom repeat-x #FBFBFB;border:1px solid #797979; padding:12px 8px; margin-left:85px; width:300px;} input.formTextContent { background:url(/cms/images/formtext1_back.gif) top repeat-x #819EC0; width:180px; border:1px solid #3E3E3E; padding:2px 4px 2px 4px; margin-bottom: 6px; color:#81001B; font-size:1.3em;} select.selectContent { background:url(/cms/images/formtext1_back.gif) top repeat-x #819EC0; border:1px solid #3E3E3E; padding:0px 2px 0px 2px; margin-bottom: 6px; color:#81001B; font-size:1.3em;} /* -- Links -- */ a { text-decoration:none; color:#3A6088;} a:hover { text-decoration:underline; color:#84152D;} #mainnavi a { display:block; float:left; width:102px; text-align:center; padding:2px 0px 1px 0px; text-transform:uppercase; color:#000D32; font-size:1.1em; font-weight:bolder;} #mainnavi a:hover { text-decoration:none; color:#81001B;} #mainnavi a.active { text-decoration:none; color:#81001B;} #adminnavi a { font-size:0.85em; color:#000D32; margin:0px 2px;} #adminnavi a:hover { } #content p a { padding-left:10px; background:url(/cms/images/link_passive.gif) left no-repeat; color:#38699B;} #content p a:hover { background:url(/cms/images/link_active.gif) left no-repeat; color:#81001B;} #content .breadcrumb a { padding-left:0px; background:none; color:#81001B;} #content .breadcrumb a:hover { background:none; text-decoration:underline;} #sitemap li a { text-decoration:none; padding-left:8px; color:#FFFFFF; font-weight:bold; background:url(/cms/images/left-balken_back.gif);} #sitemap li a:hover { text-decoration:none; padding-left:8px; color:#FFFFFF; font-weight:bold; background:url(/cms/images/left-balken_back.gif);} #sitemap li ul li a { padding-left:8px; background:none; color:#38699B;} #sitemap li ul li a:hover { padding-left:8px; background:url(/cms/images/left-balken_back.gif); color:#fff;} #content a.nostyle { padding-left:0px; background:none; border:none;} #content a.nostyle:hover { padding-left:0px; background:none; border:none;} #content a.nostyle img { border:0px;} #content a.thickbox { padding-left:0px; background:none;} #rightcol a img { border:0px;} #leftcol .leftKiste { margin:20px 5px 0px 8px; background:url(/cms/images/navi-back_u.gif) bottom right; padding-bottom:7px;} #leftcol .leftKiste h1 { text-align:center; color:#D9D9D9; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:1.1em; background:url(/cms/images/navi-back_close.gif) top repeat-y; padding: 3px 0px 3px 0px; margin:0px;} #leftcol .leftKiste p { margin:0 3px 0px 10px;} #leftcol .leftKiste p+p { margin:8px 3px 0px 10px;} #leftcol .leftKiste a { text-align:left; font-size:1.0em; color:#152F4B; background: url(/cms/images/navi-back_sub-active.gif) top left no-repeat; padding:0px 0px 0px 16px; text-transform:none; margin:0;} #leftcol .leftKiste a.active { color:#A9C0D7; background: url(/cms/images/navi-back_sub-active.gif) top left no-repeat; padding:0px 0px 0px 16px;} #leftcol .leftKiste a:hover { color:#A9C0D7; background: url(/cms/images/navi-back_sub-active.gif) top left no-repeat; padding:0px 0px 0px 16px;} .leftTextgrey a img {border:none;}