/*Media Modul*/
html {
    background-color:#edf0f2;
}
body {
    background:#edf0f2 none;
}

#mediaModulArea {
    background-color:#edf0f2;
    float:left;
    height:559px;
}

#mediaModulArea .m-product .m-feature {
    float:right;
    width:245px;
}
.mediaMenu {
    float:left;
    margin-top:20px;
    width:245px;
}
.mediaModulCon {
    float:left;
    padding:10px;
    height: 539px;
}

#mediaModulArea .m-feature h3 {
    padding:0;
    margin-bottom:0;
}
.media {
    float:left;
    width:545px;
}
#mediaModulArea .mediaArea {
    float:left;
}
#mediaModulArea ul {
    list-style-type:none;
    margin:0;
}
#mediaModulArea .mediaSmUl {
    float:left;
    width:155px;
}

#mediaModulArea .mediaBigUl {
    float:left;
    width:190px;
}

#mediaModulArea .mediaArea li {
    float:left;
    list-style-type:none;
    margin:0 0 8px;
}

#mediaModulArea .mediaArea a {
    cursor:pointer;
    float:left;
}
#mediaModulArea .mediaArea a:hover {
    text-decoration:underline;
}
#mediaModulArea .mediaArea img {
    float:left;
}

#mediaModulArea .mediaArea span {
    background:transparent url(../static/img/sprite_icons.gif) no-repeat scroll 0 5px;
    display:block;
    float:left;
    font-size:10px;
    margin-left:5px;
    margin-top:8px;
    padding-left:6px;
    width:120px;
}
#mediaModulArea .flaps {
    float:left;
    margin-top:8px;
    width:245px;
}
#mediaModulArea .m-feature dt {
    float:left;
    padding:0.6em 0 0.6em 21px;
    width:230px;
}
/* html #mediaModulArea .m-feature dt {
    width:225px;
}
*+html #mediaModulArea .m-feature dt {
    width:225px;
}*/
#mediaModulArea .m-feature dd {
    float:left;
    height: 220px;
    overflow:auto;
    padding:0 0 0 12px;
    width:240px;
    /*width:230px;*/
}
/* html #mediaModulArea .m-feature dd {
    width:230px;
}
* + html #mediaModulArea .m-feature dd {

    width:230px;
}*/

.allMediaLink .button {
    bottom:18px;
    margin:0;
    padding-right:0;
    position:absolute;
    right:11px;
    width:155px;
}
#mediaModulArea .mediaText {
    margin:5px 0;
}
#mediaModulArea .controls {
    float:left;
    text-align:center;
    width:530px;
    height: 43px;
}
#mediaModulArea .controls h3 {
    text-align:left;
}
#mediaModulArea #productText {
    color:#7F8385;
    font-size:10px;
    font-weight:bold;
    height:30px;
    overflow:hidden;
    padding:0px;
    margin-bottom:5px;
    text-align:left;
    width:525px;
}
* html #mediaModulArea #productText {
    margin-left:-5px;
}
*+html #mediaModulArea #productText {
    margin-left:-5px;
}

.folio {
    float:left;
    margin-left:120px;
    width:250px;
}

* + html .folio {
    margin-left:120px;
}
#mediaModulArea .folio a {
    color:#7F8385;
    font-size:0.9em;
    text-transform:uppercase;
}
#mediaModulArea .folio .backwards {
    background:transparent url(../static/img/icons.png) no-repeat scroll left -1546px;
    float:left;
    padding-left:7px;
}
#mediaModulArea .folio .forwards {
    background:transparent url(../static/img/icons.png) no-repeat scroll right -1596px;
    float:right;
    padding-right:7px;
}
.allMedia {
    background-color:#E4E7E9;
    float:left;
    margin:30px 0 14px;
    height:500px;
}

#mediaModulArea .close {
    background:transparent url(../static/img/icons.png) no-repeat scroll right -1498px;
    color:#7F8385;
    display:block;
    font-size:0.9em;
    font-weight:bold;
    padding-right:18px;
    position:absolute;
    top:7px;
    right:10px;
    margin:0;
}

.allMediaCon {
    float:left;
    padding:10px;
}
.mediaBoxes {
    float:left;
    max-height:465px;
    overflow:auto;
    width:807px;
}
* html .mediaBoxes {
    height:465px;
    overflow-y:scroll;
}
*+html .mediaBoxes {
    height:465px;
    overflow-y:scroll;
}
.mediaBox {
    background-color:#fff;
    float:left;
    padding:5px 10px;
    margin:5px 0;
    width: 785px;
}
* html .mediaBox {
    width:783px;
}
* + html .mediaBox {
    width:783px;
}
* + html .allMediaCon ul {
    width:700px;
}
.mediaBox .boxTitle {
    margin-bottom:10px;
}
.mediaBox .boxTitle b {
    color:#6b7074;
}
.mediaBox div {
    float:left;
    padding:10px 10px 0 0;
}
#mediaModulArea .mediaBox li {
    float:left;
    padding-right:10px;
    margin-left:0;
    margin-bottom:13px;
}
.mediaBox li img {
    float:left;
}
.mediaBox li span {
    background:transparent url(../static/img/sprite_icons.gif) no-repeat scroll 0 5px;
    font-size:10px;
    float:left;
    margin-left:5px;
    padding-left:5px;
    width:90px;
}
#mediaModulArea .lightbox-content {
    float:left;
    padding:0;
}
#mediaModulArea .full {
    background-color:#f3f3f3;
    height:470px;
    margin-top:12px;
    width:545px;
    margin-top: 9px;
}
.lightbox-content .inlineMedia {
    /*width:190px;*/
    width:145px;
}
.lightbox-content .inline {
    width:205px;
}
.lightbox-content .thumbs a {
    background:none;
    height:auto;
    text-align:left;
    width:auto;
}

#interaktivArea {
    background-color:#fff;
    float:left;
    margin:8px 0 0 8px;
    padding:10px;
    text-align:left;
    width:517px;
}
* html #interaktivArea {
    width:537px;
}
*+html #interaktivArea {
    width:537px;
}
.specialLink {
    float:right;
    margin-top:10px;
}
/*Wasserzeichen*/

#mediaModulArea .lightbox-content .thumbs a {
    margin:0 0 2px 0px;
    /*position:relative;*/
}
#mediaModulArea .lightbox-content .thumbs img#iconExtra {
    display:none;
    /*float:none;
    left:0px;
    position:absolute;*/
}
/* html #mediaModulArea .lightbox-content .thumbs img#iconExtra {
    left:3px;
}
* + html #mediaModulArea .lightbox-content .thumbs img#iconExtra {
    left:3px;
}*/

.allMediaCon .mediaBox li a {
    float:left;
    /*position:relative;*/
}
/*.allMediaCon .mediaBox li a #iconExtra {
    float:none;
    left:0px;
    position:absolute;
}

* html .allMediaCon .mediaBox li a #iconExtra {
    left:3px;
}

* + html .allMediaCon .mediaBox li a #iconExtra {
    left:3px;
}*/
/*Wasserzeichen End*/

#specialLink .button {
    bottom:18px;
    margin:0;
    padding-right:0;
    right:11px;
    width:155px;
}