/*---------------------------------------------------------------------------------------------------------------- zwei-euro.com ------------------------------------------------------------------------------------------------------------------ Master-Style copyright (c) 2009 Niels Heberlein www.nielsheberlein.de ------------------------------------------------------------------------------------------------------------------ Color Grau (dunkel): #585c6e Grau (hell): #ccc Grau (footer): #8d8c8d Grau (footer, dunkel): #717071 ----------------------------------------------------------------------------------------------------------------*/ /* General / Main ----------------------------------------------------------------------------------------------------------------*/ * {outline: none;} #wrapper {width: 1000px; position: relative; padding: 241px 12px 0 130px; margin: auto; background: url('../images/w_shadow.png') repeat-y 118px 0;} #wrapperInner {background: #fff; width: 1000px;} #cContainer {padding-top: 20px;} #cMain {float: left; width: 580px; padding: 0 10px; margin-left: 200px;} * html #cMain {display: inline;} .alignRight {text-align: right;} .alignCenter {text-align: center;} .alignLeft {text-align: left;} .floatLeft {float: left; margin: 0 8px 10px 0;} .floatRight {float: right; margin: 0 0 10px 8px;} .clear {clear: both;} .clearSpace {clear: both; height: 20px;} .nowrap {white-space:nowrap;} /* General / Links ----------------------------------------------------------------------------------------------------------------*/ a:link, a:visited {color: #585c6e; text-decoration: underline;} a:hover, a:active {color: #585c6e; text-decoration: none;} a.bulletLinkGrey, .boxSub a {background: url('../images/bullet2_grey.png') no-repeat center left; padding-left: 10px;} /* General / Form ----------------------------------------------------------------------------------------------------------------*/ textarea, input[type=text], input[type=password] {border: 1px solid #bbbbc0; padding: 2px; background: url('../images/input_bg.png') repeat-x top left #fff; margin-bottom: 2px;} textarea:focus, input[type=text]:focus, input[type=password]:focus {border-color: #000;} input[type=submit] {background: url('../images/button_bg.png') no-repeat center left; color: #fff; padding: 2px 10px 2px 15px; border: 1px solid #807f80;} input.liteButton {background: url('../images/bullet2_grey.png') no-repeat center left #fff; border: none; padding: 2px 10px 2px 10px; color: #585c6e;} input.s {width: 70px;} .error {color: #c00 !important;} /* Content (c) ----------------------------------------------------------------------------------------------------------------*/ #cMain {float: left; width: 560px; padding: 10px 20px; margin-left: 200px;} #cMain ul.cNav {list-style: none; padding: 10px 0; margin: 0 0 50px 0; width: 100%; display: block; height: 30px; background: url('../images/cnav_bg.png') repeat-x 0 19px;} #cMain ul.cNav li {background: url('../images/cnav_bg.png') repeat-x bottom left; float: left;} #cMain ul.cNav li a {display: block; padding: 15px 20px 5px 20px;} #cMain ul.cNav li.active {background: url('../images/cnav_active_r.png') no-repeat bottom right; font-weight: bold; } #cMain ul.cNav li.active a {display: block; background: url('../images/cnav_active_l.png') no-repeat bottom left; padding: 15px 30px 5px 30px; } #cMain ul.cNav a {color: #666; text-decoration: none;} #cMain .box {clear: both; padding: 10px 0; margin-bottom: 10px;} #cMain .box h3 {font-size: 18px; position: relative;} #cMain .box h3 a {text-decoration: none;} #cMain .box h3 span {float: right; text-align: right; font-size: 10px;} #cMain .box h3, #cMain .boxHeader {background: url('../images/c_headbg.png') repeat-x bottom left; margin-bottom: 0; padding: 5px 10px;} #cMain .boxInnerSimple {padding: 15px 10px 10px 10px;} #cMain .boxInnerSimple h3 {background: none;padding:0 0 5px 0; margin: 0; border-bottom: 1px dotted #bbbbc0;} #cMain .boxInner {background: url('../images/c_boxbg.png') no-repeat top left; padding: 15px 10px 10px 10px;} #cMain .boxSub, #cMain .boxList {background: url('../images/c_infobox_bg.png') repeat-x bottom left; padding: 10px; clear: both;} #cMain .boxSub {margin-bottom: 10px;} #cMain .boxList {margin: 10px 0;} #cMain .infoBox {background: url('../images/c_infobox_bg.png') repeat-x bottom left; } #cMain .infoBox, #cMain .userBox {padding: 10px 0; margin-bottom: 30px;} #cMain .infoBox h2, #cMain .userBox h2 {padding: 5px 0; margin: 0; color: #68b140;} #cMain .infoBox .boxInner, #cMain .userBox .boxInner {padding: 0 0 0 48px; margin: 0; min-height: 38px;} #cMain .infoBox .boxInner {background: url('../images/icon_info.gif') no-repeat top left;} #cMain .userBox .boxInner {background: url('../images/icon_user.gif') no-repeat 0 10px;} #cMain .col40 {float: left; width: 40%;} #cMain .col60 {float: left; width: 60%;} #cMain .colFix1, #cMain .colFix2, #cMain .colFix3, #cMain .colFix4, #cMain .colFix5, #cMain .colFix6, #cMain .colFix7, #cMain .colFix8, #cMain .colFix9, #cMain .colFix10 {float: left; padding: 5px 5px 5px 0;} #cMain .colFix1 {width: 50px;} #cMain .colFix2 {width: 100px;} #cMain .colFix3 {width: 150px;} #cMain .colFix4 {width: 200px;} #cMain .colFix5 {width: 250px;} #cMain .colFix6 {width: 300px;} #cMain .colFix7 {width: 350px;} #cMain .colFix8 {width: 400px;} #cMain .colFix9 {width: 450px;} #cMain .colFix10 {width: 500px;} #cMain table td, #cMain table th {vertical-align:top;} #cMain table td p {padding: 0; margin: 0;} #cMain .boxCoinDetailHead {padding-bottom: 20px; clear: both;} #cMain .boxCoinDetailHead table {float: right; width: 250px;} #cMain .boxCoinDetailHead table.contenttable {width: 150px; padding: 0; margin: 0;} #cMain .boxCoinDetailHead table.contenttable td {padding: 0;} #cMain .boxImage {width: 250px;} #cMain div.coinButtons {padding: 5px 0;} #cMain span.coinButton3d a, #cMain span.coinButtonImg a {width: 30px; height: 30px; text-indent: -9999px; display: block; float: right; margin: 10px 10px 0 0;} #cMain span.coinButton3d a {background: url('../images/buttons/button_3d.gif') no-repeat center center #fff;} #cMain span.coinButtonImg a {background: url('../images/buttons/button_pdf.gif') no-repeat center center #fff;} #cMain table.country {float: left;width: 270px;} #cMain table.country th {white-space:nowrap; vertical-align:top;} #cMain div.country img {float: left; margin-right: 20px;} #cMain table.mintmark {} #cMain table.mintmark td {vertical-align: top;} #cMain table.mintmark td.image {width: 1px; padding-right: 10px;} #cMain table.coinBoxPreview {width: 400px; margin-left: 10px;} #cMain table.coinBoxPreview th, #cMain table.coinBoxPreview td {padding: 1px 0;} #cMain table.coinBoxPreview th {width: 110px; padding-left: 10px;} #cMain table.sortable th {border-bottom: 1px dotted #ccc;padding-right: 15px;} #cMain table.sortable th.headerSortDown {background: url('../images/table/sort_down.gif') no-repeat center right;} #cMain table.sortable th.headerSortUp {background: url('../images/table/sort_up.gif') no-repeat center right;} #cMain table.series {} #cMain table.series th {border-bottom: 1px dotted #ccc;} #cMain table.series td.col1 {width: 50px;} #cMain table.series td.col2 {} #cMain table.series td.col3 {} #cMain table.series td.col4 {width: 200px;} #cMain .contentBox2Col .box {float: left; width: 280px; clear: none;} #cMain .nh_coinfilter {margin-bottom: 10px; padding: 0 10px;} #cMain .nh_coinfilter label {width: 100%; padding-bottom: 5px; float: left;} #cMain .nh_coinfilter label span {width: 100px; padding-top: 2px;clear: both;} #cMain .nh_coinfilter select {float: right; width: 150px;} #cMain .nh_coinfilter input.submit {float: right; clear: both;} #cMain .nh_coinfilter form div.filter {width: 250px; float: left;} #cMain .nh_coinfilter form div.sorter {float: right; width: 265px;} #cMain .nh_newsfilter {margin-bottom: 10px; padding: 0 10px 100px 10px;} #cMain .nh_newsfilter label {width: 100%; padding-bottom: 5px; float: left;} #cMain .nh_newsfilter label span {width: 50px; padding-top: 2px;clear: both;} #cMain .nh_newsfilter select, #cMain .nh_newsfilter input {float: right;} #cMain .nh_newsfilter input.submit {float: right; clear: both;} #cMain .nh_newsfilter form div.filter {width: 250px; float: left;} #cMain .nh_newsfilter form div.sorter {float: right; width: 265px;} #cMain .news-single-item h1 {font-size: 2.0em;} #cMain ul.bullet {list-style: none; padding: 0; margin: 0;} #cMain ul.bullet li {padding: 5px 0 5px 20px; background: url('../images/bullet2_grey.png') no-repeat 10px center;} #cMain hr {display: none;} /* Side Content (sc) ----------------------------------------------------------------------------------------------------------------*/ #scLeft {float: left; width: 200px; margin-left: -800px;} #scRight {float: left; width: 200px; margin-left: 0;} .sc h3 {background: url('../images/sc_box_headbg_green.png') repeat-x #c5da8b top left; padding: 10px; margin: 0; color: #000; font-size: 14px; border-bottom: 1px dotted #9eae6f;} .sc h3 a:link, .sc h3 a:visited {color: #000;} .sc ul {list-style: none; padding: 0; margin: 0;} .sc ul li {padding: 5px 0 5px 20px; background: url('../images/bullet2_grey.png') no-repeat 10px center; border-bottom: 1px dotted #ccc;} .sc ul li.first {border-top: 1px dotted #ccc;} .sc ul li.active {background-image: url('../images/bullet2_black.png');} .sc ul li.active a {font-weight: bold;} .sc p {padding: 5px 0; margin: 0;} .sc a {display: block;} .sc a:link, .sc a:visited {color: #585c6e; text-decoration: none;} .sc a:hover, .sc a:active {color: #000; text-decoration: none;} .sc .box {min-height: 150px;} .sc .boxInner {padding: 10px;} .sc .boxSub {border-top: 1px dotted #ccc; padding: 10px;} .sc .boxTop {border-bottom: 1px dotted #ccc; padding: 5px 10px; position: relative;} .sc .boxEnd {background: url('../images/sc_box_end.png') no-repeat; height: 30px; clear: both;} #scLeft .box {background: url('../images/sc_boxleft_bg.png') no-repeat top right; padding: 7px 9px 0 0;} #scRight .box {background: url('../images/sc_boxright_bg.png') no-repeat top left; padding: 7px 0 0 9px;} #scLeft .boxEnd {background-position: top right;} #scRight .boxEnd {background-position: top left;} .sc form {padding: 10px;} .sc input[type=text], .sc input[type=password] {width: 165px;} /* Header (h) ----------------------------------------------------------------------------------------------------------------*/ #header {height: 241px; position: absolute; top: 0; left: 130px; background: #ccc; width: 1000px; background: url('../images/h_bg.jpg') no-repeat top left;} #hcRight {width: 170px; position: absolute; right: 10px; top: 70px; height: 160px; font-size: 10px; color: #fff;} #hcRight .news-date {color: #fff; display: block;} #hcRight .news-head {color: #6c8527; font-size: 12px; display: block; margin-bottom: 5px;} #hcRight .boxSub {border-top: 1px dotted #6c8527; border-bottom: 0; padding: 2px; text-align:right;} #hcRight a {color: #fff; text-decoration: none;} #hcRight .news-head a {color: #444;} #hcRight .floatLeft {margin: 3px 8px 5px 0;} #hcStage {width: 810px; position: absolute; left: 0; top: 50px; height: 188px;} #hcRightTop {width: 190px; position: absolute; right: 0; top: 0; height: 50px;} #hcRightTop a {display: block; height: 50px; width: 100%; text-indent: -9999px;} a#homeLink {text-indent: -9999px; position: absolute; top: 0; left: 0; width: 220px; height: 50px; } #langSwitch {position: absolute; width: 200px; height: 30px; right: 200px; top: 15px;} #langSwitch .de, #langSwitch .en {display: block; float: right; width: 20px; margin-left: 5px; height: 20px; background: url('../images/flags.gif') no-repeat; text-indent: -9999px;} body.de #langSwitch .de {background-position: top left;} body.de #langSwitch .en {background-position: bottom right;} body.en #langSwitch .de {background-position: bottom left;} body.en #langSwitch .en {background-position: top right;} /* Footer ----------------------------------------------------------------------------------------------------------------*/ #footer {clear:both; background: #8d8c8d; padding: 10px; border-top: 1px solid #717071; color: #fff;} #footer .footerBox {width: 230px; float: left; padding-right: 10px;} #footer h6 {color: #fff; border-bottom: 1px solid #717071; font-weight: normal;} #footer a:link, #footer a:visited {color: #fff; text-decoration: none;} #footer a:hover, #footer a:active {color: #717071; text-decoration: none;} #footer ul {padding: 0; margin: 0; list-style: none;} #footer ul li {padding: 2px 0 2px 10px; border-bottom: 1px dotted #717071; background: url('../images/bullet2_white.png') no-repeat center left; } /* Ads ----------------------------------------------------------------------------------------------------------------*/ .adRight {position: absolute; left: 0; top: 55px; color: #bbbbc0;} /* Slideshow ----------------------------------------------------------------------------------------------------------------*/ /* slideshow gallery */ .slideshowlite {position: relative; overflow: hidden;} .slideshowlite a {position: absolute;z-index: 1;width: 100%;height: 100%;text-align: center;} .slideshowlite img {border: none;} #scLeft .slideshowlite {width: 170px; height: 150px;}