/** * Verwendete Farben: * - rot #af0e1b * - helles grau #eeeeed * * * Standard-Styles, * die für jedes Web immer gesetzt werden sollten! * * - Standardschriften für body und tables * - Tabellen allgemein * - allgemeine Strukturierungs-Tags * - Formularelemente **/ * { font-family:arial,tahoma,verdana; } html { height:100%; } body { height:100%; margin:0; padding:0; text-align:center; font-size:12px; color:#706e59; } table { border-collapse:collapse; margin:0; padding:0; border:0; font-size:12px; color:#706e59; } table tr th { padding:0; margin:0; border:0; } table tr td { padding:0; margin:0; border:0; } img { border:0; } a { color:#a91515; text-decoration:none; } a:hover { color:#a91515; } p { margin:0; padding:0 0 0.75em 0; line-height:150%; } h1 { margin:0; padding:0 0 15px 0; font-size:120%; } h2 { margin:0; padding:0 0 15px 0; font-size:110%; } h3 { margin:0; padding:0 0 15px 0; font-size:100%; } h4 { margin:0; padding:0 0 3px 10px; font-size:90%; } h5 { margin:0; padding:0 0 15px 0; font-size:80%; } form { margin:0; padding:0; } fieldset { margin:0 0 15px 0; } input { font-family:arial,tahoma,verdana; font-size:12px; color:#706e59; /*background:#ccc;*/ } input.text { border:1px solid #c0beb2; } input.password { border:1px solid #c0beb2; } input.file { border:1px solid #c0beb2; } input.checkbox { /*** nichts bis jetzt ***/ } input.radio { /*** nichts bis jetzt ***/ } input.button { font-family:arial,tahoma,verdana; font-size:12px; color:#706e59; font-weight:bold; background:url('../images/button_bg.gif') repeat-x bottom; border-width:1px; border-color:#cecfc7 #9c9a8e #898677 #cecfc7; cursor: pointer; } textarea { font-family:arial,tahoma,verdana; color:#706e59; font-size:12px; border:1px solid #c0beb2; } select { font-family:arial,tahoma,verdana; color:#706e59; font-size:12px; border:1px solid #c0beb2; padding:3px; } button { font-family:arial,tahoma,verdana; color:#706e59; font-size:12px; color:#000; font-weight:bold; background:url('../images/button_bg.gif') repeat-x bottom; } hr{ background-color:#dadbd3; border:medium none; color:#dadbd3; height:1px; margin: 10px; } /** * Layout styles **/ #headContainer { /*background:url('../images/head_bg.gif') repeat-x 0px 70px;*/ margin:0 0 40px 0; padding:0; } #logo { width:980px; margin:0 auto; padding:0; text-align:center; height:70px; text-align:left; position:relative; } #logo img { margin:0; padding:0; display:block; } #logout { position:absolute; bottom:0; right:0; } #logout img { display:block; } #empfehlen { position:absolute; bottom:0; right:110px; } #empfehlen img { display:block; } #navitop-outerwrap { width:100%; text-align:center; height:30px; background:#adaca7; } #navitop { width:980px; margin:0 auto; padding:0; text-align:center; height:30px; text-align:left; background:url('../images/navitop_bg.jpg') repeat-x #af0e1b; position:relative; } #leitbild-outerwrap { width:100%; text-align:center; height:223px; background:#dededc; margin:1px 0 0 0; } #leitbild { width:980px; margin:0 auto 0 auto; height:223px; text-align:left; background:#0a245d; position:relative; } #leitbild_wrap { position:absolute; left:0; top:0; } #leitbild_wrap * { margin:0; padding:0; border:0; } #mainContainer { background:#eeeeed; margin:0 0 10px 0; padding:0; float:left; clear:both; width:100%; } #mainWrap { width:980px; margin:0 auto; padding:0; text-align:left; } #main_0 { width:980px; float:left; clear:both; padding:0; text-align:left; background:url('../images/layout-0-bg.gif') repeat-y #fff; } #main_0_inner { padding-left:1px; } #left_0 { width:199px; margin:0 1px 0 0; float:left; } #center_0 { width:577px; margin:0 1px 0 0; float:left; } #right_0 { width:200px; float:left; } #main_1 { width:980px; float:left; clear:both; padding:0; text-align:left; background:url('../images/layout-1-bg.gif') repeat-y #fff; } #main_1_inner { padding-left:1px; } #left_1 { width:641px; margin:0 1px 0 0; float:left; } #right_1 { width:336px; float:left; background:#f2f2f0; } #main_3 { width:980px; float:left; clear:both; padding:0; text-align:left; background:url('../images/layout-1-bg.gif') repeat-y #fff; } #main_3_inner { padding-left:1px; } #left_3 { width:779px; margin:0 1px 0 0; float:left; } #right_3 { width:199px; float:left; background:#f2f2f0; } #footerContainer { width:980px; margin:0 auto 0 auto; padding:0 0 50px 0; clear:both; text-align:center; } #footer span { margin:0; padding:0; color:#4c4c41; float:right; padding:5px 0 0 0; text-align:right; } #footer ul { margin:0; padding:0; list-style-type:none; color:#4c4c41; float:right; padding:5px 0 0 0; text-align:right; } #footer ul li { float:left; margin:0; padding:0; } #footer ul li a { color:#4c4c41; padding:0 4px; } #footerLogo { float:right; width:15px; margin-right:10px; } #body2_headContainer { background:url('../images/body2_bg.gif') repeat-x; margin:0; padding:0; text-align:center; } #body2_head { width:580px; margin:0 auto 0 auto; text-align:left; height:170px; background:url('../images/body2_head.png') no-repeat; } #body2_mainContainer { width:580px; margin:0 auto 0 auto; text-align:left; padding:0 0 30px 0; } #body2_footerContainer { width:580px; margin:0 auto 0 auto; text-align:left; padding:0 0 30px 0; } body.facebook { width:500px; text-align:left; color:#000; } body.facebook * { max-width:500px; } body.facebook .csc-header h1 {margin:0;padding:0 0 15px 0;font-size:2em;color:#af0e1b;font-weight:normal;} body.facebook div.csc-textpic div.csc-textpic-single-image img { margin-bottom:40px; } body.facebook p.bodytext { padding:0 0 30px 0; } body.facebook .csc-header h2 { color:#333; border-bottom:1px solid #ccc; padding-bottom:10px; } body.facebook iframe { margin-bottom:30px; } body.rightonly { width:336px; text-align:left; background:#F2F2F0; } /** * Navi von graub-relaunch geklaut */ /* EBENE 1*/ .menu {position:absolute;top:0px;left:0px;display:block;margin:0;padding:0;width:980px;list-style-type:none;} .menu ul {position:absolute;display:block;margin:0;padding:0;list-style-type:none;} .menu li {display:block;float:left;margin:0 0 0 0px;padding:0;border-right:1px solid #e2808c;height:30px;position:relative;left:0;top:0;} .menu li.act {background:#a8010a;} .menu a {display:block;width:auto;text-decoration:none;margin:0px;padding:8px 10px 0 10px;font-size:14px;color:#fff;} /* * html .menu a {padding:3px 10px;}*/ .menu a.cuf {font-size:16px;} /* EBENE 2 */ .menu li ul {position:absolute;display:block;visibility:hidden;width:205px;background-color:white;opacity:0.9;filter:alpha(opacity = 90);z-index:99999;top:31px;padding:5px 0 10px 0;} /* * html .menu li ul {height:211px;}*/ .menu li li {display:block;float:none;background:none;border-right:0px solid #e2808c;/*height:20px;*/height:auto;line-height:120%;} .menu li li.act {background:none;} /* * html .menu li li {display:inline;}*/ .menu li li.navi_headline {color:#706E59;font-weight:bold;font-size:14px;margin:0px 10px;border-bottom:1px solid #a4a39e;} .menu li li a {color:#af0e1b;font-weight:bold;border-bottom:1px solid #a4a39e;margin:0px 10px;padding:5px 0;} .menu li li a:hover {color:#706e59;} /** neu 2011 csc-menu **/ .csc-menu {color:#706e59;margin:0 0 45px 0;list-style-type:none;padding:0;font-size:14px;} .csc-menu ul {margin:0;padding:0;} .csc-menu ul li {padding:3px 5px 3px 10px;margin:0;border-bottom:1px solid #706e59;font-weight:bold;} .csc-menu ul li.act {background:#dadbd5;} .csc-menu a {color:#706e59;} .csc-menu .hassub { padding-bottom:0;} .csc-menu .hassub ul { list-style-type:none; margin:0; padding:0; font-size:13px; } .csc-menu .hassub ul li { border:0; } .csc-menu .hassub ul li.cur { } /** * Formulare **/ .input-outer { border:1px solid #c0beb2; float:left; background:#fff; } .input-middle { width:298px; height:33px; } .input-inner { padding:0; margin:9px 0 0 10px; border:0; width:278px; } /** * CSS-Styled-Content Styles * * - betrifft Typo3-default-Contentelemente * - sollten immer geprüft werden **/ /* defaults für alle */ .csc-textpic-image { margin:0 0 15px 0; padding:0; } .bodytext { margin:0; padding:0 0 10px 0; } .csc-subheader { margin:0 0 15px 0; padding:0; clear:both; } .csc-bulletlist { margin:0 0 15px 0; } .contenttable { margin:0 0 15px 0; } .csc-uploads { margin:0 0 15px 0; } .csc-sitemap { margin:0 0 15px 0; } /* csc- Überschriften allgemein */ .csc-header { margin:0 0 1px 0; padding:0; } /* h1 */ .csc-header h1 {margin:0;padding:0 10px 15px 10px;font-size:34px;color:#af0e1b;font-weight:normal;} /* h2 normal */ .csc-header h2 {margin:0 0 10px 0;padding:2px 9px;background:transparent;border-bottom:2px solid #706e59;font-size:14px;color:#706e59;clear:both;} .sommer .csc-header h2 { background: #FAE5B8; color: #D79000; border-bottom: 2px solid #D79000; } /* h2 erster oben */ .layout-0-center .csc-header-n1 h2 {background:#d8d9d1;} .layout-1-right h2 {background:#d8d9d1;} .layout-0-right h2 {background:#ecede8;} .layout-1-left .csc-header h2 {background:#fff;border-bottom:2px solid #D8D9D1;margin-bottom:10px;} .layout-1-left .csc-header-n1 h2, .layout-0-left .csc-header-n1 h2 {background:#c60219;color:#fff;border-bottom:2px solid #c60219;margin-bottom:0;} /* h3 */ .csc-header h3 {margin:0 0 5px 0;padding:0 10px;background:transparent;font-size:12px;color:#af0e1b;clear:both;} /* Contentelemente allgemein */ .layout-1-right .csc-default { padding-bottom:10px; } /* ganz normaler bodytext */ p.bodytext { padding:0 10px 10px 10px; } p.align-right { text-align:right; } .layout-1-left p.bodytext, .layout-1-left p.align-right { padding-right:50px; } .error { font-weight:bold; color:#af0e1b; } .error * { font-weight:bold; color:#af0e1b; } .notice { font-weight:bold; font-size:12px; border:1px solid #000; padding:5px; } .noticeImportant { font-weight:bold; font-size:12px; border:1px solid #af0e1b; padding:5px; color:#af0e1b; } .noticeImportant * { font-weight:bold; font-size:12px; color:#af0e1b; } .noticeSuccess { font-weight:bold; font-size:12px; border:1px solid #319ab7; padding:5px; color:#319ab7; } .noticeSuccess * { font-weight:bold; font-size:12px; color:#319ab7; } /* link-icons */ a.internal-link {padding-left:1em;background:url('../images/sprite_links.gif') no-repeat 0 5px;} a.external-link {padding-left:1em;background:url('../images/sprite_links.gif') no-repeat 0 -15px;} a.external-link-new-window {padding-left:1em;background:url('../images/sprite_links.gif') no-repeat 0 -15px;} /* text-bild elemente */ .csc-textpic ul { margin:0 0 0 10px; padding:0; list-style-type:none; float:left; width:100%; } .csc-textpic ul li { float:left; margin:0 10px 10px 0; padding:0; } .csc-textpic-clear { clear:both; } /* I-Like Button */ .csc-fbilike { padding:0 10px 10px 10px; text-align:left; } /* Traumangebote etc... -> Bild hat links ein Padding */ .csc-textpic-intext-left-nowrap { padding:10px 0 0 0; float:left; clear:both; width:100%; } .csc-textpic-intext-left-nowrap .csc-textpic-single-image { float:left; margin:0 10px 10px 10px; } .csc-textpic-intext-left-nowrap .csc-textpic-text { margin-bottom:10px; margin-right:10px; } .csc-textpic-intext-left-nowrap .csc-textpic-text p { padding:0; margin:0; } /*.csc-textpic-intext-left-nowrap .csc-textpic-text p a { padding-left:1em; background:url('../images/sprite_links.gif') no-repeat 0 5px; }*/ .csc-textpic-intext-left-nowrap-odd { background:#e3e4df; } /* Traumorte oben etc... -> Bild hat links KEIN Padding */ .csc-textpic-intext-left { padding:0; margin:0; } .csc-textpic-intext-left .csc-textpic-single-image { float:left; margin:0 10px 10px 0;} .csc-textpic-intext-left .csc-textpic-text { margin:0 10px 10px 0; } .csc-textpic-intext-left .csc-textpic-text p { margin:0; padding:0; } .csc-bulletlist-0 { margin:0 10px 20px 10px; padding:0; float:left; width:265px; list-style-type:none; } .csc-bulletlist-0 li { margin:0; padding:7px 0 7px 28px; background:url('../images/icons-2011/icon-ul.gif') no-repeat; font-weight:bold; } #right_0 .csc-textpic-above .csc-textpic-imagewrap { padding:0 0 0 10px; } /*#right_0 .csc-default object { margin:0 0 10px 10px; float:left; display:block; clear:both; }*/ #right_1 .csc-default iframe { margin:0 0 10px 0; float:left; display:block; clear:both; } .csc-textpic-above .csc-textpic-imagewrap { margin:0 0 5px 0; } .csc-textpic-right .csc-textpic-imagewrap { margin:-20px 10px 5px 0; } .csc-textpic-left { margin-bottom:20px; float:left; width:100%; } .csc-textpic-left .csc-textpic-imagewrap { padding-left:10px; } .csc-textpic-below .csc-textpic-imagewrap { margin:0 0 10px 10px; } .layout-1-right .csc-textpic-intext-right .csc-textpic-imagewrap { margin-left:0 !important; } .csc-textpic-image a.lightbox { height:100px; overflow:hidden; display:block; } .csc-frame-rulerAfter { border-bottom:1px solid #d5d5ce; padding:0 0 10px 0; margin:0 10px 10px 10px; } .csc-frame-rulerAfter p.bodytext { padding:0; } .csc-frame ul { margin:0; padding:0 0 10px 0; list-style-type:none; } .csc-frame ul li { margin:0; padding:0 0 0 25px; background:url('../images/li.gif') no-repeat 10px 5px; } /* spezielle Dinge */ .imgtext-table { margin-left:10px; } .imgtext-nowrap { margin-left:10px; margin-top:10px; } .imgtext-nowrap .imgtext-table { margin-left:0; } .imgtext-nowrap .csc-textpicHeader { width:325px; overflow:hidden; } /* csc-tables */ table.contenttable { margin:0 10px 15px 10px; } table.contenttable caption { padding:3px; font-weight:bold; } table.contenttable tr th { vertical-align:top; padding:0; border:0; padding:2px 5px; border-bottom:1px solid #706e59; border-top:1px solid #706e59; text-align:left; background:#706e59; color:#fff; } table.contenttable tr th p { padding:0; margin:0; } table.contenttable tr td { vertical-align:top; padding:0; border:0; padding:2px 5px; border-bottom:1px solid #706e59; } table.contenttable tr td p { padding:0; margin:0; } /* csc-uploads */ table.csc-uploads tr td { vertical-align:top; padding:0 10px 0 0; border:0; } /* JQuery Lightbox */ #jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;} #jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;} #jquery-lightbox a img{border:none; } #lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;} #lightbox-container-image{padding:10px; } #lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;} #lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;} #lightbox-container-image-box > #lightbox-nav{left:0; } #lightbox-nav a{outline:none;} #lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block;} #lightbox-nav-btnPrev{left:0; float:left;} #lightbox-nav-btnNext{right:0; float:right;} #lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0;} #lightbox-container-image-data{padding:0 10px; color:#666; } #lightbox-container-image-data #lightbox-image-details{width:70%; float:left; text-align:left; } #lightbox-image-details-caption{font-weight:bold; } #lightbox-image-details-currentNumber{display:block; clear:left; padding-bottom:1.0em;} #lightbox-secNav-btnClose{width:66px; float:right;padding-bottom:0.7em;} /*jquery ceebox*/ #cee_closeBtn{background-image:url(../images/ceebox/cee-close-btn.png); } #cee_next{background-image:url(../images/ceebox/cee-next-btn.png); } #cee_prev{background-image:url(../images/ceebox/cee-prev-btn.png); } * html #cee_next{background-image:url(../images/ceebox/cee-next-btn.gif); } /* ie6 hack */ * html #cee_prev{background-image:url(../images/ceebox/cee-prev-btn.gif); } /* IE6 hack */ #cee_load{background-image:url(../images/ceebox/loader.gif);} #cee_box{background-color:#fff;border-color:#525252;border-style:solid; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; } #cee_box{font:12px Arial, Helvetica, sans-serif;color:#333;background-color:#fff} #cee_count{font:10px Arial, Helvetica, sans-serif;-moz-opacity:0.8;opacity:0.8;clear:left;float:left;padding:2px 0 4px;display:none;} .cee_html #cee_title h2{float:left;color:#af0e1b;font-weight:bold;} .cee_html #cee_count{clear:none;padding-left:5px} * html #cee_count{zoom:1;padding-bottom:6px} #cee_next, #cee_prev{height:100%;width:49%;text-indent:-10000px;text-decoration:none;visibility:visible;background-repeat:no-repeat} #cee_box a{border:0;outline:none} #cee_box a:link{color:#666} #cee_box a:visited{color:#666} #cee_box a:hover{color:#000} #cee_box a:active{color:#666} #cee_box a:focus{color:#666} #cee_closeBtn{background-repeat:no-repeat;display:box;width:24px;height:23px;position:absolute;text-indent:-10000px} #cee_closeBtn{top:-3px;right:-3px} #cee_closeBtn, #ie8#hack{top:-10px;right:-10px} *:first-child+html #cee_closeBtn{top:-3px;right:-3px} * html #cee_closeBtn{top:-3px;right:-3px} #cee_closeBtn:hover{background-position:0px -23px} .cee_close{cursor:pointer} #cee_box{text-align:left;color:#000} #cee_box img#cee_img, #cee_vid, #cee_iframeContent, #cee_ajax{display:block;margin:15px 15px 0;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666;overflow:hidden;} #cee_title{padding:7px 15px 5px 15px;overflow:hidden} .cee_html #cee_title{background-color:#e8e8e8;height:18px;-moz-border-radius:7px 7px 0 0;-webkit-border-radius:7px 7px 0 0;border-radius:7px 7px 0 0} #cee_title h2{font-size:1em;font-weight:400;margin:0 0 1px} #cee_ajax{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em} #cee_load{display:none;height:50px;width:50px;margin:-25px 0 0 -25px;background-position:center center;background-repeat:no-repeat} #cee_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%} * html #cee_HideSelect{position:absolute; height:expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px')} #cee_iframe{clear:both;border:none;margin-bottom:-1px;margin-top:1px} /** * Angebotsteaser - Coverflow */ .tx-pxangebotsteaser-pi3 { text-align:center; } /*.tx-pxangebotsteaser-pi3 embed, .tx-pxangebotsteaser-pi3 object { margin:0 auto 30px auto; width:475px; }*/ /** * Jobs Coverflow */ /** * ImageFlow Settings */ @media screen,projection{ .tx-pxcommunityjobs-pi4 { padding:0 30px;} .imageflow {overflow:hidden;position:relative; text-align:left;visibility:hidden;width:100%;margin:0px 0px 20px 0px;background:#f00;padding:0; } .imageflow img{border:none;position:absolute;top:0px;visibility:hidden;-ms-interpolation-mode:bicubic;/* Enables bicubic image resampling for the IE7 */} .imageflow p{margin:0 auto;text-align:center;} .imageflow .loading{border:1px solid white;height:15px;left:50%;margin-left:-106px;padding:5px;position:relative;visibility:visible;width:200px;} .imageflow .loading_bar{background:#fff;height:15px;visibility:visible;width:1%;} .imageflow .navigation{z-index:10000;padding:18px 0px 0px 0px;color:#004884;font-size:11px;text-shadow:#bbbbbb 2px 2px 2px} .imageflow .caption{font-weight:bold;position:relative; text-align:center;z-index:10001;padding:0px 10px 0px 0px;} .imageflow .scrollbar{border-bottom:1px solid #b3b3b3;position:relative; visibility:hidden;z-index:10002;height:1px;} .imageflow .slider{background:url(../images/coverflow/slider.png) no-repeat;height:14px;margin:-6px 0 0 -7px;position:absolute;width:14px;z-index:10003;} .imageflow .slideshow{cursor:pointer;height:14px;margin:20px 0 0 20px;position:absolute;width:14px;z-index:10003;} .imageflow .slideshow.pause{background:url(../images/coverflow/button_pause.png) no-repeat;} .imageflow .slideshow.play{background:url(../images/coverflow/button_play.png) no-repeat;} .imageflow .images{overflow:hidden;white-space:nowrap;} .imageflow .button{cursor:pointer;height:17px;position:relative;width:17px;} .imageflow .previous{background:url(../images/coverflow/button_left.png) top left no-repeat;float:left;margin:-7px 0 0 -30px;} .imageflow .next{background:url(../images/coverflow/button_right.png) top left no-repeat;float:right;margin:-7px -30px 0 30px;} } /* .ContentFlow .flow .item canvas.content{height:100%;width:100%} .ContentFlow .flow .item.active{cursor:pointer} .ContentFlow .flow .item .caption{font-size:100%;font-weight:700;text-align:center;color:#FFF;max-height:30%;bottom:10%;background:url( ../images/contentflow/1x1_0.5_black.png);width:100%;position:absolute;display:none} * html .ContentFlow .flow .item .caption{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src=' ../images/contentflow/1x1_0.5_black.png')} .ContentFlow .scrollbar{width:50%;height:16px;background:url( ../images/contentflow/scrollbar_white.png) left center repeat-x;overflow:visible;position:relative;z-index:1;visibility:hidden;margin:10px auto 0} .ContentFlow .scrollbar .slider{width:16px;height:16px;background:url( ../images/contentflow/slider_white.png) center center no-repeat;cursor:move;position:absolute} * html .ContentFlow .scrollbar .slider{background-image:none} * html .ContentFlow .scrollbar .slider .virtualSlider{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src=' ../images/contentflow/slider_white.png');height:100%} .ContentFlow .scrollbar .slider .position{top:120%;font-size:16px;font-weight:700;color:silver;position:absolute;text-align:center} .ContentFlow .globalCaption{text-align:center;font-weight:700;color:#FFF;font-size:14px;height:20px;position:relative;z-index:1;margin:2em auto} .ContentFlow .loadIndicator{width:100%;height:100%;top:0;left:0;background:#000;position:absolute;z-index:65000} .ContentFlow .loadIndicator .indicator{background:url( ../images/contentflow/loader.gif) center center no-repeat;width:100%;height:100%} * html .ContentFlow .loadIndicator .indicator{height:100px} .ContentFlow{position:relative;overflow:hidden} .ContentFlow *{margin:0;padding:0} .ContentFlow img{-ms-interpolation-mode:bicubic} .ContentFlow .mouseoverCheckElement{position:absolute;width:0;height:0;left:0;visibility:hidden} .ContentFlow:hover .mouseoverCheckElement{left:1px} .ContentFlow .flow{position:relative;z-index:0;visibility:hidden;width:100%;margin:0 auto} .ContentFlow .flow.hidden{visibility:hidden} .ContentFlow .flow .item{position:absolute;visibility:hidden;top:0;left:0} .ContentFlow .flow .item div.content{width:100%;height:100%} .ContentFlow .flow .item .label{display:none} .ContentFlow .flow .item canvas.reflection{margin-top:-1px} .ContentFlow .flow .item img.content,.ContentFlow .flow .item img.reflection,.ContentFlow .flow .item canvas.reflection{width:100%} .ContentFlow .flow .item .caption a,.ContentFlow .flow .item .caption a:link,.ContentFlow .flow .item .caption a:visited,.ContentFlow .flow .item .caption a:active,.ContentFlow .flow .item .caption a:hover,.ContentFlow .globalCaption .caption a,.ContentFlow .globalCaption .caption a:link,.ContentFlow .globalCaption .caption a:visited,.ContentFlow .globalCaption .caption a:active,.ContentFlow .globalCaption .caption a:hover{color:#FFF;font-size:0.8em;font-style:italic;text-decoration:none} .ContentFlow .flow .item .caption a:hover,.ContentFlow .globalCaption .caption a:hover{text-decoration:underline} .ContentFlow .flow .item .content,.ContentFlow .flow .item .reflection{display:block} */ /* .roundabout-holder { padding:0 0 0 10px; width:620px; height:270px; list-style-type:none; } .roundabout-moveable-item{height:172px; width:255px; cursor:pointer; background-color:#ffc; border:0; } .roundabout-in-focus { cursor: auto; } */ /* .ui-jcoverflip{position:relative; } .ui-jcoverflip--item{position:absolute; display:block; } #flip{height:200px; width:600px; margin-bottom:50px; } #flip .ui-jcoverflip--title{position:absolute; bottom:-30px; width:100%; text-align:center; color:#555; } #flip img{display:block; border:0; outline:none; } #flip a{outline:none; } #wrapper{height:300px; width:630px; overflow:hidden; position:relative; } .ui-jcoverflip--item{cursor:pointer; } */ /* geht nicht im IE div.coverflow-wrapper {height:222px; width:595px; padding:0px; overflow:hidden; position:relative; margin:0 auto; } #coverflow { height:300px; width:2600px; padding:0px; position:absolute; top:0px; left:0px; margin-top:50px; } #coverflow img { width:197px; height:142px; float:left; position:relative; margin:-35px; } */ /** * Videos (HTML) */ .videos { margin:0 0 0 10px; } .videos .big_video { width:280px; height:177px; margin:0 0 10px 0; float:left; clear:both; font-size:9px; } .videos .big_video a { display:block; position:relative; width:280px; height:157px; margin-bottom:1px; } .videos .big_video a span { display:block; width:280px; height:157px; position:absolute; left:0; top:0; background:url('../images/video/videothumb_button_centered.png') no-repeat; cursor:pointer; } .videos .medium_video { width:131px; height:93px; margin:0 10px 0 0; padding:0 0 10px 0; float:left; font-size:9px; } .videos .medium_video a { display:block; position:relative; width:131px; height:73px; margin-bottom:1px; } .videos .medium_video a span { display:block; width:131px; height:73px; float:left; position:absolute; left:0; top:0; background:url('../images/video/videothumb_button_bottomleft_medium.png') no-repeat; cursor:pointer; } .videos .small_video { width:86px; height:80px; margin:0 10px 0 0; padding:0 0 10px 0; float:left; font-size:9px; } .videos .small_videoNoMarginRight { width:86px; height:80px; margin:0 0 0 0; padding:0 0 10px 0; float:left; } .videos .small_video a { display:block; position:relative; width:86px; height:48px; margin-bottom:1px; } .videos .small_video a span { display:block; width:86px; height:48px; float:left; position:absolute; left:0; top:0; background:url('../images/video/videothumb_button_bottomleft_small.png') no-repeat; cursor:pointer; } /** * Tip-A-Friend */ .tipafriend-row{clear:both;float:left;padding:5px 0;width:100%;} .tipafriend-row label{float:left;margin:0 10px;width:140px;} .tipafriend-row .input-small-captcha{height:auto;} .tipafriend-row .input-small input { border:1px solid #706E59; } .tipafriend-row textarea { border:1px solid #706E59; } .tipafriend-row .submit{margin-left:10px;} .input-small-captcha { margin-left:10px; } .input-small-captcha img { display:block; margin:0 0 5px 0; } /* px_angebotsteaser START */ .herbstangebote { padding: 5px 0px 0px 10px; float: left; } .tx-pxangebotsteaser { } .tx-pxangebotsteaser UL { list-style-type: square; list-style-image: none; } .tx-pxangebotsteaser #twocols { width: 778px; } .tx-pxangebotsteaser #colp1 { width: 300px; float: left; margin: 0px; } .tx-pxangebotsteaser #colp1 div.csc-header h1.csc-firstHeader { margin-bottom: 0px; } .tx-pxangebotsteaser #colp2 { width: 476px; float: left; margin: 0px 0px 0px 1px; } .tx-pxangebotsteaser #colp3 { width: 199px; float: left; margin: 0px 0px 0px 2px; } .fullwidth { height: 75px !important; } .fullwidth #path_infos { top: 7px !important; } .tx-pxangebotsteaser TABLE.listtable { width: 300px; table-layout: fixed; font-size: 12px; } .tx-pxangebotsteaser TABLE.listtable TH { color: #6F6F57; font-weight: bold; border-bottom: 1px solid #6F6F57; padding: 4px 0px 2px 10px; } .tx-pxangebotsteaser TABLE.listtable TD { border-bottom: 1px solid #6F6F57; padding: 0px; } .tx-pxangebotsteaser TABLE.listtable TD.left { color: #6F6F57; width: 300px; } .tx-pxangebotsteaser tr.row { cursor: pointer; } .tx-pxangebotsteaser tr.active { } .tx-pxangebotsteaser tr.active TD.left { background: #F2F2EF; } .tx-pxangebotsteaser tr.active TD.right { background: #F2F2EF url(/typo3conf/ext/px_angebotsteaser/images/listactbg.gif) no-repeat center right; } .tx-pxangebotsteaser tr.active TD.noborder { background: #F2F2EF; } .tx-pxangebotsteaser tr.active TD.right .regionWrapper .region { font-weight: bold; } .tx-pxangebotsteaser tr.row .imageWrapper { width: 80px; float: left; margin: 4px 0px 6px 0px; } .tx-pxangebotsteaser tr.row .image { padding: 2px 0px 0px 0px; } .tx-pxangebotsteaser tr.row .categpriceWrapper { width: 212px; float: left; padding: 2px 0px 0px 0px; } .tx-pxangebotsteaser tr.row .categpriceWrapper .categprice SPAN.price { color: #af0e1b; font-weight: bold; padding: 0px 0px 0px 0px; float: left; } .tx-pxangebotsteaser .priceWrapper .price table { margin-left:10px; } .tx-pxangebotsteaser .filterWrapper { width: 300px; float: left; padding: 1px 0px 5px 0px; } .tx-pxangebotsteaser .filterWrapper .filter { padding: 0px 0px 0px 10px; color: #6F6F57; float: left; height: 25px; } .tx-pxangebotsteaser .filterWrapper .filter .filterdrop { float: left; } .tx-pxangebotsteaser .filterWrapper .filter .filterdrop SELECT { color: #6F6F57; border: 1px solid #c0beb2; } .tx-pxangebotsteaser .listWrapper { width: 300px; float: left; } .tx-pxangebotsteaser .pagenavWrapper { float: left; padding: 0px 10px; } .tx-pxangebotsteaser .pagenavWrapper .pagenav { float: left; padding: 5px 0px 0px 0px; width: 280px; color: #817e65; font-size: 11px; } .tx-pxangebotsteaser .pagenavWrapper .pagenav .navleft { float: left; } .tx-pxangebotsteaser .pagenavWrapper .pagenav .navleft SPAN.brighter { color: #c0beb2; } .tx-pxangebotsteaser .pagenavWrapper .pagenav .navright { float: right; color: #af0e1b; } .tx-pxangebotsteaser .pagenavWrapper .pagenav .navright .navtobegin { float: left; width: 15px; cursor: pointer; padding: 6px 0px 0px 0px; } .tx-pxangebotsteaser .pagenavWrapper .pagenav .navright .navback { float: left; width: 10px; cursor: pointer; padding: 6px 0px 0px 0px; } .tx-pxangebotsteaser .pagenavWrapper .pagenav .navright .navto { line-height: 23px; float: left; padding: 0px 5px; cursor: pointer; background: transparent url(/typo3conf/ext/px_angebotsteaser/images/navbg.gif) no-repeat center right; text-decoration: underline; } .tx-pxangebotsteaser .pagenavWrapper .pagenav .navright .act { color: #817E65; cursor: default; text-decoration: none; } .tx-pxangebotsteaser .pagenavWrapper .pagenav .navright .last { background: none; } .tx-pxangebotsteaser .pagenavWrapper .pagenav .navright .navfoward { float: left; width: 15px; cursor: pointer; padding: 6px 0px 0px 0px; } .tx-pxangebotsteaser .pagenavWrapper .pagenav .navright .navtoend { float: left; width: 15px; cursor: pointer; padding: 6px 0px 0px 0px; } .tx-pxangebotsteaser .pagenavWrapper .pagenav .navright .ia { cursor: default; } .tx-pxangebotsteaser .detailWrapper { background: #f2f2ef; width: 476px; float: left; } .tx-pxangebotsteaser .detailWrapper .image_desc { float: left; padding: 0px 0px 10px 0px; width: 476px; } .tx-pxangebotsteaser .detailWrapper .detail { padding: 0px; } .tx-pxangebotsteaser .detailWrapper .detail .mainimage { position: relative; float: left; width: 476px; } .tx-pxangebotsteaser .detailWrapper .detail .mainimage_shape { width: 220px; height: 144px; position: absolute; top: 0px; left: 0px; background: transparent url(/typo3conf/ext/px_angebotsteaser/images/shape220.png) no-repeat top left; } .tx-pxangebotsteaser .detailWrapper .detail .title { float: left; font-weight: bold; padding: 0px 0px 0px 0px; width: 166px; } /*.tx-pxangebotsteaser #colp2 .detailWrapper .detail .description_right { width: 166px; float: left; }*/ .tx-pxangebotsteaser #colp2 .detailWrapper .detail .description_right P { padding-left: 0px; padding-right: 0px; margin-top: 3px; margin-bottom: 0px; } .tx-pxangebotsteaser #colp2 .detailWrapper .detail .description { width: 476px; float: left; padding: 0px 0px 10px 0px; } .tx-pxangebotsteaser #colp2 .detailWrapper .detail .description P { font-size: 12px; margin-bottom: 3px; } .tx-pxangebotsteaser #colp2 .detailWrapper .detail .description LI { font-size: 12px; } .tx-pxangebotsteaser #colp2 .detailWrapper .detail .description H4 { line-height: 24px; margin: 8px 0px; padding: 0px 0px 0px 10px; color: #706e59; font-size: 14px; font-weight: bold; background: transparent url(/typo3conf/ext/px_angebotsteaser/images/priceheaderbg.gif) no-repeat bottom left; /*height: 23px; */ } .tx-pxangebotsteaser .detailWrapper .detail .thumbs { float: left; width: 398px; padding: 0px 0px 25px 0px; } .tx-pxangebotsteaser .detailWrapper .detail .thumbs .thumbimageWrapper { float: left; width: 122px; margin: 10px 0px 0px 0px; position: relative; } .tx-pxangebotsteaser .detailWrapper .detail .thumbs .thumbimageWrapper .thumb_shape { position: absolute; top: 0px; left: 0px; width: 112px; height: 73px; background: transparent url(/typo3conf/ext/px_angebotsteaser/images/shape_small.png) no-repeat top left; } .tx-pxangebotsteaser .detailWrapper .detail .thumbs .thumbimageWrapper .thumbimage { cursor: pointer; } .tx-pxangebotsteaser .detailWrapper .detail .priceWrapper { position: relative; float: left; width: 476px; padding: 0px; font-size: 12px; } .tx-pxangebotsteaser .detailWrapper .detail .priceWrapper .priceheaderWrapper { color: #706e59; font-size: 14px; font-weight: bold; background: transparent url(/typo3conf/ext/px_angebotsteaser/images/priceheaderbg.gif) no-repeat bottom left; height: 23px; } .tx-pxangebotsteaser .detailWrapper .detail .priceWrapper .priceheaderWrapper .priceheader { padding: 0px 0px 0px 10px; } .tx-pxangebotsteaser .detailWrapper .detail .priceWrapper .price { border-bottom: 1px solid #ccc9bf; width: 476px; float: left; padding: 3px 0px; } .tx-pxangebotsteaser .detailWrapper .detail .priceWrapper .price TABLE { color: #706E59; width: 458px; font-size: 12px; } .tx-pxangebotsteaser .detailWrapper .detail .priceWrapper .price TABLE TD.price_booking_dates { width: 185px; font-size: 12px; } .tx-pxangebotsteaser .detailWrapper .detail .priceWrapper .price TABLE TD.price_booking { color: #af0e1b; width: 272px; font-size: 12px; font-weight: normal; padding: 5px 0px 0px 0px; } .tx-pxangebotsteaser .detailWrapper .detail .priceWrapper .price TABLE TD.price_booking .link { cursor: pointer; color: #af0e1b; } .tx-pxangebotsteaser .detailWrapper .detail .priceWrapper .price TABLE TD.price_booking .link SPAN.price_big { font-weight: bold; font-size: 18px; } .content-main .tx-pxangebotsteaser .detailWrapper .detail TD.addtext P.bodytext { font-size: 1em; padding: 2px 0px 0px 0px; margin: 0px; } .tx-pxangebotsteaser .detailWrapper .detail .priceWrapper .last { border-bottom: 0px; } .tx-pxangebotsteaser .detailWrapper .detail .priceWrapper .price .priceleft { float: left; } .tx-pxangebotsteaser .detailWrapper .detail .priceWrapper .price .priceright { float: right; color: #af0e1b; } .tx-pxangebotsteaser .detailWrapper .detail .priceWrapper .price .bold { font-weight: bold; } .tx-pxangebotsteaser .detailWrapper .detail .linkWrapper { float: left; padding: 20px 0px 20px 0px; width: 100%; } .tx-pxangebotsteaser .detailWrapper .detail .linkWrapper .linkWrapper_pad { padding: 0px 10px 0px 0px; } .tx-pxangebotsteaser .detailWrapper .detail .linkWrapper .link { cursor: pointer; width: 159px; height: 28px; background: transparent url(/typo3conf/ext/px_angebotsteaser/images/buchen_de.jpg) no-repeat top left; } .tx-pxangebotsteaser .detailWrapper .detail .linkWrapper .button_0 { width: 107px; background: transparent url(/typo3conf/ext/px_angebotsteaser/images/Button_Buchen_DE.gif) no-repeat top left; } .tx-pxangebotsteaser .detailWrapper .detail .linkWrapper .button_1 { width: 107px; background: transparent url(/typo3conf/ext/px_angebotsteaser/images/Button_Buchen_DE.gif) no-repeat top left; } .tx-pxangebotsteaser .detailWrapper .detail .linkWrapper .button_2 { width: 95px; background: transparent url(/typo3conf/ext/px_angebotsteaser/images/Button_Buchen_EN.gif) no-repeat top left; } .tx-pxangebotsteaser .detailWrapper .detail .linkWrapper .button_3 { width: 162px; background: transparent url(/typo3conf/ext/px_angebotsteaser/images/Button_Buchen_FR.gif) no-repeat top left; } .tx-pxangebotsteaser .detailWrapper .detail .linkWrapper .button_4 { width: 95px; background: transparent url(/typo3conf/ext/px_angebotsteaser/images/Button_Buchen_NL.gif) no-repeat top left; } .tx-pxangebotsteaser .header_rightWrapper { width: 199px; color: #706e59; font-size: 14px; font-weight: bold; background: transparent url(/typo3conf/ext/px_angebotsteaser/images/priceheaderbg.gif) no-repeat bottom left; height: 24px; } .tx-pxangebotsteaser .header_rightWrapper .header_right { padding: 1px 0px 0px 11px; } .tx-pxangebotsteaser .advertiseteaserWrapper { padding: 0px 0px 15px 0px; float: left; } .tx-pxangebotsteaser .advertiseteaserWrapper .advertiseteaser .imagetext { float: left; padding: 10px 0px 0px 0px; } .tx-pxangebotsteaser .advertiseteaserWrapper .advertiseteaser .imagetext .advertiseImage { float: right; width: 100px; height: 100px; } .tx-pxangebotsteaser .advertiseteaserWrapper .advertiseteaser .imagetext .advertiseImage IMG { float: left; display: block; } .tx-pxangebotsteaser .advertiseteaserWrapper .advertiseteaser .imagetext .text1Wrapper { } .tx-pxangebotsteaser .advertiseteaserWrapper .advertiseteaser .linkWrapper { width: 198px; float: left; padding: 5px 0px 0px 0px; } .tx-pxangebotsteaser .advertiseteaserWrapper .advertiseteaser .linkWrapper .link { cursor: pointer; width: 104px; height: 25px; float: left; background: transparent url(/typo3conf/ext/px_angebotsteaser/images/buchen_de.png) no-repeat top left; } .tx-pxangebotsteaser .welcomegreetingWrapper { float: left; width: 198px; position: relative; } .tx-pxangebotsteaser .welcomegreetingWrapper .image { padding: 0px; position: absolute; top: 28px; right: 0px; } .tx-pxangebotsteaser .welcomegreetingWrapper .textbox { position: absolute; top: 0px; left: 0px; float: left; } .tx-pxangebotsteaser .welcomegreetingWrapper .titletext { padding: 10px 0px 0px 10px; } .tx-pxangebotsteaser .welcomegreetingWrapper .titleWrapper { color: #af0e1b; font-weight: bold; } .tx-pxangebotsteaser .welcomegreetingWrapper .welcomegreeting { float: left; } #colp3 .welcomegreetingWrapper .titletext P { padding: 0px; } .tx-pxangebotsteaser .cardWrapper { float: left; padding-top: 160px; } .tx-pxangebotsteaser .cardWrapper .cardtext { padding: 10px; } /*.tx-pxangebotsteaser #bookingLayer { position: absolute; top: 0px; left: 0px; width: 100%; height: 2500px; background: transparent url(/typo3conf/ext/px_angebotsteaser/images/bookinglayerbg.png) repeat top left; z-index: 9999; display: none; font-size: 12px; color: #706E59; line-height: 1.2em; }*/ .tx-pxangebotsteaser #bookingLayer { z-index: 9999; display: none; font-size: 12px; color: #706E59; line-height: 1.2em; background: transparent url(/typo3conf/ext/px_angebotsteaser/images/bookinglayerbg.png) repeat top left; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; } /*.tx-pxangebotsteaser #bookingLayer .bookingLayerWrapper { width: 428px; height: 279px; margin: 1300px auto 0px auto; background: transparent url(/typo3conf/ext/px_angebotsteaser/images/bookinglayerboxbg.png) no-repeat top left; }*/ .tx-pxangebotsteaser #bookingLayer .bookingLayerWrapper { position: fixed; top: 40%; left: 50%; width: 428px; height: 279px; background: transparent url(/typo3conf/ext/px_angebotsteaser/images/bookinglayerboxbg.png) no-repeat top left; margin: -140px 0px 0px -167px; } .tx-pxangebotsteaser #bookingLayer .bookingLayerWrapper .bookingBoxWrapper { padding: 17px; } .tx-pxangebotsteaser #bookingLayer .bookingLayerWrapper .bookingBoxWrapper .bookingBoxHeaderWrapper { padding: 3px 0px 0px 10px; } .tx-pxangebotsteaser #bookingLayer .bookingLayerWrapper .bookingBoxWrapper .bookingBoxHeaderWrapper .bookingBoxHeader { color: #706e59; font-weight: bold; font-size: 14px; float: left; } .tx-pxangebotsteaser #bookingLayer .bookingLayerWrapper .bookingBoxWrapper .bookingBoxHeaderWrapper .close { float: right; cursor: pointer; } .tx-pxangebotsteaser #bookingLayer .bookingLayerWrapper .bookingBoxWrapper .bookingBoxInner { float: left; padding: 10px 10px 0px 10px; width: 374px; } .tx-pxangebotsteaser #bookingLayer .bookingLayerWrapper .bookingBoxWrapper .bookingBoxInner .bookingBoxAddressWWW { float: left; width: 100%; } .tx-pxangebotsteaser #bookingLayer .bookingLayerWrapper .bookingBoxWrapper .bookingBoxInner .bookingBoxAddress { float: left; } .tx-pxangebotsteaser #bookingLayer .bookingLayerWrapper .bookingBoxWrapper .bookingBoxInner .bookingBoxAddress P { margin: 0px; padding: 0px; } .tx-pxangebotsteaser #bookingLayer .bookingLayerWrapper .bookingBoxWrapper .bookingBoxInner .bookingBoxWWW { float: right; } .tx-pxangebotsteaser #bookingLayer .bookingLayerWrapper .bookingBoxWrapper .bookingBoxInner .bookingBoxphone { width: 100%; float: left; height: 33px; } .tx-pxangebotsteaser #bookingLayer .bookingLayerWrapper .bookingBoxWrapper .bookingBoxInner .bookingBoxfax { width: 100%; float: left; height: 29px; } .tx-pxangebotsteaser #bookingLayer .bookingLayerWrapper .bookingBoxWrapper .bookingBoxInner .bookingBoxemail { width: 100%; float: left; height: 29px; } .tx-pxangebotsteaser #bookingLayer .bookingLayerWrapper .bookingBoxWrapper .bookingBoxInner .phonefaxmailpad { padding: 13px 0px 0px 28px; } .tx-pxangebotsteaser #bookingLayer .bookingLayerWrapper .bookingBoxWrapper .bookingBoxInner .label { float: left; width: 90px; font-weight: bold; } .tx-pxangebotsteaser #bookingLayer .bookingLayerWrapper .bookingBoxWrapper .bookingBoxInner .value { float: left; font-weight: bold; } .tx-pxangebotsteaser #bookingLayer .bookingLayerWrapper .bookingBoxWrapper .bookingBoxInner .value A { font-weight: bold; color: #af0e1b; } .tx-pxangebotsteaser #bookingLayer .bookingLayerWrapper .bookingBoxWrapper .bookingBoxInner .bookingBoxcodeWrapper { float: left; width: 100%; } .tx-pxangebotsteaser #bookingLayer .bookingLayerWrapper .bookingBoxWrapper .bookingBoxInner .bookingBoxcodeWrapper .bookingBoxcode { padding: 15px 0px 0px 0px; } .tx-pxangebotsteaser #bookingLayer .bookingLayerWrapper .bookingBoxWrapper .bookingBoxInner .bookingBoxtext { float: left; width: 100%; } .tx-pxangebotsteaser .filterlabel { float: left; padding: 5px 3px 0px 0px; } .tx-pxangebotsteaser .filterdrop { float: left; } /* px_imagecarousel */ .tx-pximagecarousel-pi1{width:100%;clear:both;position:relative;} .jcarousel-skin-ie7{padding:0 10px;} .jcarousel-skin-ie7 .jcarousel-container-horizontal{padding:0 19px 0 21px;} .jcarousel-skin-ie7 .jcarousel-clip-horizontal{width:420px;height:66px;} .jcarousel-skin-ie7 #carousel .jcarousel-item{width:105px;height:66px;padding:0;} .jcarousel-skin-ie7 .jcarousel-item:hover{border-color:#808080;} .jcarousel-skin-ie7 .jcarousel-item-horizontal{margin-right:7px;} .jcarousel-skin-ie7 .jcarousel-item-placeholder{} .jcarousel-skin-ie7 .jcarousel-next-horizontal{position:absolute;top:0px;right:0px;width:20px;height:66px;cursor:pointer;background:transparent url(../images/next-horizontal.gif) no-repeat 0 0;} .jcarousel-skin-ie7 .jcarousel-prev-horizontal{position:absolute;top:0px;left:0;width:20px;height:66px;cursor:pointer;background:transparent url(../images/prev-horizontal.gif) no-repeat 0 0;} .tx-pxangebotsteaser .jcarousel-skin-ie7{float:left;padding:0px 0px 10px 7px;} .tx-pxangebotsteaser .jcarousel-skin-ie7 #carousel_wt .jcarousel-item{width:105px;height:66px;padding:0;} .jcarousel-skin-ie7 .jcarousel-clip-horizontal{height:66px;}/*width:579px;ZU BREIT!!!*/ #content-center-layout2 .jcarousel-skin-ie7 .jcarousel-clip-horizontal{width:420px;height:66px;} #content-center-layout2 .jcarousel-skin-ie7 .jcarousel-next-horizontal{right:-2px;} .jcarousel-skin-tango #carousel_big .jcarousel-item{width:105px;height:66px;padding:0;} .jcarousel-skin-tango{padding:0 38px;} .jcarousel-skin-tango .jcarousel-container-horizontal{padding:0 19px 0 21px;} .jcarousel-skin-tango .jcarousel-clip-horizontal{width:525px;height:66px;} .jcarousel-skin-tango #carousel .jcarousel-item{width:105px;height:66px;padding:0;} .jcarousel-skin-tango .jcarousel-item:hover{border-color:#808080;} .jcarousel-skin-tango .jcarousel-item-horizontal{margin-right:7px;} .jcarousel-skin-tango .jcarousel-item-placeholder{} .jcarousel-skin-tango .jcarousel-next-horizontal{position:absolute;top:0px;right:1px;width:20px;height:66px;cursor:pointer;background:transparent url(../images/next-horizontal.gif) no-repeat 0 0;} .jcarousel-skin-tango .jcarousel-prev-horizontal{position:absolute;top:0px;left:0;width:20px;height:66px;cursor:pointer;background:transparent url(../images/prev-horizontal.gif) no-repeat 0 0;} .tx-pxangebotsteaser .jcarousel-skin-tango{float:left;padding:0px 0px 10px 7px;} .tx-pxangebotsteaser .jcarousel-skin-tango #carousel_wt .jcarousel-item{width:105px;height:66px;padding:0;} #content-center-layout2 .jcarousel-skin-tango .jcarousel-clip-horizontal{width:525px;height:66px;} .content-special-normal .jcarousel-skin-tango .jcarousel-clip-horizontal{width:458px !important;} /* ANGEBOTSTEASER PI1 */ #col1 .tx-pxangebotsteaser-pi3 div.csc-header h1.csc-firstHeader { margin-bottom: 0px; } .teaserWrapper { background-color: #f2f2f2; float: left; margin: 0px 0px 20px 0px; } .teaserWrapper .teaser { display: none; cursor: pointer; } .teaserWrapper .teaser div.csc-header h1 { background-color: white; margin-top: 0px; width: 198px; font-size: 1em; } .content-right-small .teaserWrapper div.csc-header h2 { color: #d79000; border-bottom: 2px solid #d79000; background-color: #f9e6bb; } .winter .content-right-small .teaserWrapper div.csc-header h2 { color: #2d9db3; border-bottom: 2px solid #2d9db3; background-color: #caebf2; } .teaserWrapper .teaser .teaserImageWrapper { float: left; margin: 0px; position: relative; } .teaserWrapper .teaser .teaserImageWrapper .teaserImage { height: 130px; } .teaserWrapper .teaser .teaserImageWrapper .shape { width: 200px; height: 144px; position: absolute; top: 0px; left: 0px; background: transparent url(/typo3conf/ext/px_angebotsteaser/images/shape198.png) no-repeat top left; } .teaserWrapper .teaser .teaserImageWrapper .price { position: absolute; bottom: 10px; right: 10px; background: #b2101f; color: white; padding: 0px 5px; cursor: pointer; font-size: 12px; line-height: 17px; } .teaserWrapper .teaser .teaserContent { background-color: #fae5b8; float: left; width: 200px; } .winter .teaserWrapper .teaser .teaserContent { background-color: #caebf2; float: left; width: 200px; } .teaserWrapper .teaser .teaserContent .teaserHeaderWrapper { color: #d79000; font-weight: bold; font-size: 14px; background: transparent url(/typo3conf/ext/px_angebotsteaser/images/teaserHeaderbg.gif) no-repeat bottom left; width: 200px; height: 23px; float: left; } .winter .teaserWrapper .teaser .teaserContent .teaserHeaderWrapper { color: #2d9db3; font-weight: bold; font-size: 14px; background: transparent url(/typo3conf/ext/px_angebotsteaser/images/teaserHeaderbg_winter.gif) no-repeat bottom left; width: 200px; height: 23px; float: left; } .teaserWrapper .teaser .teaserContent .teaserHeaderWrapper .teaserHeader { padding: 3px 9px 0px 10px; } .teaserWrapper .teaser .teaserContent .teaserTextWrapper { padding: 6px 0px 9px 0px; float: left; cursor: pointer; font-size: 12px; line-height: 1.3em; } .teaserWrapper .teaser .teaserContent .teaserTextWrapper .teaserText { float: left; padding-left: 10px; padding-right: 1px; color: #d79000; } .winter .teaserWrapper .teaser .teaserContent .teaserTextWrapper .teaserText { float: left; padding-left: 10px; padding-right: 1px; color: #2d9db3; } .teaserWrapper .teaser .teaserContent .teaserTextWrapper .teaserText SPAN.morelink { } .teaserWrapper .teaser .teaserContent .teaserTextWrapper .teaserText SPAN.morelink A { color: #af0e1b; } .teaserWrapper .teaser .teaserImageWrapper .teaserswitch_left { position: absolute; top: 40px; left: 0px; width: 20px; height: 50px; background: transparent url(/typo3conf/ext/px_angebotsteaser/images/teaserswitch_left.gif) no-repeat top left; } .teaserWrapper .teaser .teaserImageWrapper .teaserswitch_right { position: absolute; top: 40px; right: 0px; width: 20px; height: 50px; background: transparent url(/typo3conf/ext/px_angebotsteaser/images/teaserswitch_right.gif) no-repeat top left; } .winter .teaser .teaserImageWrapper .teaserswitch_left { background: transparent url(/typo3conf/ext/px_angebotsteaser/images/teaserswitch_left_winter.gif) no-repeat top left; } .winter .teaser .teaserImageWrapper .teaserswitch_right { background: transparent url(/typo3conf/ext/px_angebotsteaser/images/teaserswitch_right_winter.gif) no-repeat top left; } /** * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at:http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * That said,it is hardly a one-person project. Many people have submitted bugs,code,and offered their advice freely. Their support is greatly appreciated. * * Version:1.3.4 (11/11/2010) * Requires:jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses:* http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none;} #fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url('../images/fancybox/fancybox.png');} #fancybox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1100;display:none;} #fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none;} #fancybox-wrap{position:absolute;top:0;left:0;padding:20px;z-index:1101;outline:none;display:none;} #fancybox-outer{position:relative;width:100%;height:100%;background:#fff;} #fancybox-content{width:0;height:0;padding:0;outline:none;position:relative;overflow:hidden;z-index:1102;border:0px solid #fff;} #fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1101;} #fancybox-close{position:absolute;top:-15px;right:-15px;width:30px;height:30px;background:transparent url('../images/fancybox/fancybox.png') -40px 0px;cursor:pointer;z-index:1103;display:none;} #fancybox-error{color:#444;font:normal 12px/20px Arial;padding:14px;margin:0;} #fancybox-img{width:100%;height:100%;padding:0;margin:0;border:none;outline:none;line-height:0;vertical-align:top;} #fancybox-frame{width:100%;height:100%;border:none;display:block;} #fancybox-left,#fancybox-right{position:absolute;bottom:0px;height:100%;width:35%;cursor:pointer;outline:none;background:transparent url('../images/fancybox/blank.gif');z-index:1102;display:none;} #fancybox-left{left:0px;} #fancybox-right{right:0px;} #fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block;} #fancybox-left-ico{background-image:url('../images/fancybox/fancybox.png');background-position:-40px -30px;} #fancybox-right-ico{background-image:url('../images/fancybox/fancybox.png');background-position:-40px -60px;} #fancybox-left:hover,#fancybox-right:hover{visibility:visible;} #fancybox-inner { padding: 10px; } /* IE6 */ } #fancybox-left:hover span{left:20px;} #fancybox-right:hover span{left:auto;right:20px;} .fancybox-bg{position:absolute;padding:0;margin:0;border:0;width:20px;height:20px;z-index:1001;} #fancybox-bg-n{top:-20px;left:0;width:100%;background-image:url('../images/fancybox/fancybox-x.png');} #fancybox-bg-ne{top:-20px;right:-20px;background-image:url('../images/fancybox/fancybox.png');background-position:-40px -162px;} #fancybox-bg-e{top:0;right:-20px;height:100%;background-image:url('../images/fancybox/fancybox-y.png');background-position:-20px 0px;} #fancybox-bg-se{bottom:-20px;right:-20px;background-image:url('../images/fancybox/fancybox.png');background-position:-40px -182px; } #fancybox-bg-s{bottom:-20px;left:0;width:100%;background-image:url('../images/fancybox/fancybox-x.png');background-position:0px -20px;} #fancybox-bg-sw{bottom:-20px;left:-20px;background-image:url('../images/fancybox/fancybox.png');background-position:-40px -142px;} #fancybox-bg-w{top:0;left:-20px;height:100%;background-image:url('../images/fancybox/fancybox-y.png');} #fancybox-bg-nw{top:-20px;left:-20px;background-image:url('../images/fancybox/fancybox.png');background-position:-40px -122px;} #fancybox-title{font-family:Helvetica;font-size:12px;z-index:1102;} .fancybox-title-inside{padding-bottom:10px;text-align:center;color:#333;background:#fff;position:relative;} .fancybox-title-outside{padding-top:10px;color:#fff;} .fancybox-title-over{position:absolute;bottom:0;left:0;color:#FFF;text-align:left;} #fancybox-title-over{padding:10px;background-image:url('../images/fancybox/fancy_title_over.png');display:block;} .fancybox-title-float{position:absolute;left:0;bottom:-20px;height:32px;} #fancybox-title-float-wrap{border:none;border-collapse:collapse;width:auto;} #fancybox-title-float-wrap td{border:none;white-space:nowrap;} #fancybox-title-float-left{padding:0 0 0 15px;background:url('../images/fancybox/fancybox.png') -40px -90px no-repeat;} #fancybox-title-float-main{color:#FFF;line-height:29px;font-weight:bold;padding:0 0 3px 0;background:url('../images/fancybox/fancybox-x.png') 0px -40px;} #fancybox-title-float-right{padding:0 0 0 15px;background:url('../images/fancybox/fancybox.png') -55px -90px no-repeat;} /* IE6 */ .fancybox-ie6 #fancybox-close{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/jobs.graubuenden.ch/templates/images/fancybox/fancy_close.png',sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/jobs.graubuenden.ch/templates/images/fancybox/fancy_nav_left.png',sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/jobs.graubuenden.ch/templates/images/fancybox/fancy_nav_right.png',sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/jobs.graubuenden.ch/templates/images/fancybox/fancy_title_over.png',sizingMethod='scale'); zoom:1; } .fancybox-ie6 #fancybox-title-float-left{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/jobs.graubuenden.ch/templates/images/fancybox/fancy_title_left.png',sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/jobs.graubuenden.ch/templates/images/fancybox/fancy_title_main.png',sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/jobs.graubuenden.ch/templates/images/fancybox/fancy_title_right.png',sizingMethod='scale'); } .fancybox-ie6 #fancybox-bg-w,.fancybox-ie6 #fancybox-bg-e,.fancybox-ie6 #fancybox-left,.fancybox-ie6 #fancybox-right,#fancybox-hide-sel-frame{height:expression(this.parentNode.clientHeight + "px");} #fancybox-loading.fancybox-ie6{position:absolute; margin-top:0;top:expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2:document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop )) + 'px');} #fancybox-loading.fancybox-ie6 div{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/jobs.graubuenden.ch/templates/images/fancybox/fancy_loading.png',sizingMethod='scale'); } /* IE6,IE7,IE8 */ .fancybox-ie .fancybox-bg{background:transparent !important; } .fancybox-ie #fancybox-bg-n{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/jobs.graubuenden.ch/templates/images/fancybox/fancy_shadow_n.png',sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/jobs.graubuenden.ch/templates/images/fancybox/fancy_shadow_ne.png',sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/jobs.graubuenden.ch/templates/images/fancybox/fancy_shadow_e.png',sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/jobs.graubuenden.ch/templates/images/fancybox/fancy_shadow_se.png',sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/jobs.graubuenden.ch/templates/images/fancybox/fancy_shadow_s.png',sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/jobs.graubuenden.ch/templates/images/fancybox/fancy_shadow_sw.png',sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/jobs.graubuenden.ch/templates/images/fancybox/fancy_shadow_w.png',sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/jobs.graubuenden.ch/templates/images/fancybox/fancy_shadow_nw.png',sizingMethod='scale'); } /** * T3-Admin-Panel **/ table.typo3-adminPanel { position:absolute; left:0; top:0; }