@charset "utf-8";
body { margin: 0px; padding: 0px; font-family: Museo-500, Tahoma, Arial, Sans-serif; color: #5d5d5d; font-size: 14px; line-height: 1.5em; background-image: url(../img/bg-main.jpg);}

a, a:link, a:visited  { color:#2a7fb7; }
a:hover { text-decoration: none; }

a.white, a.white:link, a.white:visited, a.white:active  { color:#FFF; }
a.white:hover { text-decoration: none; }

#clear, .clear { clear: both; }
#img { margin: auto; width: 500px; }
h1, h2, h3, h4, h5, h6, h7, h8 { font-family: Museo-700; font-weight: normal; }
h3, h4, h5, h6, h7, h8 { margin: 10px 0px; }
h1.blue, h2.blue, h3.blue, h4.blue, h5.blue, h6.blue, h7.blue, h8.blue { color:#2C7FB5; }

b, strong { font-family: Museo-700; font-weight: normal; }
.spacer { border-top: 1px dotted #CECECE; font-size:0px; height:1px; margin: 10px 0px; }

.green { color: #009900; }
.badge { 
    box-sizing: border-box; 
    display: inline-block;
    padding: 0px 10px;
    background: #194C8B;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.badge-green { background: #009900; }

/* ---------------------------------- Layers/Positions -------------------------------------- */

#header {
	background-repeat: repeat-x;
	height: 604px;
	position: absolute;
	margin: 0px 0px 0px 0px;
	top: 0px;
	width: 100%;
	background-image: url(../img/bg-header.jpg);
        z-index: 1;
}
#container {
	width: 800px;
	margin: 380px auto 0px auto;
}

#navigation {
        position: absolute;
        z-index: 220;
        top: 0px;
	height: 30px;
	margin: 350px 10px 25px 0px;
	text-align: center;
        border-bottom: 3px solid #FFF;
}

#logo {
    width: 800px;
    height: 220px;
    position:absolute;
    z-index: 100;
    top:0px;
    margin: 0px 0px 0px 0px;
    background-image: url(../img/logo-pcb.png);
    background-position: center top;
    background-repeat: no-repeat;
}

#logo a {
    display: block;
    width: 340px;
    height: 100px;
    margin: 20px auto 0px auto;
}

#joker_container {
    position:absolute;
    z-index: 150;
    width: 850px;
    height: 380px;
    top:40px;
    margin: 0px 0px 0px 0px;
    border: 0px solid red;
}

#joker_container #heading {
    position: absolute;
    z-index: 110;
    top: 110px;
    left: 0px;
    width: 580px;
    height: 160px;
    border: 0px solid green;
    background-image: url(../img/joker/joker-heading-bg.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

#joker_container #joker {
    position: absolute;
    z-index: 150;
    top: 10px;
    right: -40px;
    width: 350px;
    height: 380px;
    border: 0px solid #000;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

#cart {
    position: absolute;
    z-index: 150;
    top: 388px;
    width: 818px;
    height: 40px;
    border: 0px solid #000;
    text-align: right;
}

.page-calculation #cart {
    top: 480px;
}

.page-calculation #content { min-height: 560px; }

#logininfo {
    position: absolute;
    z-index: 150;
    top: 0px;
    left: 0px;
    width: 99%;
    padding: 0px 1% 0px 0px;
    height: 23px;
    border: 0px solid #000;
    text-align: right;
    border: 0px solid #000;
    font-family: Museo-500;
    background: #2C7FB5;
    color: #FFF;
}

#heading h1 {
    font-family: Museo-500;
    color: #FFF;
    font-size: 44px;
    margin: 10px 10px 0px 10px;
    line-height: 1.0;
}

#heading h1 span {
    font-family: Museo-700;
    display: block;
    position: absolute;
    top: 131px;
    left: 30px;
    font-size: 14px;
}

#calculation_icon {
    position: relative;
    z-index: 150;
    top: -187px;
    left: 170px;
    background: #e1e1e1;
    width: 200px;
    text-align: center;
}

/* ---------------------------------- Navigation -------------------------------------- */


#navigation a {
    font-family: Museo-500;
    display: inline-block;
    line-height: 30px;
    padding: 0px 12px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #FFF;
    text-decoration: none;
    font-size: 15px;
    font-weight: normal;
    background-image: url(../img/navbg-main.png);
    background-position: right top;
    background-repeat: no-repeat;
    border: 0px solid red;
}

