.clearfix {
clear: both;
}

body {
font-family: Verdana, sans-serif;
font-size: 11px;
color: #333;
line-height: 14px;
background: #f4f4f4;
}

/* Layout */
.mainwrapper {
width: 960px;
margin: 0 auto;
}

.spacer {
height: 1px;
background: #000;
border-bottom: 1px solid #fff;
}

.spacer-light {
height: 1px;
background: #bfbfbf;
border-bottom: 1px solid #fff;
}

.login {
padding: 10px 15px 10px 20px;
background: #ebebeb;
}

.login-left {
float: left;
}

.login-right {
float: right;
margin-top: 3px;
}

.login label {
font-size: 12px;
}

*+html .login label {
display: inline-block;
margin-top: -17px;
}

.login input[type="text"], .login input[type="password"] {
padding: 3px;
border: 1px solid #afafaf;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-right: 15px;
}

.info {
padding: 5px 20px;
}

.info.download {
position: relative;
background: #000;
}

.info-download-title {
font-weight: bold;
font-size: 12px;
}

.info-image {
float: left;
margin: 0 10px 5px 0;
}

.info-addition {
position: relative;
float: left;
width: 190px;
height: 230px;
margin: 0 10px 5px 0;
}

.info-logo {
position: absolute;
left: 280px;
bottom: 10px;
}

.info-text {
margin-left: 470px;
}

.content {
padding: 5px 10px;
}

.sort {
margin-bottom: 5px;
}

.highlight {
height: 5px;
}

.footer {
padding: 8px 5px 10px 20px;
}

.copyright, .logo, .service-navi {
float: left;
width: 33%;
}

.logo {
text-align: center;
}

.logo p {
margin-bottom: 5px;
}

/* Service-Navigation and Login-Navigation */
.service-navi ul, .login ul {
float: right;
}

.service-navi ul li, .login ul li {
float: left;
text-align: right;
}

.service-navi ul li a, .login ul li a {
padding: 0 5px;
text-decoration: none;
}

.service-navi ul li a:hover, .login ul li a:hover, .service-navi .active {
text-decoration: underline;
}

/* CONTENT-FORMATS */

.rot {
color: #e2001a;
}

a {
color: #333;
}

a.rot {
font-weight: bold;
color: #e2001a;
}

p {
margin-bottom: 10px;
}

.bold {
font-weight: bold;
}

h2 {
padding-bottom: 7px;
font-size: 11px;
font-weight: bold;
color: #fa9038;
}

.content ul {
margin: 10px 0 15px 15px;
}

.content .media ul {
margin: 0px 0px 0px 8px;
}

.content .archive-list ul {
margin: 0px 0px 0px 8px;
}

.content .media-buttons ul {
margin: 0px 0px 0px 8px;
}

.content li {
padding-bottom: 5px;
}

.info.download p {
color: #fff;
}

.info.download a {
color: #fff;
}

.faq {
margin-top: 5px;
}

.jump {
margin: -7px 0 7px 0;
font-size: 10px;
}

/* Background-Colors */
.orange {background: #fa9038;}
.blue {background: #527f9e;}
.green {background: #b5d556;}
.yellow {background: #ffcb1b;}
.red {background: #C31F0C;}
.kino {background: #fa9038;}
.dvd {background: #3A9EF5;}
.tv {background: #40F53A;}
.betreiber {background: #F5533A;}
.trailer {background: #F5533A;}

/* Icons */
.icon-disc {
background: url("../img/icon-disc.png") no-repeat top left;
}

.icon-movie {
background: url("../img/icon-movie.png") no-repeat top left;
}

.icon-tv {
background: url("../img/icon-tv.png") no-repeat top left;
}

/* blocklist */
.blocklist td {
padding-bottom: 15px;
vertical-align: top;
}

/* aktuell-media */
.media {
position: relative;
width: 440px;
margin: 10px;
padding: 5px;
}

.media-icon {
position: absolute;
top: 3px;
right: 3px;
width: 25px;
height: 25px;
}

.media-image {
float: left;
width: 100px;
margin-right: 10px;
}

.media-info {
float: left;
width: 330px;
}

.media-start {
/*color: #e2001a;*/
margin-right: 30px;
}

.media-title {
padding: 7px 3px 0;
font-size: 14px;
line-height: 18px;
font-weight: bold;
}

.media-text {
padding: 0 3px 3px;
}

.media-links {
position: relative;
}

.media-buttons {
margin-top: 14px;
margin-left: 16px;
}

.archive-list .download-buttons {
margin-top: 0px;
margin-left: 8px;
}

.media-buttons li {
padding: 4px;
padding-bottom: 0px;
float: left;
//border: 1px solid red;
}

.media-button {
display: block;
margin: 4px;
padding: 4px;
border: 1px solid #6d6d6d;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #ededed;
text-decoration: none;
}

.media-button:hover {
background: #c2e1e9;
}

.media-button.active {
background: #c2e1e9;
}

.media-protected {
position: absolute;
top: 8px;
left: 0;
width: 8px;
height: 12px;
background: url("../img/protected.png") no-repeat top left;
}

/* list */
.list {
margin: 10px;
}

.list thead th {
font-size: 12px;
font-weight: bold;
padding: 0 5px 10px 5px;
border-bottom: 1px solid #bfbfbf;
}

.list tbody tr {
background: url("../img/row-bg.png") repeat-x top left;
}

.list tbody td {
padding: 10px 5px;
border-bottom: 1px solid #bfbfbf;
border-top: 1px solid #fff;
}

.list .row-dummy {
height: 0;
padding: 0;
border-bottom: 0 none;
}

/* download */
.takes {
margin: 17px 10px 0;
}

/* archive */
.archive-list tbody td {
vertical-align: top;
}

.archive-media-icon {
float: left;
width: 25px;
height: 25px;
}

.archive-media-title {
padding: 3px 0 0 30px;
}

.archive-media-protected {
float: left;
width: 8px;
height: 12px;
margin: 8px 0 0 0;
background: url("../img/protected.png") no-repeat top left;
}

.list.archive-list .media-button {
margin: 0px 0px;
}

*+html .list.archive-list .media-button {
margin: 0 0px;
}

.blocklist .media-button {
margin: 0px 0px;
}

*+html .blocklist .media-button {
margin: 0 0px;
}

.content .media-button {
margin: 0px 0px;
}

*+html .content .media-button {
margin: 0 0px;
}

/* image */
/* artwork */
.download-image-artwork-counter {
padding-bottom: 3px;
margin-bottom: 5px;
border-bottom: 1px solid #bfbfbf;
font-weight: bold;
}

.download-image-artwork {
float: left;
margin-right: 10px;
}

.download-image-artwork-info {
padding: 0 3px 3px;
}

.download-image-artwork-size {
padding-top: 5px;
font-style: italic;
}

/* popup */
.popup-wrapper {
width: 760px;
padding: 20px;
}

.popup {
margin-bottom: 20px;
}

.popup-wrapper label {
display: inline-block;
width: 185px;
padding-right: 15px;
font-size: 12px;
text-align: right;
}

*+html .popup-wrapper label {
display: inline-block;
width: 200px;
margin-top: -17px;
text-align: right;
}

.popup-wrapper input[type="text"], .popup-wrapper input[type="password"] {
padding: 3px;
border: 1px solid #afafaf;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-bottom: 10px;
}