/********* Angeli Schimmack CSS-FILE FOR EW **********/ /* MASTER PREMIUM SPECIAL DELUXE EDITION */ /****** THIS IS FOR angeli-schimmack.de ******/ /*-------------------------------------------------------------- */ /*----------------------------Standards------------------------- */ /*-------------------------------------------------------------- */ * {margin: 0; padding: 0; } html, body {min-height: 100%; height: auto; height: 100%; } body {font-family: "arial"; color:#d9dee4; line-height:150%; font-size:76%; background:url(../images/layout/bg.jpg) repeat;} #container {width:1055px; margin:0 auto;} /*----------------------------------------------------------- */ /*----------------------------Links ------------------------- */ /*----------------------------------------------------------- */ a:hover img {-moz-opacity: 0.85; opacity: 0.85;} a, a:visited {text-decoration:none; color:#2e746b;} a:hover {color:#2e746b; text-decoration:underline;} :focus {outline: 0;} a {outline: 0;} /*------------------------------------------------------------------------ */ /*----------------------------Branding + Twitter ------------------------- */ /*------------------------------------------------------------------------ */ #header {width:844px; height:378px; background:url(../images/layout/bg-header.jpg) no-repeat;} .branding h1 {text-indent: -9999px; display: block; font-size: 0.001em; line-height: 0.001em;} .branding a, .branding a:visited {width:278px; height:138px; background: url(../images/layout/adesign.gif) no-repeat; display:block; text-indent:-20394px; cursor:pointer; float:left;} .twitter h1 {text-indent: -9999px; display: block; font-size: 0.001em; line-height: 0.001em;} .twitter a, .twitter a:visited {width:100px; height:128px; background: url(../images/layout/twitter.gif) no-repeat; display:block; text-indent:-20394px; cursor:pointer; float:right; margin-top:21px; margin-left:3px;} #twitter_div ul {list-style:none; margin-left:20px; padding-bottom:10px; width:970px;} #twitter_div li {list-style:none; color:#38332f; line-height:150%; padding-bottom:10px; padding-top:5px; border-bottom:1px dotted #38332f; font-size:0.9em;width:970px; word-wrap: break-word;} /*--------------------------------------------------------- */ /*----------------------------Navi------------------------- */ /*--------------------------------------------------------- */ #navi {width:1055px; height:57px; background:#000;} #navi li {float:left; text-indent:-9999px; list-style:none; position:relative; z-index:90;} #navi #flickr a, #navi #flickr a:visited {width:55px; height:57px; background: url(../images/layout/flickr.jpg); display:block; margin-right:432px;} #navi #flickr a:hover, #navi #flickr a.active, #navi #flickr a:visited.active {background: url(../images/layout/flickr.jpg) 0 -57px no-repeat;} #navi #home a, #navi #home a:visited {width:105px; height:57px; background: url(../images/layout/navi-home.gif); display:block;} #navi #home a:hover, #navi #home a.active, #navi #home a:visited.active {background: url(../images/layout/navi-home.gif) 0 -57px no-repeat;} #navi #about a, #navi #about a:visited {width:94px; height:57px; background: url(../images/layout/navi-about.gif); display:block;} #navi #about a:hover, #navi #about a.active, #navi #about a:visited.active {background: url(../images/layout/navi-about.gif) 0 -57px no-repeat;} #navi #portfolio a, #navi #portfolio a:visited {width:124px; height:57px; background: url(../images/layout/navi-portfolio.gif); display:block;} #navi #portfolio a:hover, #navi #portfolio a.active, #navi #portfolio a:visited.active {background: url(../images/layout/navi-portfolio.gif) 0 -57px no-repeat;} #navi #journal a, #navi #journal a:visited {width:115px; height:57px; background: url(../images/layout/navi-journal.gif); display:block;} #navi #journal a:hover, #navi #journal a.active, #navi #journal a:visited.active {background: url(../images/layout/navi-journal.gif) 0 -57px no-repeat;} #navi #kontakt a, #navi #kontakt a:visited {width:130px; height:57px; background: url(../images/layout/navi-kontakt.gif); display:block;} #navi #kontakt a:hover, #navi #kontakt a.active, #navi #kontakt a:visited.active {background: url(../images/layout/navi-kontakt.gif) 0 -57px no-repeat;} /*----------------------------------------------------------- */ /*----------------------------Content ------------------------- */ /*----------------------------------------------------------- */ #content {width:1011px; background:#fff; padding:20px 22px 20px 22px;} #content #sidebar {width:330px; float:left; padding:0 10px 20px 0;} #content #sidebar p {color:#000; font-size:0.9em; padding-left:20px; padding-bottom:10px;} #content #sidebar .box {width:330px; height:77px; background:#000; margin-bottom:10px;} #content #sidebar .box p {color:#fff; font-size:0.9em; padding:10px 0 0 20px;} #content #text {width:670px; float:left; padding-bottom:20px;} #content #text p {color:#000; font-size:0.95em; padding:0 30px 15px 14px;} #content #text h3 {color:#2e746b; padding:0 0 5px 14px;} #content #sidebar .imagepad {padding-bottom:20px;} #content #text .column {width:330px; float:left;} #content #text .columnpad {padding-right:10px;} #content #text .box {width:660px; height:78px; background:#000; margin-bottom:10px; padding:0 10px 0 0;} #content #text .box p {color:#fff; font-size:0.9em; padding:10px 0 20px 20px;} #content .projekte {width:320px; float:left; padding:0 10px 0 0; background:#26524c; margin-bottom:20px; } #content .projekteab {margin:0 10px 0 0;} #content .projekte p {color:#fff; font-size:0.9em; margin-bottom:10px; padding-top:10px; padding-left:20px;} #content .projekte img { } #content .projekte a, #content .projekte a:visited {text-decoration:none; color:#5c7d76;} #content .projekte a:hover {color:#5c7d76; text-decoration:underline;} #content .projekte:hover {background:#000000;} #projekte {width:1010px; height:39px; padding-bottom:20px;} #projekte li {text-indent:-9999px; list-style:none;} #projekte #portforlio a, #projekte #portforlio a:visited {width:1010px; height:39px; background: url(../images/layout/portfolio.gif); display:block;} #projekte #portforlio a:hover, #projekte #portforlio a.active, #projekte #portforlio a:visited.active {background: url(../images/layout/portfolio.gif) 0 -39px no-repeat;} #content #text .portimage {width:670px; border-bottom:1px solid #FFFFFF;} #content #text .portbeschreibung {width:650px; background-color:#000; padding:15px 10px 0px 10px; font-color:#fff;font-color:#fff; color:#FFFFFF; font-size:0.95em;border-top:1px solid #FFFFFF; margin-bottom:20px; } #content #text .portbeschreibung p {font-color:#fff; color:#FFFFFF;} /*----------------------------------------------------------- */ /*----------------------------Footer ------------------------- */ /*----------------------------------------------------------- */ #footer {background:url(../images/layout/footer.png) no-repeat; height:243px; margin-left:1px; behavior: url(iepngfix.htc);} #footer #footerIn {width:1033px; margin:0 auto; height:80px; background: #000; padding:30px 0 0px 22px;} #footer #infos {float:left; padding-left:20px; width:900px;} #footer #infos p {font-size:0.9em; color:#FFF; padding-bottom:10px;} #footer #infos a, #footer #infos a:visited {text-decoration:none; color:#2e746b;} #footer #infos a:hover {color:#2e746b; text-decoration:underline;} .col {color:#26524c;} /*----------------------------------------------------------- */ /*----------------------------Headlines ------------------------- */ /*----------------------------------------------------------- */ h2 {text-indent: -9999px; display: block; font-size: 0.001em; line-height: 0.001em; padding:0 0 20px 0;} .dasbinich {width:330px; height:34px; background: url(../images/layout/h2-dasbinich.gif) no-repeat; } .about {width:670px; height:34px; background: url(../images/layout/h2-about.gif) no-repeat; } .anklicken {width:330px; height:34px; background: url(../images/layout/h2-anklicken.gif) no-repeat; margin:30px 0 0 0; } .visitenkarte {width:330px; height:34px; background: url(../images/layout/h2-visitenkarte.gif) no-repeat; } .kontakt {width:670px; height:34px; background: url(../images/layout/h2-kontakt.gif) no-repeat; } .impressum {width:670px; height:34px; background: url(../images/layout/h2-impressum.gif) no-repeat; } .impr {width:330px; height:34px; background: url(../images/layout/h2-impr.gif) no-repeat; } .aktuell {width:330px; height:34px; background: url(../images/layout/h2-aktuell.gif) no-repeat; } .frisch {width:670px; height:34px; background: url(../images/layout/h2-frisch.gif) no-repeat; margin-top:1px;} .aprojekte {width:1010px; height:34px; background: url(../images/layout/h2-aktuelleprojekte.gif) no-repeat; } .twitter2 {width:1010px; height:34px; background: url(../images/layout/h2-twitter.gif) no-repeat; margin-top:10px;} .anklicken2 {width:330px; height:34px; background: url(../images/layout/h2-anklicken.gif) no-repeat; margin:0 0 0 0; } .portfolio {width:670px; height:34px; background: url(../images/layout/h2-portfolio.gif) no-repeat; } .info {width:330px; height:34px; background: url(../images/layout/h2-info.gif) no-repeat; margin:0 0 0 0; } /*----------------------------------------------------------- */ /*----------------------------Zeug ------------------------- */ /*----------------------------------------------------------- */ .clear {clear: both; font-size: 0.0001em; line-height: 0.00001em;} .png {behavior: url(iepngfix.htc);} .grey {color:#72787f;} #content #text .port .imageLibrary {display: inline; clear: none; font-color:#fff;} #content #text .port .imageLibrary li, #content #text .portlast .imageLibrary li {float: left;list-style-type: none;margin-left: 0;display: inline;clear: none;margin:0; font-color:#fff; list-style:none;} #content #text .port .imageLibrary p {position: absolute; margin:0px; margin-top:100px; z-index:2; background-color:#555555; font-color:#fff; width:319px; padding-top:12px; padding-bottom: 12px; padding-left:12px; opacity:.8; display:none; clear:none; font-size: 0.9em; text-align:left;} #content #text .port .imageLibrary img {z-index:1; width: 329px; height: 172px; margin:0;} #content #text .port {width:329px; padding-right:10px; float:left; padding-bottom:10px; font-color:#fff;} #content #text .portlast {width:329px; float:left; padding-bottom:10px; font-color:#fff; } #content #text .port .disc {width:329px; background:#000; margin-bottom:20px; font-color:#fff; padding-bottom:10px; border-top:1px solid #CCC;} #content #text .port .disc p {color:#fff; font-size:0.9em; padding:0 0 20px 20px; font-color:#fff; } #content #text .portlast .disc {width:329px; background:#000; margin-bottom:20px; font-color:#fff; padding-bottom:10px;} #content #text .portlast .disc p {color:#fff; font-size:0.9em; padding:0 0 20px 20px;font-color:#fff; } h4 {font-color:#fff; text-transform:uppercase; font-weight:normal; padding-left:15px; padding-right:5px;} .white {font-color:#fff;} .small { font-size:0.85em; text-transform:none;}