/* ### General declarations ### */ /* Text: #505A59 Orange: #EE7F00 LightGrey: #EDEEEE DarkGrey: #CACDCD Pink: #D3225D NavBGColor: #A7ACAC Nav2ndLevelText: #445052 */ /*+++++++++++++++++++++++++ reset default values +++++++++++++++++++++++++*/ html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p, blockquote,fieldset,input { margin:0; padding:0; } h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size:11px; font-weight:normal; font-style:normal; } ul,ol { list-style:none; } fieldset,img { border:none; } caption,th { text-align:left; } table { border-collapse:collapse; border-spacing:0; } /*+++++++++++++++++++++++++ general definitions +++++++++++++++++++++++++*/ html { height:100%; } body { height:100%; background:#FFF; } body.hb_ms { background:#000; } * { font-family:Arial, Verdana, Helvetica, sans-serif; color:#505A59; font-size:12px; } /*+++++++++++++++++++++++++ general declarations +++++++++++++++++++++++++*/ .invisible { position:absolute; left:-9999px; top:-9999px; width:1px; height:1px; overflow:hidden; } .left { float:left; } .right { float:right; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { min-width:0; } .clearfix { display:block; clear:both; } /*+++++++++++++++++++++++++ links +++++++++++++++++++++++++*/ a, a:link, a:visited { font-weight:bold; color:#EE7F00; text-decoration:none; } a:hover, a:focus, a:active { text-decoration:underline; } a.linkArrow { display:inline-block; padding-left:10px; background:url(/fileadmin/images/spr_icons.png) no-repeat 0 -72px; } li.linkArrowInactive { display:block; padding-left:10px !important; font-weight:bold; color:#A1A7A8; background:url(/fileadmin/images/spr_icons.png) no-repeat 0 -625px !important; } a.linkPDF { display:inline-block; padding-left:18px; background:url(/fileadmin/images/spr_icons.png) no-repeat 0 -132px; } a.linkZIP { display:inline-block; padding:2px 0 0 18px; background:url(/fileadmin/images/spr_icons.png) no-repeat 0 -200px; } a.linkWMV, a.linkAVI, a.linkPEG, a.linkMOV, a.linkMPG { display:inline-block; padding-left:18px; background:url(/fileadmin/images/spr_icons.png) no-repeat 0 -685px; } a.linkBackRight { float:right; display:block; margin:0 10px 20px 0; } a.linkBackRightNavTab { position:absolute; right:10px; margin-top:13px; } a.linkBackRightSelect { position:absolute; right:10px; margin-top:3px; } /*+++++++++++++++++++++++++ Framework container +++++++++++++++++++++++++*/ div#FW-canvas { height:100%; width:990px; margin:0 auto; } div#FW-nonFooter { position:relative; min-height:100%; /*height:auto !important; height:100%; margin-bottom:-45px;*/ /* the bottom margin is the negative value of the footer's height */ } div#FW-nonFooterWrapper { padding-bottom:64px; } div#FW-cntHeader { position:absolute; top:15px; right:0; width:740px; } div#FW-body { margin-top:50px; } div#FW-body div.cntContentLeft { position:relative; float:left; width:740px; margin:0 18px 0 0; } div#FW-body div.cntMarginCol { float:left; width:232px; padding-bottom:64px; } div#FW-flashonly { width:100%; height:100%; min-height:825px; } /* =introHomepage ----------------------------------------------- intro on home ----------------------------------------------- */ div#wrapperContent { position:relative; z-index:10; } div#wrapperIntro { position:absolute; top:10px; left:0; width:770px; height:626px; padding-top:25px; text-align:center; background-repeat:no-repeat; z-index:100; } div#wrapperIntro a { position:absolute; bottom:50px; right:25px; } /* =introHomepage ----------------------------------------------- */ /* =cntHeader ----------------------------------------------- header contains meta navigation and main navigation ----------------------------------------------- */ img.logo { margin:32px 0 0 10px; } ul#navMeta { float:left; margin-top:3px; } ul#navMeta li { float:left; } ul#navMeta a, ul#navMeta a:link, ul#navMeta a:visited { font-weight:normal; color:#505A59; text-decoration:none; white-space:nowrap; } ul#navMeta a:hover, ul#navMeta a:focus, ul#navMeta a:active { text-decoration:underline; } ul#navMeta a.active { color:#EE7F00; } ul#navMeta span.del { position:relative; top:-1px; margin:0 10px; color:#505A59; } ul#navMeta li.lang a { display:block; width:20px; height:12px; } ul#navMeta li.langEn a { background:url(/fileadmin/images/spr_icons.png) no-repeat 0 -374px; } ul#navMeta li.langDe a { background:url(/fileadmin/images/spr_icons.png) no-repeat 0 -362px; } div#FW-cntHeader form { float:left; margin:0 0 0 20px; } div#FW-cntHeader span.sword input { float:left; width:154px; padding:2px; font-size:12px; border:1px solid #CACDCD; } div#FW-cntHeader span.submit input { float:left; width:72px; height:20px; margin:0 0 0 4px; } /* main navigation */ ul#navMain { clear:both; position:relative; width:740px; height:62px; margin-top:45px; background:url(/fileadmin/images/spr_horizontal.png) repeat-x 0 -72px; } /* level 1 */ ul#navMain li { float:left; border-right:2px solid #FFF; } ul#navMain li a { display:block; height:36px; } ul#navMain li a.nav0 { width:82px; background:url(/fileadmin/images/spr_navMain.gif) no-repeat 0 0; } ul#navMain li a.nav0Active { width:82px; background:url(/fileadmin/images/spr_navMain.gif) no-repeat 0 -36px; } ul#navMain li a.nav0:hover, ul#navMain li a.nav0:focus { background-position:0 -36px; } ul#navMain li a.nav1 { width:145px; background:url(/fileadmin/images/spr_navMain.gif) no-repeat -82px 0; } ul#navMain li a.nav1Active { width:145px; background:url(/fileadmin/images/spr_navMain.gif) no-repeat -82px -36px; } ul#navMain li a.nav1:hover, ul#navMain li a.nav1:focus { background-position:-82px -36px; } ul#navMain li a.nav2 { width:164px; background:url(/fileadmin/images/spr_navMain.gif) no-repeat -227px 0; } ul#navMain li a.nav2Active { width:164px; background:url(/fileadmin/images/spr_navMain.gif) no-repeat -227px -36px; } ul#navMain li a.nav2:hover, ul#navMain li a.nav2:focus { background-position:-227px -36px; } ul#navMain li a.nav3 { width:138px; background:url(/fileadmin/images/spr_navMain.gif) no-repeat -391px 0; } ul#navMain li a.nav3Active { width:138px; background:url(/fileadmin/images/spr_navMain.gif) no-repeat -391px -36px; } ul#navMain li a.nav3:hover, ul#navMain li a.nav3:focus { background-position:-391px -36px; } /* en */ ul#navMain li.en a.nav0 { width:73px; background:url(/fileadmin/images/spr_navMain.gif) no-repeat 0 -72px; } ul#navMain li.en a.nav0Active { width:73px; background:url(/fileadmin/images/spr_navMain.gif) no-repeat 0 -108px; } ul#navMain li.en a.nav0:hover, ul#navMain li.en a.nav0:focus { background-position:0 -108px; } /* level 2 */ ul#navMain li ul { position:absolute; top:38px; left:0; width:740px; background:#DCDEDE; } ul#navMain li ul li { position:relative; border:0; } ul#navMain li ul li a { height:19px; padding:5px 9px 0; font-weight:normal; color:#445052; } ul#navMain li ul li a.active, ul#navMain li ul li a:hover, ul#navMain li ul li a:focus, ul#navMain li ul li a:active { color:#FFF; background:#EE7F00; text-decoration:none; } /* level 3 */ ul#navMain li ul li ul { display:none; width:308px; padding-bottom:60px; background:transparent; } ul#navMain li ul li:hover ul { display:block; position:absolute; top:24px; left:-60px; z-index:100; } ul#navMain li ul li ul li { float:none; } ul#navMain li ul li ul li a { width:164px; height:auto; margin-left:60px; padding:5px 12px; background:#EDEEEE; border-right:1px solid #CACDCD; border-bottom:1px solid #CACDCD; border-left:1px solid #CACDCD; } ul#navMain li ul li ul li a.special { background:#FFF; } ul#navMain li ul li ul li.first a { border-top:1px solid #CACDCD; } ul#navMain li ul li ul li a:hover, ul#navMain li ul li ul li a:focus, ul#navMain li ul li ul li a:active { color:#EE7F00; background:#EDEEEE; } ul#navMain li ul li ul li a.active:hover, ul#navMain li ul li ul li a.active:focus, ul#navMain li ul li ul li a.active:active { color:#FFF; background:#EE7F00; } ul#navMain li ul li ul li a.special:hover, ul#navMain li ul li ul li a.special:focus, ul#navMain li ul li ul li a.special:active { background:#FFF; } ul#navPath { margin:20px 0 0 -10px; } ul#navPath li { float:left; } ul#navPath li a { margin:0 10px; font-size:11px; font-weight:normal; color:#445052; } ul#navPath li a:hover, ul#navPath li a:focus, ul#navPath li a:active { color:#EE7F00; text-decoration:none; } ul#navPath li a.active { font-weight:bold; } /* =cntHeader ----------------------------------------------- */ /* =footer ----------------------------------------------- footer ----------------------------------------------- */ div#FW-footer { position:relative; width:990px; height:40px; margin-top:-45px; border-top:1px solid #CACDCD; } div#FW-footer p.copyright { position:absolute; top:-64px; right:0; width:212px; margin:0 10px 20px; } div#FW-footer ul { margin:10px 0 0; } ul.navFooter li { float:left; } ul.navFooter span { color:#505A59; } ul.navFooter span.del { position:relative; top:-1px; margin:0 10px; } ul.navFooter a, ul.navFooter a:link, ul.navFooter a:visited { font-weight:normal; color:#505A59; text-decoration:none; white-space:nowrap; } ul.navFooter a:hover, ul.navFooter a:focus, ul.navFooter a:active { text-decoration:underline; } ul.navFooter a.active { color:#EE7F00; } ul.navFooter li.print a, ul.navFooter li.print a:link, ul.navFooter li.print a:visited, ul.navFooter li.print a:hover, ul.navFooter li.print a:focus, ul.navFooter li.print a:active { padding-left:18px; background:url(/fileadmin/images/spr_icons.png) no-repeat 0 0; } div#FW-footer ul.left { margin-left:10px; } div#FW-footer ul.right { margin-right:10px; } /* =footer ----------------------------------------------- */ /* =contentElements ----------------------------------------------- content elements various ----------------------------------------------- */ div.cntContentLeft h1 { margin:0 0 8px 8px; font-size:18px; font-weight:bold; } div.cntContentLeft h2 { margin:0 0 8px 8px; font-size:14px; font-weight:bold; } div.cntContentLeft h3 { clear:both; margin-bottom:20px; font-size:12px; background:url(/fileadmin/images/spr_horizontal.png) repeat-x 0 -258px; } div.cntContentLeft h3 span { padding-right:5px; background:#FFF; } div.cntContentLeft h4 { margin-bottom:8px; font-size:12px; font-weight:bold; } div.cntContentLeft p { margin-bottom:8px; } div.cntContentLeft hr { clear:both; height:1px; margin:0 0 20px 0; background:url(/fileadmin/images/spr_horizontal.png) repeat-x 0 -268px; border:0; } div.cntContentLeft strong { font-size:12px; font-weight:bold; } div.cntContentLeft ul { margin-bottom:20px; } div.cntContentLeft ul li { margin-bottom:8px; padding-left:12px; background:url(/fileadmin/images/spr_icons.png) no-repeat 0 -500px; } div.cntContentLeft ol { margin:0 0 20px 18px; } div.cntContentLeft ol li { margin-bottom:8px; list-style-type:decimal; line-height:12px; } div.cntContentLeft ul.linkList li { padding:0; background:none; } div.cntContentLeft div.intro { margin-bottom:20px; } div.cntContentLeft div.intro h3 { margin:0 0 10px 8px; font-size:14px; font-weight:bold; background:none; } div.cntContentLeft div.intro h4 { margin:0 0 10px 8px; font-size:12px; font-weight:bold; } div.cntContentLeft div.intro p, div.cntContentLeft div.intro ul { width:468px; margin-left:8px; } div.cntContentLeft div.intro ol { margin-left:26px; } div.cntContentLeft div.intro hr { margin-top:12px; } div.cntContentLeft table { width:100%; margin-bottom:20px; background:#CACDCD; border-spacing:1px; border-collapse:separate; } div.cntContentLeft table th, div.cntContentLeft table td { padding:5px 10px; vertical-align:top; background:#F6F7F7; border:1px solid #FFF; } div.cntContentLeft table th { font-weight:bold; background:#DCDEDE; } div.cntContentLeft table tr.odd td { background:#EDEEEE; } div.cntContentLeft table .align-left { text-align:left; } div.cntContentLeft table .align-center { text-align:center; } div.cntContentLeft table .align-right { text-align:right; } div.cntContentLeft table th p, div.cntContentLeft table td p { margin-bottom:0; } div.cntContentLeft div.intro table p { width:auto; margin-left:0; } div.modExpand table { margin:10px 0; } div.modExpand div.intro table { margin:10px 0 -10px; } div.modExpand div.intro h3, div.modExpand div.intro h4, div.modExpand div.intro p { margin-left:0; } /* typo3 menu/sitemap */ div.cntContentLeft ul.csc-menu { margin-left:8px; } div.cntContentLeft ul.csc-menu li { padding:0; background:none; } div.cntContentLeft ul.csc-menu li a { padding-left:10px; background:url(/fileadmin/images/spr_icons.png) no-repeat 0 -72px; } /* =contentElements ----------------------------------------------- */ /* =cntImage ----------------------------------------------- image element (C07) ----------------------------------------------- */ div.cntImage { position:relative; margin-bottom:50px; } div.cntImage span.mask232 { background:url(/fileadmin/images/mask_imgRight232.png) no-repeat; } div.cntImage span.mask357 { width:359px; background:url(/fileadmin/images/mask_imgRight357.png) no-repeat; } div.cntImage img { border:1px solid #CACDCD; } div.cntImage p, div.cntContentLeft p.imgSubline { margin:10px 0; font-size:10px; } /* =cntImage ----------------------------------------------- */ /* =formElements ----------------------------------------------- tab navigation for media cockpit ----------------------------------------------- */ input.button { display:block; padding:2px 6px; font-weight:700; color:#FFF; background:#D3225D; border:0; cursor:pointer; } /* =formElements ----------------------------------------------- */ /* =browseBox ----------------------------------------------- pager or browseBox ----------------------------------------------- */ ul.browsebox { margin-left:290px; } ul.browsebox li { float:left; padding:0 !important; background:none !important; } ul.browsebox li.linkBack { width:27px; } ul.browsebox li.linkBack a { display:block; width:27px; height:22px; text-decoration:none; background:url(/fileadmin/images/spr_icons.png) 0 -294px; } ul.browsebox li.displayPage { padding:5px 10px !important; } ul.browsebox li.displayPage span.pageCurrent { padding:3px 7px; border:1px solid #CACDCD; } ul.browsebox li.linkForward a { display:block; width:27px; height:22px; text-decoration:none; background:url(/fileadmin/images/spr_icons.png) 0 -316px; } /* =browseBox ----------------------------------------------- */ /* =navTab ----------------------------------------------- tab navigation for media cockpit ----------------------------------------------- */ ul#navTab { width:740px; height:40px; margin-bottom:20px; background:url(/fileadmin/images/spr_horizontal.png) repeat-x 0 -229px; } ul#navTab li { display:table; float:left; height:39px; margin-right:1px; padding:0; background:url(/fileadmin/images/spr_horizontal.png) repeat-x 0 -276px; } ul#navTab li a { display:table-cell; padding:2px 8px 0; color:#505A59; vertical-align:middle; } ul#navTab li a:hover, ul#navTab li a:hover span, ul#navTab li a:focus, ul#navTab li a:focus span, ul#navTab li a:active, ul#navTab li a:active span { color:#EE7F00; text-decoration:none; } ul#navTab li.active { height:39px; border-top:1px solid #CACDCD; border-right:1px solid #CACDCD; border-left:1px solid #CACDCD; background:#FFF; } ul#navTab li.active a { padding:0 7px; color:#EE7F00; } ul#navTab li.active a span { color:#EE7F00; } /* Safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { ul#navTab li.active { height:40px; } } /* =navTab ----------------------------------------------- */ /* =modExpand ----------------------------------------------- expanding module (C03) ----------------------------------------------- */ div.modExpand { margin-bottom:20px; padding:2px; border:1px solid #CACDCD; } div.modExpand a.toggle { display:block; height:14px; padding:3px 10px; color:#505A59; outline:none; background:#EDEEEE url(/fileadmin/images/spr_icons.png) no-repeat 711px -52px; } div.modExpand a.toggle:hover, div.modExpand a.toggle:focus, div.modExpand a.toggle:active { text-decoration:none; } div.modExpand a.active { background-position:711px -32px; } div.modExpand .cntExpand { margin:0 10px; /*margin:8px 10px;*/ } div.modExpand .cntExpand h2 { margin-left:0; } div.modExpand div.tsrContentCol { margin:8px 0 20px 0; } div.modExpand div.tsrFull { width:714px; } /* =modExpand ----------------------------------------------- */ /* =cntInfobox ----------------------------------------------- infobox (C06) ----------------------------------------------- */ div.cntInfobox { padding:1px 0; border-top:1px solid #DCDEDE; border-bottom:1px solid #CACDCD; } div.cntInfobox div.cntContent { padding:12px 8px; background:#EDEEEE; } div.cntInfobox div.cntContent p { margin-bottom:0; padding:4px 0; } /* =cntInfobox ----------------------------------------------- */ /* =cntMCShortData ----------------------------------------------- container for displaying objects short data (media cockpit) ----------------------------------------------- */ div.cntMCShortData { margin-bottom:20px; } div.cntMCShortData h3 { float:left; margin:0 20px 0 8px; font-size:14px; font-weight:bold; background:none; } div.cntMCShortData div.slot { float:left; width:180px; margin-right:20px; } div.cntMCShortData div.slot h4 { margin:2px 0 8px; font-size:12px; font-weight:bold; } /* =cntMCShortData ----------------------------------------------- */ /* =cntModInteraction ----------------------------------------------- container for catalogue/videoplayer (media cockpit) ----------------------------------------------- */ div.cntModInteraction { margin-bottom:20px; } div.cntModInteraction form { display:block; margin:20px 8px; } div.cntModInteraction form label span { display:block; float:left; width:240px; font-size:14px; font-weight:bold; } div.cntModInteraction form select { width:auto; } div.cntModInteraction div.cntLeft { float:left; width:214px; margin-right:20px; padding:0 8px; } div.cntModInteractionVideo div.cntLeft { width:192px; } div.cntModInteractionImage div.cntLeft { width:470px; } div.cntModInteraction .float_right { float:right !important; margin:0 0 20px 20px !important; } div.cntModInteraction .float_right object { position:static !important; top:auto; left:auto; } div.cntModInteraction div.no_width_and_clear { width:auto !important; clear:none !important; float:none !important; } div.cntModInteraction div.cntLeft h2 { margin-left:0; } div.cntModInteraction div.cntLeft hr { margin:20px -8px 20px -8px; } div.cntModInteraction div.cntLeft hr.first { margin-top:0; } div.cntModInteraction div.cntLeft label span { display:block; margin-bottom:20px; font-size:14px; font-weight:bold; } div.cntModInteraction div.cntLeft select { width:178px; } div.cntModInteraction div.cntLeft h4 { margin-bottom:10px; font-size:14px; font-weight:bold; } div.cntModInteraction div.cntLeft dl dt { float:left; clear:left; width:93px; margin-right:8px; font-weight:bold; } div.cntModInteraction div.cntLeft dl dd { float:left; } div.cntModInteraction div#cntFlash { position:relative; float:left; width:490px; } div.cntModInteractionVideo div#cntFlash { width:512px; height:318px; } div.cntModInteractionImage div#cntFlash { width:234px; } div.cntModInteractionImage div#cntFlash span.mask232 { background:url(/fileadmin/images/mask_imgRight232.png) no-repeat; } div.cntModInteractionImage div#cntFlash img { border:1px solid #CACDCD; } /* paginator */ div.cntModInteraction div#cntFlash ul.paginator { border:1px solid #EDEEEE; } div.cntModInteraction div#cntFlash ul.paginator li.prev { float:left; margin:4px 9px; padding:0; background:none; } div.cntModInteraction div#cntFlash ul.paginator li.prev a { display:block; width:27px; height:22px; padding:0; background:#EDEEEE url(/fileadmin/images/spr_icons.png) no-repeat 0 -294px; } div.cntModInteraction div#cntFlash ul.paginator li.next { float:right; margin:4px 9px; padding:0; background:none; } div.cntModInteraction div#cntFlash ul.paginator li.next a { display:block; width:27px; height:22px; padding:0; background:#EDEEEE url(/fileadmin/images/spr_icons.png) no-repeat 0 -316px; } div.cntModInteraction div#cntFlash ul.paginator li.prev a:hover, div.cntModInteraction div#cntFlash ul.paginator li.prev a:focus, div.cntModInteraction div#cntFlash ul.paginator li.prev a:active, div.cntModInteraction div#cntFlash ul.paginator li.next a:hover, div.cntModInteraction div#cntFlash ul.paginator li.next a:focus, div.cntModInteraction div#cntFlash ul.paginator li.next a:active { text-decoration:none; outline:none; } div.cntModInteraction div#cntFlash a.overlay { display:block; width:490px; /* height:514px; "no_width_and_clear" */ } div.cntModInteraction div#cntFlash object { position:absolute; top:0; left:0; } div.cntModInteraction div#cntFlash div.cntAdspecial { width:490px; height:365px; } div.modExpand div.cntModInteraction form { margin:20px 3px 0; } div.modExpand div.cntModInteraction form label span { width:221px; } div.modExpand div.cntModInteraction div.cntLeft { width:198px; margin-top:20px; padding:0 3px; } div.modExpand div.cntModInteraction div#cntFlash { margin-top:20px; } /* =cntModInteraction ----------------------------------------------- */ /* =cntContact ----------------------------------------------- teaser in content col - common properties ----------------------------------------------- */ div.cntContact { float:left; width:357px; margin:0 5px 30px 8px; } div.cntContact div.cntLeft { float:left; position:relative; width:115px; margin-right:20px; } div.cntContact div.cntRight { float:left; width:222px; } div.cntContact div.cntRight h2 { margin-left:0; } div.cntContact div.cntRight p { margin-bottom:6px; } div.cntLast { margin-right:0; } /* =cntContact ----------------------------------------------- */ /* =mask ----------------------------------------------- image masks ----------------------------------------------- */ span.mask { display:block; position:absolute; top:0; left:0; width:234px; height:10px; } span.mask115 { width:115px; background:url(/fileadmin/images/mask_imgLeft115.png) no-repeat; } span.mask232 { background:url(/fileadmin/images/mask_imgLeft232.png) no-repeat; } span.mask357 { background:url(/fileadmin/images/mask_imgLeft357.png) no-repeat; } /* =mask ----------------------------------------------- */ /* =tsrContentCol ----------------------------------------------- teaser in content col - common properties ----------------------------------------------- */ div.tsrContentCol { position:relative; margin:0 8px 20px 8px; } div.tsrContentCol div.cntLeft { float:left; position:relative; width:234px; margin-right:20px; } div.tsrContentCol div.cntRight { float:left; width:470px; } div.tsrContentCol div.cntRight1 { float:left; width:225px; margin-right:20px; } div.tsrContentCol div.cntRight2 { float:left; width:225px; } div.tsrFullLarge div.cntLeft { float:left; position:relative; width:359px; margin-right:20px; } div.tsrFullLarge div.cntRight { float:right; width:343px; } div.modExpand div.tsrFullLarge div.cntLeft { width:335px; } div.modExpand div.tsrFullLarge div.cntRight { width:343px; } div.tsrContentCol div.cntLeftText { float:left; width:468px; margin-right:20px; } div.modExpand div.tsrContentCol div.cntLeftText { width:460px; } div.tsrContentCol div.cntLeft img, div.tsrContentCol div.cntRightImage img, div.tsrHalf img, div.tsrThird img { margin-bottom:12px; border:1px solid #CACDCD; } div.tsrContentCol h2 { margin:0 0 8px; /* margin:12px 0 8px; */ } div.tsrFull { width:732px; margin:0 0 20px 8px; } div.tsrHalf { float:left; width:357px; margin-right:2px; } div.tsrThird { float:left; width:234px; margin-right:3px; } div.tsrLast { margin-right:0; } /* C04b */ div.tsrContentCol div.cntLeftText { float:left; width:470px; margin-right:20px; } div.tsrContentCol div.cntRightImage { float:right; position:relative; width:234px; } div.tsrContentCol div.cntRightImage span.mask232 { background:url(/fileadmin/images/mask_imgRight232.png) no-repeat; } /* =tsrContentCol ----------------------------------------------- */ /* =tsrMarginCol ----------------------------------------------- teaser in right margin col ----------------------------------------------- */ div.tsrMarginCol { position:relative; width:226px; margin-bottom:20px; padding:2px; border:1px solid #CACDCD; } div.cntMarginCol div.first span.mask232 { display:block; position:absolute; top:-1px; left:-1px; width:232px; height:100%; background:url(/fileadmin/images/mask_tsrMarginCol.gif) no-repeat right 0; } div.cntMarginCol div.first p a { position:relative; z-index:10; } div.tsrMarginCol h4 { margin:8px 10px; font-size:12px; font-weight:bold; } div.tsrMarginCol p { margin:8px 10px; } div.tsrMarginCol div.cntExpand h4, div.tsrMarginCol div.cntExpand p { margin:8px 0; } div.tsrMarginCol a.toggle { background-position:203px -52px; } div.tsrMarginCol a.active { background-position:203px -32px; } div.tsrMarginCol ul li { margin:3px 0; padding:0; } div.tsrMarginColDownload ul li { margin:6px 0; } div.tsrMarginColDownload a { display:block; } div.tsrMarginColDownload a span { display:block; font-weight:bold; color:#EE7F00; } div.tsrMarginColRichtext ol { margin:0 10px 10px 28px; } div.tsrMarginColRichtext ol li { margin-bottom:8px; list-style:decimal outside none; line-height:12px; font-weight:bold; } /* =tsrMarginCol ----------------------------------------------- */ /* =sitemap ----------------------------------------------- sitemap ----------------------------------------------- */ /*level 1 */ div.csc-sitemap ul li { float:left; width:160px; margin:10px 15px 0 10px; padding:0; background:none; } div.csc-sitemap ul li a { display:block; padding:8px; font-size:14px; font-weight:bold; color:#FFF; background:#EE7F00; } /* level 2 */ div.csc-sitemap ul li ul { margin-top:10px; } div.csc-sitemap ul li ul li { float:none; margin:10px 0; } div.csc-sitemap ul li ul li a { background:#A7ACAC; } /* level 3 */ div.csc-sitemap ul li ul li ul { margin-bottom:10px; } div.csc-sitemap ul li ul li ul li { margin:0; } div.csc-sitemap ul li ul li ul li a { margin-left:10px; padding:0 0 0 10px; font-size:12px; color:#EE7F00; background:url(/fileadmin/images/spr_icons.png) no-repeat 0 -72px; } /* level 4 */ div.csc-sitemap ul li ul li ul li ul { margin-top:4px; } div.csc-sitemap ul li ul li ul li ul li a { margin:0 0 4px 20px; font-weight:normal; } /* level 5 */ div.csc-sitemap ul li ul li ul li ul li ul { margin-bottom:0; } div.csc-sitemap ul li ul li ul li ul li ul li a { margin-left:30px; } /* =sitemap ----------------------------------------------- */ /* =iqmSlider ----------------------------------------------- flash slider ----------------------------------------------- */ div.cntIqmSlider { width:740px; margin-bottom:20px; border-top:1px solid #CACDCD; border-bottom:1px solid #CACDCD; } div.cntIqmSlider h1 { margin:8px 0 8px 8px; } div.cntIqmSlider div#cntIqmSliderFlash { position:relative; width:740px; height:120px; overflow:auto; white-space:nowrap; } div.cntIqmSlider a { display:inline-block; width:220px; height:85px; margin:0 10px; } /* =iqmSlider ----------------------------------------------- */ /* =search ----------------------------------------------- search result & input display ----------------------------------------------- */ div.tx-indexedsearch-searchbox div.SC4form label { width:150px; padding-top:3px; font-weight:bold; } div.tx-indexedsearch-searchbox div.SC4form input.sword { float:left; width:154px; padding:2px; font-size:12px; border:1px solid #CACDCD; } div.tx-indexedsearch-searchbox div.SC4form input.submit { float:left; width:72px; height:20px; margin:0 0 0 4px; } div.tx-indexedsearch-whatis, div.tx-indexedsearch-browsebox p { margin:8px; } /* 404 */ div.tx-indexedsearch-searchbox { clear:both; } div.tx-indexedsearch-searchbox span.sword input { float:left; width:154px; margin-left:8px; padding:2px; font-size:12px; border:1px solid #CACDCD; } div.tx-indexedsearch-searchbox span.submit input { float:left; width:72px; height:20px; margin:0 0 0 4px; } /* pager */ div.tx-indexedsearch-browsebox div.result_navigation { margin:8px; } /* div.tx-indexedsearch-browsebox li.anfangseite a { display:block; width:27px; height:22px; text-decoration:none; background:url(/fileadmin/images/spr_icons.png) 0 -294px; } div.tx-indexedsearch-browsebox li.endeseite a { display:block; width:27px; height:22px; text-decoration:none; background:url(/fileadmin/images/spr_icons.png) 0 -316px; } */ div.resultItem { margin:0 10px 25px; } div.resultItem span.icon { float:left; margin-right:10px; } div.resultItem h4 { float:left; margin:2px 0; } div.resultItem h4 a { color:#505A59; } div.resultItem div.description { margin-bottom:8px; } div.resultItem div.description strong { color:#EE7F00; } div.resultItem div.info { font-size:11px; margin-bottom:2px; } div.resultItem div.path { font-size:11px; } div.resultItem div.path a { padding-left:10px; font-size:11px; background:url(/fileadmin/images/spr_icons.png) no-repeat 0 -73px; } /* =search ----------------------------------------------- */ /* =news ----------------------------------------------- news ----------------------------------------------- */ /* general */ div.cntNews div.item p.linkMore a { padding-left:10px; background:url(/fileadmin/images/spr_icons.png) no-repeat 0 -72px; } /* latest */ div.cntNewsLatest { width:750px; margin:0 0 20px -10px; } div.cntNewsLatest div.item { float:left; width:357px; margin-left:18px; } /* list */ div.cntNewsList div.item { width:468px; margin:0 0 20px 8px; } /* detail */ div.cntNewsItemDetail div.linkBackRight a { float:right; display:block; margin:0 10px 20px 0; padding-left:10px; background:url(/fileadmin/images/spr_icons.png) no-repeat 0 -72px; } div.cntNewsItemDetail div.cntRightImage p.imgSubline { margin:-40px 0 50px; } /*archive*/ div.news-amenu-container-search { margin-bottom:20px; } div.news-amenu-container h4, div.news-amenu-container p, div.news-amenu-container ul { margin-left:8px; margin-right:8px; } div.news-amenu-container ul li { padding:0; background:none; } div.news-amenu-container ul li.news-amenu-item-year { font-weight:bold; } div.news-amenu-container ul li a { padding-left:10px; background:url(/fileadmin/images/spr_icons.png) no-repeat 0 -73px; } div.news-amenu-container div.SC4form input.sword { float:left; width:154px; padding:2px; font-size:12px; border:1px solid #CACDCD; } div.news-amenu-container div.SC4form input.submit { float:left; width:72px; height:20px; margin:0 0 0 4px; } div.news-amenu-container div.cntSearchAMenu { margin:12px 8px 0; } /* div.cntNewsItemDetail h2 { margin-top:2px; } div.cntNewsItemDetail h3 { font-weight:bold; background:none; } */ /* =news ----------------------------------------------- */ /* =cntLinkListPi14 ----------------------------------------------- linklist (pi14) ----------------------------------------------- */ div.cntLinkListPi14 ul { margin-left:8px; } div.cntLinkListPi14 ul li span { display:block; margin:3px 0 0 10px; } /* =cntLinkListPi14 ----------------------------------------------- */ /* =cntInfoboxAdSpecial ----------------------------------------------- adspecial (pi16) ----------------------------------------------- */ div.cntInfoboxAdSpecial p { width:468px; margin-bottom:20px !important; } div.cntInfoboxAdSpecial ul { float:left; width:250px; margin-right:20px; } div.cntInfoboxAdSpecial form { float:left; width:454px; } div.cntInfoboxAdSpecial form label span { display:block; margin-bottom:8px; font-weight:bold; } div.cntInfoboxAdSpecial form select { width:354px; } div.cntInfoboxAdSpecial form input.button { float:right; margin:40px 100px 0 0; } /* =cntInfoboxAdSpecial ----------------------------------------------- */ /* =cntLogobox ----------------------------------------------- logobox ----------------------------------------------- */ div.cntLogobox { margin:0 8px 0 8px; } div.cntLogobox div.cntLogo { float:left; margin:5px 27px 15px 0; } div.cntLogobox a { display:block; } /* =cntLogobox ----------------------------------------------- */ /* =typo3Override ----------------------------------------------- overriding typo3 declarations ----------------------------------------------- */ div.csc-textpic dl { margin:0 !important; } /* =typo3Override ----------------------------------------------- */ /* =themenfinder ----------------------------------------------- themenspecialfinder ----------------------------------------------- */ div.themenfinderSearch1 label { display:block; font-weight:700; } div.themenfinderSearch1 input.textfield { float:left; width:205px; padding:2px 3px; margin-top:5px; border:1px solid #CACDCD; } div.themenfinderSearch1 input.button { float:left; margin:5px 0 0 10px; } div.themenfinderSearch1 h4 { margin-bottom:15px; } div.cntFormSelect { margin-bottom:10px; } div.cntFormSelect label { float:left; width:245px; } div.cntFormSelect select { float:left; width:230px; height:100px; margin-top:5px; font-size:10px; border:1px solid #cacdcd; } div.cntFormSelect select option { padding:2px 4px; font-size:10px; } div.cntFormSelect select option.even { background:#F6F6F6; } div.cntFormSelectAdvanced { margin-top:10px; } div.cntFormSelectAdvanced h4 { margin-bottom:15px; } div.cntFormSelectAdvanced a.toggle { font-weight:normal; } div.cntFormSelectAdvanced a.toggle span { font-weight:bold; color:#EE7F00; } div.cntFormSelectAdvanced div.cntExpand { margin:2px 0 0 0; background:#EDEEEE; } div.cntFormSelectAdvanced div.cntExpand div.cntContent { padding:10px; } div.cntFormSelectAdvanced div.cntDateSelect label { display:block; margin-bottom:5px; font-weight:700; } div.cntFormSelectAdvanced div.cntDateSelect div.left { width:245px; } a.datepicker { position:relative; top:5px; left:5px; display:inline-block; width:21px; height:19px; background:url(/fileadmin/images/spr_icons.png) no-repeat 0 -761px; } a.tooltip { position:relative; top:2px; left:5px; display:inline-block; width:11px; height:11px; background:url(/fileadmin/images/spr_icons.png) no-repeat 0 -780px; } div.viewCount { float:right; margin-top:25px; } select#tmpObjekte { display:none; } .kw_table { margin: 0 !important; padding: 0 !important; } .kw_float { float: left;} .kw_left { width: 200px !important; background: none !important; } .kw_left th, .kw_left td { background: none !important;} .kw_center { width: 500px !important; } .kw_center td, .kw_center th { width: 100px !important; } .kw_right { width: 20px !important; background: none !important;} .kw_right th, .kw_right td { background: none !important; } .kw_clearer { clear:both; } .kw_top_space { margin: 10px 0 0 0; } /*################################################################################# submit and reset ####################################################*/ div.cntContentLeft div.tx-paiqmextensions-pi-themenfinder { margin-bottom:120px; } div.cntContentLeft div.tx-paiqmextensions-pi-themenfinder div.submitAndReset { position:relative; height:30px; } div.cntContentLeft div.tx-paiqmextensions-pi-themenfinder div.submitAndReset a.reset, div.cntContentLeft div.tx-paiqmextensions-pi-themenfinder div.submitAndReset input { position:absolute; top:0px; } div.cntContentLeft div.tx-paiqmextensions-pi-themenfinder div.submitAndReset a.reset{ right:120px; top:3px; } div.cntContentLeft div.tx-paiqmextensions-pi-themenfinder div.submitAndReset input{ right:0px; } /*################################################################################# search error ###################################################################################*/ div.cntContentLeft div.tx-paiqmextensions-pi-themenfinder div.searchError { padding-left:16px; background: url(/fileadmin/images/search_error_exclamation_mark.gif) 0 0 no-repeat; color:#d3225d; font-weight:bold; width:480px; margin-bottom:20px; } /*################################################################################# search header ###################################################################################*/ div.cntContentLeft div.tx-paiqmextensions-pi-themenfinder div.search-result-header { line-height:20px; margin-bottom:20px; } /*################################################################################# tsp > list view ###################################################################################*/ div.cntContentLeft div.tx-paiqmextensions-pi-themenfinder div.viewCount { margin-top:10px; } div.topic-search-list table th { color:white; background-color: #bfbfbf; padding:0; } div.topic-search-list table th table, div.topic-search-list table th table th, div.topic-search-list table th { height:100%; } div.topic-search-list table table { margin:0; border-spacing:0px; } div.topic-search-list table table th { vertical-align:middle; text-align:center; border:0px; width: 100%; background-color: #bfbfbf; } div.topic-search-list table th a.sort { width:13px; height:17px; margin:10px; display:block; background-image: url(/fileadmin/images/sort-none.gif); outline:none; text-indent: -1000em; } div.topic-search-list table th a.ASC { background-image: url(/fileadmin/images/sort-asc.gif); } div.topic-search-list table th a.DESC { background-image: url(/fileadmin/images/sort-desc.gif); } div.topic-search-list table td { vertical-align:middle; height: 34px !important; } div.topic-search-list table tr.odd td { background-color: #f4f5f5; } div.topic-search-list table tr.even td{ background-color: #fbfcfc; } div.topic-search-list table td.object{ font-weight:bold; color:#4f5a5d; } div.cntContentLeft div.tx-paiqmextensions-pi-themenfinder div.topic-search-list table td.more-info{ background-repeat: no-repeat; background-position: 4px 9px; padding-left:33px; } div.topic-search-list table td.more-info a { font-size:10px; white-space:nowrap; } div.topic-search-list tr.even td.more-info { background-image: url(/fileadmin/images/pdf-icon-a.gif); } div.topic-search-list tr.odd td.more-info { background-image: url(/fileadmin/images/pdf-icon-b.gif); } /* themenspecialfinder - suche - pager */ div.cntContentLeft div.tx-paiqmextensions-pi-themenfinder div.result_navigation { float:right; line-height:24px; } div.cntContentLeft div.tx-paiqmextensions-pi-themenfinder div.result_navigation ul { margin:0; } div.cntContentLeft div.tx-paiqmextensions-pi-themenfinder div.result_navigation ul, div.cntContentLeft div.tx-paiqmextensions-pi-themenfinder div.result_navigation span { float:left; } div.cntContentLeft div.tx-paiqmextensions-pi-themenfinder div.result_navigation li { margin-bottom:0; } div.cntContentLeft div.tx-paiqmextensions-pi-themenfinder div.result_navigation li a { text-decoration: underline; color:#4F5A5D; } div.cntContentLeft div.tx-paiqmextensions-pi-themenfinder div.result_navigation li.first, div.cntContentLeft div.tx-paiqmextensions-pi-themenfinder div.result_navigation li.last { width:27px; height:22px; display:block; background-color:green; background-position:0 0; padding:0px; margin-left:8px; background-repeat:no-repeat; } div.cntContentLeft div.tx-paiqmextensions-pi-themenfinder div.result_navigation a { background:none !important; } div.cntContentLeft div.tx-paiqmextensions-pi-themenfinder div.result_navigation li.first { background:url(/fileadmin/images/calendar-week-view-previous-inactive.gif) 0 0 no-repeat !important; } div.cntContentLeft div.tx-paiqmextensions-pi-themenfinder div.result_navigation li.active span.first a { background:url(/fileadmin/images/calendar-week-view-previous.gif) 0 0 no-repeat !important; } div.cntContentLeft div.tx-paiqmextensions-pi-themenfinder div.result_navigation li.last { background:url(/fileadmin/images/calendar-week-view-next-inactive.gif) 0 0 no-repeat !important; } div.cntContentLeft div.tx-paiqmextensions-pi-themenfinder div.result_navigation li.active span.last a { background:url(/fileadmin/images/calendar-week-view-next.gif) 0 0 no-repeat !important; } div.cntContentLeft div.tx-paiqmextensions-pi-themenfinder div.result_navigation li a.active { text-decoration: none; } div.cntContentLeft div.tx-paiqmextensions-pi-themenfinder div.result_navigation li.last { margin-right:0; padding-right:0; } div.cntContentLeft div.tx-paiqmextensions-pi-themenfinder div.results a.excel-export { float:left; line-height:24px; } /*################################################################################# tsp > calendar week view ###################################################################################*/ div.topic-search-calendar-week { position:relative; } div.topic-search-calendar-week table, div.topic-search-calendar-week table tr, div.topic-search-calendar-week table td, div.topic-search-calendar-week table th { background:none transparent; padding:0; border:0; border-spacing:0; border-collapse:collapse; margin:0; } div.topic-search-calendar-week table { width:702px; /* 202 + 98 + 3 + 97 + 3 + 98 + 3 + 97 + 3 + 98*/ } div.topic-search-calendar-week table td { vertical-align:middle; text-align:center; font-weight:bold; } div.topic-search-calendar-week td.col-0 { width: 202px; background-color:white; text-align:left; } div.topic-search-calendar-week td.col-1 { width: 98px; } div.topic-search-calendar-week td.col-2 { width: 97px; } div.topic-search-calendar-week td.col-3 { width: 98px; } div.topic-search-calendar-week td.col-4 { width: 97px; } div.topic-search-calendar-week td.col-5 { width: 98px; } div.topic-search-calendar-week table tr td.border-vert { width:3px; padding:0; background: url(/fileadmin/images/calendar-week-border-vert.gif) repeat-y; } div.topic-search-calendar-week tr td.border-hor { height:2px; padding:0; } div.topic-search-calendar-week tr td.border-empty { padding:0; } div.topic-search-calendar-week tr.border-top td.border-hor { background: url(/fileadmin/images/calendar-week-border-label-hor-top.gif) repeat-x; } div.topic-search-calendar-week tr.border-bottom td.border-hor { background: url(/fileadmin/images/calendar-week-border-label-hor-bottom.gif) repeat-x; } div.topic-search-calendar-week tr.label td { height:40px; background-color: #BFBFBF; color:white; font-weight:bold; } div.topic-search-calendar-week tr.spacer td { height: 10px; padding:0; } div.topic-search-calendar-week table tr.even td { background-color: #F6F7F7; padding: 5px 0px 5px 0px; } div.topic-search-calendar-week table tr.odd td { background-color: #FDFDFD; padding: 5px 0px 5px 0px; } div.topic-search-calendar-week table tr td.col-0 { background-color:white; } div.topic-search-calendar-week a.prev, div.topic-search-calendar-week a.next { position:absolute; z-index:200; background: url(/fileadmin/images/calendar-week-view-previous.gif) no-repeat; width:27px; height:23px; outline: none; } div.topic-search-calendar-week a.prev { left:162px; background: url(/fileadmin/images/calendar-week-view-previous-inactive.gif) no-repeat; } div.topic-search-calendar-week a.next { right:0px; background: url(/fileadmin/images/calendar-week-view-next-inactive.gif) no-repeat; } div.topic-search-calendar-week a.active.prev { left:162px; background: url(/fileadmin/images/calendar-week-view-previous.gif) no-repeat; } div.topic-search-calendar-week a.active.next { right:0px; background: url(/fileadmin/images/calendar-week-view-next.gif) no-repeat; } div.topic-search-calendar-week a.top { top:10px; } div.topic-search-calendar-week a.bottom { bottom:20px; } div.topic-search-calendar-week div.calendar-week { display:none; } div.topic-search-calendar-week div.calendar-week.active { display:block; } /*################################################################################# tsp > calendar month view ###################################################################################*/ div.topic-search-calendar-month div.month-navigation { position:relative; height:30px; line-height:23px; font-weight:bold; margin-top:10px; } div.topic-search-calendar-month div.month-navigation select { position:absolute; right:0px; top:2px; } div.topic-search-calendar-month div.month-navigation a { display:inline-block; height:23px; } div.topic-search-calendar-month div.month-navigation a.prev { margin-left:83px; background: 0 0 url(/fileadmin/images/calendar-week-view-previous.gif) no-repeat; padding-left:40px; padding-right:10px; } div.topic-search-calendar-month div.month-navigation a.next { background: top right url(/fileadmin/images/calendar-week-view-next.gif) no-repeat; padding-right:40px; padding-left:10px; } /* tsp > calendar month view: table reset */ div.topic-search-calendar-month table, div.topic-search-calendar-month table tr, div.topic-search-calendar-month table td, div.topic-search-calendar-month table th { background:none transparent; padding:0; border:0; border-spacing:0; border-collapse:collapse; margin:0; } div.topic-search-calendar-month div.border { background-image:url(/fileadmin/images/calendar-month-border-top.gif); background-repeat:repeat-x; background-position:0 0; font-size:0px; height:2px; } div.cntContentLeft div.topic-search-calendar-month th { background-color: #BFBFBF; color:white; vertical-align:middle; text-align:center; height:44px; padding-left:5px; padding-right:5px; overflow:hidden; width:116px; } div.cntContentLeft div.topic-search-calendar-month th.col-0 { width:115px; } div.cntContentLeft div.topic-search-calendar-month th.col-0 { width:22px; padding:0; font-weight:bold; } div.cntContentLeft div.topic-search-calendar-month table tr td.col-0 { background-color: #dcdede; text-align:center; vertical-align:middle; font-weight:bold; font-size:10px; } div.cntContentLeft div.topic-search-calendar-month tr.even td { background-color:#f6f7f7; } div.cntContentLeft div.topic-search-calendar-month tr.odd td { background-color:white; } div.cntContentLeft div.topic-search-calendar-month tr td.not-in-month { background-color: #dadbdb; } div.cntContentLeft div.topic-search-calendar-month td.col-6 { padding:0; width:30px; } div.cntContentLeft div.topic-search-calendar-month td.col-7 { padding:0; width:33px; } div.cntContentLeft div.topic-search-calendar-month th.col-6-7 { width:63px; } div.cntContentLeft div.topic-search-calendar-month th.border-vert, div.cntContentLeft div.topic-search-calendar-month td.border-vert { width:3px; background-image:url(/fileadmin/images/calendar-month-border-vert.gif); background-repeat:repeat-y; padding:0; } div.cntContentLeft div.topic-search-calendar-month td.border-6 { width:35px; } div.cntContentLeft div.topic-search-calendar-month td.border-7 { width:35px; } div.cntContentLeft div.topic-search-calendar-month td.border-6-7 { width:3px; background-image:url(/fileadmin/images/calendar-month-border-weekend-vert.gif); background-repeat:repeat-y; padding:0; } div.cntContentLeft div.topic-search-calendar-month td.border-6-7-top { background-image:url(/fileadmin/images/calendar-month-border-weekend-vert-top.gif); } div.cntContentLeft div.topic-search-calendar-month td.border-6-7-bottom { background-image:url(/fileadmin/images/calendar-month-border-weekend-vert-bottom.gif); } div.cntContentLeft div.topic-search-calendar-month td.border-hor { background-image:url(/fileadmin/images/calendar-month-border-middle-hor.gif); background-repeat:repeat-x; padding:0; height:3px; } div.cntContentLeft div.topic-search-calendar-month td span { text-align:right; font-weight:bold; display:block; margin-top:5px; margin-right:5px; margin-bottom:5px; } div.cntContentLeft div.topic-search-calendar-month td h2 { font-size:11px; margin:0; margin-left:8px; margin-right:2px; margin-bottom:2px; } div.cntContentLeft div.topic-search-calendar-month td a { font-size:11px; font-weight:normal; display:block; margin-bottom:14px; margin-left:8px; margin-right:2px; } /*################################################################################# tsp > overlay ###################################################################################*/ div.overlay { display:block; width:760px; position: absolute; left:100px; top:100px; background-color:white; padding:20px; padding-top:40px; min-height:230px; /* IE 6 min height hack */ height:auto!important; _height:230px; /* must be initially hidden */ display:none; text-align:left; /* place overlay on top of other elements */ z-index:10000; } div.overlay h1 { font-size:14px; font-weight:bold; } div.overlay.small { width:510px; } div.overlay.small .contact { display:none; } /** * Could not figure out how to prevent the default behaviour of the close link * using the jquery tools overlay plugin. Instead a link is faked here using CSS. */ div.overlay div.close { position:absolute; display:block; right:20px; top:15px; text-decoration:none; cursor:pointer; color:#EE7F00; font-weight:bold; } div.overlay div.close:hover { text-decoration:underline; } div.overlay div.contact { position:absolute; right:20px; top:67px; padding-top:1px; padding-bottom:1px; width:240px; background-color:#eee; font-weight:normal; } div.overlay div.contact p, div.overlay div.contact h2 { padding-left:10px; padding-right:10px; } div.overlay div.contact h2 { border-top: 1px solid white; padding-top:7px; margin:0; margin-bottom: 5px; font-size:12px; } div.overlay div.contact p.last { border-bottom: 1px solid white; margin-bottom:0; padding-bottom:20px; } div.overlay div.contact p { margin-bottom: 13px; line-height:16px; } div.overlay table{ width:500px; background:transparent none; border-collapse:collapse; border-spacing:0px; margin:0px; padding:0px; margin-bottom:15px; margin-top:5px; } div.overlay table th, div.overlay table td { color:#505a59; background-image:none; background-color:white; border:0 none; text-align:left; vertical-align:top; padding:0; padding-right:10px; padding-bottom:3px; font-size:12px; } div.overlay table th, div.overlay h2 { font-weight:bold; } div.overlay table th { width:500px; font-size:12px; padding-bottom:4px; } div.overlay table td.col1 { width:200px; } div.overlay table td { width:300px; background-image:none; font-weight:normal; } div.overlay h1 { margin:0; margin-bottom:10px; } div.overlay a.pdf { padding-left:20px; background: url(/fileadmin/images/pdf-icon-white-bg.gif) no-repeat 0 0; height:16px; display:block; } /* reset some things that were required for the calendar month view */ div.overlay table a { display:inline; font-weight:bold; font-size:12px; margin:0; } div.overlay table th { height:auto; } div.overlay table.files-and-documents td { line-height:16px; } /*################################################################################# tsp > search form ###################################################################################*/ div.search-result-head { border-top: 1px solid #cacdcd; padding-top:16px; padding-left: 8px; } div.search-result-head p { margin-bottom:40px; } div.search-result-head h1 { margin-left:0; margin-bottom:12px; } div.modExpand.no-sideborder { border-left:none; border-right:none; padding-left:0; padding-right:0; padding-top:1px; padding-bottom: 1px; } div.modExpand.no-sideborder a.toggle { background-position:717px -52px; } div.modExpand.no-sideborder a.toggle.active { background-position:717px -32px; } div.modExpand.no-sideborder a.toggle span.border { display:none; } div.modExpand.no-sideborder a.toggle.active span.border { display:block; height:1px; background-color:white; border-bottom:1px solid #cacdcd; margin-left:-10px; margin-right:-10px; margin-top:3px; } div#search-alternative div.cntInfobox { border-bottom:none; background-color:white; border-top:1px solid #CACDCD; padding-top: 1px; } div#search-alternative div.cntFormSelectAdvanced div.cntExpand { margin-top:1px; } #themenfinderForm div.border { background-color:#cacdcd; border-bottom: 1px solid white; border-top: 1px solid white; height: 1px; margin:0; padding:0; } #themenfinderForm div.cntInfobox { border-bottom:none; } /* TODO: javascript to toggle the active state, the following css should only apply to expanded state div#search-alternative div.cntFormSelectAdvanced { padding-bottom:0; } */ /* =themenfinder ----------------------------------------------- */ /* =jCalendar ----------------------------------------------- date picker jCalendar ----------------------------------------------- */ table.jCalendar { border:1px solid #000; background:#aaa; border-collapse:separate; border-spacing:2px; } table.jCalendar th { background:#333; color:#fff; font-weight:bold; padding:3px 5px; } table.jCalendar td { background:#ccc; color:#000; padding:3px 5px; text-align:center; } table.jCalendar td.other-month { background:#ddd; color:#aaa; } table.jCalendar td.today { background:#666; color:#fff; } table.jCalendar td.selected { background:#EE7F00; color:#fff; } table.jCalendar td.selected.dp-hover { background:#EE7F00; color:#fff; } table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td { background:#fff; color:#000; } table.jCalendar tr.selectedWeek td { background:#f66; color:#fff; } table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover { background:#bbb; color:#888; } table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover { background:#bbb; color:#888; } /* For the popup */ /* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */ div.dp-popup { position:relative; width:179px; margin-top:24px; padding:2px; font-family:arial, sans-serif; font-size:10px; line-height:1.2em; background:#ccc; } div#dp-popup { position:absolute; z-index:199; } div.dp-popup h2 { margin:2px 0; padding:0; font-size:12px; text-align:center; } a#dp-close { display:block; padding:4px 0; font-size:11px; text-align:center; } a#dp-close:hover { text-decoration:underline; } div.dp-popup a { color:#000; text-decoration:none; padding:3px 2px 0; } div.dp-popup div.dp-nav-prev { position:absolute; top:2px; left:4px; width:100px; } div.dp-popup div.dp-nav-prev a { float:left; } /* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */ div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor:pointer; } div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor:default; } div.dp-popup div.dp-nav-next { position:absolute; top:2px; right:4px; width:100px; } div.dp-popup div.dp-nav-next a { float:right; } div.dp-popup a.disabled { cursor:default; color:#aaa; } div.dp-popup td { cursor:pointer; } div.dp-popup td.disabled { cursor:default; } /* =jCalendar ----------------------------------------------- */ /* =tooltip ----------------------------------------------- tooltip ----------------------------------------------- */ #cntTooltip { display:none; margin:-20px 0 0 10px; padding:10px 10px 25px; width:214px; font-size:12px; color:#FFF; background:url(/fileadmin/images/tooltip_bg.png) no-repeat 0 bottom; } /* =affinity ----------------------------------------------- affinity ----------------------------------------------- */ div.affinitysearch { margin-bottom: 40px; } div.affinitysearch p { margin-left: 8px; } div.affinitysearch form { border-top: 1px solid #dcdede; border-bottom: 1px solid #dcdede; margin-top: 40px; position: relative; } div.affinitysearch form label { float: left; display: block; width: 725px; margin: 7px 0px; } div.affinitysearch form label span { font-weight: bold; display: block; margin-top: 2px; padding-left: 80px; } div.affinitysearch form label span.title { font-weight: normal; text-align: right; float: left; width: 80px; padding: 0px 10px 0px 0px; } div.affinityform, div.tkpform { border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 15px; background: #edeeee; } div.affinityform input.button, div.tkpform input.button { float: right; margin: 25px -15px -45px 0px; } div.affinityheadCnt { margin-left: 8px; } div.affinityheadCnt h1 { margin-left: 0px; } div.affinityheadCnt p span { float: left; width: 100px; display: block; } div.affinityresultCnt div.tableCnt { margin-top: 15px; } div.affinityresultCnt div.tableCnt .highlight { background: #f6b434; font-weight: bold; color: #fff; } div.affinityresultCnt table th, div.affinityresultCnt table td { padding: 2px 8px !important; text-align: center; } .rowSecond td { background: #ececec !important; } .rowSecond td.highlight { background: #f19100 !important; } div.affinityresultCnt div.tableCnt .firstTD { background: #e2e4e4 !important; font-weight: bold; } div.affinitysearch a.toggleSearch span { display: block; color: #ee7f00; padding: 0px 10px; border-bottom: 1px solid #fff; } div.affinitysearch a.toggleSearch.inactive { background: #edeeee url("/fileadmin/images/spr_icons.png") no-repeat 716px -52px; display: block; height: 20px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; line-height: 20px; cursor: pointer; } div.affinitysearch a.toggleSearch.active { background: #edeeee url("/fileadmin/images/spr_icons.png") no-repeat 716px -32px; display: block; height: 20px; border-top: 1px solid #fff; border-bottom: 1px solid #dcdede; line-height: 20px; cursor: pointer; padding-bottom: 1px; } div.affinitysearch a:hover.toggleSearch { text-decoration: none; } tr.lastTR td { font-weight: bold; border-top: 17px solid white !important; } tr.lastTR { } /* #mediacockpit .cntLeftText { clear: none !important; float: left !important; width: auto !important;} #mediacockpit .cntRightImage { float: right !important; } .cntModInteraction .cntLeft { clear: none !important; float: left !important; width: auto !important; display: inline;} .cntModInteraction .cntRight { float: right !important; } div.cntModInteraction div#cntFlash { float: right !important; } */