/* 	Main Stylesheet 
	for world-of-video.de 
*/
/* CONTENT */
/* Content Headline */
div.contentHeadline, p.contentHeadline {
    margin: 10px 0 20px 0;
    background-color: #707589;
    height: 31px;
    width: 585px;
    padding-left: 10px;
    padding-top: 9px;
    font-size: 19px;
    letter-spacing: 1px;
    color: #F5FFFF
    }
p.contentHeadline {
    margin: 0 0 10px -10px;
    padding-left: 15px
    }
/* Headline Top Image */
div.headlineTopImage {
    margin: 0 0 0 0
    }
/* für Sub-Headlines */
.subHeadline {
    /*background-color: #707589;
    	color: #ffffff;*/
    font-weight: bold
    }
/* Ein Wrapper für links */
div.contentWrapperLeft {
    float: left;
    width: 300px;
    height: 30px
    }
/* Ein Wrapper für rechts */
div.contentWrapperRight {
    float: right;
    width: 300px;
    height: 30px
    }
/* Ein Wrapper nur für links */
span.contentLabel {
    width: 120px;
    float: left
    }
span.contentData {
    width: 180px;
    float: right
    }
span.contentDataOne input, p {
    margin-bottom: 10px
    }
input.inputError {
    border-top: 2px solid #BC100E;
    border-left: 2px solid #BC100E;
    border-bottom: 1px solid #FE9999;
    border-right: 1px solid #FE9999
    }
/* TABLE */
td.listingRowHeader, th.listingRowHeader {
    border-bottom: 1px solid #909090;
    text-align: left;
    padding: 0 0 5px 0
    }
td.listingRow {
    /*	border-bottom: 1px solid #c0c0c0;*/
    text-align: left;
    padding: 5px 0 5px 0;
    color: #000
    }
td.bgcolor2, tr.bgcolor2 {
    background-color: #F0F0F0
    }
td.bgcolor1, tr.bgcolor1 {
    background-color: #FFF
    }
tr.bgcolor1:hover, tr.bgcolor2:hover {
    background-color: #E0E0E0;
    /*cursor: pointer;*/
    }
td.listingRowFooter {
    border-top: 1px solid #909090;
    text-align: center;
    font-weight: bold;
    padding: 5px 0 0 0;
    font-size: 16px;
    color: #707589
    }
/* branch tabellen */
table.branchOuter {
    border-spacing: 0;
    border-collapse: separate;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 20px
    }
td.branchOuterHead {
    height: 71px;
    background: url(/fileadmin/images/ext/customer/vorteile-head.jpg) no-repeat
    }
td.branchOuterFoot {
    height: 6px;
    background: url(/fileadmin/images/ext/customer/vorteile-bottom.gif) no-repeat
    }
td.branchOuter {
    padding-top: -10px;
    margin-top: -10px;
    padding-left: 15px;
    padding-right: 15px;
    background-image: url(/fileadmin/images/ext/customer/vorteile-middle.jpg);
    background-repeat: repeat-y
    }
table.branchInner {
    width: 100%
    }
td.branchBullet, td.branchText {
    padding-top: 10px;
    vertical-align: top
    }
td.branchText span {
    font-weight: bold;
    font-size: 14px
    }
td.branchText ul {
    padding: 0;
    margin: 0
    }
td.branchText li {
    list-style-image: url(/fileadmin/images/ext/customer/arrow_right_grey.gif)
    }
/* RIGHT */
div.customerWrapper {
    position: relative;
    padding-top: 220px
    }
div.ordersWrapper {
    position: absolute;
    padding-top: 20px
    }
/* Bestellungen Kopf */
div.ordersHeader {
    /*margin-top: 288px;*/
    width: 175px;
    height: 42px;
    background-image: url(/fileadmin/templates/images/base/ordersHeader.jpg)
    }
/* Bestellungen Inhalt */
div.ordersContent {
    width: 153px;
    border-left: 1px solid #49586F;
    border-right: 1px solid #49586F;
    padding: 10px;
    color: #5D687D;
    font-weight: bold
    }
/* Bestellungen Fuß */
div.ordersFooter {
    width: 175px;
    height: 52px;
    background-image: url(/fileadmin/templates/images/base/ordersFooter.jpg)
    }
div.rightInfoBoxWrapper {
    position: absolute
    }
div.rightDeliveryHomeBoxHeader {
    width: 175px;
    height: 119px;
    margin-top: 20px;
    background-image: url(/fileadmin/images/ext/customer/lieferung-nach-hause.jpg)
    }
div.rightDeliveryStoreBoxHeader {
    width: 175px;
    height: 119px;
    margin-top: 20px;
    background-image: url(/fileadmin/images/ext/customer/lieferung-videothek.jpg)
    }
div.rightDevliveryContent {
    width: 173px;
    border-left: 1px solid #49586F;
    border-right: 1px solid #49586F;
    color: #5D687D
    }
div.rightDevliveryContent ul li {
    font-weight: bold;
    font-size: 11px;
    margin-left: 5px
    }
div.rightDeliveryBoxFooter {
    width: 175px;
    margin-top: -12px;
    height: 10px;
    background-image: url(/fileadmin/images/ext/customer/lieferung-bottom.jpg);
    background-repeat: no-repeat
    }