#navigation a#last {
    padding: 0px 40px 0px 0px;
    background-image: url(../img/navbg-main-last.png);
}

#navigation a:before { content:url(../img/navbg-spacer-before.png); vertical-align: top; height: 30px; height: 30px; float: left; }
#navigation a#first:before { content:url(../img/navbg-spacer-before-first.png); vertical-align: top; line-height: 30px; float: left; }

#navigation a:hover { color: #FFB810; }

a.top { display: block; text-decoration: none; padding: 3px 0px 0px 0px; text-align: right; }
a.top:before { content:url(../img/icons/badge-square-direction-up-16.png)" "; vertical-align: middle; }

#footer a, #footer a:visited, #footer a:link {
    color: #1F609C;
    text-decoration: none;
    margin: 0px 5px;
}

#footer a:hover {
    color: #2666FF;
}

#footer > div > a, #footer > div > a:hover { color: #1F609C; text-decoration: none; cursor: text; }

#cart a {
    display: inline-block;
    width: 150px;
    background-image: url(../img/button_cart.png);
    background-position: top right;
    background-repeat: no-repeat;
    line-height: 40px;
    padding: 4px 40px 0px 0px;
    text-decoration: none;
}

#cart a:hover {
    text-decoration: underline;
}

/* ---------------------------------- Content Elements -------------------------------------- */

#content {
    width: 770px;
    margin: 0px 0px 0px 0px;
    padding: 1px 15px 20px 15px;
    background: #FFF;
    box-shadow: 0px 2px 10px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 2px 10px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 2px 10px rgba(0,0,0,0.3);
    border: 3px solid #FFF;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-position: 0px -165px;
    background-repeat: repeat-x;
}

#content h1 {
    color: #FFF;
    display: inline-block;
    height: 75px;
    overflow: hidden;
    font-size: 38px;
    font-family: Museo-300;
    font-weight: bold;
    margin: 0px 0px 0px -33px;
    background-image: url(../img/h1-before.png);
    background-position: left top;
    background-repeat: no-repeat;
}



#content h1 b {
    display: inline-block;
    background-image: url(../img/h1-bg.png);
    background-position: right top;
    background-repeat: no-repeat;
    height: 56px;
    line-height: 48px;
    margin: 0px 0px 0px 15px;
    padding: 18px 20px 0px 15px;
}

#footer {
    text-align: center;
    padding: 10px 0px 50px 0px;
    font-size: 11px;
    color: #1F609C;
}

.tab_yellow {
    border: 0px solid #000;
    margin: 16px 0px;
    width: 672px;
}

