/* --------------------------------------------------------------------------------------- elevenade - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Description: Default styles (colors and fonts) File: default.css Version: 0.2 Date: 7. 03. 2008 --------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------- Imports layout (not for old browsers) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ @import "./layout.css"; /* --------------------------------------------------------------------------------------- Default styles - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ body { text-align: left; font: 75%/1.5 sans-serif; color: #222; background: #fff url('../images/body.png') top left repeat-x; } h2 { font-size: 140%; } h3 { font-size: 120%; } address { font-style: normal; } a:hover , a:focus { text-decoration: none; } label , table { font-size: 100%; } /* --------------------------------------------------------------------------------------- Layout - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ #main { text-align: left; background: url('../images/headlines.jpg') left top no-repeat; } /* --------------------------------------------------------------------------------------- Header - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ #header { background: #fff url('../images/header.gif') left bottom repeat-x; } #logo a { font-size: 200%; color: #1b2022; } #logo span { background: url('../images/logo.png') left top no-repeat; } #menu li a { text-transform: uppercase; text-decoration: none; color: #45565a; background: url('../images/menu_a.gif') right center no-repeat; } #menu li.last a { background: none; } #menu li a:hover , #menu li a:focus , #menu li.active a { color: #fff; background: #e44b01 url('../images/menu_a_active.gif') right top repeat-x; } #menu li ul.active a { color: #555; background: #dce9df;} #main #headlines h1 { line-height: 2.7; text-transform: uppercase; font-size: 200%; color: #333; font-weight: lighter;} h1 em { text-align: right; text-transform: none; font-weight: normal; font-style: normal; color: #57757b; } #main #headlines h2 { text-align: center; font-size: 200%; color: #292929; } h2 span { background: url('../images/image.jpg') left top no-repeat; } /* --------------------------------------------------------------------------------------- Offer - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ #offer h2 { font-size: 90%; } #offer { color: #000; background-color: #fff; } #offer li a span.zecken { background: url('../images/gewinnspiel/anti_zecken.jpg') } #offer li a span.muecken { background: url('../images/gewinnspiel/anti_muecken.jpg') } #offer li a span.sun { background: url('../images/gewinnspiel/sun.jpg') } #offer li a span.after_sun { background: url('../images/gewinnspiel/after_sun.jpg') } #offer li a span.gel { background: url('../images/gewinnspiel/gel.jpg') } #offer li a span.stich_balsam { background: url('../images/gewinnspiel/stich_balsam.jpg') } #offer li a span.stich { background: url('../images/gewinnspiel/stich.jpg') } #offer li a span.trocken { background: url('../images/gewinnspiel/trockentuecher.jpg') } #offer li a { color: #aaa; text-decoration: none; border-bottom: 1px solid #ccc; font-weight: lighter;} #offer li a:hover { color: #8b011e; text-decoration: none; font-weight: lighter;} Content - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ #maincontent { color: #000; background-color: #fff; } #maincontent a { color: #fe5c11; background-color: #fff; } .column , #content { background-color: #fff; } #content { line-height: 1.7; } .column address { font-size: 90%; font-weight: bold; } .column address strong { font-size: 130%; color: #fe5c11; } h4, #sub h2 { font-size: 150%; color: #007e47; font-weight: lighter; margin-bottom: 5px;} #content em.imp { padding: 4px 2px; font-style: normal; color: #1d3338; background-color: #dcecef; } #content ul li { list-style: none; margin-bottom: 4px; padding-left: 18px; background: url('../images/li.gif') left 5px no-repeat; } #content h3 { text-decoration:none; font-weight: lighter;} /* News --------------------------------------------------------------------------------*/ .news-item h3 { font-size: 100%; background-color: #c5d4d8; } .news-item p.info { text-transform: lowercase; font-weight: bold; } /* Project -----------------------------------------------------------------------------*/ #main .project .image { text-align: center; background: url('../images/project_image.png') center bottom no-repeat; } .project .image img { vertical-align: middle; } .project .info { background-color: #edf2f3; } .project .info li { font-size: 90%; } .project .info li.first { text-transform: uppercase; } .project .info li strong { text-transform: none; } .plus { font-size: 80%; } .plus span { background: url('../images/plus.gif') left top no-repeat; } /* --------------------------------------------------------------------------------------- Footer - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ #footer { background: #a8dab5 url('../images/footer.gif') left top; } #footer .copy a { text-decoration: none; } #footer .copy a:hover , #footer .copy a:focus { text-decoration: underline; } #footer a { color: #000; } /* --------------------------------------------------------------------------------------- PAGE NEWS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ .home #main { background: url('../images/headlines_sub.jpg') left top no-repeat; } #sub #maincontent { background: #fff url('../images/maincontent.gif') top left repeat-x; } #search {color: #fff; background-color: #1c2122; } #search label { text-transform: uppercase; font-size: 90%; } #search input { color: #fff; background-color: #32393a; } #submenu { background: url('../images/column.png') right 1px no-repeat; margin-top: -10px; } #submenu p { font-size: 12px; color: #444; margin-left: 8px;} #submenu h4 { font-size: 14px; margin-top: 10px;margin-left: 8px; border: none;} #submenu h5 { font-size: 12px; color: #888; font-weight: lighter; margin-bottom: 5px; margin-top: -2px;margin-left: 8px;} div[class] #submenu { background-position: right top; } #submenu li { background: url('../images/column_li.gif') 2px center no-repeat; font-weight: bold; color: #7ba985; } #submenu li a { text-decoration: none; color: #333; } #submenu li a:hover , #submenu li a:focus , #submenu li.active a { color: #fe5c11; } #content-head { font-size: 120%; } #content-head .out { font-size: 105%; color: #fe5c11; } #content-head img { margin-left: 20px; color: #fe5c11; } #content-head .out a { text-transform: uppercase; font-size: 70%; color: #333; } #sub .news-item h3 { font-size: 150%; font-weight: normal; color: #fe5c11; background-color: #fff; } #sub .news-item p a { font-weight: bold; } #sub .news-item h2 { text-transform: uppercase; font-size: 100%; } #sub .news-item h2 span { text-transform: none; } /* --------------------------------------------------------------------------------------- VISUALS FOR EACH SUBPAGE - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ .home2 #main { background: url('../images/titel1.jpg') left top no-repeat; } .home #main { background: url('../images/titel01.jpg') left top no-repeat; } .zecken #main { background: url('../images/titel01.jpg') left top no-repeat; } .muecken #main { background: url('../images/titel02.jpg') left top no-repeat; } .gewinnspiel #main { background: url('../images/titel09.jpg') left top no-repeat; } .schild #main { background: url('../images/titel04.jpg') left top no-repeat; } .kontakt #main { background: url('../images/titel05.jpg') left top no-repeat; } .produkte #main { background: url('../images/titel06.jpg') left top no-repeat; } .presse #main { background: url('../images/titel07.jpg') left top no-repeat; } .stich-balsam #main { background: url('../images/titel08.jpg') left top no-repeat; } /* --------------------------------------------------------------------------------------- PAGE ABOUT COMPANY - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ .about #main #headlines h1 span { background: url('../images/about.png') top left no-repeat; } .about #content-head { background: none; } .about #content p.first { font-size: 120%; color: #007e47; } .about #content h3, .col h3 { font-size: 150%; color: #6b9d78; } /* --------------------------------------------------------------------------------------- PAGE PORTFOLIO - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ .portfolio #main #headlines h1 span { background: url('../images/portfolio.png') top left no-repeat; } .portfolio-item { text-align: center; background: url('../images/portfolio-item.png') top left no-repeat; } #main .portfolio-item .plus .ir { text-align: left; color: #fff; background-color: #000; } .portfolio-item .plus span { background: url('../images/portfolio_plus.gif') top left no-repeat; } /* --------------------------------------------------------------------------------------- PAGE CONTACT - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ .kontakt #main #headlines h1 span { background: url('../images/kontakt.png') top left no-repeat; } .kontakt #maincontent address a { font-weight: bold; } .col h3 { font-weight: normal; } .contact label { font-weight: bold; } .contact dd input , .contact dd textarea { color: #000; background: #fff url('../images/input.gif') top left repeat-x; } .submit { color: #fff; background: #fe5c11 url('../images/submit.gif') bottom left repeat-x; } /* --------------------------------------------------------------------------------------- PAGE SERVICES - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ .home #main #headlines h1 span { background: url('../images/sluzby.png') top left no-repeat; } .home #content-head { background: none; } .home #content p.first { font-size: 120%; color: #007e47; } .home #content p em { font-style: normal; background-color: #dfebed; } .home #content p.first { font-size: 120%; color: #007e47; } .home #content h3, .col h3 { font-size: 150%; color: #6b9d78;font-weight: lighter;}