/* Start reset html elements */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
}
address,article,aside,audio,canvas,command,datalist,
details,embed,figcaption,figure,footer,header,
hgroup,keygen,mark,meter,nav,ouput,progress,
section,source,summary,time,video,wbr {
display: block;
}
input:focus, textarea:focus, select:focus {
outline: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
padding: 0;
border: 0;
}
table td, table th {
padding: 0;
}
a:active, label:active {
outline: none;
ie-dummy: expression(this.hideFocus=true);
}
a:focus, label:focus {
-moz-outline-style: none;
outline: none;
ie-dummy: expression(this.hideFocus=true);
}
input[type=checkbox] {
border-width: 0;
}
/* End reset html elements */
/* Start generic elements */
html {
overflow-y: scroll;
height: 100%;
}
body {
background:#e7e7e7;
height: 100%;
}
td, p, div, span, ol, ul, input, textarea, select {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 150%;
color: #000;
}
input[type=text],
input[type=password],
input[type=button],
input[type=submit],
textarea,
select {
border: none;
line-height: 150%;
background-color:#eee;
position: relative;
height: 22px;
margin-bottom:1px;
display: inline-block;
-webkit-appearance: none;
padding:4px 5px;
resize:none;
}
select {
*behavior: none;
height:30px;
}
input[type=checkbox] {
border-width: 0px;
background-color: transparent;
width: 20px !important;
#margin-top: -1px;
margin-left: -3px;
}
input[type=submit] {
padding-left: 10px;
padding-right: 10px;
color: #fff;
background-color: #313131;
height: 30px;
}
input[type=submit],
article a.button {
cursor: pointer;
position: relative; /* prevent element from disappearing in ie */
}
/* span is to cope for protected emails */
a, a:visited, a span, a:visited span {
color: #000099;
text-decoration: none;
}
a:hover {
color: #000099;
text-decoration: underline;
}
ul {
list-style-type: none;
list-style-position: outside;
}
ul li {
list-style-type: none;
background: url(/images/bullet.gif) no-repeat 0px 7px;
padding-left: 14px;
}
hr {
color: #ccc;
background-color: #ccc;
height: 1px;
}
.clear {
clear: both;
height: 1px;
overflow: hidden;
}
/* For modern browsers */
.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
*zoom: 1;
}
/* End generic elements */
/* Start Freshpage elements (these classes are defined in Freshpage and setable) */
.small {
font-size: 10px
}
.big {
font-size: 15px
}
table[tbltype=Standard]{
}
#oContentTable tr td {
}
/* End Freshpage elements */
/* Start Layout */
div#wrapper {
width: 1190px;
margin: 0 auto;
background-color: #fff;
padding: 0 10px;
min-height: 100%;
height: auto !important;
height: 100%;
border-left:20px solid #f3f3f3;
border-right:20px solid #f3f3f3;
}
/* Start Layout Header */
div#wrapper > header {
margin-bottom: 10px;
}
div#wrapper > header > div#logobox {
padding-top:30px;
height: 200px;
width: 240px;
float: left;
}
div#wrapper > header > div#highlightbox {
position: relative;
width: 950px;
height: 230px;
float: left;
background:url(/images/header.png);
}
div#wrapper > header > div#highlightbox > div{
font-size:40px;
margin-top:80px;
margin-left:560px;
color:#000099;
font-weight:bold;
text-transform:lowercase;
}
/* End Layout Header */
/* Start Layout Content */
div#wrapper > div#content span.error,
div#wrapper > div#content span.important {
display:block;
color: #ff0000;
font-weight: bold;
}
/* Start Layout Content LeftColumn */
div#wrapper > div#content > aside#leftColumn {
width: 230px;
float: left;
margin: 10px 10px 10px 0px;
}
/* End Layout Content LeftColumn */
/* Start Layout Content RightColumn */
div#wrapper > div#content > aside#rightColumn {
width: 230px;
float: left;
margin: 10px 0px 10px 0px;
}
/* End Layout Content RightColumn */
/* Start Layout Content LeftColumn/RightColumn Boxes */
div#wrapper > div#content > aside ul#articlenav {
padding: 10px 15px;
background-color: #dedede;
margin-bottom: 10px;
}
div#wrapper > div#content > aside ul#articlenav li,
div#wrapper > div#content > aside ul#infonav li {
background: url(/images/bullet.png) left 7px no-repeat;
padding-left: 16px;
font-size: 14px;
line-height: 180%;
}
div#wrapper > div#content > aside ul#infonav li {
line-height:150%;
}
div#wrapper > div#content > aside ul#articlenav li li,
div#wrapper > div#content > aside ul#infonav li li{
background: none;
padding-left: 10px;
}
div#wrapper > div#content > aside ul#articlenav li a,
div#wrapper > div#content > aside ul#infonav li a {
color: #000;
text-decoration: none;
}
div#wrapper > div#content > aside ul#articlenav li a:hover,
div#wrapper > div#content > aside ul#articlenav li a.active,
div#wrapper > div#content > aside ul#infonav li a:hover,
div#wrapper > div#content > aside ul#infonav li a.active {
color: #000099;
text-decoration:underline;
}
div#wrapper > div#content > aside > div.boxtitle {
font-size:16px;
font-weight:bold;
color: #fff;
padding: 15px 0px 0px 15px;
background-color:#e7e7e7;
color:#000;
}
div#wrapper > div#content > aside > div.boxtitle img {
vertical-align:bottom;
margin-right:10px;
}
div#wrapper > div#content > aside > div.box {
padding: 15px;
background-color: #e7e7e7;
line-height: 150%;
margin-bottom: 10px;
}
div#wrapper > div#content > aside > div.box > a,
div#wrapper > div#content > aside > div.box > a:visited {
color: #006C2A;
}
div#wrapper > div#content > aside > div.box > a:hover {
color: #006C2A;
}
div#wrapper > div#content > aside > div.box > form > select {
width: 160px;
}
div#wrapper > div#content form[name=searchform] > input#search {
border:2px solid silver;
width:144px;
margin-top:10px;
margin-bottom:20px;
margin-right:2px;
background:#fff;
padding:8px 10px;
}
div#wrapper > div#content form[name=searchform] > input#search.empty{
background:#fff url(/images/input_bg_search.png) left 5px no-repeat;
}
div#wrapper > div#content form[name=searchform] > input#searchbutton {
font-size:22px;
height:42px;
background:#313131;
text-align:center;
vertical-align:-3px;
}
div#wrapper > div#content form[name=newsletterform] > input#newsletteremail {
background:#fff;
margin-right: 5px;
}
div#wrapper > div#content > aside > div.box > form[name=newsletterform] > input#newsletterbutton {
width: 50px;
}
div#wrapper > div#content form[name=forgetform] > label,
div#wrapper > div#content form[name=loginform] > label {
float: left;
display: block;
width: 100px;
}
div#wrapper > div#content > aside > div.box > form[name=loginform] > input[type=text],
div#wrapper > div#content > aside > div.box > form[name=loginform] > input[type=password],
div#wrapper > div#content > aside > div.box > form[name=forgetform] > input[type=text],
div#wrapper > div#content > aside > div.box > form[name=forgetform] > input[type=password] {
background:#eee;
width: 190px;
}
div#wrapper > div#content > aside > div.box > hform[name=loginform] > input[type=submit],
div#wrapper > div#content > aside > div.box > hform[name=forgetform] > input[type=submit] {
font-size:22px;
height:32px;
background:#313131;
text-align:center;
vertical-align:-3px;
width:100%;
padding:0px;
margin-bottom:15px;
}
div#wrapper > div#content > aside > div.box > form[name=loginform] a:link,
div#wrapper > div#content > aside > div.box > form[name=loginform] a:visited,
div#wrapper > div#content > aside > div.box > form[name=forgetform] a:link,
div#wrapper > div#content > aside > div.box > form[name=forgetform] a:visited {
color:#000;
background:url(/images/arrow_black.png) left center no-repeat;
padding-left:15px;
}
div#wrapper > div#content > aside > div.box > form[name=forgetform] > br,
div#wrapper > div#content > aside > div.box > form[name=loginform] > br {
clear: both;
}
div#wrapper > div#content > aside > div.box > form[name=manufacturerform] > select{
background:#fff;
width: 100%;
height:30px;
}
div#wrapper > div#content > aside > div.box > table#minibasket {
width: 100%;
}
div#wrapper > div#content > aside > div.box > table#minibasket a,
div#wrapper > div#content > aside > div.box > table#minibasket a:visited {
color: #000;
}
div#wrapper > div#content > aside > div.box > table#minibasket a:hover {
color: #000;
}
div#wrapper > div#content > aside > div.box > table#minibasket tr > td {
padding-right: 10px;
line-height: 120%;
vertical-align: top;
padding-bottom: 4px;
}
div#wrapper > div#content > aside > div.box > table#minibasket tr > td.left {
white-space: nowrap;
text-align: right;
}
div#wrapper > div#content > aside > div.box > table#minibasket tr > td.right {
white-space: nowrap;
text-align: right;
padding-right: 0px;
}
div#wrapper > div#content > aside > div.box > table#minibasket tr.total td {
font-weight: bold;
border-top: 1px solid #999;
padding-top: 2px;
}
div#wrapper > div#content > aside > div.box > table#minibasket a#basketlink {
color:#000099;
font-weight:bold;
background:url(/images/arrow.png) left 3px no-repeat;
padding-left:15px;
}
div#wrapper > div#content > aside > div.box > form[name=logoutform] > input[type=submit] {
margin-top: 5px;
margin-bottom:5px;
}
div#wrapper > div#content > aside > div.box > form[name=logoutform] > a#customerarealink,
div#wrapper > div#content > aside > div.box > form[name=logoutform] > a#customerarealink:visited {
color:#000099;
font-weight:bold;
background:url(/images/arrow.png) left 3px no-repeat;
padding-left:15px;
}
/* End Layout Content LeftColumn/RightColumn Boxes */
/* Start Layout Content Article */
div#wrapper > div#content > article {
width: 710px;
float: left;
margin: 9px 10px 10px 0px;
}
div#wrapper > div#content > article > h1.entrytitle {
color: #000;
font-size: 32px;
font-weight:normal;
margin-top: -1px;
margin-bottom: 15px;
line-height: 28px;
}
div#wrapper > div#content > article > h1.entrytitle a {
font-size: 12px;
text-transform: none;
}
/* Start Layout Content Article Forms */
div#wrapper > div#content > article form label br,
div#wrapper > div#content > article form label + a + br,
div#wrapper > div#content > article form label + select + br,
div#wrapper > div#content > article form label + textarea + br,
div#wrapper > div#content > article form label + input + input + br {
clear: both;
}
div#wrapper > div#content > article form input.error,
div#wrapper > div#content > article form select.error,
div#wrapper > div#content > article form textarea.error {
background-color: #FFE6E6;
}
div#wrapper > div#content > article form input,
div#wrapper > div#content > article form textarea {
width: 180px;
}
div#wrapper > div#content > article form select,
div#wrapper > div#content > article form input[type="submit"] {
width: 190px;
}
div#wrapper > div#content > article form textarea {
height: 60px;
}
div#wrapper > div#content > article form[name="contactform"] textarea {
height: 200px;
}
div#wrapper > div#content > article form label {
margin-top: 3px;
margin-bottom: 2px;
height: 17px;
float: left;
}
div#wrapper > div#content > article form[name=contactform] label {
width: 80px;
}
div#wrapper > div#content > article form#addressform label,
div#wrapper > div#content > article form#registerform label,
div#wrapper > div#content > article form[name=profileform] label {
width: 140px;
}
div#wrapper > div#content > article form label.long.spacing {
margin-top: 15px;
}
div#wrapper > div#content > article form input#plz,
div#wrapper > div#content > article form input#lieferungplz {
width: 49px;
margin-right: 1px;
}
div#wrapper > div#content > article form input#ort,
div#wrapper > div#content > article form input#lieferungort {
width: 120px;
}
div#wrapper > div#content > article form#addressform input#passwortwiederholen{
width: 120px;
margin-right: 4px;
}
div#wrapper > div#content > article form div#different_delivery_box {
display: none;
}
div#wrapper > div#content > article form#passwordforgottenform label {
display: block;
width: 40px;
}
div#wrapper > div#content > article form input[readonly] {
color:#777;
}
/* End Layout Content Article Forms */
/* Start Layout Content Article Overview */
div#wrapper > div#content > article > div.pagenav {
width: 710px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
padding: 3px 0px 1px 0px;
}
div#wrapper > div#content > article > div.pagenav > span {
display: inline-block;
float: left;
}
div#wrapper > div#content > article > div.pagenav > span.left {
width: 270px;
}
div#wrapper > div#content > article > div.pagenav > span.left > a:link,
div#wrapper > div#content > article > div.pagenav > span.left > a:visited,
div#wrapper > div#content > article > div.pagenav > span.left > a:hover {
display: inline-block;
margin-left: 5px;
}
div#wrapper > div#content > article > div.pagenav > span.left > a.active {
font-weight: bold;
}
div#wrapper > div#content > article > div.pagenav > span.center {
width: 170px;
text-align: center;
}
div#wrapper > div#content > article > div.pagenav > span.right {
width: 270px;
text-align: right;
font-weight: bold;
}
div#wrapper > div#content > article > div.pagenav > span.right > a.forward {
display: inline-block;
margin-left: 10px;
}
div#wrapper > div#content > article > div.articlerow,
div#wrapper > div#content > article > div.categoryrow,
div#wrapper > div#content > article > div.manufacturerrow {
margin-bottom: 12px;
}
div#wrapper > div#content > article > div.articlerow > div *,
div#wrapper > div#content > article > div.categoryrow > div *,
div#wrapper > div#content > article > div.manufacturerrow > div * {
line-height: 120% !important;
}
div#wrapper > div#content > article > div.articlerow > div.article,
div#wrapper > div#content > article > div.categoryrow > div.category,
div#wrapper > div#content > article > div.manufacturerrow > div.manufacturer {
float: left;
margin-left: 10px;
width: 230px;
}
div#wrapper > div#content > article > div.articlerow > div.article:first-child,
div#wrapper > div#content > article > div.categoryrow > div.category:first-child,
div#wrapper > div#content > article > div.manufacturerrow > div.manufacturer:first-child {
margin-left: 0px;
}
div#wrapper > div#content > article > div.articlerow > div.article a,
div#wrapper > div#content > article > div.categoryrow > div.category a,
div#wrapper > div#content > article > div.manufacturerrow > div.manufacturer a {
color: #000;
}
div#wrapper > div#content > article > div.articlerow > div.article a:hover,
div#wrapper > div#content > article > div.categoryrow > div.category a:hover,
div#wrapper > div#content > article > div.manufacturerrow > div.manufacturer a:hover,
div#wrapper > div#content > article > div.articlerow > div.article a:hover span,
div#wrapper > div#content > article > div.manufacturerrow > div.manufacturer a:hover span {
text-decoration: underline;
}
div#wrapper > div#content > article > div.articlerow > div.article a.left,
div#wrapper > div#content > article > div.categoryrow > div.category a.left,
div#wrapper > div#content > article > div.manufacturerrow > div.manufacturer a.left {
float: left;
display: inline-block;
width: 140px;
}
div#wrapper > div#content > article > div.categoryrow > div.category a.left {
width: 230px;
}
div#wrapper > div#content > article > div.articlerow a.right,
div#wrapper > div#content > article > div.manufacturerrow a.right {
float: right;
display: inline-block;
width: 90px;
text-align: right;
}
div#wrapper > div#content > article > div.articlerow > div.article > a.right span {
white-space: nowrap;
text-decoration: line-through;
background:#313131;
color:#fff;
padding:2px 4px;
font-weight:bold;
}
div#wrapper > div#content > article > div.articlerow > div.article > a.right span:first-child {
text-decoration: none;
}
div#wrapper > div#content > article > div.articlerow > div.article > a > img,
div#wrapper > div#content > article > div.categoryrow > div.category > a > img {
width: 228px;
height: 228px;
border: 1px solid #ccc;
float: left;
margin-bottom: 8px;
}
div#wrapper > div#content > article > div.manufacturerrow > div.manufacturer div.imgbox {
width: 228px;
height: 228px;
border: 1px solid #ccc;
float: left;
display: table;
#position: relative;
overflow: hidden;
margin-bottom: 3px;
}
div#wrapper > div#content > article > div.manufacturerrow > div.manufacturer div.imgbox div {
#position: absolute;
#top: 50%;
display: table-cell;
vertical-align: middle;
text-align: center;
#width:100%;
}
div#wrapper > div#content > article > div.manufacturerrow > div.manufacturer div.imgbox a {
#display:block;
#position: relative;
#top: -50%;
}
/* End Layout Content Article Overview */
/* Start Layout Content Article Detailview */
div#wrapper > div#content > article > div.articlenav {
width: 710px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
padding: 3px 0px 1px 0px;
text-align: right;
font-weight: bold;
}
div#wrapper > div#content > article > div.articlenav > a {
display: inline-block;
margin-left: 10px;
}
div#wrapper > div#content > article > div#articledetail > div.images {
float: left;
width: 230px;
line-height: 0;
font-size: 0;
}
div#wrapper > div#content > article > div#articledetail > div.images > a > img#main {
width: 228px;
height: 228px;
border: 1px solid #ccc;
}
div#wrapper > div#content > article > div#articledetail > div.images > a > img.thumbnail {
border: 1px solid #ccc;
margin-top: 6px;
margin-right: 6px;
width: 51px;
height: 51px;
}
div#wrapper > div#content > article > div#articledetail > div.images > a > img.thumbnail.last {
border: 1px solid #ccc;
margin-right: 0px;
}
div#wrapper > div#content > article > div#articledetail > div.description {
float: left;
margin-left: 15px;
width: 465px;
}
div#wrapper > div#content > article > div#articledetail > div.description > span.artnr {
color: #999;
}
div#wrapper > div#content > article > div#articledetail > div.description > span.lieferzeit,
div#wrapper > div#content > article > div#articledetail > div.description > span.lieferzeit > span {
color: #999;
}
div#wrapper > div#content > article > div#articledetail > div.description > div.price {
font-size: 16px;
font-weight: bold;
}
div#wrapper > div#content > article > table.variantinfo {
width:100%;
}
div#wrapper > div#content > article > table.variantinfo tr > td,
div#wrapper > div#content > article > div#articledetail > div.description > table.blockprices tr > td {
border: 1px solid #ccc;
padding: 2px;
white-space: nowrap;
}
div#wrapper > div#content > article > table.variantinfo tr > td.firstrow,
div#wrapper > div#content > article > div#articledetail > div.description > table.blockprices tr > td.firstrow {
font-weight: bold;
text-transform: uppercase;
}
div#wrapper > div#content > article > table.variantinfo tr > td.right,
div#wrapper > div#content > article > div#articledetail > div.description > table.blockprices tr > td.right {
text-align: right;
font-weight: bold;
padding-left: 10px;
}
div#wrapper > div#content > article > table.variantinfo tr > td {
white-space: normal;
}
div#wrapper > div#content > article > table.variantinfo tr > td > form > input,
div#wrapper > div#content > article > table.variantinfo tr > td > form > select {
width:30px;
}
div#wrapper > div#content > article > div#articledetail > div.description > form[name=inbasket] {
margin-top: 20px;
}
div#wrapper > div#content > article > div#articledetail > div.description > form[name=inbasket] > div.merkmale {
margin-top: 10px;
}
div#wrapper > div#content > article > div#articledetail > div.description > form[name=inbasket] > div.merkmale label {
float: left;
display: block;
padding-right: 10px;
}
div#wrapper > div#content > article > div#articledetail > div.description > form[name=inbasket] > div.merkmale select {
margin-bottom: 10px;
}
div#wrapper > div#content > article > div#articledetail > div.description > form[name=inbasket] > div.merkmale br {
clear: both;
}
div#wrapper > div#content > article > div#articledetail > div.description > form[name=inbasket] > span#inbasket label {
font-weight: bold;
padding-right: 10px;
}
div#wrapper > div#content > article > div#articledetail > div.description > form[name=inbasket] > span#inbasket > input {
margin: 0 0 0 5px;
}
div#wrapper > div#content > article > div#articledetail > div.description > form[name=inbasket] > span#inbasket > select {
margin:0;
width:50px;
}
div#wrapper > div#content > article > div#articledetail > div.description > form[name=inbasket] > span#inbasket_not_available {
color:red;
}
div#wrapper > div#content > article > div#articledetail > div.description > a#manufacturerlink {
display: block;
margin-top: 12px;
}
div#wrapper > div#content > article > h3#crosssellingtitle {
margin-top: 16px;
margin-bottom: 6px;
font-weight: bold;
font-size: 14px;
}
div#wrapper > div#content > article > div.crossselling {
margin-bottom: 10px;
}
div#wrapper > div#content > article > div.crossselling > div *{
line-height: 120% !important;
margin-bottom: 10px;
}
div#wrapper > div#content > article > div.crossselling > div.article {
float: left;
margin-left: 10px;
width: 134px;
}
div#wrapper > div#content > article > div.crossselling > div.article:first-child {
margin-left: 0px;
}
div#wrapper > div#content > article > div.crossselling > div.article a,
div#wrapper > div#content > article > div.crossselling > div.article a:visited,
div#wrapper > div#content > article > div.crossselling > div.article a span,
div#wrapper > div#content > article > div.crossselling > div.article a:visited span {
color:#000;
}
div#wrapper > div#content > article > div.crossselling > div.article a:hover,
div#wrapper > div#content > article > div.crossselling > div.article a:hover span {
color: #006C2A;
text-decoration:none;
}
div#wrapper > div#content > article > div.crossselling > div.article > a.left {
float: left;
display: inline-block;
width: 64px;
word-wrap: break-word;
}
div#wrapper > div#content > article > div.crossselling > div.article > a.right {
float: right;
display: inline-block;
width: 70px;
text-align: right;
}
div#wrapper > div#content > article > div.crossselling > div.article > a.right > span {
white-space: nowrap;
text-decoration: line-through;
}
div#wrapper > div#content > article > div.crossselling > div.article > a.right > span:first-child {
text-decoration: none;
}
div#wrapper > div#content > article > div.crossselling > div.article > a > img {
width: 132px;
height: 132px;
border: 1px solid #ccc;
float: left;
margin-bottom: 3px;
}
/* End Layout Content Article Detailview */
/* Start Layout Content Article Customerarea */
div#wrapper > div#content > article > ul#customernavigation {
margin: 0;
padding: 0;
margin-bottom: 20px;
}
div#wrapper > div#content > article > ul#customernavigation > li {
background: url(/images/spacer.gif) no-repeat 0px 0px;
display: inline;
padding: 0;
margin: 0 1px 0 0;
min-width: 100px;
}
div#wrapper > div#content > article > ul#customernavigation > li > a:link,
div#wrapper > div#content > article > ul#customernavigation > li > a:visited {
background-color: #313131;
height: 100%;
display: inline-block;
padding: 6px 30px 6px 10px;
text-decoration: none;
color:#fff;
}
div#wrapper > div#content > article > ul#customernavigation > li > a:hover,
div#wrapper > div#content > article > ul#customernavigation > li > a.active {
background-color: #999;
color: #fff;
text-decoration: none;
}
div#wrapper > div#content > article > table#orderheader {
width: 100%;
}
div#wrapper > div#content > article > table#orderheader tr > td {
padding: 2px 0px 2px 0px;
}
div#wrapper > div#content > article > table#orderheader tr > td.firstCol {
font-weight: bold;
}
div#wrapper > div#content > article > table#orderheader tr > td.secondCol {
text-align: right;
}
div#wrapper > div#content > article > table#ordertable {
width: 100%;
}
div#wrapper > div#content > article > table#ordertable tr:first-child > td {
font-weight: bold;
}
div#wrapper > div#content > article > table#ordertable tr > td {
padding: 2px 20px 2px 0px;
border-bottom: 1px solid #ccc;
}
div#wrapper > div#content > article > table#ordertable tr > td.secondCol,
div#wrapper > div#content > article > table#ordertable tr > td.fifthCol {
text-align: right;
}
div#wrapper > div#content > article > table#ordertable tr > td.fifthCol {
padding-right: 0px;
}
/* End Layout Content Article Customerarea */
/* Start Layout Content Article Basket */
div#wrapper > div#content > article > div.basketnav {
width: 710px;
}
div#wrapper > div#content > article > div.basketnav > form {
float:left;
}
div#wrapper > div#content > article > div.basketnav > form:first-child input,
div#wrapper > div#content > article > div.basketnav > form.voucher input {
width:auto;
}
div#wrapper > div#content > article > div.basketnav > form.voucher {
padding-left:30px;
position:relative;
}
div#wrapper > div#content > article > div.basketnav > form.voucher > div {
position:absolute;
top:30px;
left:30px;
width:230px;
padding: 15px;
background-color: #dedede;
display: none;
}
div#wrapper > div#content > article > div.basketnav > form.voucher > div > div {
margin-bottom:5px;
}
div#wrapper > div#content > article > div.basketnav > form.voucher > div label {
padding-right:10px;
}
div#wrapper > div#content > article > div.basketnav > form.voucher > div input[type=text] {
width:70px;
margin-right:2px;
}
div#wrapper > div#content > article > div.basketnav > form.voucher > div input[type=submit] {
width:40px;
}
div#wrapper > div#content > article > div.basketnav form.continue {
float: right;
}
div#wrapper > div#content > article > div#basketprogressbar {
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
text-align:justify;
-ms-text-justify: distribute-all-lines;
width:100%;
font-size: 0;
}
div#wrapper > div#content > article > div#basketprogressbar:after {
content:"";
display: inline-block;
width: 100%;
}
div#wrapper > div#content > article > div#basketprogressbar > div.item {
color: #666;
display:inline-block;
}
div#wrapper > div#content > article > div#basketprogressbar > div.item.active {
color: #000;
font-weight: bold;
}
div#wrapper > div#content > article > table.baskettable {
width: 710px;
}
div#wrapper > div#content > article > table.baskettable tr > td {
border-bottom: 1px solid #ccc;
padding: 2px 0px;
vertical-align: top;
}
div#wrapper > div#content > article > table.baskettable tr > td.right {
text-align: right;
}
div#wrapper > div#content > article > table.baskettable tr > td.center {
text-align: center;
}
div#wrapper > div#content > article > table.baskettable tr.header > td {
font-weight: bold;
}
div#wrapper > div#content > article > table.baskettable tr.items > td img.articleimage {
width: 80px;
float: left;
margin-right: 10px;
}
div#wrapper > div#content > article > table.baskettable tr.items > td > a.articletitle {
font-weight: bold;
}
div#wrapper > div#content > article > table.baskettable tr.items > td span.alert_reset {
background:#FFE6E6;
color:#f00;
border:1px solid #f00;
padding:1px 3px;
font-size:10px;
line-height:230%;
}
div#wrapper > div#content > article > table.baskettable tr.items > td > form[name=refresh] > input#count {
border: 1px solid #ccc;
padding:0;
height:auto;
margin-right: 3px;
width: 30px;
text-align: center;
line-height: 110%;
}
div#wrapper > div#content > article > table.baskettable tr.items > td > form[name=refresh] > input#refreshbutton {
border: 0px;
background-color: #FFF;
width: 16px;
height: 16px;
padding: 0px;
margin: 0px;
vertical-align: -3px;
}
div#wrapper > div#content > article > table.baskettable tr.total > td {
font-weight: bold;
}
/* End Layout Content Article Basket */
/* Start Layout Content Article Basket Login */
div#wrapper > div#content > article > div.loginbox {
width: 710px;
}
div#wrapper > div#content > article > div.loginbox > div.title {
width: 250px;
float: left;
font-weight: bold;
margin-bottom: 10px;
border-bottom: 1px solid #ccc;
}
div#wrapper > div#content > article > div.loginbox > div.title.left {
width: 291px;
}
div#wrapper > div#content > article > div.loginbox form {
float: left;
width: 270px;
margin-right: 20px;
border-right: 1px solid #ccc;
}
div#wrapper > div#content > article > div.loginbox form label {
width: 70px;
float: left;
}
div#wrapper > div#content > article > div.loginbox form input[type=submit]{
float: left;
width:auto;
}
/* End Layout Content Article Basket Login */
/* Start Layout Content Article Basket Summary */
div#wrapper > div#content > article > div#summary_address > div.leftCol,
div#wrapper > div#content > article > div#summary_address > div.rightCol {
float: left;
width: 355px;
}
div#wrapper > div#content > article > div#summary_address > div.leftCol > span,
div#wrapper > div#content > article > div#summary_address > div.rightCol > span {
display: inline-block;
width: 110px;
}
/* End Layout Content Article Basket Summary */
/* Start Layout Content Article Basket Checkout */
div#wrapper > div#content > article > div.contentbox {
width: 500px;
}
div#wrapper > div#content > article > div.contentbox > img.paypal {
width: 178px;
height: 72px;
border: 0;
}
div#wrapper > div#content > article > div.contentbox > img.postfinance {
width: 178px;
height: 63px;
border: 0;
}
div#wrapper > div#content > article > div.contentbox > img.saferpay {
width: 178px;
height: 60px;
border: 0;
}
div#wrapper > div#content > article > div.contentbox > span.addresslabel {
display: inline-block;
width: 60px;
}
div#wrapper > div#content > article > div.contentbox > span.important {
color: #ff0000;
font-weight: bold;
}
div#wrapper > div#content > article > div.contentbox > form > input.paymentButton,
div#wrapper > div#content > article > div.contentbox > form > a.paymentButton {
font-weight: bold;
font-size: 15px;
width:auto;
}
/* End Layout Content Article Basket Checkout */
/* Start Layout Content Article Errorbox */
div#wrapper > div#content > article > div.errorbox {
width: 324px;
border: 1px solid #f00;
padding: 10px;
margin-bottom: 12px;
background-color: #FFE6E6;
}
/* End Layout Content Article Errorbox */
/* Start Layout Content Entrytype Bildtext */
div#wrapper > div#content > article > div.bildtextbox {
width: 710px;
}
div#wrapper > div#content > article > div.bildtextbox > img,
div#wrapper > div#content > article > div.bildtextbox > div.content {
float: left;
}
div#wrapper > div#content > article > div.bildtextbox > img {
margin-right: 20px;
}
/* End Layout Content Entrytype Bildtext */
/* Start Layout Loginpage */
div#wrapper > div#content.main {
margin-left:240px;
}
/* End Layout Loginpage */
/* End Layout Content Article */
/* End Layout Content */
.languageSwitch {
background: #dedede;
font-size: 14px;
padding-top: 15px;
padding-left: 15px;
}
.languageLink {
color: #000 !important;
text-decoration: none;
}
.languageLink:active {
color: #000;
text-decoration: none;
}
.languageLink:hover {
color: #000099 !important;
text-decoration: underline;
}
/* End Layout */