/* Voreinstellungen */ body { background: #ffffff; margin: 0px; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 16px; color: #666666; } img { border: none; } p { margin: 0; padding: 0; line-height: 16px; } form { margin: 0; padding: 0; border: none; } /* generelle textformatierung */ a, a:visited, a:active, a:link, a:hover { color: #034099; text-decoration: underline; outline-color: invert; outline-style: none; outline-width: medium; } h1 { margin: 0 0 30px 0; padding: 0; font-size: 16px; font-weight: normal; line-height: 22px; color: #666666; } h1.invers { margin: 0 0 30px 0; padding: 0; font-size: 16px; font-weight: normal; line-height: 22px; color: #ffffff; } h2 { margin: 0; padding: 0; font-size: 11px; font-weight: bold; line-height: 16px; color: #034099; } h2 a, h2 a:visited, h2 a:active, h2 a:link, h2 a:hover { padding: 0 0 0 15px; background: transparent url(/images/global/pfeil_link_blau.gif) 0px 4px no-repeat; text-decoration: none; color: #034099; } #PageHeader { position: relative; top: 0; left: 0; width: 964px; height: 134px; clear: both; overflow: hidden; } /* #MainNav { position: relative; top: 0; left: 0; float: right; margin: auto 0 auto auto; width: auto; text-align: right; }*/ #MainNav { position: absolute; top: 0; right: 0; float: none; height: 30px; text-align: right; } #MainNav a, #MainNav .NavBlock { position: relative; top: 0; left: 0; display: block; float: left; } #MainNav .NavBlock a { float: none; } #Logo { position: absolute; top: 0; left: 0; display: block; width: auto; padding: 37px 0 0 62px; } #PageBody { position: relative; top: 0; left: 0; width: 859px; padding: 0 0 0px 0; margin: 0 0 0 112px; background: transparent; clear: both; } #GroupNav { position: absolute; top: 74px; left: 0; height: 13px; padding: 38px 0 7px 118px; clear: both; } #GroupNav a { display: block; float: left; height: 13px; background-color: transparent; background-repeat: no-repeat; } #GroupNav a span { display: none; } #Columns { position: relative; top: 0; left: 0; z-index: 1; width: 859px; background: transparent; } #Columns td { position: relative; top: 0; left: 0; vertical-align: top; text-align: left; } #Columns .ColumnNav { width: 218px; } #Columns .ColumnContent { position: relative; top: 0; left: 0; z-index: 10; width: 637px; height: 425px; background: transparent url(/images/global/back_grau_mitte.jpg) top left repeat-y; } #Columns .ColumnContent .Content { position: relative; top: 0; left: 0; z-index: 20; width: 637px; background: transparent url(/images/global/back_grau_oben.jpg) top left no-repeat; clear: both; overflow: hidden; } /* #Columns .ColumnContent .Content .ContentInner { position: relative; top: 0; left: 0; z-index: 30; float: none; width: 484px; padding: 44px 107px 20px 45px; background: transparent; } */ #Columns .ColumnContent .Content .ContentInner { position: relative; top: 0; left: 0; z-index: 30; float: none; width: 584px; padding: 44px 7px 20px 45px; background: transparent; } #Columns .ColumnContent .Content .ContentFooter { position: absolute; bottom: 0; left: 0; z-index: 1; width: 638px; height: 25px; background: transparent url(/images/global/back_grau_unten.jpg) bottom left no-repeat; } #Columns .ColumnContent .Content .Sizer { position: relative; top: 0; left: 0; float: left; height: 450px; } #Columns .ColumnContent .Content .BGImage { position: absolute; bottom: 9px; right: 6px; z-index: 10; } html>body #Columns .ColumnContent .Content .ContentInner { float: right; } /* --------------------------------------- # Language Flags --------------------------------------- */ .languageFlags {float: right; margin: 116px 4px 0 0;} .languageFlags a {text-decoration: none; color: #A6A6A6 !important;} .languageFlags a img {text-decoration: none; border: none;} #PageBody .languageFlags {margin: 0 7px 0 0;} #Footer { padding: 0 5px 0 223px; } #Copyright { position: relative; top: 0; left: 0; float: left; width: 300px; } #FooterLinks { position: relative; top: 0; right: 0; float: right; margin: auto 0 auto auto; text-align: right; } #FooterLinks a, #FooterLinks a:visited, #FooterLinks a:active, #FooterLinks a:link, #FooterLinks a:hover { color: #666666; text-decoration: none; } .Teaser { xwidth: auto; width:461px; padding: 0 0 23px 0; } .Teaser h2 { font-size: 14px; } .Teaser h2.nolink { padding-left: 15px; font-size: 14px; } .Teaser h2 a, .Teaser h2 a:visited, .Teaser h2 a:active, .Teaser h2 a:link { background: transparent url(/images/global/pfeil_link_blau.gif) 0px 6px no-repeat; } .Teaser h2 a:hover { color: #003980; text-decoration: underline;} .Teaser p { padding: 0 0 0 15px; } .Teaser h2 a { color: #003980; text-decoration: none;} .Teaser h2 a:visited { color: #003980; text-decoration: none;} .Teaser h2 a:active { color: #003980; text-decoration: none;} .Teaser h2 a:hover { color: #003980; text-decoration: underline;} .Textblock { position: relative; top: 0; left: 0; width: 445px; overflow: hidden; clear: both; } .Textblock .PicLeft { position: relative; top: 0; left: 0; float: left; width: auto; padding: 4px 20px 0 0; margin: 0; } .Textblock .PicRight { position: relative; top: 0; left: 0; float: right; width: auto; padding: 4px 0 0 20px; margin: 0; } .Textblock .Txt { position: relative; top: 0; left: 0; float: left; width: auto; overflow: hidden; } html>body .Textblock .Txt { float: none; } .TextLink { display: block; } /* Navigation linke Spalte */ #LeftNav { position: relative; top: 0; left: 0; height: 431px; width: 215px; margin: 0 ; padding: 19px 0 0 3px; list-style-image: none; list-style-type: none; line-height: normal; background: transparent url(/images/global/bg_navigation_blau.jpg) top left no-repeat; clear: both; overflow: hidden; } #LeftNav li { width: 212px; float: left; background-color: transparent; padding: 0; margin: 0; list-style-image: none; list-style-type: none; } #LeftNav li a { display: block; margin: 0; padding: 0; width: 212px; height: 22px; background-color: transparent; background-repeat: no-repeat; overflow: hidden; } #LeftNav li a span { display: none; } #LeftNav ul.Lvl2 { position: relative; top: 0; left: 0; height: auto; width: 145px; padding: 2px 0 7px 0; margin: 0px; list-style-image: none; list-style-type: none; font-size: 10px; line-height: 12px; color: #ffffff; } #LeftNav ul.Lvl2 li { display: block; margin: 0; padding: 2px 0 2px 48px; background: transparent; list-style-image: none; list-style-type: none; } #LeftNav ul.Lvl2 li a { width: auto; height: auto; } #LeftNav ul.Lvl2 li a, #LeftNav ul.Lvl2 li a:visited, #LeftNav ul.Lvl2 li a:active, #LeftNav ul.Lvl2 li a:link , #LeftNav ul.Lvl2 li a:hover { padding: 0; margin: 0; background: transparent; overflow: visible; font-size: 10px; line-height: 12px; color: #ffffff; text-decoration: none; } #LeftNav ul.Lvl2 li.selected a, #LeftNav ul.Lvl2 li.selected a:visited, #LeftNav ul.Lvl2 li.selected a:active, #LeftNav ul.Lvl2 li.selected a:link, #LeftNav ul.Lvl2 li.selected a:hover { font-weight: bold; } .Formular { width: 345px; } .Formular .MsgSuccess { font-weight: bold; } .Formular .MsgFailure {} .Formular .Error { color: #034099; font-weight: bold; } .Formular table { width: 345px; font-size: 10px; line-height: 12px; } .Formular td {height:30px; margin: 0; padding: 0 2px 0 4px; text-align: left; vertical-align: top; } .Formular td.Label { width: 103px; padding: 2px 2px 0 0; } .Formular td.Full { padding: 0 2px 0 0; } .Formular td.Radio { padding: 0px 2px 3px 0; } .Formular td.Buttons { padding: 15px 0 0 0; text-align: right; } input { font-size: 10px; } input.Sized {width: 249px; } textarea.Full { line-height: 16px; width: 345px; } .Blau { color: #034099; } .orange, a.orange, a.orange:visited, a.orange:active, a.orange:link, a.orange:hover { color: #ff6600 !important; } a.nodeco, a.nodeco:visited, a.nodeco:active, a.nodeco:link, a.nodeco:hover { text-decoration: none !important; } .newmedia h2, .newmedia a, .newmedia a:visited, .newmedia a:active, .newmedia a:link, .newmedia a:hover { color: #ff6600 !important; } #ColumnSgl { position: relative; top: 0; left: 0; z-index: 1; width: 859px; background: transparent; } #Columns td { position: relative; top: 0; left: 0; vertical-align: top; text-align: left; } #ColumnSgl .ColumnNav { width: 218px; } #ColumnSgl .ColumnContent { position: relative; top: 0; left: 0; z-index: 10; width: 637px; height: 425px; background: transparent url(/images/global/back_grau_mitte.jpg) top left repeat-y; } #ColumnSgl .ColumnContent .Content { position: relative; top: 0; left: 0; z-index: 20; width: 637px; background: transparent url(/images/global/back_grau_oben.jpg) top left no-repeat; clear: both; overflow: hidden; } #ColumnSgl .ColumnContent .Content .ContentInner { position: relative; top: 0; left: 0; z-index: 30; float: none; width: 444px; padding: 44px 147px 20px 45px; background: transparent; } #ColumnSgl .ColumnContent .Content .ContentFooter { position: absolute; bottom: 0; left: 0; z-index: 1; width: 638px; height: 25px; background: transparent url(/images/global/back_grau_unten.jpg) bottom left no-repeat; } #ColumnSgl .ColumnContent .Content .Sizer { position: relative; top: 0; left: 0; float: left; height: 450px; } #ColumnSgl .ColumnContent .Content .BGImage { position: absolute; bottom: 9px; right: 6px; z-index: 10; } html>body #Columns .ColumnContent .Content .ContentInner { float: right; } .Tabelle { padding-bottom: 24px; } .Tabelle td { padding: 4px 4px 4px 0; } /*22.02.2008 Riccardo Carano */ .Txt a:visited, .Txt a:active, .Txt a:link { color: #003980; text-decoration:none; } .Txt a:hover { text-decoration:underline; } .brief { witdh: 53px; height: 36px; background: url(/images/btd-gruppe/btd_kontakt.gif) no-repeat;} .position_txt { margin-left: 60px; margin-top: -40px;} .colored { color: #003980; } /* 19.03.2008 Riccardo Carano CSS für die Jobsstartseite */ #NEWMEDIA {color: #f60;} #NEWMEDIA h2 a, h2 a:visited, h2 a:active, h2 a:link, h2 a:hover { background-image: url(/images/global/pfeil_link_orange.gif); color: #f60; } #NEWMEDIA .Teaser h2 a { color: #f60; text-decoration: none;} #NEWMEDIA .Teaser h2 a:visited { color: #f60; text-decoration: none;} #NEWMEDIA .Teaser h2 a:active { color: #f60; text-decoration: none;} #NEWMEDIA .Teaser h2 a:hover { color: #f60; text-decoration: underline;} #TELEKOMMUNIKATION { color: #003980;} #TELEKOMMUNIKATION .Teaser h2 a { color: #003980; text-decoration: none;} #TELEKOMMUNIKATION .Teaser h2 a:visited { color: #003980; text-decoration: none;} #TELEKOMMUNIKATION .Teaser h2 a:active { color: #003980; text-decoration: none;} #TELEKOMMUNIKATION .Teaser h2 a:hover { color: #003980; text-decoration: underline;} #SERVICE { color: #003980;} #SERVICE .Teaser h2 a { color: #003980; text-decoration: none;} #SERVICE .Teaser h2 a:visited { color: #003980; text-decoration: none;} #SERVICE .Teaser h2 a:active { color: #003980; text-decoration: none;} #SERVICE .Teaser h2 a:hover { color: #003980; text-decoration: underline;} #SYSTEM { color: #003980;} #SYSTEM .Teaser h2 a { color: #003980; text-decoration: none;} #SYSTEM .Teaser h2 a:visited { color: #003980; text-decoration: none;} #SYSTEM .Teaser h2 a:active { color: #003980; text-decoration: none;} #SYSTEM .Teaser h2 a:hover { color: #003980; text-decoration: underline;} /* Textformatierung fuer das Modul Image.mod */ .Imagebox { margin-bottom: 10px; padding-bottom: 10px;} .Imagebox .image_1 { float: left; text-align: left; margin-right: 10px; } .Imagebox .image_2 { float: right; text-align: left; margin-bottom: 10px; padding-bottom: 10px; } /* Textformatierungen fuer das Modul Info_box */ #info_talk { } #info_talk h2 { font-size: 17px; font-weight: bold; font-family: Verdana, Arial, Helvetica; color: #034099; line-height: 22px; margin: 0px; padding: 0px; } #info_talk h3 { font-size: 17px; font-weight: normal; font-family: Verdana, Arial, Helvetica; color: #034099; line-height: 25px; margin: 0px; padding: 0px; } #info_talk .service { font-size: 17px; font-weight: normal; font-family: Verdana, Arial, Helvetica; color: #034099; margin: 15px 0px 0px 5px; } #info_talk .service .icon { padding: 0px 0px 0px 40px; height: 40px; width: 35%; line-height: 25px; float: left; } #info_talk .service .telefon { background: url(/images/btd-gruppe/icon_fon.jpg) 0px 2px no-repeat; } #info_talk .service .email { background: url(/images/btd-gruppe/icon_mail.jpg) 0px 2px no-repeat; } #info_talk small { color: #666; font-size: 10px; float: left; clear: left; margin: 10px 0px 20px 0px; } #info_talk p { float: left; clear: left; width: 200px; } #info_talk #link_box{ float: left; margin: 10px 0px 10px 0px; clear: left; } #info_talk #link_box ul { margin: 0px; padding: 0px; clear: left; float: left; } #info_talk #link_box li { list-style-type: none; float: left; padding: 0px 5px 0px 0px; margin: 0px; width: 142px; height: 130px; } #info_talk #link_box a { font-family: Verdana, Arial, Helvetica; color: #fff; font-weight: bold; font-size: 13px; text-decoration: none; } #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; } /* EDIT by Riccardo Carano */ div#pressModule { clear: left; } div#pressModule h3{ margin: 5px 0px 0px 0px; font-size: 14px; } div#pressModule div{ margin: 3px 0px 10px 0px; position: relative;} div#pressModule div div#image { position: relative; top: -5px; left: -9px; float: left; width: 148px; height: 96px; background: url(/images/lightbox/picbg.png) 0 0 no-repeat; z-index: 500;} div#pressModule div div#image img{ margin: 8px 0px 0px 9px; } div#pressModule div div#content { width: 308px; height: auto; float: left;} div#pressModule div div#content .link { clear: left; } div#pressModule div div#content .img { position: relative: top: -10px; left: 0px; } div#pressModule div .clear { clear: left; } /* BTD SERVICE TOOLTIP */ div#btdReferences { clear: both; margin-bottom: 20px; position: relative; } div#btdReferences p { float: left; width: 100%; margin-bottom: 10px; } div#btdReferences div.media { border: 1px solid #b1b1b1; margin: 10px 10px 0px 0px; 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/top.gif) no-repeat top; } .tipMid {background: transparent url(/images/global/tooltip/fill.gif) repeat-y; padding: 0 25px 0px 25px;} .tipBtm {background: transparent url(/images/global/tooltip/bottom.gif) no-repeat bottom; height: 47px;} .btnClose{ cursor: pointer; position:absolute; top: 10px; right:13px; width: 15px; height: 15px; background: transparent url(/images/global/tooltip/close_icon.gif) no-repeat; } /* Accordion */ .AccordionList { position: relative; width: 557px; margin-bottom: 10px; clear: both; overflow: hidden; } .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; } .AccordionList a.Title:hover { color: #ffffff; background-position: 0 -52px; text-decoration: none !important; } .AccordionList a.selected, .AccordionList a.selected:hover { color: #ffffff !important; background-position: 0 -26px; text-decoration: none !important; } ul.AccordionList, ul.AccordionList * ul { margin: 0; padding: 0; list-style-image: none; list-style-type: none; } ul.AccordionList li, ul.AccordionList * li { margin: 0; padding: 0; list-style-image: none; list-style-type: none; clear: both; overflow: hidden; } .AccordionList .InnerContent { margin: 0; padding: 5px 5px 10px 3px; background: transparent; } .AccordionList .InnerContent li { padding: 4px 0px 4px 25px; clear: both; overflow: hidden; border-top: 1px solid #efefef; } .AccordionList .InnerContent li.first { border: none; } .AccordionList .InnerContent li .Reference { display: block; float: left; width: 250px; font-weight: bold; } .AccordionList .InnerContent li .Txt { display: block; float: left; width: 250px; } /* ImageRaster */ .ImageRaster { width: 552px; margin-bottom: 20px; clear: both; overflow: hidden; } .ImageRaster .FloatImage { display: block; float: left; xwidth: 110px; } /* Galleriffic JS Gallery */ .GFC_Gallery { width: 558px; margin-bottom: 20px; clear: both; xoverflow: hidden; } .GFC_Gallery .content { /* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */ position: relative; display: none; width: 550px; } .GFC_Gallery .controls { display: none; position: absolute; z-index: 10; top: 0; left: 0; background: transparent; width: 550px; height: 310px; } .GFC_Gallery .ss-controls { display: none; } .GFC_Gallery .nav-controls { width: 550px; height: 310px; } .GFC_Gallery .nav-controls .prev { width: 50px; height: 310px; float: left; background: transparent url(/images/galleriffic/pfeil_links.gif) left center no-repeat;} .GFC_Gallery .nav-controls .next { width: 50px; height: 310px; float: right; background: transparent url(/images/galleriffic/pfeil_rechts.gif) right center no-repeat; } .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 */ } .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 */ } .GFC_Gallery .slideshow {} .GFC_Gallery .slideshow .image-wrapper { display: block; position: absolute; top: 4px; left: 4px; background: transparent; } .GFC_Gallery .slideshow .advance-link { display: block; width: 550px; text-align: center; height: 310px; /* This should be set to be at least the height of the largest image in the slideshow */ line-height: 310px; /* This should be set to be at least the height of the largest image in the slideshow */ } .GFC_Gallery .navigation { display: none; float: left; height: 18px; width: auto; padding: 0 25px 0 0; } .GFC_Gallery ul.thumbs { float: left; width: auto; margin: 2px 0 0 0; padding: 0; list-style-image: none; list-style-type: none; } .GFC_Gallery ul.thumbs li { float: left; padding: 0; margin: 0 3px 0 0; list-style: none; } .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; } .GFC_Gallery a.thumb:hover, .GFC_Gallery ul.thumbs li.selected a.thumb, .GFC_Gallery ul.thumbs li.selected a.thumb:hover { background-position: 0 -10px; } .GFC_Gallery .caption-container { display: none; float: none; height: 18px; font-size: 10px; } .GFC_Gallery .image-title { float: left; height: 18px; line-height: 15px; font-weight: bold; } .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; } .GFC_Gallery .download a { text-decoration: none; } /* Bilder Modul */ div.pictureMod { width: 570px; padding: 0; margin: 0px 0px 20px 0px; height: auto; float: left; } div.pictureMod h4, div.pictureMod h5 { font-size: 11px; font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: bold; margin: 0; padding: 0; } div.pictureMod h5 { font-size: 10px; font-weight: normal; font-family:Arial, Verdana, Helvetica, sans-serif; } div.pictureMod div.pictures { float: left; padding: 0px 10px 0px 0px; } /* Tooltip */ div#tooltip { background:transparent url(/images/btd-gruppe/blase_bg_down.png) 0 0 no-repeat; font-size:10px; height:58px; width:265px; padding:15px 0px 0px 34px; margin: 0px 0px 0px 140px; line-height: 12px; position: absolute; top: 40px; left: 112px; } div#tooltip h2 { color: #666; } div#tooltip a { font-size: 10px; } .entry-title { display: none; }