/* 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/main-bg.jpg) repeat-x #000101; 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:#f4bc0d; text-decoration:none; } a:hover {color:#f4bc0d; text-decoration:underline;} a:hover img {filter:alpha(opacity=75); -moz-opacity: 0.50; opacity: 0.75;} :focus {outline: 0;} a {outline: 0;} .uppercase {text-transform:uppercase;} .margin-videos {margin-top:30px;} .vids {margin-left:10px; margin-bottom:30px;} #videos {} #videos h3 {text-transform:uppercase; padding-bottom:5px; color:#d9b70e; font-size:0.9em; font-style:normal; font-weight:normal; border-bottom:1px solid #1d1d1d; margin-bottom:15px; width:540px; padding-left:10px; margin-top:30px;} /*************************** LAYOUT ***************************/ #container {width:900px; margin:0 auto; padding:0 0 0 0;} #container-header {width:900px; height:476px; margin:0 0 61px 0;} #container-header ul.navi {width:900px; height:110px; float:left; margin-bottom:50px;} #container-header ul.navi li {float: left; list-style:none;} #container-header ul.navi li a {text-indent:-9999px; background: url(../images/navi-bg.jpg) left top no-repeat; height:110px; display: block;} #container-header ul.navi li.info a:visited, #container-header ul.navi li.info a {background-position: 0 0; width:149px;} #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: 0 -110px;} #container-header ul.navi li.live a:visited, #container-header ul.navi li.live a {background-position: -149px 0; width:147px;} #container-header ul.navi li.live a:hover, #container-header ul.navi li.live a.active, #container-header ul.navi li.live a.active:visited {background-position: -149px -110px;} #container-header ul.navi li.songs a:visited, #container-header ul.navi li.songs a {background-position: -296px 0; width:191px;} #container-header ul.navi li.songs a:hover, #container-header ul.navi li.songs a.active, #container-header ul.navi li.songs a.active:visited {background-position: -296px -110px;} #container-header ul.navi li.videos a:visited, #container-header ul.navi li.videos a {background-position: -487px 0; width:200px;} #container-header ul.navi li.videos a:hover, #container-header ul.navi li.videos a.active, #container-header ul.navi li.videos a.active:visited {background-position: -487px -110px;} #container-header ul.navi li.images a:visited, #container-header ul.navi li.images a {background-position: -687px 0; width:198px;} #container-header ul.navi li.images a:hover, #container-header ul.navi li.images a.active, #container-header ul.navi li.images a.active:visited {background-position: -687px -110px;} #container-header #slideshow {width:860px; height:315px; float:left; border:1px solid #787878;} #container-header ul.lang {width:20px; height:48px; float:left; margin-top:15px;} #container-header ul.lang li {list-style:none;} #container-header ul.lang li a {text-indent:-9999px; background: url(../images/lang.jpg) left top no-repeat; display:block; width:26px;} #container-header ul.lang li.en a:visited, #container-header ul.lang li.en a {background-position: 0 0; height:26px;} #container-header ul.lang li.en a:hover, #container-header ul.lang li.en a.active, #container-header ul.lang li.en a.active:visited {background-position: -26px 0;} #container-header ul.lang li.de a:visited, #container-header ul.lang li.de a {background-position: 0-26px; height:20px;} #container-header ul.lang li.de a:hover, #container-header ul.lang li.de a.active, #container-header ul.lang li.de a.active:visited {background-position: -26px -26px;} #container-main {width:885px;} #container-main #sidebar {width:300px; float:left;} #container-main #text {width:560px; float:left;} #container-main #sidebar .box {width:254px; background:#1a1a1a; padding:10px 0px 20px 20px; margin:0 0 20px 0;} #container-main #sidebar .box p {color:#7f7f7f; font-size:0.95em; padding:10px 0 10px 0; margin:0; line-height:150%; font-family:"Arial", Helvetica, sans-serif;} #container-main #text p {color:#7f7f7f; font-size:0.95em; padding:0 0 15px 0; margin:0; line-height:150%; font-family:"Arial", Helvetica, sans-serif;} .yellow {color:#f1bf06;} #seitewahl {width:530px; margin-bottom:20px; background:#000; color:#7f7f7f; border:1px solid #1d1d1d; font-size:0.9em; padding:3px 0 3px 0; line-height:150%;} #seitewahl2 {width:230px; background:#000; color:#7f7f7f; border:1px solid #1d1d1d; font-size:0.9em; padding:3px 0 3px 0; line-height:150%; margin-top:10px;} #container-main #sidebar h2 {text-indent: -9999px; display: block; font-size: 0.001em; line-height: 0.001em;} .band {width:277px; height:56px; background:url(../images/h2/theband.jpg) no-repeat;} .tourinfo {width:277px; height:56px; background: url(../images/h2/tourinfo.jpg) no-repeat;} .lps {width:277px; height:56px; background: url(../images/h2/thelps.jpg) no-repeat;} .eps {width:277px; height:76px; background: url(../images/h2/eps.png) no-repeat;} .singles {width:277px; height:76px; background: url(../images/h2/singles.png) no-repeat;} .copy {width:277px; height:56px; background: url(../images/h2/copyright.jpg) no-repeat;} .vids1 {width:277px; height:56px; background: url(../images/h2/vids1.jpg) no-repeat;} #container-main #text h2 {text-indent: -9999px; display: block; font-size: 0.001em; line-height: 0.001em;} .bandinfo {width:512px; height:56px; background:url(../images/h2/info.jpg) no-repeat;} .tourarchive {width:512px; height:56px; background:url(../images/h2/tourarchiv.jpg) no-repeat;} .lyrics {width:512px; height:56px; background:url(../images/h2/lyrics.jpg) no-repeat;} .live2 {width:512px; height:56px; background: url(../images/h2/liveimages.jpg) no-repeat;} .vids2 {width:512px; height:56px; background: url(../images/h2/vids2.jpg) no-repeat;} #container-main #table h2 {text-indent: -9999px; display: block; font-size: 0.001em; line-height: 0.001em;} /*************************** CONTENT-CONTAINER ***************************/ /*** 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;} .gallery {margin-bottom:0px;} .gallery img {margin-left:10px; margin-right:10px; border:1px solid #1d1d1d; margin-bottom:15px;} .songimage {width:111px; height:125px;float:left; margin-right:15px; padding-top:15px;} .songimage img { border:1px solid #787878;} .songtext {width:115px; float:left; height:125px;padding-top:15px; } h3 {text-transform:uppercase; padding-bottom:5px; color:#d9b70e; font-size:0.9em; font-style:normal; font-weight:normal; border-bottom:1px solid #1d1d1d; margin-bottom:15px; width:540px; padding-left:10px;} h5 {text-transform:uppercase; color:#d9b70e; font-size:0.9em; font-style:normal; font-weight:normal; padding-top:10px;} .footer {width:863px; border-top:1px solid #2c2c2c; height:100px; margin-top:20px;} .footer p {color:#7f7f7f; font-size:0.9em; font-family:"Arial", Helvetica, sans-serif; line-height:150%; padding:18px 0 0 20px; } #sub {list-style:none; width:50px; float:right;} #sub li {display:inline; float:left; border-left:1px solid #333333; padding:20px 10px 0 10px; height:15px;} #sub li a, #sub li a:visited {color: #d9b70e; font-weight: normal; text-decoration: none; font-size: 0.8em;} #sub li.end {border-right: none;} #sub li a:hover {text-decoration: underline; color: #d9b70e;} #sub li.end a, #sub li.end a:visited {border-right: none;} .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;} #print, #print02, #print03, #print04, #print05, #print06, #print07, #print08, #print09, #print10, #printinfo {display:none;} #print p, #print02 p, #print03 p, #print04 p, #print05 p, #print06 p, #print07 p, #print08 p, #print09 p, #print10 p, #printinfo p {color:#7c7c7c; font-size:0.95em; font-family:Arial, Helvetica, sans-serif; line-height:150%; margin-left:10px;} #loyal, #loyal02, #loyal03, #loyal04, #loyal05, #loyal06, #loyal07, #loyal08, #loyal09, #loyal10, #loyal11, #loyalinfo {display:none;} #loyal02 p, #loyal03 p, #loyal04 p, #loyal05 p, #loyal06 p, #loyal07 p, #loyal08 p, #loyal09 p, #loyal10 p, #loyal11 p, #loyal p, #loyalinfo {color:#7f7f7f; font-size:0.95em; font-family:Arial, Helvetica, sans-serif; line-height:150%;} #ismyhead, #ismyhead02, #ismyhead03, #ismyhead04, #ismyhead05, #ismyhead06, #ismyhead07, #ismyhead08, #ismyhead09, #ismyhead10, #ismyhead11, #headinfo {display:none;} #ismyhead02 p, #ismyhead03 p, #ismyhead04 p, #ismyhead05 p, #ismyhead06 p, #ismyhead07 p, #ismyhead08 p, #ismyhead09 p, #ismyhead10 p, #ismyhead11 p, #ismyhead p, #headinfo p {color:#7f7f7f; font-size:0.95em; font-family:Arial, Helvetica, sans-serif; line-height:150%;} #singles, #singles02, #singles03, #singles04, #singles05, #singles06, #singles07, #singles08, #singles09, #singles10, #singles11, #singles12, #singles13, #singles14 {display:none;} #singles02 p, #singles03 p, #singles04 p, #singles05 p, #singles06 p, #singles07 p, #singles08 p, #singles09 p, #singles10 p, #singles11 p, #singlesp, #singles12 p, #singles13 p, #singles14 p {color:#7f7f7f; font-size:0.95em; font-family:Arial, Helvetica, sans-serif; line-height:150%;} #container-main #table {width:560px; float:left;} #container-main #table p {color:#7f7f7f; font-size:0.95em; padding:0 0 0 0; margin:0; line-height:150%; font-family:"Arial", Helvetica, sans-serif;} table {width:540px; border-collapse:collapse; border-spacing:0; margin-bottom:10px;} table tr {border-bottom:1px solid #1d1d1d;} table td {color:#7f7f7f; font-size:0.95em; font-family:Arial, Helvetica, sans-serif; padding-left:10px; padding-top:5px; padding-bottom:5px; margin:0;} table tr:hover {background:#000000;} table h5 {padding:2px 0 2px 0; margin:0;} .floatright {float:right; font-size:0.9em; padding:0 30px 0 0 ; margin-bottom:40px;}