.tab_yellow a.tab_header {
    position: relative;
    z-index: 10;
    display: block;
    height: 41px;
    line-height: 41px;
    background-image: url(../img/tabs-yellow-header-down.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 0px 40px 0px 10px;
    margin: 0px;
    overflow: hidden;
    color: #FFF;
    text-decoration: none;
    font-size: 15px;
    font-family: Museo-700;
    text-shadow: #2a1b00 1px 1px 3px;
}

.tab_content {
    position: relative;
    z-index: 5;
    top: -5px;
    border: 1px solid #FFF;
    background-image: url(../img/tabs-content-bg.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-color: #f2f2ee;
    margin: 0px 0px 0px 0px;
    padding: 10px;
}

.tab_content_bottom {
    display:block;
    height: 6px;
    background-image: url(../img/tabs-content-bg-bottom.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-color: #FFF;
}

.faq {
    padding-left: 50px;
    background-image: url(../img/tabs-questionmark.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

#logininfo span.hinweis {
    display: inline-block;
    position: absolute;
    left: 10px;
}

div.hinweis { font-size:12px; color: #878787; }

.hidden { display: none; }


/* ---------------------------------- Lists -------------------------------------- */

ul.list1 {

    margin: 20px 30px;
    padding: 0px;
    color: #677077;
    list-style-type: square;

}

ul.list1 li { margin: 3px 0px; }


.listbox {

    background: #F1F3F6;
    padding: 20px 10px 20px 30px;
    border : 1px dotted #8F9EAC;

}

.listbox li {

    padding: 3px 0px;
    margin: 0px 10px;

}

ul.listbox { list-style-type: square; }
ol.listbox { list-style-type: decimal-leading-zero; }

ul.partner { list-style-type: none; }
ul.partner li { clear: both; }
ul.partner div.partner_image { border:1px solid #C4CCD3; width:150px; height: 85px; overflow:hidden; float: left; margin: 0px 20px 15px 0px; text-align: center; color:#C4CCD3; }
ul.partner img { max-width: 150px; }


/* ---------------------------------- Tables -------------------------------------- */

table {
    border: 0px solid #000;
    table-layout: fixed;
    border-spacing: 0px;
    margin: 20px 0px;
    width: 100%;
}

table tr:nth-child(2n+1) {
  background: #F2F2F2;
}

table th { font-family: Museo-700; font-weight: normal; }

table td, table th {
    padding: 5px;
}

table.cartposition { table-layout: auto; margin: 0px; } 
table.cartposition tr, table.cartposition td { background: none; padding: 0px; vertical-align: top; }

table#technologie {
    border: 0px solid #000;
    table-layout: fixed;
    border-spacing: 0px;
    margin: 20px 0px;
}


table#technologie td {
    padding: 5px 12px;
    background-image: url(../img/table-cell-bg.png);
    background-position: center top;
    background-repeat: repeat-y;
    font-size: 13px;
    text-align: center;
    border-bottom : 1px dotted #E0E0E0;
}

table#technologie td.bottom {
    border: 0px;
    height: 9px;
    background-image: url(../img/table-cell-bg-bottom.png);
    background-position: center top;
    background-repeat: no-repeat;
}

table#technologie th.top {
    border: 0px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    background-image: url(../img/table-cell-bg-top.png);
    background-position: center top;
    background-repeat: no-repeat;
    color: #FFF;
    margin:0px;
    padding:0px;
}

table#technologie td.label {
    background: none;
    text-align: left;
    color:#2a7fb7;
}

table#technologie td.germany:after {
    content:" "url(../img/icons_flags/de.png);
}

table#technologie tr:nth-child(2n+1) {
  background: #FFF;
}

table#technologie td.joker_small:after {
    content:" "url(../img/joker/joker-head.png);
}


table#shippingoptions { border: 1px solid #B7B7B7; }
table#shippingoptions th { text-align: left; background: #2c7fb5; color: #FFF; line-height: 20px; }


table#account { width:100%; }
table#account td { background: #FFF; vertical-align: top; border: 0px solid #000; }
table#account a { text-decoration: none; display: block; line-height: 48px;  background-repeat: no-repeat; padding:0px 0px 0px 60px }
table#account a:hover { text-decoration: underline; }

.account_billingaddress { background-image: url(../img/icons/Tag-dollar.png); }
.account_deliveryaddress { background-image: url(../img/icons/Tag-house.png); }
.account_password { background-image: url(../img/icons/Keys.png); }
.account_email { background-image: url(../img/icons/Email.png); }
.account_orders { background-image: url(../img/icons/Folders.png); }
.account_newsletter { background-image: url(../img/icons/Mail.png); }
.account_affiliate { background-image: url(../img/joker/joker-account.png); }
.partner_provision { background-image: url(../img/icons/Chart-Bar.png); }
.partner_banner { background-image: url(../img/icons/Banner.png); }
.partner_payment { background-image: url(../img/icons/Settings.png); }
.partner_myaccount { background-image: url(../img/icons/Buddy.png); }

table#shippingaddress { width: 770px; table-layout: auto; }
table#shippingaddress th { text-align:left; background: #2c7fb5; color: #FFF; line-height: 20px; padding: 3px; }
table#shippingaddress td { vertical-align: top; padding: 3px; border: 0px solid #000; }
table#shippingaddress td.label { width: 250px; }
table#shippingaddress td.address { padding-left: 30px; }
table#shippingaddress td.options { width: 100px; text-align: center; vertical-align: middle; }


table#order_process { width: 100%; }
table#order_process td { text-align: center; padding: 0px; }
table#order_process td.active { font-family: Museo-700; font-weight: normal; font-style: italic; }
table#order_process td.past { background: #cfcfcf; }
table#order_process td.header { background-image: url(../img/cart_status_bg.png); background-position: left top; background-repeat: repeat-y; }
table#order_process td a { text-decoration: none; }
table#order_process td a:hover  { text-decoration: underline; }


