html, body {margin: 0px; padding: 0px; width:100%; height: 100%; background: url(../gfx/frontend/bgWebsiteBar.jpg) repeat-x #FFF; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 12px;}
img {border: 0;}
p {}
a {color: #d5001a; text-decoration: none;}
a:hover {color: #fed81e; text-decoration: none;}
/* general stuff */
.containerMain {margin: 0 auto; border: 0; padding: 0; width: 850px; text-align: left;}
.logoContainer {margin: 0 0 0 0; border: 0; padding: 12px 0 0 0; height: 72px; width: 850px;}
.navigation {margin: 0; border: 0; padding: 0; width: 850px; height: 40px; list-style-type: none; position: relative}
.navigation li {margin: 2px 10px 0 10px; padding: 0; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; position: relative; font-weight: bold}
.navigation li.english {margin: 0; padding: 0; position: absolute; top: 2px; right: 60px;}
.navigation a {text-decoration: none; color: #000;}
.navigation a:hover {text-decoration: none; color: #d5001a;}
.navigation a.active {color: #d5001a;}
.subNavigation {margin: 0 0 0 -23px; border: 0; padding: 0; height: 41px; width: 600px; list-style-type: none; position: absolute; left: 0; top: 27px;}
.subNavigation li {margin: 0 0 0 0; padding: 6px 0 0 0; height: 41px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase;; background: url(../gfx/frontend/bgSubNav.jpg) repeat-x;}
.subNavigation li.subNavLeft {margin: 0 0 0 0; padding: 0; height: 41px; width: 15px; float: left; font-family: Arial, Helvetica, sans-serif; background: url(../gfx/frontend/bgSubNavLeft.jpg) no-repeat;}
.subNavigation li.subNavRight {margin: 0 0 0 0; padding: 0; height: 41px; width: 12px; float: left; font-family: Arial, Helvetica, sans-serif; background: url(../gfx/frontend/bgSubNavRight.jpg) no-repeat;}
.navigation .subNavigation li a {color: #FFF; margin: 0 10px 0 10px}
.navigation .subNavigation li a:hover {color: #fed81e;}
.navigation .subNavigation li a.active {color: #fed81e;}
.clearIt {margin: 0 0 0 0; padding: 0; height: 0; clear: both; line-height: 0; font-size: 0px; clear: both;}
a.more {margin: 50px 0 0 0; padding: 2px 0 0 30px; height: 22px; display: block; background: url(../gfx/frontend/arrowYellow.jpg) top left no-repeat; color: #c2b9a7; text-decoration: none; text-transform: uppercase; font-size: 12px;}
a.more:hover {background: url(../gfx/frontend/arrowRed.jpg) top left no-repeat;}
/* home */
.contentHome {margin: 60px 0 0 0; border: 0; padding: 0; width: 850px; line-height: 18px;}
.leftColumnHome {margin: 0 30px 0 16px; border: 0; padding: 0; width: 380px; float: left;}
.rightColumnHome {margin: 00; border: 0; padding: 0; width: 380px; float: left;}
.contentHome .text {margin: 12px 0 0 0; padding: 0; line-height: 18px;}
.homeItem {margin: 0 20px 14px 0;}
a.headerLink {color: #000; text-decoration: none; cursor: hand;}
a.headerLink:hover {color: #d5001a; text-decoration: none;}
.contentHome a.more {margin: 6px 0 0 0; padding: 0; width: 22px; height: 22px; display: block; background: url(../gfx/frontend/arrowYellow.jpg) no-repeat;}
.contentHome a.more:hover {width: 22px; height: 22px; display: block; background: url(../gfx/frontend/arrowRed.jpg) no-repeat;}
.contentHome h1 {margin: -3px 6px 0 0; padding: 0 0 0 0; font-weight: bold; text-transform: uppercase; float: left; font-size: 20px;}
.contentHome h2 {margin: -3px 6px -8px 0; padding: 0 0 0 0; font-weight: normal; text-transform: uppercase; font-size: 16px;}
.clearIt {margin: 0 0 0 0; padding: 0; height: 0; clear: both; line-height: 0; font-size: 0px; clear: both;}
/* just Text */
.contentText {margin: 60px 0 0 0; border: 0; padding: 0; width: 850px; line-height: 18px;}
.columnText {margin: 0 30px 0 16px; border: 0; padding: 0; width: 506px; float: left;}
.contentText .picture { margin: 0; border: 0; padding: 0; float: left; width: 210px;}
.contentText h1 {margin: -3px 6px 0 0; padding: 0 0 0 0; font-weight: bold; text-transform: uppercase; float: left; font-size: 24px}
/* documentary Overview*/
.contentDocumentaryOverview {margin: 60px 0 0 0; border: 0; padding: 0; width: 850px; line-height: 18px;}
.documentaryTable td {margin: 0; padding: 0 0 30px 14px; width: 200px;}
.documentaryTable td {border-left: 1px solid #000;}
.documentaryTable h1 {margin: 0 0 28px 0; padding: 0; font-weight: bold; text-transform: uppercase; font-size: 16px; color: #000;}
.documentaryTable h2 {margin: 12px 0 12px 0; padding: 0 6px 0 0; font-weight: bold; text-transform: uppercase; font-size: 14px; color: #c2b9a7;}
.contentDocumentaryOverview a.documentary {height: 130px; text-decoration: none; padding: 0 0 24px 0; margin: 0 0 30px 0; display: block;}
.contentDocumentaryOverview a.documentary:hover {text-decoration: none; display: block;}
/* documentary */
.contentDocumentary {margin: 60px 0 0 0; border: 0; padding: 0; width: 850px; line-height: 18px; position: relative;}
.leftColumn {margin: 0 0 0 16px; border: 0; padding: 0; position: absolute; top: 0; left: 0; width: 380px; position: relative;}
.leftColumn h1 {margin: 0 0 28px 0; padding: 2px 0 0 0; font-weight: bold; text-transform: uppercase; font-size: 16px; color: #000; display: block; float: left;}
.trailer {margin: 0; border: 0; padding: 0;}
#trailer {margin: 0 0 20px 0; border: 0; padding: 0; width: 368px; height: 227px; background-color: #000; clear: both;}
.contentDocumentary a.more {margin: 0 0 0 20px; padding: 2px 0 0 30px; height: 22px; display: block; float: left; background: url(../gfx/frontend/arrowYellow.jpg) top left no-repeat; color: #c2b9a7; text-decoration: none; text-transform: uppercase; font-size: 12px;}
.contentDocumentary a.more:hover {background: url(../gfx/frontend/arrowRed.jpg) top left no-repeat;}
.documentaryButtons {margin: 10px 0 10px 0; border: 0; padding: 0px 0 0 0; clear: both; width: 380px}
.contentDocumentary a.documentaryButton {margin: 0 20px 10px 0px; padding: 2px 0 0 30px; height: 22px; display: block; float: left; background: url(../gfx/frontend/arrowYellow.jpg) top left no-repeat; color: #c2b9a7; text-decoration: none; text-transform: uppercase; font-size: 12px;}
.contentDocumentary a.documentaryButton:hover {background: url(../gfx/frontend/arrowRed.jpg) top left no-repeat;}
.documentaryPics {margin: 0; border: 0; padding: 0; width: 380px; position: relative; clear: both;}
.thumbs {margin: 0; border: 0; padding: 0; width: 200px; position: absolute; top: 0; left: 0;}
.thumb {margin: 0 20px 20px 0; border: 0; padding: 0; float: left;}
.poster {margin: 0px; border: 0; padding: 0px; position: absolute; top: 0; left: 200px;}
.rightColumn {margin: 48px 0 0 0px; border: 0; padding: 0; position: absolute; top: 0; left: 0; width: 380px; position: absolute; top: 0px; left: 400px; font-size: 11px}
.rightColumn h1 {margin: 0 0 4px 0; padding: 0; font-weight: bold; text-transform: uppercase; font-size: 24px}
.rightColumn h2 {margin: 0 0 4px 0; padding: 0; font-weight: bold; text-transform: uppercase; font-size: 18px}
.rightColumn p { margin: 0px 0 10px;}
a.download {margin: 16px 20px 0px 0px; padding: 2px 0 0 30px; height: 22px; display: block; background: url(../gfx/frontend/arrowYellow.jpg) top left no-repeat; color: #000; text-decoration: none; text-transform: uppercase; font-size: 11px; font-weight: bold;}
a.download:hover {background: url(../gfx/frontend/arrowRed.jpg) top left no-repeat;}
/* Persons */
.contentPersons {margin: 60px 0 0 0; border: 0; padding: 0; width: 850px; line-height: 18px;}
.columnPersonText {margin: 0 30px 0 16px; border: 0; padding: 0; width: 506px; float: left;}
.columnPersonText h1 {margin: -3px 6px 0 0; padding: 0 0 0 0; font-weight: bold; text-transform: uppercase; float: left; font-size: 24px}
.thumbsPersons {margin: 0px 0 0 0; border: 0; padding: 0; width: 290px; float: right;}
.linkPerson {margin: 0 40px 0 0; border: 0; padding: 0; width: 80px; float: left; height: 120px; display: block; text-decoration: none; font-size: 11px; color: #000; line-height: 14px;}
.linkPerson:hover {color: #e2001a;}
.function {color: #c1b9a7;}
.thumbImage {margin: 0; padding: 0;}
a.thumbPerson {margin: 0; border: 1px solid black; padding: 0; float: left; width: 80px; display: block; text-decoration: none;}
/* login */
#login {margin: 0; border: 0; padding: 0;}
.formrow {margin: 0 0 4px 0; border: 0; padding: 0;}
#login label {margin: 0; padding: 0; float: left; width: 120px;}
#login input {width: 240px; border: 1px solid #c1b9a7;}
#login a.login {margin: 8px 0 0 120px; padding: 2px 0 0 30px; height: 22px; display: block; float: left; background: url(../gfx/frontend/arrowYellow.jpg) top left no-repeat; color: #c2b9a7; text-decoration: none; text-transform: uppercase; font-size: 12px;}
#login a.login:hover {background: url(../gfx/frontend/arrowRed.jpg) top left no-repeat;}
.ingelogd {margin: 20px 0 0 0; border: 0; padding: 20px 0 0 0; clear: both;}
/* for Sale */
.forSale {margin: 60px 0 0 16px; border: 0; padding: 0; width: 850px; line-height: 18px;}
.product {margin: 0 80px 40px 0; border: 0; padding: 0; width: 100px; height: 240px; float: left; color: #c2b9a7; font-weight: bold; text-transform: uppercase; font-size: 12px;}
.productHeader {margin: 0px; border: 0; padding: 0px; height: 170px;}
.forSale img{border: 1px solid #c2b9a7;}
a.buy {margin: 6px 20px 0px 0px; padding: 2px 0 0 30px; height: 22px; display: block; width: 100px; background: url(../gfx/frontend/arrowYellow.jpg) top left no-repeat; color: #000; text-decoration: none; text-transform: uppercase; font-size: 11px; font-weight: bold;}
a.buy:hover {background: url(../gfx/frontend/arrowRed.jpg) top left no-repeat;}