div.rightOrderVantagesBox {
    width: 175px;
    text-align: center;
    margin-top: 20px;
    color: #29304a;
    font-weight: bold
    }
/* LISTEN */
ul.customerList {
    list-style-image: url(/fileadmin/images/ext/customer/arrow_right_grey.gif)
    }
ul.customerList li {
    color: #CB3131;
    font-weight: normal;
    font-size: 14px
    }
ul.customerList li a {
    text-decoration: underline
    }
/* TEXTE */
p.bodytext a {
    text-decoration: underline
    }
.standardText {
    color: #29304a
    }
.standardTextBold {
    color: #29304a;
    font-weight: bold
    }
.highlightText {
    color: #CB3131
    }
.highlightTextBold {
    color: #CB3131;
    font-weight: bold
    }
/* MESSAGES */
/* Error */
div.errorMessage, span.errorMessage, td.errorMessage, div.errormessage, span.errormessage, td.errormessage {
    border: 1px dashed #BC100E;
    background-color: #FFEFEF;
    color: #BC100E;
    padding: 5px;
    margin-bottom: 10px;
    width: 580px;
    font-weight: bold
    }
/* Success */
div.successMessage, span.successMessage, td.successMessage, div.successmessage, span.successmessage, td.successmessage {
    border: 1px dashed #008000;
    background-color: #EFFFEF;
    color: #008000;
    padding: 5px;
    margin-bottom: 10px;
    font-weight: bold;
    width: 580px
    }
/* Mandatory */
div.mandatoryField, span.mandatoryField, td.mandatoryField {
    font-size: 10px
    }
/* NOTIFY */
div.notify {
    border: 1px dashed #707589;
    background-color: #EFEFEF;
    color: #707589;
    padding: 5px;
    margin-bottom: 10px;
    font-weight: bold;
    width: 580px
    }
span.largerWidth {
    width: 180px
    }
span.widthCompleteContent {
    width: 100%
    }
td.smallerWidth, span.smallerWidth {
    width: 130px
    }
span.smallestWidth {
    width: 50px
    }
/* LINIEN */
hr.detail {
    background-color: #9698a5;
    border: 0;
    width: 124px;
    margin-left: 9px
    }
/* FORMULARE */
form.noticeForm {
    margin: 0;
    padding: 0;
    margin-top: 10px
    }
input.formImage {
    vertical-align: top
    }
input.formSubmit {
    border: 0;
    background-color: #FFF;
    color: #9698a5;
    cursor: pointer
    }
input.formSubmitArticle {
    border: 0;
    background-color: #FFF;
    font-size: 18px;
    font-weight: bold;
    color: #B51432;
    cursor: pointer
    }
/* FÜR SLIDER */
#wrapper {
    width: 540px;
    margin: 25px auto
    }
#intro {
    padding-bottom: 10px
    }
#slider {
    width: 540px;
    margin: 0 auto;
    position: relative;
    border: 0
    }
.scroll {
    overflow: hidden;
    width: 500px;
    margin: 0 auto;
    position: relative
    }
.scrollContainer {
    position: relative
    }
.scrollContainer div.panel {
    padding: 0;
    width: 100px;
    float: left;
    height: 300px
    }
#left-shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    bottom: 0
    }
#right-shadow {
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    bottom: 0
    }
.inside {
    padding: 10px;
    border: 0;
    color: #9B9B9A
    }
.inside img {
    display: block;
    border: 0;
    margin: 0 0 10px 0
    }
.inside h2 {
    font-weight: normal;
    color: #111;
    font-size: 16px;
    margin: 0 0 8px 0
    }
.inside p {
    font-size: 11px;
    color: #ccc
    }
.inside span.headline {
    color: #9B9B9A;
    font-weight: bold;
    font-size: 13px
    }
.scrollButtons {
    position: absolute;
    top: 50px;
    cursor: pointer
    }
.scrollButtons.left {
    left: -45px
    }
.scrollButtons.right {
    right: -45px
    }
.hide {
    display: none
    }
a.contentLink {
    text-decoration: underline
    }
/* PAGER */
span.disabled {
    border: 1px solid #AAA;
    padding: 1px 3px 1px 3px;
    color: #AAA
    }
span.active {
    border: 1px solid #AAA;
    padding: 1px 3px 1px 3px;
    color: #AAA
    }
span.notActive {
    border: 1px solid #AAA;
    padding: 1px 3px 1px 3px;
    color: #AAA
    }
table.infoTable {
    width: 100%;
    border-top: 1px solid #000;
    border-left: 1px solid #000
    }
table.infoTable td, table.infoTable th {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    padding: 5px
    }
/* PAGE DELIVERY */
p.deliveryNewCustomer {
    padding-top: 53px;
    color: #CB3131;
    text-align: center
    }
/* ARRTICLE VIEW */
h1 h2 {
    color: #FFF
    }
/* PAYMENT TABELLE */
tr.paymentRow {
    vertical-align: top
    }
td.paymentCell {
    border-bottom: 1px solid #29304a;
    padding-bottom: 10px
    }
td.paymentCell2 {
    padding-top: 10px
    }
td.paymentCellLeft {
    width: 100px
    }
td.paymentCellMiddle {
    width: 20px
    }
td.paymentCellRight {
    width: 470px
    }
.invoiceInput {
    padding-top: 16px
    }