/* ----------------------------------------------------------------------------- Programming by SPURENELEMENTE UG (haftungsbeschränkt), http://www.se-medien.de/ Copyright 2012, Frijus GmbH, http://www.frijus.de/ Don't use without permission! ------------------------------------------------------------------------------ */ @charset "utf-8"; body { background-color: #333; overflow: hidden; } #bodyMain { position: absolute; top: 30px; left: 50%; margin-left: -502px; height: 800px; width: 1000px; background-color: #ccc; border: 2px solid #FFF; } #bodyMain.video1 { margin-left: -514px; height: 576px; width: 1024px; background: url(../images/hm_bg_01.jpg) 0px 0px no-repeat; } #bodyMain.video2 { margin-left: -514px; height: 576px; width: 1024px; background: url(../images/hm_bg_02.jpg) 0px 0px no-repeat; } #bodyMain.video3 { margin-left: -514px; height: 576px; width: 1024px; background: url(../images/hm_bg_03.jpg) 0px 0px no-repeat; } #bodyMain.video4 { margin-left: -514px; height: 576px; width: 1024px; background: url(../images/hm_bg_04.jpg) 0px 0px no-repeat; } #bodyMain.video5 { margin-left: -514px; height: 576px; width: 1024px; background: url(../images/hm_bg_05.jpg) 0px 0px no-repeat; } #bodyMain.video6 { margin-left: -514px; height: 576px; width: 1024px; background: url(../images/hm_bg_06.jpg) 0px 0px no-repeat; } #bodyMain.video7 { margin-left: -514px; height: 576px; width: 1024px; background: url(../images/hm_bg_07.jpg) 0px 0px no-repeat; } #bodyMain.video8 { margin-left: -514px; height: 576px; width: 1024px; background: url(../images/hm_bg_08.jpg) 0px 0px no-repeat; } #bodyMain.video9 { margin-left: -514px; height: 576px; width: 1024px; background: url(../images/hm_bg_09.jpg) 0px 0px no-repeat; } #bodyMain.video10 { margin-left: -514px; height: 576px; width: 1024px; background: url(../images/hm_bg_10.jpg) 0px 0px no-repeat; } #bodyMain.video11 { margin-left: -514px; height: 576px; width: 1024px; background: url(../images/hm_bg_11.jpg) 0px 0px no-repeat; } #bodyMain.video12 { margin-left: -514px; height: 576px; width: 1024px; background: url(../images/hm_bg_12.jpg) 0px 0px no-repeat; } #bodyMain.video13 { margin-left: -514px; height: 576px; width: 1024px; background: url(../images/hm_bg_13.jpg) 0px 0px no-repeat; } #bodyMain.video14 { margin-left: -514px; height: 576px; width: 1024px; background: url(../images/hm_bg_14.jpg) 0px 0px no-repeat; } #bodyMain.video15 { margin-left: -514px; height: 576px; width: 1024px; background: url(../images/hm_bg_15.jpg) 0px 0px no-repeat; } #bodyMain.video16 { margin-left: -514px; height: 576px; width: 1024px; background: url(../images/hm_bg_16.jpg) 0px 0px no-repeat; } #bodyMain.video17 { margin-left: -514px; height: 576px; width: 1024px; background: url(../images/hm_bg_17.jpg) 0px 0px no-repeat; } #bodyMain.video18 { margin-left: -514px; height: 576px; width: 1024px; background: url(../images/hm_bg_18.jpg) 0px 0px no-repeat; } #bodyMain.video19 { margin-left: -514px; height: 576px; width: 1024px; background: url(../images/hm_bg_19.jpg) 0px 0px no-repeat; } #bodyMain.video20 { margin-left: -514px; height: 576px; width: 1024px; background: url(../images/hm_bg_20.jpg) 0px 0px no-repeat; } /* Head */ #header { height: 120px; width: 100%; background: url(../images/header_bg_4px_120.png) top left repeat-x #555; } #filmstill { height: 120px; width: 240px; background: url(../images/dvd_titel.jpg) top left no-repeat; border-right: 2px solid #FFF; position: absolute; top: 0; left: 0; cursor: pointer; } #title { } #title-text { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #FFF; position: absolute; left: 260px; top: 42px; } #title-nav { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #FFF; position: absolute; left: 260px; top: 85px; } #title-nav ul { list-style: none; margin: 0; padding: 0; } #title-nav ul li { float: left; } #title-nav ul a li#tn-video { height: 25px; width: 130px; cursor:pointer; padding-top: 5px; } #title-nav ul a li#tn-video p { display: block; text-decoration: none; color: #999; margin: 0; } #title-nav ul a:hover li#tn-video { } #title-nav ul a:hover li#tn-video p { color: #fff; } #title-nav ul a li#tn-prev { height: 32px; width: 43px; background: url(../images/btn_backward.png) 0px 0px no-repeat; cursor:pointer; } #title-nav ul a:hover li#tn-prev { background-position: 0px -64px; } #title-nav ul a li#tn-next { height: 32px; width: 43px; background: url(../images/btn_forward.png) 0px 0px no-repeat; cursor:pointer; margin-left: 6px; } #title-nav ul a:hover li#tn-next { background-position: 0px -64px; } #title-nav ul a li#tn-play { height: 30px; width: 115px; background: url(../images/btn_PlayMovie.png) 0px 1px no-repeat; cursor:pointer; margin-left: 60px; } #title-nav ul a:hover li#tn-play { background-position: 0px -29px; } #title-nav ul a li#tn-www { height: 30px; width: 147px; background: url(../images/btn_internet.png) 0px -1px no-repeat; cursor:pointer; margin-left: 40px; } #title-nav ul a:hover li#tn-www { background-position: 0px -31px; } #title-nav ul li p { display: none; } #title-nav ul li a { } #title-nav ul li a:hover { } #logo { height: 120px; width: 141px; background: url(../images/header_logo_120.png) top left no-repeat; position: absolute; top: 0; right: 0; } /* Menu */ #main-nav { height: 680px; width: 240px; border-right: 2px solid #FFF; position: absolute; top: 120px; left: 0; overflow: auto; background: #EEE url(images/ui-bg_diagonals-small_30_222222_40x40.png) 50% 50% repeat; } a.mainNav { line-height: 1em; padding-left: 25px; display: block; border: 1px solid #D3EAEF; background: #ECF0F2 url(images/ui-bg_glass_75_ecf0f2_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #222; height: 30px; position: relative; zoom: 1; text-decoration: none; } a.mainNav:hover { border: 1px solid #abbdc9; background: #e0e7ec url(images/ui-bg_glass_75_e0e7ec_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #212121; } a.mainNav span { margin-top:8px; display:block; margin-bottom: 0; padding-bottom:0; } a.mainNavSub { padding-left: 0; border: none; height: 32px; } a.mainNavSub:hover { border: none; } a.mainNavSub:hover div.mainNav-ACT { border: 1px solid #abbdc9; font-weight: bold; } div.mainNav-ACT { line-height: 1em; padding-left: 25px; display: block; border: 1px solid #8D384A; background: #9C1A45 url(images/ui-bg_glass_45_9c1a45_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #EEE; height: 30px; position: relative; zoom: 1; } div.mainNav-ACT span { margin-top:8px; display:block; margin-bottom: 0; padding-bottom:0; } .ui-icon { position: absolute; left: .5em; top: 50%; width: 16px; height: 16px; margin: -8px 0 0 0 !important; padding-bottom: 0; background-repeat: no-repeat; display: block; text-indent: -99999px; overflow: hidden; } .ui-icon-triangle-1-e { background-image: url(images/ui-icons_888888_256x240.png); background-position: -32px -16px; } .ui-icon-triangle-1-s { background-image: url(images/ui-icons_eeeeee_256x240.png); background-position: -64px -16px; } #video-main-nav { position: absolute; top: 202px; left: 68px; color: #fff; font-size: 25px; } a.videoMainNav { text-decoration: none; color: #fff; font-size: 25px; } a.videoMainNav div { height: 57px; padding-left: 31px; background-image: url(../images/videonav-hover.png); background-repeat: no-repeat; background-position: -31px 6px; } a.videoMainNav div span.time { font-size: 17px; padding-left: 16px; color: #AAA; } a.videoMainNav:hover div { background-position: 0px 6px; } #video-sub-nav { position: absolute; top: 492px; right: 208px; height: 33px; padding-left: 31px; } #video-sub-nav a.videoMainNav div { background-image: url(../images/videonav-back-hover.png); background-repeat: no-repeat; background-position: -31px 6px; display: inline; margin-left: 20px; } #video-sub-nav a.videoMainNav:hover div { background-position: 0px 1px; } #video-main-nav.kapitel { position: absolute; top: 202px; left: 92px; color: #fff; font-size: 25px; } #video-main-nav.kapitel a.videoMainNav { float: left; } #video-main-nav.kapitel a.videoMainNav div { width: 304px; padding-left: 156px; background-repeat: no-repeat; background-position: 0px 0px; line-height: 1.1em; overflow: hidden; } #video-main-nav.kapitel a.videoMainNav div.ez { height: 60px; padding-top: 29px; } #video-main-nav.kapitel a.videoMainNav div.zz { height: 72px; padding-top: 17px; } #video-main-nav.kapitel a.videoMainNav div.kap01 { background-image: url(../images/kpm_01.png); } #video-main-nav.kapitel a.videoMainNav div.kap02 { background-image: url(../images/kpm_02.png); } #video-main-nav.kapitel a.videoMainNav div.kap03 { background-image: url(../images/kpm_03.png); } #video-main-nav.kapitel a.videoMainNav div.kap04 { background-image: url(../images/kpm_04.png); } #video-main-nav.kapitel a.videoMainNav div.kap05 { background-image: url(../images/kpm_05.png); } #video-main-nav.kapitel a.videoMainNav div.kap06 { background-image: url(../images/kpm_06.png); } #video-main-nav.kapitel a.videoMainNav div.kap07 { background-image: url(../images/kpm_07.png); } #video-main-nav.kapitel a.videoMainNav div.kap08 { background-image: url(../images/kpm_08.png); } #video-main-nav.kapitel a.videoMainNav div.kap09 { background-image: url(../images/kpm_09.png); } #video-main-nav.kapitel a.videoMainNav div.kap10 { background-image: url(../images/kpm_10.png); } #video-main-nav.kapitel a.videoMainNav div.kap11 { background-image: url(../images/kpm_11.png); } #video-main-nav.kapitel a.videoMainNav div.kap12 { background-image: url(../images/kpm_12.png); } #video-main-nav.kapitel a.videoMainNav div.kap13 { background-image: url(../images/kpm_13.png); } #video-main-nav.kapitel a.videoMainNav div.kap14 { background-image: url(../images/kpm_14.png); } #video-main-nav.kapitel a.videoMainNav div.kap15 { background-image: url(../images/kpm_15.png); } #video-main-nav.kapitel a.videoMainNav div.kap16 { background-image: url(../images/kpm_16.png); } #video-main-nav.kapitel a.videoMainNav div.kap17 { background-image: url(../images/kpm_17.png); } #video-main-nav.kapitel a.videoMainNav div.kap18 { background-image: url(../images/kpm_18.png); } #video-main-nav.kapitel a.videoMainNav div.kap19 { background-image: url(../images/kpm_19.png); } #video-main-nav.kapitel a.videoMainNav div.kap20 { background-image: url(../images/kpm_20.png); } #video-main-nav.kapitel a.videoMainNav div.kap21 { background-image: url(../images/kpm_21.png); } #video-main-nav.kapitel a.videoMainNav div.kap22 { background-image: url(../images/kpm_22.png); } #video-main-nav.kapitel a.videoMainNav:hover div { background-position: 0px -89px; } #video-main-nav.kapitel div.kapSpacer { float: left; width: 304px; height: 89px; padding-left: 156px; background-repeat: no-repeat; background-position: 0px 0px; line-height: 1.1em; overflow: hidden; } #video-main-nav.zusatz { position: absolute; top: 202px; left: 92px; color: #fff; font-size: 25px; } #video-main-nav.zusatz a.videoMainNav { } #video-main-nav.zusatz a.videoMainNav div { width: 660px; padding-left: 156px; background-repeat: no-repeat; background-position: 0px 0px; line-height: 1.1em; overflow: hidden; } #video-main-nav.zusatz a.videoMainNav div.eins { height: 60px; padding-top: 29px; background-image: url(../images/zpm_1.png); } #video-main-nav.zusatz a.videoMainNav div.zwei { height: 60px; padding-top: 29px; background-image: url(../images/zpm_2.png); } #video-main-nav.zusatz a.videoMainNav div.drei { height: 60px; padding-top: 29px; background-image: url(../images/zpm_3.png); } #video-main-nav.zusatz a.videoMainNav div.vier { height: 60px; padding-top: 29px; background-image: url(../images/zpm_4.png); } #video-main-nav.zusatz a.videoMainNav div.fuenf { height: 72px; padding-top: 17px; background-image: url(../images/zpm_5.png); } #video-main-nav.zusatz a.videoMainNav:hover div { background-position: 0px -89px; } #video-main-nav.imprint { position: absolute; top: 184px; left: 95px; color: #fff; font-size: 20px; line-height: 1.2em; } #video-main-nav.imprint p { margin: 0 0 1em; } #video-main-nav.imprint p span.name { font-size: 19px; color: #AAA; } #video-main-nav.imprint p span.name a { font-size: 19px; color: #AAA; text-decoration: none; } #video-main-nav.imprint p span.name a:hover { color: #fff; text-decoration: underline; } /* Content */ #content { } #content-content { position:absolute; left:242px; top:120px; height: 640px; width: 718px; padding: 20px; background: #FFF; overflow: auto; } h6 { font-size: 2em; font-weight: bold; padding-bottom: 20px; } ul.acc1-list { list-style-type: none; padding-left: 0; margin: 0; overflow: auto; zoom: 1; } .acc1-list li { padding-left: 0; margin-bottom: 1em; line-height:1.2em; } .acc1-list li.loesung { border-bottom: 1px dotted #B0B0B0; padding-bottom: 0.6em; } .acc1-list li a { color:#b01e4f; outline: none; } .acc1-list li a:hover { color: #000; text-decoration: underline; } .acc1-list a { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-decoration:none; } .acc1-list .RO a { color:#fff; } .acc1-list .ACT a { color:#b01e4f; } .clistNone { margin:0 !important; padding:1px !important; border:0 !important; }