/* ***** das stylesheet fuer COMFORT SINUSVERTEILER ********** ***** hier die styles fuer die normale ansicht ********** ***** fuer browser > netscape4 ********** */ /* ***** die farben: ***************************************************** vollblau COLOR="#336998" leichtblau COLOR="#DBF1FC" leuchtblau COLOR="#00A6EB" logorot COLOR="#CD0026" schriftgrau COLOR="#69676C" */ /* ***** debug *********************************************************** div { border: 1px solid black; } body { background: url(../images/_vorlage.jpg) no-repeat; } */ .debug { border: 1px solid black; } /* ***** uebergreifendes ... ********************************************* */ html { } body { padding: 0; margin: 0; background: white url(../images/bgLinksBody.gif) 40px repeat-y; font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-align: left; } * { padding: 0; margin: 0; } /* gleiche defaults fuer alle p + h */ #mantel { margin: 0 0 0 40px; padding: 0; width: 897px; text-align: left; } #mantelPad { margin: 0; padding: 0; } /* zentriert body { padding: 0; margin: 0; background: white url(../images/bgLinksBody.gif) center repeat-y; font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-align: center; } #mantel { margin: 0 auto; padding: 0; width: 897px; text-align: left; } */ /* ***** global positioning **************** ( via MT3.1 => sixapart.com ) */ #oben { height: 169px; background: #336998; } /* url(../images/headerDefault.jpg) right no-repeat */ #links { float: left; width: 198px; overflow: hidden; background: white; } #mitte { float: right; width: 679px; overflow: hidden; } #unten { position: fixed; bottom: 0px; z-index: 10; margin: 0; padding: 0; width: 897px; background: white; } .clear { clear: both; padding: 1px; } /* padd.: hack, um das bg des wrappers darzustellen, thx eric => meyerweb.com */ /* ***** global padding ************************************************** */ #obenPad { margin: 0; padding: 1px 0 0 0; } #linksPad { margin: 4px 0 0 0; padding: 0; text-align: left; } #mittePad { margin: 4px 0 0 0; padding: 3px 0 0 0; text-align: left; border-top: 1px solid #69676C; } #untenPad { margin: 0; padding: 0; text-align: left; } /* ***** navigationsliste horizontal mit sliding doors ( => http://alistapart.com/articles/slidingdoors/ ) */ ul a { text-transform: uppercase; color: #69676C; } #navigation { width: 679px; background: #DBF1FC url(../images/bgNavigationBorder.gif) repeat-x bottom; margin: 0; padding: 0; } #navigation ul { border: 0; margin: 0; padding: 3px 0 28px 11px; list-style-type: none; text-align: left; } #navigation ul li { padding: 0 0 0 7px; margin: 0; display: block; float: left; text-align: center; background: url(../images/bgSlidingDoorLeft.gif) no-repeat left top; } #navigation ul li a { padding: 9px 23px 6px 10px; margin: 0; display: block; float: left; font-size: 11px; color: #69676C; text-decoration: none; background: url(../images/bgSlidingDoorRight.gif) no-repeat right top; } #navigation ul li a:hover, #navigation ul li a:focus { color: #00A6EB; padding-bottom: 7px; } #navigation ul li:hover > a { color: #00A6EB; padding-bottom: 7px; } #navigation ul li.navAktiv a { color: #00A6EB; padding-bottom: 7px; font-weight: bold; cursor: default; } /* abschluss mit kontakt */ #navigation ul li#s2 a { padding-right: 43px; background: url(../images/bgSlidingDoorEnde.gif) no-repeat right top; } #navigation ul li#s2 ul li a { background-image: none; } #navigation ul li#s2 a:hover, #navigation ul li#s2 a:focus { color: #00A6EB; padding-bottom: 7px; } #navigation ul li#s2:hover > a { color: #00A6EB; padding-bottom: 7px; } #navigation ul li#s2 ul a { padding-right: 2px; } /* ***** subnavigations-dropdown mit suckerfish ( => http://www.htmldog.com/articles/suckerfish/ ) beispielhaft hier => http://www.rollingstone.com/ */ #navigation ul li div { display: none; position: absolute; left: 258px; top: 208px; width: 645px; font-size: 10px; margin: 0; padding: 0 0 0 15px; background: url(../images/bgNavigationSub.gif) repeat-x; height: 30px; } #navigation ul li.navAktiv div { display: block; z-index: 1; } #navigation ul li:hover div /* FF etc. */ { display: block; z-index: 5; } #navigation ul li.sfhover div /* IE only */ { display: block; z-index: 5; } #navigation ul li ul { border: 0; margin: 0; padding: 0; width: auto; list-style-type: none; text-align: left; } /* einzelfaelle */ #navigation ul li.navAktiv li a { color: #69676C; cursor: pointer; } #navigation ul li.navAktiv li a:hover { color: #00A6EB; } /* einzelne reiter */ #navigation ul li#s35 div /* aktuelles */ { } #navigation ul li#s6 div /* unternehmen */ { } #navigation ul li#s5 div /* produkte */ { } #navigation ul li#s4 div /* vertrieb */ { width: 620px; } #navigation ul li#s3 div /* service */ { width: 620px; } #navigation ul li#s2 div /* kontakt */ { width: 620px; } /* rechte menuepunkte rechtsbuendig */ #navigation ul li#s4 ul li { float: right; } #navigation ul li#s3 ul li { float: right; } #navigation ul li#s2 ul li { float: right; } #navigation ul li ul li { width: auto; text-align: left; padding: 0; margin: 0 4px; background: url(../images/bgNavigationSub.gif) repeat-x; } #navigation ul li ul a { width: auto; padding: 12px 2px 7px 2px; font-size: 10px; color: #69676C; background: url(../images/bgNavigationSub.gif) repeat-x; text-decoration: none; } #navigation ul ul a:hover, #navigation ul ul a:focus { color: #00A6EB; padding: 12px 2px 7px 2px; } #navigation ul ul li.navAktiv a { color: #00A6EB; padding: 12px 2px 7px 2px; } #navigation ul ul li.navAktiv a:hover { cursor: default; } /* #navigation li ul:hover { padding-top: 2px; } #navigation li.navAktiv ul:hover { padding-top: 1px; } */ /* ***** navigationsliste vertikal *********** ( => css.maxdesign.com.au ) */ #subNavigation { width: 195px; background: white; margin: 0 0 1px 0; padding: 0; border-top: 1px solid #69676C; } #subNavigation ul { list-style-type: none; font-size: 10px; line-height: 160%; margin: 0; padding: 0; } #subNavigation li { border-bottom: 1px solid #69676C; } #subNavigation a { width: 183px; display: block; padding: 6px 2px 6px 10px; margin: 1px 0 0 0; background-color: white; color: #69676C; text-decoration: none; } #subNavigation ul ul a { } #subNavigation a:hover, #subNavigation a:focus { color: #00A6EB; } #subNavigation li.navAktiv a { color: #00A6EB; } #subNavigation li.navAktiv a:hover { cursor: default; } /* ***** diverses ******************************************************** */ #sprache ul { list-style-type: none; font-size: 9px; margin: 91px 0 0 10px; padding: 0; } #sprache ul a { display: block; width: 80px; color: #00A6EB; color:white; font-weight:bold; text-transform: uppercase; text-decoration: none; padding: 1px 0; } #sprache ul li.navAktiv a { color: #CD0026; color:white; cursor: default; } #sprache ul a:hover, #sprache ul a:focus { color: white; color:#CD0026; } #logo { padding: 0 0 7px 0; } #content { margin: 32px 0; padding: 1px; clear: both; } #content h1 { color: #69676C; font-size: 14px; line-height: 150%; padding: 4px 0; margin: 0; } #content h2 { color: #69676C; font-size: 12px; line-height: 150%; padding: 4px 0; margin: 0; } #content p { color: #69676C; font-size: 11px; line-height: 150%; padding: 4px 0; margin: 0; } #content { color: #69676C; font-size: 11px; line-height: 150%; } #content td { color: #69676C; font-size: 11px; line-height: 150%; padding: 2px 7px 2px 7px; margin: 0; } #content th { color: #69676C; font-size: 12px; line-height: 150%; padding: 2px 7px 2px 7px; margin: 0; font-weight: bold; } #content .tr-odd { background: #EEE; } #content .druckverlust td { color: #69676C; font-size: 10px; line-height: 120%; padding: 1px 3px; margin: 0; } #content table.csc-uploads { width: 380px; } #content td.csc-uploads-fileName { width: 300px; } /* #content table.contenttable { border-collapse: collapse; } #content .td-last { text-align: right; } #content .tr-odd td { border: 1px solid #CCC; } */ #content ul { color: #69676C; font-size: 11px; line-height: 150%; padding: 4px 0 4px 20px; margin: 0; } #content p.indent { padding: 0 0 8px 25px; } #content a, #content ul a { text-transform: none; text-decoration: underline; color: #00A6EB; } #content a:hover, #content a:focus { text-decoration: none; } /* #content img { padding: 3px; border: 2px solid #CCC; background: white; margin: 3px 5px; } #content img.noborder { border: 1px solid white; } .artikel img { float: left; } .artikel #galerie img { float: left; } */ .artikel { padding: 10px 0 10px 100px; margin: 0; clear: both; border-top: 1px solid #69676C; } /* news */ #content .news-list-date { display: block; font-size: 11px; } #content .news-list-item { margin-bottom: 15px; } #content .news-list-item h3 { font-size: 14px; } #content .news-list-item h3 a { text-decoration: none; } #content .news-list-item hr { margin-bottom: 5px; border-bottom: 1px solid #CCC; border-top: 0; border-right: 0; border-left: 0; } #content .news-single-timedata, #content .news-single-item h3, #content .news-single-author { display: none; } #content .news-single-item h2 { font-size: 14px; } #content .news-single-item hr { margin-bottom: 5px; border-bottom: 1px solid #CCC; border-top: 0; border-right: 0; border-left: 0; } #unten div { text-transform: uppercase; color: white; font-size: 9px; } #unten div a { color: white; text-decoration: none; } #unten #colophon { float: left; width: 195px; background: white; border-top: 1px solid #69676C; } #unten #colophonPad { padding: 10px 8px; margin: 3px 0 3px 0; background: #336998; } #unten #colophon a { padding: 0 2px; } #unten #breadtop { float: right; width: 679px; background: white; border-top: 1px solid #69676C; } #unten #breadtopPad { margin: 3px 0 3px 0; background: #336998; } #unten #breadcrumbs { float: left; padding: 10px 10px 8px 10px; } #unten #breadcrumbs span { color: #00A6EB; } #unten #backtop { float: right; padding: 8px 10px 0 5px; } #unten #backtop a { padding: 0 2px; } /* ***** formulare, marquee ********************************************** */ #suchlauf { width: 195px; background: #CD0026; border-top: 1px solid #69676C; border-bottom: 1px solid #69676C; } #suchlaufPad { padding: 9px; background: #CD0026; } marquee { border: 1px solid #CCC; width: 170px; padding: 1px 2px; background: white; color: #69676C; } marquee a { color: #69676C; text-decoration: none; } marquee a:hover { color: #00A6EB; } form { display: inline; } /* fuer IE, um umbruch zu vermeiden */ input, textarea { border: 1px solid #CCC; margin: 9px 0 0 0; padding: 1px 2px; color: #69676C; font-style: normal; font-family: Arial,Helvetica,sans-serif; font-size: 11px; } textarea { width: 300px; height: 120px; } input#suche { border: 0; margin: 0; padding: 0; } /* kontakt */ fieldset.csc-mailform { border: 0; } .csc-mailform select { width: 150px; border: 1px solid #CCC; margin: 0 0 9px 0; padding: 1px 2px; color: #69676C; font-style: normal; font-family: Arial,Helvetica,sans-serif; font-size: 11px; } select#mailformAuswahlfirma { margin-left: 150px; margin-top: 20px; } select#mailformAuswahlaktion, select#mailformAuswahlfirmenart { margin-left: 150px; } .csc-mailform label { display: block; width: 150px; float: left; } .csc-mailform input, .csc-mailform textarea { width: 200px; border: 1px solid #CCC; margin: 0 0 9px 0; padding: 1px 2px; color: #69676C; font-style: normal; font-family: Arial,Helvetica,sans-serif; font-size: 11px; } .csc-mailform textarea { width: 380px; height: 140px; } input.csc-mailform-submit { width: 150px; margin: 20px 0 20px 150px; } /* ***** 07-08-2006 martin niggemann, www.martin-niggemann.de ************ */