/*--------------------------------------------------------------------------- Avelana Stylesheet Letzte Aenderung: 11.04.2011 Autor: Carsten Peters - cp@carsten-peters.net ---------------------------------------------------------------------------*/ /* Allgemeines ---------------------------------------------------------------------------*/ * { padding: 0; margin: 0; } html, body { height: 100%; } body { font: 12px/14px "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif; color: #000; text-align: center; background: #d9cbe2; } #distance { width: 1px; height: 50%; background: transparent; margin-bottom: -380px; /* half of container's height */ float: left; } #container { text-align: left; } #wrapper { position: relative; /* puts container in front of distance */ text-align: left; clear: left; width: 980px; min-height: 760px; margin: 0 auto; background: url(../upload/css_img/bg_body.gif) repeat-y center; } /* Links ---------------------------------------------------------------------------*/ :link, :visited, :hover, :active, :focus { } a, a:link, a:visited { color: #000; } a:hover, a:focus, a:active { color: #ccc; } a img, :link img, :visited img, :hover img, :active img { border: none; } /* Paragraphs ---------------------------------------------------------------------------*/ p, blockquote { margin: 0 0 10px 0; } b, strong { font-weight: bold; color: #333; } em, i, address, blockquote { font-style: italic; } /* headlines ---------------------------------------------------------------------------*/ h2 { font-size: 14px; font-weight: bold; color: #895491; height: 50px; line-height: 50px; margin: 0 0 10px 0; } h2 .name { font-size: 16px; text-transform: uppercase; padding: 0 10px 0 0; } h2 .claim { padding: 0 0 0 10px } #ursula h2 { color: #898270; } #julia h2 { color: #71a57d; } #claudia h2 { color: #4d81bd; } #sharon h2 { color: #d8ae4a; } h2#headline { padding: 0 0 0 117px; color: #000; background: url(../upload/css_img/dots_avelana.gif) no-repeat center left; } #ursula h2#headline { background: url(../upload/css_img/dots_ursula.gif) no-repeat center left; } #julia h2#headline { background: url(../upload/css_img/dots_julia.gif) no-repeat center left; } #claudia h2#headline { background: url(../upload/css_img/dots_claudia.gif) no-repeat center left; } #sharon h2#headline { background: url(../upload/css_img/dots_sharon.gif) no-repeat center left; } h3 { font-size: 14px; font-weight: bold; color: #000; margin: 20px 0 10px 0; } h3.first { margin-top: 0; } h4 { font-size: 13px; font-weight: bold; color: #895491; margin: 20px 0 5px 0; } h4.first { margin-top: 0; } #ursula h4 { color: #898270; } #julia h4 { color: #71a57d; } #claudia h4 { color: #4d81bd; } #sharon h4 { color: #d8ae4a; } h5 { font-size: 0.9em; } h6 { font-size: 0.8em; } /* Listen ---------------------------------------------------------------------------*/ ul, li { list-style: none; list-style-type: none; margin-bottom: 5px; } 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: 130px; } #header h1 a { text-indent: -9999px; position: absolute; top: 13px; left: 404px; display: block; width: 309px; height: 82px; background: url(../upload/css_img/logo.gif) no-repeat; outline: none; } /* Content ---------------------------------------------------------------------------*/ #content { float: right; width: 780px; min-height: 580px; border: 1px solid #fff; padding: 10px; } #content #text-item { min-height: 408px; background: #fff; padding: 18px; margin-top: 10px; } #content #text-item h2 { text-indent: -9999px; height: 0; line-height: 0; margin: 0; } .navi #content #text-item h2 { height: 20px; } .galerie #content #text-item { height: 408px; background: #fff; padding: 18px 0 18px 18px; } #content img.bild_rechts { float: right; display: inline; margin: 0 -8px 5px 30px; } #content img.bild_links { float: left; display: inline; margin: 0 10px 5px 0; } #content img.bild_kontakt { float: right; display: inline; margin: -8px -8px 5px 30px; } #content #text-item ul { padding-left: 10px; margin-bottom: 10px; } #content #text-item ul li { padding: 1px 40px 1px 20px; background: url(../upload/css_img/li_dot_avelana.gif) no-repeat 0 5px; } #ursula #content #text-item ul li { background-image: url(../upload/css_img/li_dot_ursula.gif); } #julia #content #text-item ul li { background-image: url(../upload/css_img/li_dot_julia.gif); } #claudia #content #text-item ul li { background-image: url(../upload/css_img/li_dot_claudia.gif); } #sharon #content #text-item ul li { background-image: url(../upload/css_img/li_dot_sharon.gif); } #content #text-item ul li li { background: url(../upload/css_img/dot2.gif) no-repeat 10px 7px; } .preis { font-weight: bold; } .bild_links { float: left; margin: 0 10px 5px 0; } .bild_rechts { float: right; margin: 0 0 5px 10px; } /* Tabellen ---------------------------------------------------------------------------*/ table { margin: 0 10px 0 0; border: none; border-collapse: collapse; font: 1em/1.6em Verdana, Arial, Helvetica, sans-serif; background: none; } table tr { height: 1.6em; } table th { padding: 0 10px 0 0; font-weight: normal; border: none; text-align: left; vertical-align: top; white-space: nowrap; } table td { padding: 0 10px 0 0; border: none; vertical-align: top; } /* sub-navigationgation ---------------------------------------------------------------------------*/ #navigation { float: left; width: 166px; margin: 0 0 0 4px; } #navigation ul li { padding: 0; margin: 0; padding: 5px 6px; border: 1px solid #fff; margin: 0 0 8px 0; } #navigation ul li a { height: 32px; line-height: 32px; outline: none; color: #fff; background: #895491; font-weight: normal; text-decoration: none; } #navigation li a:link, #navigation li a:visited { display: block; padding: 0 0 0 6px; } #navigation li a:hover, #navigation li a:focus, #navigation li a.active { color: #895491; background: #fff; } #ursula #navigation li a:hover, #ursula #navigation li a:focus, #ursula #navigation li a:active, #ursula #navigation li a.active { color: #898270; } #julia #navigation li a:hover, #julia #navigation li a:focus, #julia #navigation li a:active, #julia #navigation li a.active { color: #71a57d; } #claudia #navigation li a:hover, #claudia #navigation li a:focus, #claudia #navigation li a:active, #claudia #navigation li a.active { color: #4d81bd; } #sharon #navigation li a:hover, #sharon #navigation li a:focus, #sharon #navigation li a:active, #sharon #navigation li a.active { color: #d8ae4a; } ul#sub-navigation { height: 66px; background: #fff; margin: 0 0 10px 0; font-size: 13px; } ul#sub-navigation li { float: left; display: inline; font-weight: bold; background: url(../upload/css_img/pipe.gif) no-repeat center right; } ul#sub-navigation li:last-child { background: none; } ul#sub-navigation li a { float: left; max-width: 105px; height: 66px; display: block; padding: 0 28px; text-decoration: none; } ul#sub-navigation li a.active { color: #895491; } ul#sub-navigation li a span { height: 66px; display: table-cell; vertical-align: middle; } #ursula ul#sub-navigation li a:hover, #ursula ul#sub-navigation li a:focus, #ursula ul#sub-navigation li a:active, #ursula ul#sub-navigation li a.active { color: #898270; } #julia ul#sub-navigation li a:hover, #julia ul#sub-navigation li a:focus, #julia ul#sub-navigation li a:active, #julia ul#sub-navigation li a.active { color: #71a57d; } #claudia ul#sub-navigation li a:hover, #claudia ul#sub-navigation li a:focus, #claudia ul#sub-navigation li a:active, #claudia ul#sub-navigation li a.active { color: #4d81bd; } #sharon ul#sub-navigation li a:hover, #sharon ul#sub-navigation li a:focus, #sharon ul#sub-navigation li a:active, #sharon ul#sub-navigation li a.active { color: #d8ae4a; } ul#sub-navigation li:first-child a { padding: 0 30px 0 18px; } ul#sub-navigation ul { position: absolute; margin: 75px 0 0 0; left: 189px; } ul#sub-navigation ul li a, ul#sub-navigation ul li a span { max-width: none; font-size: 12px; height: 33px; } /* Footer ---------------------------------------------------------------------------*/ #footer { clear: both; } #footer p { float: right; margin: 10px 0 0 0; font-size: 10px; } #footer p a { color: #fff; margin: 0 0 0 10px; } #footer .copy { margin: 0 10px 0 0; } #footer .claim { margin: 0 10px; } /* Iconize 0.3 ---------------------------------------------------------------------------*/ a[href$='.pdf'] { padding: 2px 20px 2px 0; background: transparent url(../upload/css_img/icon_pdf.gif) no-repeat center right; }