/*- Anpassungen Unternehmensbereich -------------------------------------------*/ /*- start: Default-Styles ueberschreiben --------------------------------------*/ /*- global -------------------------------------------*/ html {/*overflow-y:scroll;*/} body {background:#F4F4F4;} #body * {color:#777 !important} span {display:inline;} br {float:none !important;} #wrapper {position:relative; top:15px; left:50%; margin-left:-478px;} img {border-width:0;} #b_center {width:540px; margin-right:20px; position:relative;} .box, #footer {margin-bottom:30px; position:relative;} a {cursor:pointer;} a.zoom:hover {cursor: -webkit-zoom-in; cursor: -moz-zoom-in;} #header_print {display:none;} #b_left .sub_header {width:176px !important;} #message {position:relative;} textarea {background:#FFF url(http://shop.orion.de/isroot/orion_DE/global_images/body/bg_input.gif) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding: 2px; border: 1px solid #aaa;} textarea:focus {border: 1px dotted #aaa;} /*- header -------------------------------------------*/ #header_head {background:url(../images/bg_head.gif);} #header_navigation ul {margin-left:4px;} #header_navigation ul li {margin:0; width:118px;} #header_navigation ul li a {background:url(../images/navigation.gif) no-repeat;} #header_navigation ul li a.active, #header_navigation ul li a:active, #header_navigation ul li a:hover {background:url(../images/navigation.gif) -121px 0;} /* Abschnitt "Hauptnavigation" (s.u.) erweitert diese Angaben */ #languageselection {float:right; margin:2px 20px; width:400px; height:40px;} #languageselection li {float:right; margin-left:10px;} #front #languageselection li.en {margin-left:90px;} #languageselection a {color:#FFF;} #logo {display:block; width:135px; height:55px; background:#FFF url(../images/bg_head.gif) -40px -30px; position:relative; top:30px; left:40px; } /*- Breadcrumb Navigation ----------------------------*/ #breadcrumb_navigation {font-size:11px; border-bottom:1px solid #e5e5e5; height:18px; text-indent:10px; margin-bottom:15px; width:100%;} #breadcrumb_navigation label {font-weight:bold;} /*- Inhalte und Pressetext ---------------------------*/ h1, h2, h3 {font-size:12px;} p, form, #externallinks, .date, h2, h3, #eumap, #map, #map_canvas, .prcontact {margin-top:20px;} h1 {width:450px; height:auto; margin-bottom:0;} #b_center p {text-align:justify;} .location, .date {font-size:10px; font-weight:normal;} .date {padding-left:5px;} /*- Navigation ---------------------------------------*/ #b_left .box {border-width:0 0 1px 0} .bl_menu a, #b_left .sub_header_center {text-indent:10px !important;} .bl_menu a, .subselection a {border:1px solid #D6D6D6; border-width:1px 1px 0 1px; background:#FFF; height:30px; display:block; line-height:25px !important; width:176px !important;} .bl_menu a.active, .bl_menu a:hover, .subselection a:hover {background:#F5F5F5;} .bl_menu a.active {font-weight:bold;} .page_browsing {position:absolute; top:3px; right:0;} .page_browsing * {float:left;} .page_browsing a {width:20px; height:20px; background:url(../images/bc_button_left.gif) no-repeat;} .page_browsing .right a {background:url(../images/bc_button_right.gif) no-repeat;} .page_browsing a:active, .page_browsing a:hover {background-position:0 -21px;} /*- Side Boxes ---------------------------------------*/ .sub_header, #b_right .box, .subselection {border:1px solid #D6D6D6; width:180px;} .sub_header {border-bottom-width:0; line-height:10px;} .sub_header {background:#FFF url(../images/bg_box.gif) 0 0 repeat-x; margin:0;} .sub_header div {background:none;} #b_right .box {background:#FFF url(../images/bg_box.gif) 0 -30px repeat-x;} /*- footer -------------------------------------------*/ #footer {margin-top:20px;} #footer_navigation ul {width:230px; margin:auto;} #footer_navigation li {float:left; margin:auto 3px;} #footer_navigation * {color:#720000;} #footer #links * {color:#888 !important;} /*#footer_links * {display:inline; color:#CCC; margin:0 1px;} #footer_links {margin-top:-10px;}*/ /*------------------------------------- ende: Default-Styles ueberschreiben -*/ /*- start: Anpassungen nur Unternehmen --------------------------------------*/ /*- global -------------------------------------------*/ #b_center img, #gallery, form, iframe, #map_canvas /*, .block.label, .block.pressemeldung, .block.joboffer*/ {border:1px solid #CCC;} #gallery, form /*, .block.label, .block.joboffer, .block.pressemeldung */ {width:540px; border-style:dotted; background:#EEE;} #pagepeel { position:absolute; top:0; right:0; z-index:11; } #teaserkarriere img { margin-top:20px; } /*- header -------------------------------------------*/ #shoplink_head {float:right; width:175px; height:113px; margin:-44px 4px 0 0; background-position:-175px 0;} #shoplink_head:hover {background-position:0 0;} #shoplink_head {background-image:url(../images/shoplink_head.gif);} /* #shoplink_head.de {background-image:url(../images/shoplink_de_head.gif);} #shoplink_head.en {background-image:url(../images/shoplink_en_head.gif);} */ /*- Hauptnavigation -------------------------------------------*/ #header_navigation a {height:30px;} #versandhandel .versandhandel, #fachgeschaefte .fachgeschaefte, #grosshandel .grosshandel, #entertainment .entertainment, #pressecenter .pressecenter, .ueberorion .willkommen, #karriere .orion-als-arbeitgeber, #front .de, #front .en {background-position: -121px 0 !important;} /* Abschnitt "header" (s.o.) erweitert diese Angaben */ .en .orion, .orion {position:relative; left:358px; top:0;} .en .orion {left:476px;} /*- formulare -------------------------------------------*/ fieldset, form h2, form p {width:80%; margin:20px 0 20px 40px;} legend {font-weight:bold;} form label, input {margin-top:6px;} form label {width:140px; float:left; margin-left:30px;} /*- rechte Spalte ------------------------------------*/ #b_right .message_short, #b_right .message_short div {border-width:0; background:none;} #b_right .box .p {display:block; width:105px; margin:10px 5px;} #b_right .box .picture {position:absolute; bottom:1px; left:110px;} .box.message_short h2, .box.message_short li {margin-left:5px;} /*- footer / drucken ---------------------------------*/ #totop, #print {position:absolute; right:5px; height:22px; text-align:right; padding-right:20px; background:url(../images/footer_icon_top.gif) right 0 no-repeat;} #print {background-image:url(../images/header_icon_print.gif); visibility:hidden;} /* global.js blendet ein, da Druck = Javascript-Funktion */ /*- frontpage ----------------------------------------*/ #front #shoplink_head {display:none;} #front_top, #front_bottom, #languageselectionfront {width:730px; height:260px; clear:both; background:#FFF url(../images/frontpage/bg_front_top.gif); margin-top:10px;} #languageselectionfront {height:400px; background:#FFF url(../images/frontpage/bg_front_languageselection.gif);} #front_bottom {height:130px; background:#FFF url(../images/frontpage/bg_front_bottom.gif);} #front a:hover {text-decoration:none; cursor:pointer;} #front #footer {margin-top:0;} #front .teaser {float:left;} #front .teaser.big {width:280px; height:260px;} #front .teaser.small, #front .teaser.big.half {height:130px;} #front .teaser.small {width:225px;} #front .teaser span {display:block; width:120px;} #front .teaser.big span {width:205px;} #front .teaser span.h2, #front .teaser span.p, #front .teaser.big.half .p {width:120px;} .h1, #languageselectionfront h1 {font-size:19px;} .h1, .h2 {font-weight:bold;} #front .teaser * {float:left;} #front .teaser.big .h1 {margin:30px 0 20px 0;} #front .teaser.big .h1, #front .teaser.big .p, #front .teaser.big img {margin-left:40px;} #front .teaser.big .p {width:230px; height:90px;} #front .teaser img {margin:24px 10px auto 20px;} #front .teaser .h2 {margin:30px auto 0 0; height:35px;} #front .teaser.big.half img {margin-left:30px; margin-right:20px;} #front .teaser.big.half .p {margin-left:0;} #front #languageselection {background:url(../images/frontpage/emotie.jpg) 194px 0 no-repeat;} #front #emozie {position:absolute; top:193px; left:50%; margin-left:252px; width:265px; height:420px; overflow:hidden;} #front #emozie img {margin-top:-30px;} #front #emozie a {margin:-113px 0 0 52px; display:block;} /*- Sprachwahl Frontpage ---------------------*/ #languageselectionfront * {width:100%; text-align:center; font-size:14px;} #languageselectionfront h1 {padding-top:130px;} #languageselectionfront h2 {margin:0 auto;} #languageselectionfront p {margin-top:60px;} #languageselectionfront a {letter-spacing:5px; margin:10px;} /*- Inhalte --------------------------------------------*/ .subline {margin:0;} .unterschrift {text-align:center; display:block; clear:both; font-size:10px;} .unterschrift {margin:5px 0 35px 0;} .block, #karriere .block a, .label.block {clear:both; display:block; height:auto; margin:20px 0; position:relative;} .block * {float:left;} .block img {margin:0 10px 5px 5px;} .block h2 {width:300px; margin-top:0;} .block p {width:360px; height:auto;} .block p, .link {margin:10px 0 5px 0; display:block;} .block.label img {border-width:0 !important;} .block .forcedbreak {float:none; clear:both; height:1px;} #pressecenter .block {margin-top:0;} #pressecenter.meldung h2 {margin-bottom:-15px;} #karriere .block, #karriere .block * {width:500px; display:block;} #karriere .block a {margin-left:20px;} .karten #b_center { width:740px; } .karten .karte.block { clear:none; float:left; position:relative; width:350px; } .karten .karte.block h2, .karten .karte.block ul { left:170px; position:absolute; top:0px; width:100%; } .karten .karte.block ul { top:20px; } .karten .karte.block ul li { clear:both; width:100%; } .karten .karte.block ul li.telefon { margin-top:5px; } .karten .karte.block ul a.link { clear:none; display:inline; } #gallery {width:540px; border-style:dotted; background:#EEE;} #gallery a {float:left; margin:20px 0 0 20px;} #gallery img, .block img {width:150px; height:120px;} #gallery .unterschrift {margin-bottom:0; padding:5px;} #singleimage img {margin:0 auto;} #b_center a {color:#CC3333 !important;} #b_center a:hover {color:#FF6666 !important;} #externallinks a {display:block;} /*- Fuehrungsteam ---------------------------*/ .portrait {float:left; width:160px; height:260px; margin:10px 10px;} .portrait *, .portrait {text-align:center !important;} .portrait * {margin:5px auto;} .portrait .title {margin:0; font-size:10px;} .portrait.astrid-nissen { margin-left:190px; } /*- Unterauswahl (z.B. Laender) -------------*/ .subselection {margin:4px auto; border-width:0 0 1px 0; border-style:dotted;} .subselection a {display:block; width:94% !important; height:20px; margin-left:5px; line-height:20px !important; border-style:dotted;} .subselection img {display:inline; margin:0 5px;} /*- Europakarte OF -------------*/ #eumap {width:540px; height:450px; background:url(../images/europakarte-interaktiv.gif) 0 0 no-repeat;} #eumap #description {position:absolute; left:35px; top:75px; width:160px; text-align:left;} #eumap #description span {float:left; width:20px; text-align:right;} #eumap.dk {background-position:-540px 0;} #eumap.de {background-position:-1080px 0;} #eumap.no {background-position:-1080px -450px;} #eumap.at {background-position:0 -450px;} #eumap.es {background-position:-540px -450px;} #ortlogo {position:absolute; top:0; right:0;} /*- PR-Contact ----------------*/ .prcontactperson {width:50%; float:left; margin:20px 0;} .prcontactperson label {float:left; width:60px;} #pr_form .messageerror, #pr_form .messagesuccess {padding:20px 5px; font-weight:bold;} #pr_form .messageerror {background:#FFFFD5; border:1px dotted #CC0000;} #pr_form .messagesuccess {background:#DDFFD5; border:1px dotted #9BB395; color:#9BB395 !important;} #pr_form .messageerror, #pr_form .error label, #pr_form .error span {color:#CC0000 !important;} #pr_form .error input {border:1px solid #CC0000;} /*- ORION Gruppe --------------*/ .tochter {float:left !important; width:250px; margin:20px 20px 0 0} .tochter img {border-width:0 !important; float:left; margin:2px 5px 0 0;} .tochter p {margin-top:5px !important;} .director {display:block; height:15px; width:90%;} /*- Online-Shopping Sprachwahl -*/ #overlay, #flags { position:fixed !important; display:none; } #overlay {background:#EEE; height:100%; left:0; top:0; width:100%; opacity: .5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); z-index:100;} #flags {background:url(../images/overlay-box.gif) 0 0 no-repeat; height:270px; left:50%; margin:-180px auto 0 -210px; top:50%; width:420px; z-index:101;} #flags h2 { margin-top:30px; text-align:center; width:230px; font-size:14px; } #flags ul { margin:20px 15px ; width:210px;} #flags li { float:left; margin-bottom:10px; width:70px; text-align:center;} #flags li img {margin:auto;} #flags li a { font-weight:normal; color:#AAA; } #flags li a:hover { color:#000; } #closeoverlay { background:url(../images/overlay-box.gif) top right no-repeat; display:block; position:absolute; right:0; height:32px; text-indent:1000px; width:32px; } #preload { height:0px; overflow:hidden; width:0px; } /*--------------------------------------- ende: Anpassungen nur Unternehmen -*/