/*--------------------------------------------------------------------------- Detlef Fels Stylesheet URL: www.detlef-fels.de Letzte Aenderung: 04.06.2007 Autor: Carsten Peters - www.carsten-peters.net ---------------------------------------------------------------------------*/ /* Allgemeines ---------------------------------------------------------------------------*/ * { padding: 0; margin: 0; } html { height: 100% } body { font: 62.5%/1.6em Arial, Helvetica, sans-serif; color: #333; background: #eaeaea; text-align: center; min-height: 101%; } #container { width: 830px; margin: 20px auto; text-align: left; background: #eaeaea url(img/body_bg.jpg) repeat-y 0% 50%; } #wrapper { float: left; display: inline; width: 830px; } /* Links ---------------------------------------------------------------------------*/ :link, :visited, :hover, :active, :focus { } a, a:link, a:visited { color: #666; text-decoration: none; } a:hover, a:focus, a:active { color: #959141; } a img, :link img, :visited img, :hover img, :active img { border: none; } /* Paragraphs ---------------------------------------------------------------------------*/ p { margin-bottom: 10px; } b, strong { font-weight: bold; color: #333; } em, i, address { font-style: italic; } blockquote { color: #888942; } /* headlines ---------------------------------------------------------------------------*/ h2, h3, h4, h5, h6 { font: 1.38em/1.2em Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #666; } h2 { margin: 25px 0 15px 15px; text-transform: uppercase; } h3 { margin: 15px 0 10px 15px; font-size: 1.2em; font-weight: bold; } h4 { font-size: 1em; margin: -12px 0 0 0; } h5 { font-size: 0.9em; } h6 { font-size: 0.8em; } /* Listen ---------------------------------------------------------------------------*/ ul, li { list-style: none; list-style-type: none; margin-bottom: 5px; } ul, ol { color: #333; } ol { padding-left: 35px; } /* Misc. ---------------------------------------------------------------------------*/ acronym, abbr { border-bottom: 1px dotted; cursor: help; } .clear { clear: both; } .unsichtbar { position: absolute; top: -9999px; left: -9999px; } /* Header ---------------------------------------------------------------------------*/ #header { position: relative; height: 124px; background: url(img/head_bg.jpg) no-repeat 0 0; } #header h1 a, #header h1 a:link, #header h1 a:visited, #header h1 a:hover, #header h1 a:active, #header h1 a:focus { text-indent: -9999px; position: absolute; display: block; width: 202px; height: 42px; margin: 40px 0 0 30px; background: url(img/logo.gif) no-repeat; outline: none; } /* Mainnav ---------------------------------------------------------------------------*/ #mainnav { float: left; display: inline; width: 796px; height: 157px; margin: 0 17px; background-repeat: no-repeat; background-position: bottom center; line-height: normal; border-bottom: 24px solid #888942; } #mainnav ul { margin: 0; padding: 0 0 0 244px; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; list-style: none; white-space: nowrap; } #mainnav ul li { display: block; float: left; } #mainnav ul li a { width: 132px; height: 154px; padding: 3px 0 0 5px; border-left: 1px solid #fff; color: #888942; text-decoration: none; display: block; outline: none; } #mainnav ul li a.beratung { border-bottom: 24px solid #a0a168; } #mainnav ul li a.kompetenz { border-bottom: 24px solid #b8b88e; } #mainnav ul li a.netzwerk { border-bottom: 24px solid #cfd0b3; } #mainnav ul li a.fels { border-bottom: 24px solid #e7e7d9; } #mainnav a:hover, #mainnav a:active, #mainnav a:focus, #mainnav li#current a { background: url(img/current.png) repeat bottom; color: #727337; } #start #mainnav { background-image: url(img/navi_bg_start.jpg); } #beratung #mainnav { background-image: url(img/navi_bg_beratung.jpg); } #kompetenz #mainnav { background-image: url(img/navi_bg_kompetenzen.jpg); } #netzwerk #mainnav { background-image: url(img/navi_bg_netzwerk.jpg); } #fels #mainnav { background-image: url(img/navi_bg_fels.jpg); } #kontakt #mainnav { background-image: url(img/navi_bg_kontakt.jpg); } #impressum #mainnav { background-image: url(img/navi_bg_impressum.jpg); } /* Content ---------------------------------------------------------------------------*/ #content { width: 410px; margin: 0 200px 0 245px; padding: 0 0 10px 0; border-bottom: 15px solid #fff; font-size: 1.2em; line-height: 1.5em; } #content p { margin: 0 10px 0 15px; padding: 0 0 10px 0; } #content p.gestaltung { margin: 0 10px 0 15px; padding: 20px 0 10px 0; } #content img { padding: 3px; border: 1px solid #ddd; } #content img.rechts { float: right; display: inline; margin: 0 -80px 0 10px; } #content img.links { float: left; display: inline; margin: 0 10px 0 0; } #fels p { width: 300px; border: red; } #content ul { padding-left: 10px; } #content ul li { padding: 1px 40px 1px 20px; background: url(img/dot.gif) no-repeat 10px 7px; } #content ul li li { background: url(img/dot2.gif) no-repeat 10px 7px; } /* Tabellen ---------------------------------------------------------------------------*/ table { margin: 0 10px 0 15px; border: none; border-collapse: collapse; font: 0.88em Verdana, Arial, Helvetica, sans-serif; background: #fff; } table tr { } table th { padding: 5px 10px 5px 0; font-weight: normal; border: none; text-align: left; vertical-align: top; border-bottom: 1px solid #ddd; white-space: nowrap; } table td { padding: 5px 0 5px 0; border: none; border-bottom: 1px solid #ddd; } /* Navigation ---------------------------------------------------------------------------*/ #navigation { float: left; display: inline; width: 175px; margin-left: -815px; } #navigation h3 { width: 106px; height: 17px; margin: 50px 0 0 0; padding: 0 0 0 30px; font: 1em/17px Arial, Helvetica, sans-serif; font-weight: normal; color: #fff; background: #bcbd95; } #fels #navigation h3 { background: #fff; border-bottom: 1px dotted #666; } #navigation ul { width: 136px; padding: 0; } #navigation ul li { padding: 0; margin: 0; height: 17px; line-height: 17px; } #navigation ul li a { height: 16px; border-bottom: 1px dotted #666; outline: none; } #navigation li a:link, #navigation li a:visited { color: #666; display: block; background: url(img/navilist_bg.gif); padding: 0 0 0 30px; } #navigation li a:hover, #navigation li a:focus, #navigation li#current a { color: #666; background: #eeeee4 url(img/nav_dot.gif) no-repeat 10px 50%; padding: 0 0 0 30px; } /* Footer ---------------------------------------------------------------------------*/ #footer { clear: both; height: 55px; font-size: 1.2em; line-height: 0.98em; padding: 0 0 0 160px; background: url(img/footer_bg.jpg) no-repeat 0% 100%; } #footer img { float: left; display: inline; margin: 0 5px 0 0; } #footer ul { float: right; display: inline; padding: 35px 0 0 0; margin: 0 0 0 15px; } #footer ul li { display: inline; padding: 0; margin: 0; } #footer ul li { border-left: 1px solid black; padding: 0 0.8em; margin: 0 0.8em 0 -0.8em; } #footer ul { height: 1%; } #footer ul li { display: block; float: left; } #footer ul li:first-child { border-left: 0; } #footer ul li a { outline: none; } #footer ul li a:link, #footer ul li a:visited { color: #666; } #footer ul li a:hover, #footer ul li a:active, #footer ul li a:focus, #footer ul li#current a { color: #959141; text-decoration: underline; }