table#orderOverview { border: 0px solid #000; width: 770px; }
table#orderOverview th { background: #2c7fb5; color: #FFF; line-height: 20px; padding: 3px; }
table#orderOverview td { border: 0px solid #000; }
table#orderOverview #pos { width: 40px; text-align: center; }
table#orderOverview #item, table#orderOverview .item, table#orderOverview .status, table#orderOverview .date, table#orderOverview .orderno, table#orderOverview .status, table#orderOverview .percent, table#orderOverview .commission  { text-align: left; }
table#orderOverview .orderno { width:100px; }
table#orderOverview .date { width:100px; }
table#orderOverview .status { width:100px; }
table#orderOverview #netprice, table#orderOverview #vat, table#orderOverview #grossprice, table#orderOverview .price { width: 100px; text-align: right; }
table#orderOverview #options, table#orderOverview .options { width: 80px; text-align: center; }

.pos { text-align: center; }
.item { text-align: left; }
.netprice, .vat, .grossprice, .options { text-align: right; }

.orderOverviewValuespecification { display: inline-block; width:100px; }
.pricetotal { color: #FFF; background: #5D5D5D; font-family: Museo-700; font-size: 20px; }

table.note { 
    border: 1px solid #A70001; 
    background: #FCEAEA; 
    color: #A70001; 
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; }
table.note .lable { font-family: Museo-700; width: 100px; }
table.note .text {  }

table.note  tr:nth-child(2n+1) {
  background: inherit;
}

/* ---------------------------------- Forms -------------------------------------- */

form, #contactform {

    width: 100%;
    margin: 20px auto 10px auto;

}

fieldset {
    margin: 0px 0px 20px 0px;
    padding: 20px 10px;
    background-color: #FFF;
    border: 1px solid #C4CCD3;
}

legend { 
    font-size: 16px;
    font-family: Museo-700;
    background: #EDEDED; 
    margin: 0px 0px 0px 0px; 
    padding: 0px 10px 0px 10px; 
    line-height:28px; 
    border: 1px solid #C4CCD3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

legend span{ font-size: 13px; }

label { font-family: Museo-500; font-weight: normal; margin: 10px 0px 0px 0px; display: inline-block; width: 200px; color:#2a7fb7; vertical-align: top; }

input[type=text], input[type=password], textarea, select {
    border: 1px solid #c5c5c1;
    padding: 0px 6px;
    margin: 5px;
    height: 33px;
    line-height: 33px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #ededed;
    background-image: url(../img/form-field-bg.gif);
    background-position: left top;
    background-repeat: repeat-x;
    font-family: Museo-500;
    font-size: 15px;
    width: 250px;
    vertical-align: top;
}

textarea {
    height:150px;
    width: 350px;
}

a.button {
    display: inline-block;
    text-decoration: none;
    vertical-align: top;
}

input[type=submit], a.button {
    border: 0px solid #8F9EAC;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-image: url(../img/form-submit-bg.png);
    background-position: right top;
    background-repeat: no-repeat;
    background-color: #F8F9FA;
    color: #FFF;
    padding: 0px 20px;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    font-family: Museo-500;
    font-size: 24px;
    cursor: pointer;
}

input#CalculationOrder {
    position: relative;
    z-index: 5;
    top: 10px;
    left: -50px;
    padding: 0px 20px 0px 65px;
}

#icon_shoppingbag {
    position: relative;
    z-index: 10;
    top: 6px;
    left: 20px;
    width: 47px;
    height: 60px;
}

#payment_info { margin:10px 0px 0px 76px; font-size: 13px; color:#2a7fb7; }

input.form-error, textarea.form-error {
    border-color: #d40000;
}

