/* CSS-CODE ONLY for markus-kavka.de CODE by ANGELI SCHIMMACK - mynameisangeli.com */ /*************************** STANDARDS ***************************/ * {margin:0; padding:0; border:0;} html, body {min-height:100%; height:auto; height:100%;} body {background:url(../images/layout/bg-main.jpg) repeat-x #f2f1d7; font-family:"Arial", Helvetica, sans-serif; color:#38332f; line-height:100%; font-size:76%;;} img {border: none;} ul {list-style:none;} .png {behavior: url(iepngfix.htc);} .clear {clear:both; font-size: 0.0001em; line-height: 0.00001em;} a, a:visited {color:#889f2a; text-decoration:none; } a:hover {color:#889f2a; text-decoration:underline;} a:hover img {filter:alpha(opacity=75); -moz-opacity: 0.50; opacity: 0.75;} p {font-family:"Arial", Helvetica, sans-serif; font-size:1em; line-height:150%; color:#38332f; padding:0 0 17px 0; text-align:justify;} .uppercase {text-transform:uppercase;} p.info {font-size:0.9em; color:#9b8461; text-align:right;} ul {list-style:none; margin-left:37px; padding-bottom:10px; width:250px;} #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:250px; word-wrap: break-word;} #twitter_div ul {padding-top:0px; width:250px; padding-bottom:10px;} /*************************** LAYOUT ***************************/ #container {width:980px; margin:0 auto; padding:5px 0 0 0;} #container-header {width:980px; height:150px; background:url(../images/layout/bg-head.jpg) repeat-x;} #content-container {width:669px; padding:20px 0 0 0; float:left;} #content-sidebar {width:310px; padding:20px 0 0 0; float:left;} #container-footer {background: url(../images/layout/bg-footer.jpg) repeat-x; height:454px;} #content-sidebar img {padding-bottom:22px;} /*************************** LAYOUT INDEX ***************************/ .column {width:310px; height:457px; float:left;} .column-space {padding:0 25px 0 0;} .teaser-text {width:310px; height:390px; background:url(../images/layout/bg-teaser-small.jpg) repeat-x; padding:37px 0 0 0;} .teaser-text img {border:4px solid #d3cdb3; margin:10px 27px 15px 27px;} .teaser-text p {color:#38332f; font-family:"Arial", Helvetica, sans-serif; font-size:0.9em; padding:0 27px 10px 27px; line-height:140%; text-align:left;} .teaser-text a, .teaser-text a:visited {color:#889f2a; text-decoration:none;} .teaser-text a:hover {color:#889f2a; text-decoration:underline;} .teaser-text-long {width:310px; background:url(../images/layout/bg-teaser-small.jpg) repeat-x #fbf9ec; padding:27px 0 0 0; margin-bottom:20px; overflow:hidden; height: auto;} .teaser-text-long p {color:#38332f; font-family:"Arial", Helvetica, sans-serif; font-size:0.9em; padding:0 27px 10px 33px; line-height:140%; text-align:left; width:250px;} #content-sidebar .teaser-text-long img {border:4px solid #d3cdb3; margin:0 27px 15px 33px; padding:0;} .teaser-text-long h3 {font-size:0.9em; font-weight:normal; text-transform:uppercase; line-height:100%; color:#7c9225; padding:0 0 0 33px;} .teaser-allenews p {font-size:0.9em; text-align:right; padding:5px 5px 0 0;} .teaser-allenews {width:646px; height:50px; border-top:1px solid #d0c9ac; margin:20px 0 0 0;} .teaser-allenews a, .teaser-allenews a:visited {color:#889f2a; text-decoration:none; } .teaser-allenews a:hover {color:#889f2a; text-decoration:underline;} .infobox {width:645px; background:url(../images/layout/bg-info.jpg) repeat-x #fbf8ef; padding:20px 0 0 0;} .infobox p {color:#38332f; font-family:"Arial", Helvetica, sans-serif; font-size:0.9em; padding:0 27px 20px 27px; line-height:140%; text-align:left;} .infobox img {border:4px solid #d3cdb3; margin:0 20px 10px 0px; float:left;} .infobox2 {width:645px; background:url(../images/layout/bg-info.jpg) repeat-x #fbf8ef; padding:20px 0 20px 0; margin-bottom:22px;} .infobox2 p {color:#38332f; font-family:"Arial", Helvetica, sans-serif; font-size:0.9em; padding:0 27px 20px 27px; line-height:140%; text-align:left;} .infobox2 img {border:4px solid #d3cdb3; margin:0 20px 10px 0px; float:left;} /*************************** Footer ***************************/ #footer-in {width:980px; margin:0 auto; height:450px;} #footer-contact {width:645px; height:454px; border-left:1px solid #3e3b32; border-right:1px solid #3e3b32; background: url(../images/layout/bg-footerin.jpg) repeat-x; float:left;} #footer-freunde {width:325px; float:left;} #footer-freunde a, #footer-freunde a:visited {color:#fdfeff; text-decoration:none; background:#322f28; font-size:0.9em; padding:5px 10px 5px 10px; text-transform:uppercase; text-align:center;} #footer-freunde a:hover {color:#fdfeff; text-decoration:none; background:#879f25; font-size:0.9em; padding:5px 10px 5px 10px; text-transform:uppercase; text-align:center;} .freunde-one {width:150px; float:left; padding-left:33px;} .freunde-two {width:130px; float:left;} .footer-text {padding-left:54px;} .footer-text p {color:#fdfeff; font-size:0.9em; text-align:left;} .left {float:left;} .contactab {padding-left:15px;} .contactab a, .contactab a:visited ´ {color:#889f2a; text-decoration:none; } .contactab a:hover {color:#889f2a; text-decoration:underline;} .contact-one {width:330px; float:left;} .contact-two {width:260px; float:left;} .contact-one a, .contact-one a:visited {color:#889f2a; text-decoration:none; } .contact-one a:hover {color:#889f2a; text-decoration:underline;} .contact-two a, .contact-two a:visited {color:#889f2a; text-decoration:none; } .contact-two a:hover {color:#889f2a; text-decoration:underline;} .footerinfos {width:550px; height:30px; border-top:1px solid #554f48; margin-top:20px; padding:10px 0 10px 0} .footerinfos a, .footerinfos a:visited {color:#889f2a; text-decoration:none; padding-left:3px; } .footerinfos a:hover {color:#889f2a; text-decoration:underline; padding-left:3px;} .ab {padding:0 4px 0 4px;} #totop {color:#fdfeff; padding-left:33px; padding-top:20px;} #totop a, #totop a:visited {color:#889f2a; text-decoration:none; padding-left:3px; padding-right:3px; background:none; text-transform:none; } #totop a:hover {color:#889f2a; text-decoration:underline; background:none;text-transform:none; padding-left:3px; padding-right:3px;} /*************************** NAVIGATION ***************************/ #container-header ul.navi {width:626px; height:65px; margin-top:50px; float:left; margin-left:25px;} #container-header ul.navi li {float: left; list-style:none;} #container-header ul.navi li a {text-indent:-9999px; background: url(../images/layout/navi-bg.gif) left top no-repeat; height:65px; display: block;} #container-header ul.navi li.start a:visited, #container-header ul.navi li.start a {background-position: 0 0; width: 90px;} #container-header ul.navi li.start a:hover, #container-header ul.navi li.start a.active, #container-header ul.navi li.start a.active:visited {background-position: 0 -65px;} #container-header ul.navi li.neues a:visited, #container-header ul.navi li.neues a {background-position: -90px 0; width: 100px;} #container-header ul.navi li.neues a:hover, #container-header ul.navi li.neues a.active, #container-header ul.navi li.neues a.active:visited {background-position: -90px -65px;} #container-header ul.navi li.info a:visited, #container-header ul.navi li.info a {background-position: -190px 0; width: 83px;} #container-header ul.navi li.info a:hover, #container-header ul.navi li.info a.active, #container-header ul.navi li.info a.active:visited {background-position: -190px -65px;} #container-header ul.navi li.presse a:visited, #container-header ul.navi li.presse a {background-position: -273px 0; width: 102px;} #container-header ul.navi li.presse a:hover, #container-header ul.navi li.presse a.active, #container-header ul.navi li.presse a.active:visited {background-position: -273px -65px;} #container-header ul.navi li.kolumnen a:visited, #container-header ul.navi li.kolumnen a {background-position: -375px 0; width: 149px;} #container-header ul.navi li.kolumnen a:hover, #container-header ul.navi li.kolumnen a.active, #container-header ul.navi li.kolumnen a.active:visited {background-position: -375px -65px;} #container-header ul.navi li.charts a:visited, #container-header ul.navi li.charts a {background-position: -524px 0; width: 102px;} #container-header ul.navi li.charts a:hover, #container-header ul.navi li.charts a.active, #container-header ul.navi li.charts a.active:visited {background-position: -524px -65px;} /*************************** CONTENT-CONTAINER ***************************/ #header-image {padding:62px 0 0 50px; float:left;} /*** CONTENT MAIN ***/ .margin-left {margin-left:20px;} .margin-right {margin-right:20px;} .margin-right-img {margin-right:17px;} .margin-bottom {margin-bottom:20px;} .content-image {border:1px solid #fff; padding:3px;} #content-main ul {padding-bottom:17px;} #content-main ul li {margin:0 0 0 12px; padding:0 0 8px 16px; line-height:160%; background:url(../images/layout/icon-list.gif) no-repeat 0 8px;} table.content-table {margin-bottom:5px; width:100%;} table.content-table tr.colour-one {background:#fbf6ef;} table.content-table tr.colour-two {background:#e0c59b;} table.content-table tr td {padding:8px 12px;} table.content-table tr td.td-small {width:20%;} /*** HEADLINES ***/ h2 {text-indent: -9999px; display: block; font-size: 0.001em; line-height: 0.001em;} h2.top5-teaser {width:310px; height:53px; background: url(../images/layout/h2/h2-top5.jpg) no-repeat;} h2.web-teaser {width:310px; height:53px; background: url(../images/layout/h2/h2-web.jpg) no-repeat;} h2.twitter-teaser {width:310px; height:53px; background: url(../images/layout/h2/h2-twitter.jpg) no-repeat;} h2.info {width:645px; height:53px; background: url(../images/layout/h2/h2-info.jpg) no-repeat;} h2.footer-kontakt {width:177px; height:75px; background: url(../images/layout/h2/h2-footer-kontakt.jpg) no-repeat;} h2.footer-freunde {width:299px; height:105px; background: url(../images/layout/h2/h2-footer-freunde.jpg) no-repeat;} h2.footer-suche {width:322px; height:51px; background: url(../images/layout/h2/h2-suche.png) no-repeat; margin-top:30px; behavior: url(iepngfix.htc);} h2.neu {width:310px; height:53px; background: url(../images/layout/h2/h2-neu.jpg) no-repeat;} h2.steckbrief {width:310px; height:53px; background: url(../images/layout/h2/h2-steckbrief.jpg) no-repeat;} h2.fotos {width:310px; height:53px; background: url(../images/layout/h2/h2-fotos.jpg) no-repeat;} h2.downloads {width:310px; height:53px; background: url(../images/layout/h2/h2-downloads.jpg) no-repeat; margin-top:22px;} h3 {font-size:0.9em; font-weight:bold; text-transform:uppercase; line-height:100%; color:#7c9225; padding:40px 0 0 0;} h2.neues {width:645px; height:53px; background: url(../images/layout/h2/h2-neues.jpg) no-repeat;} h2.termine {width:310px; height:53px; background: url(../images/layout/h2/h2-termine.jpg) no-repeat; margin-top:22px;} h2.archiv {width:310px; height:53px; background: url(../images/layout/h2/h2-archiv.jpg) no-repeat; margin-top:22px;} h2.buecher {width:310px; height:53px; background: url(../images/layout/h2/h2-buecher.jpg) no-repeat; margin-top:22px;} h2.kolumneninfo {width:310px; height:53px; background: url(../images/layout/h2/h2-infokolumnen.jpg) no-repeat; } h2.kolumnen {width:645px; height:53px; background: url(../images/layout/h2/h2-kolumnen.jpg) no-repeat;} h2.charts {width:645px; height:53px; background: url(../images/layout/h2/h2-charts.jpg) no-repeat;} h2.charts2009 {width:645px; height:53px; background: url(../images/layout/h2/h2-charts2009.jpg) no-repeat;} h2.charts2008 {width:645px; height:53px; background: url(../images/layout/h2/h2-charts2008.jpg) no-repeat;} h2.charts2007 {width:645px; height:53px; background: url(../images/layout/h2/h2-charts2007.jpg) no-repeat;} h2.charts2006 {width:645px; height:53px; background: url(../images/layout/h2/h2-charts2006.jpg) no-repeat;} h2.charts2005 {width:645px; height:53px; background: url(../images/layout/h2/h2-charts2005.jpg) no-repeat;} h2.charts2004 {width:645px; height:53px; background: url(../images/layout/h2/h2-charts2004.jpg) no-repeat;} h2.chartsinfo {width:310px; height:53px; background: url(../images/layout/h2/h2-chartsinfo.jpg) no-repeat; } h2.chartsarchiv {width:310px; height:53px; background: url(../images/layout/h2/h2-chartsarchiv.jpg) no-repeat; margin-top:22px; } h2.presseinfo {width:310px; height:53px; background: url(../images/layout/h2/h2-presseinfo.jpg) no-repeat; } h2.interviews {width:310px; height:53px; background: url(../images/layout/h2/h2-interviews.jpg) no-repeat; margin-top:22px; } h2.pressedown {width:310px; height:53px; background: url(../images/layout/h2/h2-pressedown.jpg) no-repeat; margin-top:22px; } h2.presse {width:645px; height:53px; background: url(../images/layout/h2/h2-presse.jpg) no-repeat;} h2.impressum {width:645px; height:53px; background: url(../images/layout/h2/h2-impressum.jpg) no-repeat;} /*************************** CONTENT-SIDEBAR ***************************/ /*** BRANDING ***/ h1 {text-indent:-999999px; display:block; font-size:0.000001em; line-height:0.0000001em; padding:13px 0 0 0; float:left;} h1.branding a, h1.branding a:visited {width:310px; height:124px; background: url(../images/layout/markuskavka.jpg) no-repeat; display:block; text-indent:-20394px; cursor:pointer; behavior: url(iepngfix.htc); margin:0 0 0 0; } h4 {padding:10px 27px 20px 27px; font-size:1.2em; text-align:left; text-transform:uppercase; color:#71881c; font-weight:normal;} .newsline {width:600px; height:30px; border-top:1px solid #d0c9ac; margin:10px 0 0 27px;} #AnmeldungSuche { margin-left:33px; margin-bottom:55px;} #AnmeldungSuche input {float:left; font-size:0.85em; padding:6px; color:#CCCCCC; width:215px; background:#3d362e;} #AnmeldungSuche input#submitsuche {width:59px; height:24px; background:url(../images/suchen.gif) no-repeat; display:block; text-indent:-9990px; font-size:0.00001em; margin-left:4px; font-size:0.85em; color:#CCCCCC; padding:0; cursor:pointer;} .toggler {color:#71881c; margin-bottom: 5px; padding: 2px 5px; background: #fff; border-bottom: 1px solid #d0c9ac; font-size: 0.9em; cursor:pointer; padding:7px 0 7px 0; background:url(../images/pfeil.gif) right no-repeat; behavior: url(iepngfix.htc);} .atStart {color:#71881c;} .element {padding-top:5px;} .element p { margin: 0; padding-left: 10px; font-size: 0.9em; color:#38332f; } #accordion {width:590px; margin:0 27px 0 27px; background:none;} .infobox2 #accordion img {float:none; margin-top:10px; margin-bottom:0; margin-left:0; margin-right:2px;} #accordion h3 {font-size:0.9em; font-weight:normal; line-height:100%; color:#7c9225; padding:10px 0 10px 10px;} .charts {text-transform:none;}