/** * --------------------------------------- * # Stylesheet File for BTD Group GmbH * # * # @created Riccardo Carano 31.03.2010 * # @copy BTD Gruppe GmbH 2010 * --------------------------------------- */ /* --------------------------------------- # Browser Settings --------------------------------------- */ body, html { background: #FFFFFF url(/images/basic/hp_bg.jpg) 0px -500px no-repeat; background-attachment: fixed; width: 100%; height: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 16px; color: #666666; margin: 0; padding: 0; } ul { list-style: none; margin: 0; padding: 0; } p { padding: 0; margin: 0; } strong { font-weight: bold; } a, a:visited, a:active, a:link, a:hover { color: #034099; text-decoration: underline; outline-color: invert; outline-style: none; outline-width: medium; } a.newmedia:hover { color: #FF6600; } /* --------------------------------------- # Header Area --------------------------------------- */ #wrapper { width: 1000px; position: relative; height: auto; float: left; margin: 0px; padding: 0; } #wrapper #header { width: 100%; height: 140px; float: left; } #wrapper #header .logo { position: absolute; top: 48px; left: 41px; height: 39px; width: auto; z-index: 10; } #wrapper #header .lang { float: right; margin: 120px 20px 0px 0px; } #wrapper #header .lang a{ text-decoration: none; color: #A6A6A6; } #wrapper #header .lang a img { border: 0; } /* --------------------------------------- # Language Flags --------------------------------------- */ .languageFlags {float: right; margin: 120px 20px 0 0;} .languageFlags a {text-decoration: none; color: #A6A6A6;} .languageFlags a img {text-decoration: none; border: none;} /* --------------------------------------- # Main Area --------------------------------------- */ #wrapper #main { margin: 0px 0px 0px 98px; } /* --------------------------------------- # Top Navigation --------------------------------------- */ #wrapper #header .topNav { width: auto; height: 100px; position: absolute; left: 305px; top: 0; } #wrapper #header .topNav a { font-size: 10px; color: #666666; text-decoration: none; } #wrapper #header .topNav a:hover { color: #034099; } #wrapper #header .topNav a.active { color: #034099; } #wrapper #header .topNav ul li a.newmedia:hover { color: #FF6600; } #wrapper #header .topNav ul li a.btd-group { font-size: 12px; } #wrapper #header .topNav ul li { float: left; list-style: none; padding: 4px 7px 2px 7px; font-size: 10px; border-top: 1px solid #E1E1E1; border-left: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; } #wrapper #header .topNav ul li.last { border: 1px solid #E1E1E1; } #wrapper #header .topNav ul li.noBorder { border: 0; } #wrapper #header .topNav ul li ul li { clear: left; padding: 0; text-transform: uppercase; border: 0; line-height: 14px; margin: 2px 0px 0px 0px; } /* --------------------------------------- # Content Navigation --------------------------------------- */ #wrapper #main .contentNav { width: 248px; min-height: 442px; float: left; background: #4683D4 url(/images/basic/nav_bl.jpg) 0 0 repeat-x; margin: 0px 10px 0px 0px; padding: 0; color: #FFFFFF; } #wrapper #main .contentNav ul { width: 100%; margin: 10px 0px 120px 0px; float: left; } #wrapper #main .contentNav ul li { width: 219px; color: #FFFFFF; font-size: 14px; line-height: 24px; float: left; position: relative; clear: both; } #wrapper #main .contentNav ul li.margin { margin-top: 28px; } #wrapper #main .contentNav ul li.navActive { width: 217px; float: left; background: #0C468F; border: 1px solid #4683D4; padding: 1px 1px 6px 11px; margin: 0px 0px 0px 8px; } #wrapper #main .contentNav ul li.navActive a { color: #FFFFFF; text-decoration: none; font-weight: bold; padding: 0; margin: 0; } #wrapper #main .contentNav ul li.navActive a:hover{ border: 0; background: none; padding: 0; margin: 0; } #wrapper #main .contentNav ul li.navActive ul { margin: 5px 0px 0px 0px; font-size: 12px; } #wrapper #main .contentNav ul li.navActive ul li { line-height: 18px; } #wrapper #main .contentNav ul li.navActive ul li a{ width: 208px; font-size: 12px; line-height: 18px; font-weight: normal; padding: 0px; margin: 0px 0px 0px 4px; } #wrapper #main .contentNav ul li.navActive ul li a.active { font-weight: bold; border: 0; padding: 0px; margin: 0px 0px 0px 4px; } #wrapper #main .contentNav ul li.navActive ul li a:hover { font-weight: bold; border: 0; background: none; padding: 0px; margin: 0px 0px 0px 4px; } #wrapper #main .contentNav ul li a { width: 219px; float: left; color: #FFFFFF; text-decoration: none; font-size: 14px; line-height: 24px; padding: 1px 1px 1px 11px; margin: 1px 0px 1px 8px; } #wrapper #main .contentNav ul li a.active { background: #0C468F; border: 1px solid #4683D4; font-weight: bold; padding: 0px 0px 0px 10px; } #wrapper #main .contentNav ul li a:hover { background: #0C468F; border: 1px solid #4683D4; padding: 0px 0px 0px 10px; margin: 1px 0px 1px 8px; } #wrapper #main .contentNav .navContact { width: 226px; height: 100px; position: absolute; top: 482px; left: 118px; font-size: 14px; line-height: 18px; font-weight: bold; } #wrapper #main .contentNav .navContact a { color: #FFFFFF; } #wrapper #main .contentNav .navContact img { margin: 0px 0px 5px 0px; } #wrapper #main .contentNav .navContact p.navSmall { font-size: 12px; } /* --------------------------------------- # Bottom Navigation --------------------------------------- */ #wrapper #main .contentArea .bottomNav { float: left; width: 615px; background: #666666; color: #999999; padding: 18px 0px 0px 10px; margin: 20px 0px 0px 0px; } #wrapper #main .contentArea .bottomNav a, #wrapper #main .contentArea .bottomNav a:visited { color: #999999; text-decoration: none; } #wrapper #main .contentArea .bottomNav a:hover { color: #FFFFFF; } #wrapper #main .contentArea .bottomNav a.active { color: #FFFFFF; } #wrapper #main .contentArea .bottomNav div { float: left; padding: 0px 15px 0px 15px; border-right: 1px solid #999999; min-height: 115px; height: auto; } #wrapper #main .contentArea .bottomNav div.last { border: 0; padding: 0px 0px 0px 15px; } #wrapper #main .contentArea .bottomNav div ul li ul { margin: 10px 0px 0px 0px; font-size: 11px; } #wrapper #main .contentArea .bottomNav div ul li ul li { margin: 0px 0px 3px 0px; } #wrapper #main .contentArea .bottomNav div ul li ul.group li { margin: 0px 0px 7px 0px; font-size: 11px; } #wrapper #main .contentArea .bottomNav div.footer { float: left; width: 615px; border: 0; padding: 16px 0px 0px 0px; color: #FFFFFF; min-height: 22px; } #wrapper #main .contentArea .bottomNav div.footer p { float: left; color: #999999; } #wrapper #main .contentArea .bottomNav div.footer ul { float: right; } #wrapper #main .contentArea .bottomNav div.footer ul li { float: left; padding: 0px 10px 0px 10px; border-right: 1px solid #999999; } #wrapper #main .contentArea .bottomNav div.footer ul li.last { border: 0; } #wrapper #main .contentArea .bottomNav div.footer ul li a, #wrapper #main .contentArea .bottomNav div.footer ul li a:visited { color: #999999; } #wrapper #main .contentArea .bottomNav div.footer ul li a:hover { color: #FFFFFF; } /* --------------------------------------- # Content Area --------------------------------------- */ #wrapper #main .contentArea { background: #FFFFFF url(/images/basic/header_bg.jpg) 0 0 repeat-x; width: 625px; min-height: 442px; float: left; margin: 0px 0px 50px 0px; } #wrapper #main .contentArea a.newmedia { color: #FF6600; } /* --------------------------------------- # Module Area --------------------------------------- */ #wrapper #main .contentArea .moduleArea { min-height: 422px; height: 100%; background-repeat: no-repeat; background-position: 200px 400px;} #wrapper #main .contentArea .moduleArea img.backgroundImage { border: 0; position: absolute; bottom: 265px; right: 19px; } .module { margin: 0px 0px 15px 0px; padding: 0px 27px 0px 37px; } /* Module Headline */ #wrapper #main .contentArea .moduleArea .contentHeadline { float: left; position: relative; margin: 40px 37px 5px; width: 551px; /*height: 80px;*/ } #wrapper #main .contentArea .moduleArea .contentHeadline h1 { margin: 0; padding: 0; font-weight: normal; font-size: 30px; line-height: 38px; } #wrapper #main .contentArea .moduleArea .contentHeadline h1.sub { margin: 0; padding: 0; font-weight: bold; font-size: 16px; line-height: 22px; } #wrapper #main .contentArea .moduleArea .contentHeadline h2 { margin: 0; padding: 0; font-weight: normal; font-size: 16px; line-height: 22px; padding-bottom: 10px; } #wrapper #main .contentArea .moduleArea .contentHeadline img { position: absolute; right: 0px; bottom: 28px; height: 50px; } /* Module Slider*/ #wrapper #main .contentArea .moduleArea .slider { float:left; height: 284px; width: 100%; margin: 25px 0px 33px 0px; color: #FFFFFF; font-size: 14px; } #wrapper #main .contentArea .moduleArea .slider .sliderContainer { position: relative; width: 625px; overflow:hidden; height: 248px; background: #C3C3C3 url(/images/module/flash_bg.jpg) 0 0 repeat-x; padding: 0px; } #wrapper #main .contentArea .moduleArea .slider .sliderContainer .items { position: relative; margin: 0 auto; width: 20000px; height: 248px; } #wrapper #main .contentArea .moduleArea .slider .sliderContainer div .panel { float: left; width: 505px; padding: 0px 60px 0px 60px; } #wrapper #main .contentArea .moduleArea .slider .sliderContainer div .big { padding: 0px 0px 0px 0px; width: 625px; } #wrapper #main .contentArea .moduleArea .slider .sliderContainer div .panel div { float: left; width: 220px; } #wrapper #main .contentArea .moduleArea .slider .sliderContainer div .panel div h2 { line-height: 40px; font-weight: normal; margin: 0px 10px 0px 0px; padding: 15px 0px 40px 0px; font-size: 36px; color: #FFFFFF; } #wrapper #main .contentArea .moduleArea .slider .sliderContainer div .panel div h2 a { text-decoration: none; color: #FFFFFF; } #wrapper #main .contentArea .moduleArea .slider .sliderContainer div .panel div h2 a:hover { color: #A1A1A1; } #wrapper #main .contentArea .moduleArea .slider .sliderContainer div .panel div p { margin: 0px 10px 0px 0px; } #wrapper #main .contentArea .moduleArea .slider .sliderContainer div .panel div p a{ text-decoration: none; color: #FFFFFF; } #wrapper #main .contentArea .moduleArea .slider .sliderContainer div .panel div p a:hover{ color: #414141; } #wrapper #main .contentArea .moduleArea .slider .sliderContainer div .panel img { float: left; margin: 26px 16px 0px 0px; padding: 0; width: 259px; height: 226px; } #wrapper #main .contentArea .moduleArea .slider .sliderContainer div .panel img.big{ float: left; margin: 0; padding: 0; width: 625px; height: 248px; } #wrapper #main .contentArea .moduleArea .slider .sliderContainer div .panel a img { border: 0; } #wrapper #main .contentArea .moduleArea .slider .sliderNav { width: 625px; height: 36px; background: url(/images/module/flash_nav.png) 0 0 repeat-x; float: left; } #wrapper #main .contentArea .moduleArea .slider .sliderNav ul { height: 36px; } #wrapper #main .contentArea .moduleArea .slider .sliderNav ul li { text-align: center; padding: 10px 10px 0px 10px; font-size: 12px; float: left; } #wrapper #main .contentArea .moduleArea .slider .sliderNav ul li a { cursor: pointer; text-decoration: none; color: #C1C1C1; } #wrapper #main .contentArea .moduleArea .slider .sliderNav ul li a:hover { color: #FFFFFF; } #wrapper #main .contentArea .moduleArea .slider .sliderNav ul li a.active { color: #FFFFFF; } #wrapper #main .contentArea .moduleArea .slider .control { display: block; width: 60px; height: 248px; text-indent:-10000px; position:absolute; cursor: pointer; } #wrapper #main .contentArea .moduleArea .slider #leftControl { top:0; left:0; background:transparent url(/images/module/arrow_l.png) no-repeat 20px 115px; } #wrapper #main .contentArea .moduleArea .slider #rightControl { top:0; right:0; background:transparent url(/images/module/arrow_r.png) no-repeat 20px 115px; } /* Info Box */ #wrapper #main .contentArea .moduleArea .infoBox { float: left; height: 157px; margin: 0px 0px 20px 0px; } #wrapper #main .contentArea .moduleArea .infoBox .box { width: 180px; height: 157px; float: left; margin: 0px 7px 0px 0px; } #wrapper #main .contentArea .moduleArea .infoBox .big { width: 554px; } #wrapper #main .contentArea .moduleArea .infoBox .box .headline { text-transform: uppercase; height: 36px; background: url(/images/module/mod_head_02.png) 0 0 repeat-x; padding: 0px 0px 0px 16px; color: #FFFFFF; font-size: 14px; font-weight: bold; line-height: 32px; } #wrapper #main .contentArea .moduleArea .infoBox .box .headline a, #wrapper #main .contentArea .moduleArea .infoBox .box .headline a:visited { color: #FFFFFF; text-decoration: none; } #wrapper #main .contentArea .moduleArea .infoBox .box .headline a:hover { color: #999999; } #wrapper #main .contentArea .moduleArea .infoBox .box .boxContent { background: #FFFFFF url(/images/module/mod_bg.png) 0 0 repeat-x; height: 121px; width: 180px; position: relative; } #wrapper #main .contentArea .moduleArea .infoBox .box .big { width: 554px; } #wrapper #main .contentArea .moduleArea .infoBox .box .boxContent p { color: #000000; line-height: 18px; width: 156px; font-size: 14px; padding: 10px 8px 5px 16px; } #wrapper #main .contentArea .moduleArea .infoBox .box .boxContent ul { line-height: 18px; font-size: 14px; padding: 10px 5px 5px 16px; font-weight: normal; } #wrapper #main .contentArea .moduleArea .infoBox .box .boxContent ul li { margin: 0px 0px 5px 0px; color: #000000; } #wrapper #main .contentArea .moduleArea .infoBox .box .boxContent ul li.last{ margin: 13px 0px 0px 30px; font-size: 10px; line-height: 12px; } #wrapper #main .contentArea .moduleArea .infoBox .box .boxContent ul li img { position: relative; right: 0; top: 4px; margin: 0px 5px 0px 0px; } #wrapper #main .contentArea .moduleArea .infoBox .box .boxContent a, #wrapper #main .contentArea .moduleArea .infoBox .box .boxContent a:visited { color: #000000; text-decoration: none; } #wrapper #main .contentArea .moduleArea .infoBox .box .boxContent a:hover { color: #666666; } #wrapper #main .contentArea .moduleArea .infoBox .box .boxContent img { position: absolute; bottom: 0; right: 10px; border: 0; } /* Listbox */ #wrapper #main .contentArea .moduleArea .contentList { float: left; } #wrapper #main .contentArea .moduleArea .contentList ul { list-style-type: disc; padding-left: 20px; } #wrapper #main .contentArea .moduleArea .contentList h3 { text-transform: uppercase; font-size: 18px; line-height: 30px; font-weight: normal; margin: 0px 0px 10px 0px; padding: 0; width: 555px; border-bottom: 2px solid #C2C2C2; } #wrapper #main .contentArea .moduleArea .contentList div { width: 555px; padding: 0px 0px 10px 0px; margin: 0px 0px 12px 0px; border-bottom: 1px solid #c2c2c2; } #wrapper #main .contentArea .moduleArea .contentList div.last { border: 0; margin: 0; } #wrapper #main .contentArea .moduleArea .contentList div p.headline { font-size: 18px; line-height: 24px; color: #034099; } #wrapper #main .contentArea .moduleArea .contentList div .gap { margin: 0px 0px 12px 0px; } #wrapper #main .contentArea .moduleArea .contentList div p.headline a, #wrapper #main .contentArea .moduleArea .contentList div p.headline a:visited { text-decoration: none; } #wrapper #main .contentArea .moduleArea .contentList div p.headline a:hover { color: #999999; } #wrapper #main .contentArea .moduleArea .contentList div p { font-size: 12px; } #wrapper #main .contentArea .moduleArea .contentList blockquote { width: 485px; float: left; margin: 0px 0px 0px 5px; padding: 8px 0px 0px 25px; background: url(/images/basic/blockquote_up.png) 0 0 no-repeat; } #wrapper #main .contentArea .moduleArea .contentList blockquote cite{ float: right; display: block; background: url(/images/basic/blockquote_down.png) 0 0 no-repeat; width: 19px; height: 18px; margin: 0px 0px 0px 0px; } #wrapper #main .contentArea .moduleArea .contentList blockquote p { width: 465px; } /* Sponsor / ImageList*/ #wrapper #main .contentArea .moduleArea .imageList { float: left; width: 625px; } #wrapper #main .contentArea .moduleArea .imageList h3 { text-transform: uppercase; font-size: 18px; line-height: 24px; font-weight: normal; margin: 0px 0px 0px 0px; padding: 0px 27px 0px 37px; width: 555px; } #wrapper #main .contentArea .moduleArea .imageList ul { min-height: 174px; width: 585px; background: url(/images/module/ref_bg.png) 0 0 repeat-x; padding: 20px; } #wrapper #main .contentArea .moduleArea .imageList ul li { list-style: none; float: left; margin: 10px;} #wrapper #main .contentArea .moduleArea .imageList ul li a { border: 0; } #wrapper #main .contentArea .moduleArea .imageList ul li a img { border: 0; } /* Galleriffic JS Gallery - Newmedia Bildergalerie */ #wrapper #main .contentArea .moduleArea .GFC_Gallery { width: 558px; margin-bottom: 30px; float: left; xoverflow: hidden; } #wrapper #main .contentArea .moduleArea .GFC_Gallery .content { position: relative; display: none; width: 550px; } #wrapper #main .contentArea .moduleArea .GFC_Gallery .controls { display: none; position: absolute; z-index: 10; top: 0; left: 0; background: transparent; width: 550px; height: 310px; } #wrapper #main .contentArea .moduleArea .GFC_Gallery .ss-controls { display: none; } #wrapper #main .contentArea .moduleArea .GFC_Gallery .nav-controls { width: 550px; height: 310px; } #wrapper #main .contentArea .moduleArea .GFC_Gallery .nav-controls .prev { width: 50px; height: 310px; float: left; background: transparent url(/images/galleriffic/pfeil_links.gif) left center no-repeat;} #wrapper #main .contentArea .moduleArea .GFC_Gallery .nav-controls .next { width: 50px; height: 310px; float: right; background: transparent url(/images/galleriffic/pfeil_rechts.gif) right center no-repeat; } #wrapper #main .contentArea .moduleArea .GFC_Gallery .slideshow-container { top: 0; margin: 0 0 0 -4px; padding: 0; background: transparent url(/images/galleriffic/bild_bg.gif) 1px 1px no-repeat; position: relative; z-index: 1; clear: both; width: 558px; height: 318px; /* This should be set to be at least the height of the largest image in the slideshow */ } #wrapper #main .contentArea .moduleArea .GFC_Gallery .loader { display: none; position: absolute; top: 0; left: 0; background-image: url(/images/galleriffic/loader.gif); background-repeat: no-repeat; background-position: center; width: 550px; height: 310px; /* This should be set to be at least the height of the largest image in the slideshow */ } #wrapper #main .contentArea .moduleArea .GFC_Gallery .slideshow {} #wrapper #main .contentArea .moduleArea .GFC_Gallery .slideshow .image-wrapper { display: block; position: absolute; top: 4px; left: 4px; background: transparent; } #wrapper #main .contentArea .moduleArea .GFC_Gallery .slideshow .advance-link { display: block; width: 550px; text-align: center; height: 310px; line-height: 310px; } #wrapper #main .contentArea .moduleArea .GFC_Gallery .slideshow .advance-link img { border: 0; } #wrapper #main .contentArea .moduleArea .GFC_Gallery .navigation { display: none; float: left; height: 18px; width: auto; padding: 0 25px 0 0; } #wrapper #main .contentArea .moduleArea .GFC_Gallery ul.thumbs { float: left; width: auto; margin: 2px 0 0 0; padding: 0; list-style-image: none; list-style-type: none; } #wrapper #main .contentArea .moduleArea .GFC_Gallery ul.thumbs li { float: left; padding: 0; margin: 0 3px 0 0; list-style: none; } #wrapper #main .contentArea .moduleArea .GFC_Gallery a.thumb { display: block; float: left; line-height: 10px; width: 10px; height: 10px; padding: 0; background: transparent url(/images/galleriffic/image_switch.gif) 0 0 no-repeat; border: none; text-decoration: none !important; } #wrapper #main .contentArea .moduleArea .GFC_Gallery a.thumb:hover, #wrapper #main .contentArea .moduleArea .GFC_Gallery ul.thumbs li.selected a.thumb, #wrapper #main .contentArea .moduleArea .GFC_Gallery ul.thumbs li.selected a.thumb:hover { background-position: 0 -10px; } #wrapper #main .contentArea .moduleArea .GFC_Gallery .caption-container { display: none; float: none; height: 18px; font-size: 10px; } #wrapper #main .contentArea .moduleArea .GFC_Gallery .image-title { float: left; height: 18px; line-height: 15px; font-weight: bold; } #wrapper #main .contentArea .moduleArea .GFC_Gallery .download { float: right; height: 18px; line-height: 15px; background: transparent url(/images/global/website_icon.gif) 0 3px no-repeat; padding: 0 8px 0 18px; font-weight: bold; } #wrapper #main .contentArea .moduleArea .GFC_Gallery .download a { text-decoration: none; } /* Module Text with Headline*/ #wrapper #main .contentArea .moduleArea .Textblock { position: relative; float: left; width: 558px; margin: 0px 0px 20px 37px; overflow: hidden; } #wrapper #main .contentArea .moduleArea .Textblock h2 { color: #003980; font-size: 11px; margin: 0; padding: 0; } #wrapper #main .contentArea .moduleArea .Textblock h1 { font-size: 16px; line-height: 24px; font-weight: bold; color: #003980; margin: 0px 0px 10px 0px; padding: 0; } #wrapper #main .contentArea .moduleArea .Textblock .PicLeft { position: relative; top: 0; left: 0; float: left; width: auto; padding: 4px 20px 0 0; margin: 0; } #wrapper #main .contentArea .moduleArea .Textblock .PicRight { position: relative; top: 0; left: 0; float: right; width: auto; padding: 4px 0 0 20px; margin: 0; } #wrapper #main .contentArea .moduleArea .Textblock .Txt { position: relative; top: 0; left: 0; float: left; width: auto; overflow: hidden; } #wrapper #main .contentArea .moduleArea .Textblock .Txt ul { list-style: disc; /*margin: 10px 0px 5px 35px;*/ margin: 3px 0px 5px 25px; } #wrapper #main .contentArea .moduleArea .Textblock .Txt ul li { /*margin: 0px 0px 7px 0px;*/ margin: 0px 0px 3px 0px; } #wrapper #main .contentArea .moduleArea .Textblock .small { width: 400px; } .TextLink { display: block; } /* Teaser Module */ #wrapper #main .contentArea .moduleArea .teaser { float: left; width:558px; margin: -5px 0px 15px 0px; } #wrapper #main .contentArea .moduleArea .teaser ul li { background: transparent url(/images/global/pfeil_link_blau.gif) 0px 6px no-repeat; font-size: 14px; padding-left: 15px; margin: 0px 0px 20px 0px; } #wrapper #main .contentArea .moduleArea .teaser ul li.noMargin { margin: 0; } #wrapper #main .contentArea .moduleArea .teaser ul li a { font-size: 14px; font-weight: bold; line-height: 18px; color: #003980; text-decoration: none; } #wrapper #main .contentArea .moduleArea .teaser ul li a:hover { color: #003980; text-decoration: underline; } #wrapper #main .contentArea .moduleArea .teaser ul p { width: 500px; padding: 0 0 20px 15px; } /* ImageGallery */ #wrapper #main .contentArea .moduleArea .imageGallery { float: left; width: 610px; /*margin: -25px 0px 15px 15px;*/ margin: 0 0px 15px 15px; } #wrapper #main .contentArea .moduleArea .imageGallery img { border: 0; float: left; margin: 0; padding: 0; } /* Accordion */ #wrapper #main .contentArea .moduleArea .AccordionList { position: relative; width: 557px; margin-bottom: 10px; clear: both; overflow: hidden; } #wrapper #main .contentArea .moduleArea .AccordionList a.Title { position: relative; cursor:pointer; display: block; margin: 0; height: 26px; font-size: 12px; line-height: 24px; font-weight: bold; padding: 0 0 0 25px; background: transparent url(/images/global/accordion_bg.gif) 0 0px no-repeat; color: #ff6600; text-decoration: none !important; clear: both; overflow: hidden; } #wrapper #main .contentArea .moduleArea .AccordionList a.Title:hover { color: #ffffff; background-position: 0 -52px; text-decoration: none !important; } #wrapper #main .contentArea .moduleArea .AccordionList a.selected, #wrapper #main .contentArea .moduleArea .AccordionList a.selected:hover { color: #ffffff !important; background-position: 0 -26px; text-decoration: none !important; } #wrapper #main .contentArea .moduleArea ul.AccordionList, #wrapper #main .contentArea .moduleArea ul.AccordionList * ul { margin: 0px 0px 15px 0px; padding: 0px 27px 0px 34px; list-style-image: none; list-style-type: none; } #wrapper #main .contentArea .moduleArea ul.AccordionList ul.InnerList { padding-left: 0; } #wrapper #main .contentArea .moduleArea ul.AccordionList li, #wrapper #main .contentArea .moduleArea ul.AccordionList * li { margin: 0; padding: 0; list-style-image: none; list-style-type: none; clear: both; overflow: hidden; } #wrapper #main .contentArea .moduleArea .AccordionList .InnerContent { margin: 0; padding: 5px 5px 10px 3px; background: transparent; } #wrapper #main .contentArea .moduleArea .AccordionList .InnerContent li { padding: 4px 0px 4px 0; clear: both; overflow: hidden; border-top: 1px solid #efefef; } #wrapper #main .contentArea .moduleArea .AccordionList .InnerContent li.first { border: none; } #wrapper #main .contentArea .moduleArea .AccordionList .InnerContent li .Reference { display: block; float: left; width: 250px; font-weight: bold; } #wrapper #main .contentArea .moduleArea .AccordionList .InnerContent li .Txt { display: block; float: left; /*width: 250px;*/ clear: both; } /* Bilder Modul */ #wrapper #main .contentArea .moduleArea .pictureMod { float: left; width: 570px; padding: 0; margin: -25px 0px 40px 37px; height: auto; float: left; } #wrapper #main .contentArea .moduleArea .pictureMod h4, div.pictureMod h5 { font-size: 11px; font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: bold; margin: 0; padding: 0; } #wrapper #main .contentArea .moduleArea .pictureMod h5 { font-size: 10px; font-weight: normal; font-family:Arial, Verdana, Helvetica, sans-serif; } #wrapper #main .contentArea .moduleArea .pictureMod div.pictures { float: left; padding: 0px 10px 0px 0px; } /* Textformatierungen fuer das Modul Info_box */ #wrapper #main .contentArea .moduleArea #info_talk { float: left; margin: 0px 20px 20px 37px; width: 568px; } #wrapper #main .contentArea .moduleArea #info_talk h2 { font-size: 17px; font-weight: bold; font-family: Verdana, Arial, Helvetica; color: #034099; line-height: 22px; margin: 0px; padding: 0px; } #wrapper #main .contentArea .moduleArea #info_talk h3 { font-size: 17px; font-weight: normal; font-family: Verdana, Arial, Helvetica; color: #034099; line-height: 25px; margin: 0px; padding: 0px; } #wrapper #main .contentArea .moduleArea #info_talk .service { font-size: 17px; font-weight: normal; font-family: Verdana, Arial, Helvetica; color: #034099; margin: 15px 0px 0px 5px; } #wrapper #main .contentArea .moduleArea #info_talk .service .icon { padding: 0px 0px 0px 40px; height: 40px; width: 35%; line-height: 25px; float: left; } #wrapper #main .contentArea .moduleArea #info_talk .service .telefon { background: url(/images/btd-gruppe/icon_fon.jpg) 0px 2px no-repeat; } #wrapper #main .contentArea .moduleArea #info_talk .service .email { background: url(/images/btd-gruppe/icon_mail.jpg) 0px 2px no-repeat; } #wrapper #main .contentArea .moduleArea #info_talk small { color: #666; font-size: 10px; float: left; clear: left; margin: 10px 0px 20px 0px; } #wrapper #main .contentArea .moduleArea #info_talk p { float: left; clear: left; width: 200px; } #wrapper #main .contentArea .moduleArea #info_talk #link_box{ float: left; margin: 10px 0px 10px 0px; clear: left; } #wrapper #main .contentArea .moduleArea #info_talk #link_box ul { margin: 0px; padding: 0px; clear: left; float: left; } #wrapper #main .contentArea .moduleArea #info_talk #link_box li { list-style-type: none; float: left; padding: 0px 5px 0px 0px; margin: 0px; width: 142px; height: 130px; } #wrapper #main .contentArea .moduleArea #info_talk #link_box a { font-family: Verdana, Arial, Helvetica; color: #fff; font-weight: bold; font-size: 13px; text-decoration: none; } #wrapper #main .contentArea .moduleArea #info_talk #link_box span { background: url(/images/btd-gruppe/sparpaket_mo.jpg) 0px -130px no-repeat; width: 122px; height: 110px; padding: 10px; float: left; cursor: pointer; } /* BTD SERVICE TOOLTIP */ div#btdReferences { float: left; width: 558px; margin: 0px 0px 20px 37px; position: relative; } div#btdReferences p { float: left; width: 100%; margin-bottom: 10px; } div#btdReferences div.media { border: 1px solid #b1b1b1; margin: 10px 10px 0px 10px; float: left; width: 142px; position: relative; } div#btdReferences div.media .image { position: relative; } div#btdReferences div.media .btn { position: absolute; top: -6px; left: 133px; } div#btdReferences div.media .tTip { cursor: pointer; color: #666; } .tip { width: 367px; padding-top: 30px; overflow: hidden; display: none; position: absolute; z-index: 50000; background: transparent url(/images/global/tooltip/box_top.png) no-repeat top; } .tipMid {background: transparent url(/images/global/tooltip/box_body.png) repeat-y; padding: 0 25px 0px 25px;} .tipBtm {background: transparent url(/images/global/tooltip/box_bottom.png) no-repeat bottom; height: 47px;} .btnClose{ cursor: pointer; position:absolute; top: 13px; right:13px; width: 15px; height: 15px; background: transparent url(/images/global/tooltip/x.png) no-repeat; }