.form_buttons { text-align: center; border-top: 1px dotted #D8D8D8; padding: 10px 0px; margin-top: 20px; }
.form_buttons input[type=submit]{ margin: 0px 10px 0px 10px; }
a.button {margin:0px 10px 0px 10px;}

div.error-message {
    background-image: url(../img/icons/warning-16.png);
    background-position: right 3px;
    background-repeat: no-repeat;
    background-color: #F2F2F2;
    color: #d40000;
    padding: 2px 20px 2px 5px;
    text-align: right;
}

div.errors, div.error {
    background-image: url(../img/icons/warning-16.png);
    background-position: 5px 3px;
    background-repeat: no-repeat;
    background-color: #F2F2F2;
    color: #d40000;
    padding: 2px 10px 2px 25px;
    margin: 10px 0px;
    text-align: left;
}

div.errors h3 { margin: 0px; }
div.errors ul { margin: 0px; }

div.success {
    background-image: url(../img/icons/check-16.png);
    background-position: 5px 3px;
    background-repeat: no-repeat;
    background-color: #F2F2F2;
    color: #58A000;
    padding: 2px 10px 2px 25px;
    margin: 10px 0px;
    text-align: left;
}

div.submit {

    width: 100%;
    text-align: center;

}


#PartnerConfig input[type=text]:disabled, 
#PartnerConfig input[type=file]:disabled, 
#PartnerConfig input[type=password]:disabled, 
#PartnerConfig textarea:disabled, 
#PartnerConfig select:disabled {
    border: 0px solid #c5c5c1;
    background: none;
}




.message { position:fixed; z-index: 1000; display: block; width: 100%; top: 0px; left: 0px; padding: 10px; background: rgba(23,69,163,0.8); color: #FFF; }



.file_upload { position:relative; top:0px; left:0px; border: 0px solid #000;}
.file_label { padding: 30px 0px 0px 0px; }
.upload_fake { position:absolute; top:0px; left:0px; z-index:1; }
.upload_fake input { padding: 0px 3px; margin: 0px 10px 0px 0px; height: 24px; font-size:13px; }
.upload_fake input[type=text] { width: 350px; }
.upload_fake input[type=submit] { padding: 0px 10px; line-height: 1; }
.upload_real {
	position:absolute;
	top:0px;
	left:0px;

	/* start of transparency styles */
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity:0);
	/* end of transparency styles */

	z-index:2; /* bring the real upload interactivity up front */
	width:500px;
        border: 1px solid red;
}


span.label_sub { line-height: 40px; }

table#calculator, table#calculator_price { table-layout: auto; margin:0px; }
table#calculator td, table#calculator_price td { border: 0px solid #000; vertical-align: top; padding: 0px 0px 10px 0px; }
table#calculator tr:nth-child(2n+1), table#calculator_price  tr:nth-child(2n+1){ background: none; }
table#calculator td.col1 { width: 230px; }
table#calculator td.col2 { width: 230px; }
table#calculator td.col3 { }
table#calculator td.row1 { }
table#calculator td.row2 { }
table#calculator td.row3 { height: 80px; }
table#calculator .formfield { float:left; margin-right: 10px; }

table#calculator_price { border: 0px solid #000; width: 801px; }
table#calculator_price td.buttons { width: 400px; }
table#calculator_price td.prices { background-image: url(../img/price-bg.png); background-position: right 0px; background-repeat: no-repeat; }


#pcbcalc { margin: 20px 0px; border: 0px solid #000; }
#pcbcalc label { display: block; width: auto; padding-left: 6px; }
#pcbcalc .input-small { min-width: 0px; width: 65px; }


table#price_info { position: relative; border: 0px solid #000; margin: 7px 0px 0px 0px; width: 400px; }
table#price_info td { vertical-align: bottom; text-align: left; margin: 0px; padding: 0px; border: 0px solid #000; }
table#price_info .price_info_total { width:180px; color: #FFF; font-family: Museo-700; font-size: 55px; line-height:1; padding:8px 0px 0px 20px; margin: 0px; vertical-align:bottom; text-align:right;}
table#price_info .price_info_total span { font-family: Museo-700; font-size: 30px; }
table#price_info .price_info_details { padding: 0px 0px 4px 14px; color: #FFF; font-size: 13px; }
table#price_info .price_info_buttons { padding: 0px 0px 0px 0px; text-align: right; }

#updating-price-spinner { font-size: 40px; position: absolute; left: -26px; top: 20px; color: #9C0000; display: none; }


#shippingoptions, #country_id { font-size: 13px; }

.icon { 
  display: inline-block; 
  background-position: center center; 
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  vertical-align: middle;
  cursor: pointer;
}

.icon.information24 { 
    background-image: url(../img/icons/information_32.png); 
    width: 24px; 
    height: 24px; 
}

.icon.information16 { 
    background-image: url(../img/icons/information_32.png); 
    width: 16px; 
    height: 16px; 
}

.icon.warning24 { 
    background-image: url(../img/icons/warning_32.png); 
    width: 24px; 
    height: 24px; 
}

.icon.warning16 { 
    background-image: url(../img/icons/warning_32.png); 
    width: 16px; 
    height: 16px; 
}



/*
 * Green line
 */


body.greenline {  }
.greenline #header {  }

#calc-switch-container, #calc-switch, #calc-switch-button { position: absolute; }
#calc-switch { top: -116px; left: 560px; width: 225px; }

#calc-switch input[type=radio], #calc-switch label { position: relative !important; top: 0px; left: 0px; margin: 0px; padding: 0px; }
#calc-switch input[type=radio] { display: none; }
#calc-switch label { border: 0px solid #FFF; width: 215px; height: 62px; z-index: 100000; cursor: pointer; }

#calc-switch label[for=CalculationCalctype2] { }
#calc-switch label[for=CalculationCalctype3] { }

#calc-switch-button { 
    z-index: 10000;
    top: -145px; 
    left: 555px; 
    display: block; 
    background-image: url(../img/kalk-switch-standard.png); 
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 225px; 
    height: 120px; 
    cursor: pointer;
}
.greenline #calc-switch-button { 
    background-image: url(../img/kalk-switch-greenseries.png); 
}

#calc-switch-button > div {
    position: absolute;
    top: 40px;
    left: 72px;
}

#calc-switch-button .button-label-standard .label, #calc-switch-button .button-label-greenline .label { display: block; font-weight: bold; }
#calc-switch-button .button-label-standard .type { display: block; font-weight: normal; color: #4779b5; font-size: 20px; }
#calc-switch-button .button-label-greenline .type { display: block; font-weight: normal; color: #1b7807; font-size: 20px; }

#calc-switch-button .button-label-greenline { display: none; }
.greenline #calc-switch-button .button-label-standard { display: none; }
.greenline #calc-switch-button .button-label-greenline { display: block; }

#hinweis-technologie td { padding: 0px 25px 0px 6px !important; }
#hinweis-technologie div { display: block; background: #184988; color: #FFF; padding: 4px; }
#hinweis-technologie div#hinweis-technologie-greenline { display: none; }
.greenline #hinweis-technologie div#hinweis-technologie-standard { display: none; }
.greenline #hinweis-technologie div#hinweis-technologie-greenline { display: block; background: #339900; }

.greenline #cart a {
    background-image: url(../img/gs-button_cart.png);
}


.greenline #logo {
    background-image: url(../img/gs-logo-pcb.png);
}

.greenline #joker_container #joker {
    background-image: url(../img/joker/gs-joker-base-250.png) !important;
}

.greenline #joker_container #heading {
    background-image: url(../img/joker/gs-joker-heading-bg.png);
}

.greenline #content h1, #content h1.greenline {
    background-image: url(../img/gs-h1-before.png);
}

.greenline #content h1 b, #content h1.greenline b {
    background-image: url(../img/gs-h1-bg.png);
}

.greenline input[type=submit], .greenline  a.button {
    background-image: url(../img/gs-form-submit-bg.png);
}


.greenline #navigation a {
    background-image: url(../img/gs-navbg-main.png);
}

.greenline #navigation a#last {
    background-image: url(../img/gs-navbg-main-last.png);
}

.greenline #navigation a:before { content:url(../img/gs-navbg-spacer-before.png);  }
.greenline #navigation a#first:before { content:url(../img/gs-navbg-spacer-before-first.png); }

#specifications-greenseries { display: none; }
.greenline #specifications-greenseries { display: block; }
.greenline #specifications-standard { display: none; }

.label {
    
}
.label-greenline {
    display: inline-block;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border: 0px solid #000000;
    background: #339900;
    color: #FFF;
    box-sizing: border-box;
    padding: 0px 4px;
}


.greenline table#orderOverview th, .greenline table#shippingaddress th {
    background: #339900;
}

.greenline h3.blue { color: #339900; }

#serie-hinweis-container { position: absolute; margin-top: -220px; margin-left: 780px; }