/* --------------------------------------------- 01. main/default elements --------------------------------------------- */ html, body, p, div, input, textarea, select, option, label, h1, h2, h3, h4, h5, h6, img, a, a:link, a:active, a:hover, a:visited, form, ul, ol, li { margin:0; padding:0; text-align:left;} /* ###### Added by Ost-Kombinat in 2011-11 [NEXT ROW ONLY] ###### */ a, a:hover{outline:none;} img,fieldset { border:none} ul, li { list-style:none} body { font-family:"Lucida Sans", Arial, Helvetica, sans-serif} p { font-size:13px; color:#454444} h1 { font-size:19px; color:#012A57;} h2 { font-size:16px; color:#012A57;} h3 { font-size:14px; color:#012A57;} h4 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000} /* fonts */ @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot'); src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg#fontawesome') format('svg'); font-weight: normal; font-style: normal; } .strong { font-weight:bold; } .red {color:red;} /* --------------------------------------------- 02. wrapper --------------------------------------------- */ #wrapper { width:982px; margin:0 auto;border:0px solid #F00; position:relative; padding-bottom:40px; overflow:hidden;} /* ###### Added by Ost-Kombinat in 2011-11 ###### [NEXT STYLE ONLY] ###### */ #pageDescriptionTextHome { position:absolute; bottom:173px; left:0px; width:982px; z-index:5; font-size:10px; color:#aeb0b0; text-align:justify; } /* ###### END ###### */ /* --------------------------------------------- 03. header --------------------------------------------- */ #header .logo { float:left;} #header .logo a { width:210px; height:86px; float:left; background:url(../images/logo.jpg) left center no-repeat; text-indent:-9999px;} #header .nav { width:982px; height:28px; clear:both;background:url(../images/bg_navbar.png) repeat-x; font:12px/28px Arial,Helvetica,sans-serif; color:#fff;} #header .nav a { color:#fff; text-decoration:none; padding:6px 16px; white-space:nowrap;} /* ###### Changed by Ost-Kombinat in 2011-11. Reason: Not used in new design. #header .nav p a:hover { background-image:url(../images/nav_bg_hover.gif); background-position:top left; background-repeat:repeat-x; color:#FFF;} #header .nav p a.active {background-image:url(../images/nav_bg_hover.gif); background-position:top left; background-repeat:repeat-x; color:#FFF;} ###### */ #header .nav a:hover, #header .nav a.active { text-decoration:underline; } #header .banner { width:478px; height:165px; float:left; background:url(../images/bg_banner.jpg) no-repeat; margin-right:-12px; padding:21px 470px 0 46px; position:relative} #header .banner h1 span { color:#AA0F4A; font-weight:bold} #header .banner h4 { line-height:1.4em; padding-top:6px; padding-bottom:15px} #header .banner p { font-family:Arial, Helvetica, sans-serif; color:#2A2A2A; line-height:1.4em; padding-right:8px} #header .banner p a { color:#2A2A2A; text-decoration:underline; } /* --------------------------------------------- 04. content --------------------------------------------- */ /* #content { width:982px; float:left; padding-bottom:12px} */ /* #content .wrapper{float:right; } */ /* ###### Changed by Ost-Kombinat in 2011-11 ###### [NEXT STYLE ONLY] ###### #content .subnav { width:982px; float:left; background:url(../images/dottedborder.gif) repeat-x bottom left; padding-bottom:6px; margin-top:-1px; margin-bottom:8px} ###### */ #content .subnav { width:100%; float:left; background:url(../images/dottedborder.gif) repeat-x bottom left; padding-bottom:6px; margin-top:-1px; margin-bottom:29px;} #content .subnav p { float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#9D9C9C; margin-right: 2px} #content .subnav a,#jobSearchResults .breadcrumb a { color:#9D9C9C; text-decoration:none; margin-left: 2px} #content .subnav a:hover,#jobSearchResults .breadcrumb a:hover { color:#595959; text-decoration:none} #content .subnav p.right{ float:right} #content .subnav p.right a { padding:0 12px} #content .subnav p.right a.impressum { padding-right:0} #content .subnav li {display: inline; float: left; font-size: 10px; color:#9D9C9C; margin-left: 2px} /* --------------------------------------------- 05. leftpanel --------------------------------------------- */ #leftpanel { max-width:220px;} #leftpanel .googlead { min-height:585px; float:left; background: url(../images/dottedborder.gif) repeat-x bottom left; padding-bottom:25px} #leftpanel .googleadlb { height:90px; float:left; background: url(../images/dottedborder.gif) repeat-x bottom left; padding-bottom:31px} #leftpanel .links { float:left; padding-top:20px;padding-left:15px} #leftpanel .eingabe{padding-left:15px; padding-top:20px; overflow: hidden;} #leftpanel .links h2 { padding-bottom:10px} #leftpanel .links ul li { font-size:10px; color:#454444; background:url(../images/arrow_links.png) no-repeat 0 3px; line-height:1.4em;} #leftpanel .links ul li a { color:#454444; text-decoration:none} #leftpanel .links ul li a:hover { color:#454444; text-decoration:underline} #leftpanel .links ul li .right { width:60px; float:right; text-align:right} /* --------------------------------------------- 06. middle panel --------------------------------------------- */ #middlepanel { float:left;} .main-content#middlepanel,.specials-content#middlepanel{ position:relative;margin:0 auto;float:none;clear:both;} .main-content#middlepanel{padding-right:186px;} .specials-content#middlepanel{width:738px;} #middlepanel .row { padding:10px 0 0; width:100%;} #middlepanel .row:after{clear:both; display:block;content:'';} #middlepanel h1, #middlepanel h2{ margin-bottom: 10px; font-weight: bold; text-transform: none;} #middlepanel h3, #middlepanel h4, #middlepanel h5, #middlepanel h6{ margin-bottom: 5px; font-weight: bold; font-size:14px; color:#012A57; text-transform: none;} #middlepanel h1 span{font-weight:normal; font-size:17px;} #middlepanel .search { background:url(../images/dottedborder.gif) repeat-x bottom left; padding:10px 0 20px; margin-bottom:11px; width:100%; clear:both;} #middlepanel .search {background:none;} .search .input,.prof-search .input{ width:230px; height:20px; line-height:19px; float:left; font-size:12px; color:#333; background:#fff; border:1px solid #ccc; padding:2px 8px;-moz-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} #middlepanel .search .input{ width:365px;} #middlepanel .search .button{float:left; font-size:10px; text-transform:uppercase; padding:0 0 0 7px} .search .button a,#header .search fieldset .button,.prof-search fieldset .button{ width:86px; height:25px; font:bold 10px/25px Arial, Helvetica, sans-serif; float:left; background: #308714 url('../images/lupa.png') no-repeat 93% 50%;-webkit-border-radius:3px;-o-border-radius:3px;-moz-border-radius:3px; border-radius:3px; color:#fff; text-decoration:none; padding:1px 0 0 20px;} #middlepanel .search .row .column { width:150px; margin:-1px; margin-left:15px; float:left; border-bottom:0} #middlepanel .search .row .bginput { width:150px} #middlepanel .search .row .input { width:135px} #middlepanel .search .row .button { padding-left:0} #middlepanel .searchLong { width:590px; float:left; margin-bottom:11px} .main-content#middlepanel .searchLong,.midl-content#middlepanel .searchLong { float:none; clear:both; width:100%; overflow: hidden;margin-bottom:0} #middlepanel .searchLong fieldset{float:left; padding:10px 0 0 10px} .main-content#middlepanel .searchLong fieldset,.midl-content#middlepanel .searchLong fieldset{ float:none; padding:0} .main-content#middlepanel .searchLong .search,.midl-content#middlepanel .searchLong .search{ margin:10px auto 20px;} #middlepanel .searchLong .bginput{ width:441px; height:18px; float:left; border-bottom:1px solid #e3e2e3; border-left:1px solid #ababab;border-right:1px solid #e3e2e3; border-top:1px solid #ababab; padding:0 1px 1px 0} #middlepanel .searchLong .input{ width:425px; height:20px; float:left; background:#e3e2e3; font-size:11px; color:#333333; border:none; padding:1px 8px} #middlepanel .searchLong .button{float:left; font-size:10px; text-transform:uppercase; padding:0 0 0 7px} #middlepanel .searchLong .button a{ width:76px; height:15px; float:left; background:url(../images/button_suchen.gif) no-repeat; padding:5px 0 0 33px; color:#FFFFFF; text-decoration:none} #middlepanel .searchLong .row .column { width:180px; margin:-1px; margin-left:15px; float:left; border-bottom:0} #middlepanel .searchLong .row .bginput { width:180px} #middlepanel .searchLong .row .input { width:165px} #middlepanel .searchLong .row .button { padding-left:0} #middlepanel #wenn_alternating_colors .searchLong .row .column{ margin:0 15px 0 0;} .main-content#middlepanel .searchLong h2,.midl-content#middlepanel .searchLong h2{margin:0;padding:0 0 10px; font-weight: normal;font-size:14px} .adsright{font-size:11px; border-collapse:collapse; margin:10px 0 0 10px;border-spacing: 1px;} #middlepanel .wenn { float:left; background:url(../images/dottedborder.gif) repeat-x bottom left; padding:0px 0 10px 0; margin-bottom:11px;} .main-content#middlepanel .wenn{ width:100%; margin-bottom:20px;} #middlepanel .wenn p { padding-bottom:10px; font: 13px/19px Verdana, Geneva, Arial, Helvetica, sans-serif;} #middlepanel .wenn p a { color:#800040; text-decoration:underline } #middlepanel .wenn p a:hover { color:#800040; text-decoration:underline } #middlepanel .wenn .button {float:right; font-size:10px; text-transform:uppercase; padding:7px 0 0 0} #middlepanel .wenn .button a { width:132px; height:15px; float:left; background:url(../images/bg_salarySearch_button.jpg) no-repeat; color:#FFFFFF;text-decoration:none; padding:5px 0 0 37px} #middlepanel .wenn h2 { padding-top:10px } #middlepanel .wenn ul { padding-bottom:10px } #middlepanel .wenn ul li { font-size:12px; color:#454444; background:url(../images/arrow_links.png) no-repeat 0 3px; line-height:1.4em; padding-left:13px } #middlepanel .wenn ul li a { color:#454444; text-decoration:none } #middlepanel .wenn ul li a:hover { color:#454444; text-decoration:underline } #middlepanel .wenn .jobOffers a { color:#800040; text-decoration:underline } #middlepanel .wenn .jobOffers p a:hover { color:#800040; text-decoration:underline } #middlepanel .wenn ul.jobOffers{ padding:5px 0 2px;} #middlepanel .wenn ul.jobOffers li{ padding-bottom:3px; font-size: 12px;} #middlepanel .infoboxModul .info{ position:absolute; left:0; top:10px; padding:3px 0 0; font:italic 12px Arial, Helvetica, sans-serif; background: url("../images/info.png") no-repeat; } #middlepanel .infoboxModul .info span{ float:left; cursor:pointer; width:21px; height:22px; margin:-3px 6px 0 0;} #middlepanel .wenn .button-holder{ width:100%; position: relative;} a.btn-vergleich,#middlepanel .wenn .jobOffers a.btn-vergleich{ background:#308714 url(../images/Button_neu_gde.png) no-repeat 10px 50%;-o-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px;color:#fff; text-transform:uppercase;float:right; text-decoration: none; font-size:11px;padding:10px 10px 10px 37px;} a.btn-vergleich:hover{ text-decoration:underline;} #middlepanel .infoboxModul { width:100%; position:relative; display:block; float:right; margin:-4px 0px 10px; } #middlepanel .infoboxModul .info { position:relative; float:right; right:0px; display:block;} #middlepanel .infoboxModul .info #vergleichinfo { display:inline-block; text-decoration: underline; } #tableNettoRechnerErgebnis a.btn-vergleich {display:block; float:none; padding:5px 5px 0 35px; height:18px; margin-left:3px; text-transform:none; width:97px; background-color: #103472;} #middlepanel a#btn-look{ position:absolute; bottom:0px; right:20px; color:#ddd; text-decoration:none;} #middlepanel .wenn .googlead { float:left; padding:8px 0 4px 18px} #middlepanel .wenn .googlead1 { width:433px; height=270px; background-color:#f8f8ff} #middlepanel .wenn .googlead5 { text-align:center; background-color:#f8f8ff} #middlepanel .wenn .googlead1 { float:left; padding:8px 0 4px 135px; } #middlepanel .googleblock { width:300px; height:250px; float:right; padding:10px 0px 10px 10px } #middlepanel .similar-articles-block { width:300px; min-height:100px; float:left; padding:10px 0px 10px 10px; margin-right: 10px; border: 1px solid rgb(173, 51, 131);} #middlepanel .similar-articles-block h2{ padding-top: 0;} #middlepanel .similar-articles-block ul{ padding:7px 0 2px !important;} #middlepanel .similar-articles-block ul li{ padding-bottom:4px; font-size: 12px !important;} #middlepanel .similar-articles-block a { color: rgb(87, 26, 98) !important; text-decoration:underline !important;} #middlepanel .similar-articles-block a:hover { color:#ae227a !important; } #middlepanel .newsblock { width:330px; height:540px; float:left; padding:10px 10px 10px 0px } #middlepanel .wenn.last { background:none} #middlepanel .fl-right{float:right;} #middlepanel .inhalt h2 { text-transform:none } #middlepanel .inhalt ul { padding-left:6px } #middlepanel .inhalt ul li { font-size:11px; color:#454444; background:url(../images/arrow_links.gif) no-repeat 0 4px; line-height:1.4em; padding-left:13px; word-wrap:break-word } #middlepanel .inhalt ul li a { float:none; color:#454444; text-decoration:underline } #middlepanel .inhalt ul li a:hover { background-color:transparent; color:#ae227a; text-decoration:underline } #middlepanel .inhalt a { float:none; color:#800040; text-decoration:underline } #middlepanel .inhalt a:hover { background-color:transparent; color:#ae227a; text-decoration:underline } #middlepanel .inhalt h2 a, #middlepanel .inhalt h2 a:hover{color:#012A57;text-decoration:none} #middlepanel .links-list{padding:0 0 15px;} #middlepanel .links-list li{ font-size:15px !important; padding:8px 0 0 !important; width:100%; overflow:hidden; background: none !important;} #middlepanel .links-list em{ color:#888; display:inline-block; vertical-align:middle; width:20%;} #middlepanel .links-list span{display:inline-block; vertical-align:middle; width:77%;} #middlepanel .links-list a{ color:#800040 !important; text-decoration: underline !important;} #middlepanel .links-list img{ border-style:none; display:inline-block; vertical-align:middle; padding:0 7px 0 0;} #middlepanel .news-block p strong{ color:#012A57;} /* --------------------------------------------- 06.1 middle panel - column 1 --------------------------------------------- */ #features { width:570px; float:left; background: url(../images/bg_features.gif) repeat-y; margin-top:5px; padding-bottom:12px} #features .column1 { width:306px; float:left; padding-right:37px} #features .column1 h2 { padding-bottom:4px} #features .column1 .photo { float:left; padding-bottom:25px} #features .column1 fieldset { float:left} #features .column1 fieldset ul li{ width:306px; float:left; font-size:10px; color:#5F5F5F; padding-bottom:3px} #features .column1 label {width:148px; float:left; font-size:11px; color:#454444; padding-top:4px} #features .column1 .right { width:150px; float:left} #features .column1 .input { width:141px; height:18px; float:left; border-bottom:1px solid #e3e2e3; border-left:1px solid #ababab;border-right:1px solid #e3e2e3; border-top:1px solid #ababab; padding:0 1px 1px 0} #features .column1 .input input{ width:133px; height:16px; float:left; background:#e3e2e3; border:none; font-size:10px; color:#5f5f5f; padding:1px 4px} #features .column1 .input2 { width:75px} #features .column1 .input2 input{ width:67px} #features .column1 .droplist { width:78px; height:19px; float:left; background:#e3e2e3; border-bottom:1px solid #ababab; border-left:1px solid #e3e2e3;border-right:1px solid #ababab; border-top:1px solid #e3e2e3; font-size:10px; color:#5f5f5f} #features .column1 .droplist2 { width:144px} #features .column1 .choice { width:70px; float:left; padding:2px 0 2px 5px} #features .column1 .button { float:right; font-size:10px; padding-top:12px; margin-right:-4px; position:relative} #features .column1 .button a { width:126px; height:20px; float:left; background:url(../images/bg_button_berechnen.gif) no-repeat; color:#FFFFFF; text-decoration:none; padding:6px 0 0 35px} /* --------------------------------------------- 06.2 middle panel - column 2 --------------------------------------------- */ #features .column2 { width:227px; float:left} #features .column2 .links { width:227px; float:left; background:url(../images/dottedborder.gif) repeat-x bottom left; padding-bottom:25px} #features .column2 .links h2 { padding-bottom:30px} #features .column2 .links { float:left} #features .column2 .links ul li { width:215px; float:left; font-size:10px; color:#454444; background:url(../images/arrow_links.png) no-repeat 0 4px; line-height:1.4em; padding-left:10px; padding-bottom:3px} #features .column2 .links ul li span { width:155px; float:left} #features .column2 .links ul li .right { width:60px; float:right; text-align:right} #features .column2 .links ul li a { color:#454444; text-decoration:none} #features .column2 .links ul li a:hover { text-decoration:underline} #features .column2 .googlead { width:237px; float:left; padding-top:25px; margin-right:-10px; position:relative} /* ----------------------------------------------------------- 06.3 middle panel - wenn alternating colors Geandertes Design mit Pfeil, OK-Studios 6.6.2013. ----------------------------------------------------------- */ #wenn_alternating_colors { position:relative; font-family:arial, helvetica, sans-serif; font-size:12px; } #wenn_alternating_colors .newsletterSubscriptionHolder, #wenn_alternating_colors .tableHolder { margin:0px; padding:0px 86px 0px 9px; color:#484848; } #wenn_alternating_colors .tableHolder{padding:0 ;} #wenn_alternating_colors h1 { margin-bottom:28px; margin-left:21px; font-family:'Lucida Sans', arial, helvetica, sans-serif; } #wenn_alternating_colors .tableHolder h1 { color:#012a57; } #wenn_alternating_colors .tableHolder table tr td { padding-top:5px; padding-bottom:5px;} #wenn_alternating_colors .tableHolder table tr td.right { padding-right:11px; } #wenn_alternating_colors .tableHolder table tr td.left { padding-left:21px; } #wenn_alternating_colors #orderNewsletterWrapper { position:relative; top:-34px; left:0px; width:492px; height:169px; margin:0px 0px 0px 0px; padding:0px 0px 0px 24px; background-image:url('../images/bg_arrow_right_blue.png'); background-position:0px 0px; background-repeat:no-repeat; } #wenn_alternating_colors #orderNewsletterWrapper #orderNewsletter { position:relative; top:47px; left:0px; width:382px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #wenn_alternating_colors #orderNewsletterWrapper #orderNewsletter h3, #wenn_alternating_colors #orderNewsletterWrapper #orderNewsletter p, #wenn_alternating_colors #orderNewsletterWrapper #orderNewsletter label { font-family:'Lucida Sans', arial, helvetica, sans-serif; color:#ffffff; } #wenn_alternating_colors #orderNewsletterWrapper #orderNewsletter h3 { margin-bottom:8px; font-size:18px; } #wenn_alternating_colors #orderNewsletterWrapper #orderNewsletter p { margin-bottom:8px; font-size:10px; } #wenn_alternating_colors #orderNewsletterWrapper #orderNewsletter label { float:left; margin:7px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:11px; color:#ffffff; } #wenn_alternating_colors #orderNewsletterWrapper #orderNewsletter #inputField, #wenn_alternating_colors #orderNewsletterWrapper #orderNewsletter #submitButton { float:right; } #wenn_alternating_colors #orderNewsletterWrapper #orderNewsletter #inputField { width:220px; height:26px; margin:0px 6px 0px 0px; padding:0px 0px 0px 5px; color:#484848; border:0px; background-image:url('../images/bg_input_newsletter.png'); background-position:-1px -1px; background-repeat:no-repeat; } #wenn_alternating_colors #orderNewsletterWrapper #orderNewsletter #submitButton { width:43px; height:27px; margin:0px 7px 0px 0px; padding:0px 0px 0px 0px; text-align:center; color:#ffffff; border:0px; background-color:transparent; background-image:url('../images/bg_submit_newsletter.png'); background-position:0px 0px; background-repeat:no-repeat; cursor:pointer; } /* --------------------------------------------- 07. mainContentPanelHome Whole block added by Ost-Kombinat in 2011-11 [ROW 220 - 358] --------------------------------------------- */ #mainContentPanelHome { float:left; width:768px; padding-left: 15px; } #mainContentPanelHome h2 { /* color:#4b6785; */ /* Style disconected, 18.12.2011, by color-error in design. OK / TT. */ font-size:16px; font-weight:bold; } #paddingRightWrapper { padding-right:29px; } /* ************************updates for new design on index page added by Lena********************************* */ #paddingRightWrapper .wrap{ overflow: hidden; width:100%; padding-bottom:20px; margin-bottom:20px; background:url('../images/dottedborder.gif') repeat-x 0 100%;} #introductionText { line-height:17px;} #introductionText h1 {margin-bottom: 25px; text-align:center;} #introductionText div.h1style {margin-bottom: 25px; text-align:center;font-size:19px;font-weight:bold;color:#012A57;} /* salarySearchHolder */ /* #salarySearchHolder,#progress {width:509px; background: #f4f4f4; margin: 0 auto 20px; padding:4px;border:1px solid #ccc;font: 12px Arial, Helvetica, sans-serif;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;} */ #salarySearchHolder input.input,#jobSearchResults .search .input,#middlepanel.main-content .search .input,#middlepanel .search .grey-row .input{ line-height:18px; height:19px;padding:8px 10px 7px; background:#fff; border:1px solid #ccc; color:#6a6a6a;font-size: 16px; float:left;-moz-border-radius:8px 0 0 8px;-o-border-radius:8px 0 0 8px;-webkit-border-radius:8px 0 0 8px;border-radius:8px 0 0 8px;} #salarySearchHolder a.searchButton,#jobSearchResults a.searchButton,#middlepanel .search a.searchButton{ background: #308714 url('../images/lupa.png') no-repeat 91% 50%;-webkit-border-radius:0 8px 8px 0;-o-border-radius:0 8px 8px 0;-moz-border-radius:0 8px 8px 0; border-radius:0 8px 8px 0; cursor:pointer; font-size:14px; height:26px; text-transform:uppercase; float: right; text-align: center; color:#fff; font-weight:bold; padding:10px 35px 0 15px; text-decoration:none;} #middlepanel .prof-search .input,#salarySearchHolder input.input,#middlepanel.main-content .search .input,#middlepanel .search .grey-row .input, input.newsletterInput{line-height:18px; height:19px;padding:8px 10px 7px; background:#fff; border:1px solid #bbb; color:#444;font-size: 16px; float:left;-moz-border-radius:3px 0 0 3px;-o-border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;} #middlepanel .prof-search a.button, #salarySearchHolder a.searchButton,#middlepanel .search a.searchButton,.job-search .searchButton{ background: #A22279 url('../images/lupa.png') no-repeat 100% 50%;-webkit-border-radius:0 3px 3px 0;-o-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; cursor:pointer; font-size:13px; height:26px; text-transform:uppercase; float: right; text-align: center; color:#fff; font-weight:bold; padding:10px 35px 0 15px; text-decoration:none;} #salarySearchHolder .searchButton:hover{text-decoration:underline;} #salarySearchHolder .hidden{ display: none;} #middlepanel form.search .grey-row .input{width:142px;} #middlepanel.main-content .search,#middlepanel.midl-content .search{margin:20px 0; width:100%;padding:0; background:none;} #middlepanel .search .grey-row,#jobSearchResults .search fieldset{font: 12px Arial, Helvetica, sans-serif; overflow: hidden; width:100%;} #middlepanel form.search label{ color:#A22279;font-weight:bold; font-size:14px; padding:0 0 8px; } #middlepanel form.search label span{font-size:11px;} #middlepanel form.search [class*='row'] [class*='column']{ float:left; width:168px; margin:0;} #middlepanel form.search [class*='row'] .long-column{width:346px;} #middlepanel.midl-content .search [class*="row"] .column{ width:219px;} #middlepanel.midl-content .search [class*="row"] .long-column{width:auto;} #middlepanel.main-content .search .long-column{ float:right; width:382px;} #middlepanel.main-content .search *[class*='column'] .input{ -o-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} #middlepanel.midl-content .search *[class*='column'] .input{width:189px;} #middlepanel form.search *[class*='column'] a.searchButton,#middlepanel.midl-content .search *[class*='column'] a.searchButton{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; width:82px; padding:10px 30px 0 10px; float:right;margin-left:5px} #middlepanel .search a.searchButton:hover{ text-decoration:underline} #middlepanel .search .grey-row .input,#middlepanel .search .grey-row a.searchButton,input.newsletterInput{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} #middlepanel.midl-content .searchLong .grey-row a.searchButton{padding-top:8px; height:21px; background-color: #A22279;font-size:12px;} #middlepanel.main-content .searchLong .grey-row a.searchButton{height:26px; background-color: #A22279;font-size:12px;} /* newsList */ #newsList li{ overflow: hidden; margin:20px 0 0; padding:20px; background: #fff url('../images/bg-news-list.png') no-repeat; } #newsList li:first-child{ margin-top:5px;} #newsList li:hover{ padding: 19px; background: #ecedec; border:1px solid #8c2083;} #newsList .image{ float:left; border:1px solid #edecec; margin:2px 16px 0 0; height:auto;max-width:153px;} #newsList li:hover .image{ border-color:#fff;} #newsList .text{ overflow:hidden; height:1%;} #newsList h3{ text-transform: none; font-weight: bold; margin-bottom: 3px;} #newsList p{ line-height: 17px; margin:0 0 10px;} #newsList p b{ display: block; margin:0 0 10px; color:#8c8b8b;} #newsList a.more{ font-size: 12px; color:#454444; text-decoration: none; text-transform: uppercase;font-weight: bold; background: url('../images/newsList-arrow.png') no-repeat 100% 60%; padding:0 10px 0 0;} #newsList a.more:hover{text-decoration: underline;} /* ************************updates end********************************* */ #quickNavigationHolder { width:754px; height:217px; margin-bottom:17px; padding-bottom:18px; background-image:url('../images/dottedborder.gif'); background-position:left bottom; background-repeat:repeat-x; } #quickNavigationHolder h2 { width:754px; height:34px; } #quickNavigation { height:183px; list-style:none inside none; } #quickNavigation li { display:inline; } #quickNavigation li a { display:block; float:left; height:53px; padding-top:130px; color:#484347; font-size:12px; font-weight:bold; text-align:center; text-decoration:none; background-position:0px 0px; background-repeat:no-repeat; } #quickNavigation li a span { font-weight:normal; } #quickNavigation li a.gehaltsanalyse { width:152px; background-image:url('../images/quickNavigation_button_Analyse.jpg'); } #quickNavigation li a.arbeitszeugnis { width:150px; background-image:url('../images/quickNavigation_button_Zeugnis.jpg'); } #quickNavigation li a.tobJobs { width:150px; background-image:url('../images/quickNavigation_button_TopJob.jpg'); } #quickNavigation li a.onlineShop { width:150px; background-image:url('../images/quickNavigation_button_OnlineShop.jpg'); } #quickNavigation li a.beratung { width:152px; background-image:url('../images/quickNavigation_button_Beratung.jpg'); } #quickNavigation li a:hover { background-position:0px -204px; } /* --------------------------------------------- 08. rightpanel --------------------------------------------- */ /* ###### Added by Ost-Kombinat in 2011-11. ###### [NEXT 3 STYLES] ###### */ #facebookPluginHolder, #googleplusPluginHolder { float:left; width:140px;} #facebookPluginWrapper, #facebookPluginHolder { height:30px; margin-top:5px;} #googleplusPluginWrapper, #googleplusPluginHolder { height:33px; margin-top:2px;} #socialNetworks img{ float:left;} /* 'ALLE BERUFE A-Z '*/ /* ###### CHANGED by Ost-Kombinat in 2011-11. ###### [NEXT 6 STYLES] [ROW 378 - 383] ###### */ #rightpanel div .alle h2 { padding-left:6px; padding-bottom:4px} #rightpanel div .alle ul { width:199px; float:left; background:#FFFFFF; padding:5px 0} #rightpanel div .alle ul li { float:left; font-size:10px; color:#454444; padding:0px;margin:0px;} #rightpanel div .alle ul li a { width:20px; height:20px; float:left; text-align:center; padding-top:4px;padding-left:0px; color:#454444; text-decoration:none;font-weight:bold;background-image:url(../images/bg_alle_hover.gif);background-repeat:no-repeat;background-position:0px -44px;} #rightpanel div .alle ul li a:hover, nel div .alle ul li a.active {color:#FFFFFF; background-position:0px -0px;} #rightpanel h2, #leftpanel .eingabe h2{font-size:14px;} /*#rightpanel div .alle ul li.last { xpadding:2px 6px 0 3px}*/ /* ###### Added by Ost-Kombinat in 2011-11. ###### [NEXT 5 STYLES] [ROW 386 - 404] ###### */ #mobileApp p { color:#787878; text-transform:uppercase; } #mobileApp p span { color:#8b1f85; } #mobileApp div.arrowLeft { padding-left:10px; background-image:url('../images/arrow_links.png'); background-position:0px 7px; background-repeat:no-repeat; } #mobileApp div.arrowLeft a { color:#000000; font-size:10px; text-decoration:none; } #mobileApp div.arrowLeft a:hover{ text-decoration:underline; } #rightpanel .photo { width:199px; float:right; border-bottom:1px solid #C1C0C1; padding-bottom:4px; margin-bottom:1px} #rightpanel .photo img { float:right } #rightpanel div .links h2 { padding-left:6px; padding-bottom:10px} #rightpanel div .links ul { padding-left:6px} #rightpanel div .links ul li { width:175px; float:left; font-size:10px; color:#454444; background:url(../images/arrow_links.png) no-repeat 0 3px; line-height:1.4em; padding-left:10px; word-wrap:break-word} #rightpanel div .links ul li span { width:110px; float:left} #rightpanel div .links ul li span a { color:#454444; text-decoration:none} #rightpanel div .links ul li span a:hover { text-decoration:underline} #rightpanel div .links ul li .highlight { width: auto; float:none; text-decoration:underline} #rightpanel div .links ul li .right { width:60px; float:right; text-align:right} #rightpanel div .links ul li a { color:#454444; text-decoration:none} #rightpanel div .links ul li a:hover { text-decoration:underline} #rightpanel div .links .rightSmall { width:190px; text-align:right; font-size: 9px } /* ###### CHANGED by Ost-Kombinat in 2011-11. ###### [NEXT 6 STYLES] [ROW 422 - 428] ###### */ #rightpanel div .alle h2 { padding-left:6px; padding-bottom:4px} #rightpanel div .alle ul { width:199px; float:left; background:#FFFFFF; padding:5px 0} #rightpanel div .alle ul li,#alphabet .alle ul li { float:left; font-size:10px; color:#454444; padding:0 2px 2px 0;margin:0px;} #rightpanel div .alle ul li a,#alphabet .alle ul li a { width:19px; height:17px; float:left; text-align:center; padding-top:3px;padding-left:0px; color:#454444; text-decoration:none;font-weight:bold;background-image:url(../images/bg_alle_hover.gif);background-repeat:no-repeat;background-position:0px -44px;} #rightpanel div .alle ul li a:hover, #rightpanel div .alle ul li a.active, #alphabet .alle ul li a:hover, #alphabet .alle ul li a.active {color:#FFFFFF; background-position:0px -0px;} /*#rightpanel div .alle ul li.last { xpadding:2px 6px 0 3px}*/ #rightpanel div .eingabe h2{ padding-left:6px; padding-bottom:6px} #leftpanel .eingabe h2{padding-bottom:6px} #rightpanel div .eingabe fieldset{padding-left:6px;} #rightpanel div .eingabe fieldset p,#leftpanel .eingabe fieldset p{ margin:0 0 10px;font-size:12px;clear:both} #rightpanel div .eingabe .input,#leftpanel .eingabe .input { width:119px; float:left; border:1px solid #ccc;} #leftpanel .eingabe .input{width:139px; float:none;overflow:hidden; margin:0 0 5px;} #rightpanel div .eingabe .input input,#leftpanel .eingabe .input input{ width:105px; float:left; font-size:11px; line-height:15px; color:#333; background:#fff; border:none; padding:3px 7px; height: 17px;} #leftpanel .eingabe .input input{width:125px;} #rightpanel div .eingabe .buttonbin,#leftpanel .eingabe .buttonbin { float:right; font:bold 10px/15px Arial,Helvetica,sans-serif;} #rightpanel div .eingabe .buttonbin a,#leftpanel .eingabe .buttonbin a{ width:68px; height:15px; float:left;background:#308714; color:#fff; text-decoration:none; text-align:center; padding:5px 0;-webkit-border-radius:3px;-o-border-radius:3px;-moz-border-radius:3px; border-radius:3px;} #leftpanel .eingabe .buttonbin{ float:none;} #leftpanel .eingabe .buttonbin a{width:141px;padding:3px 0;} /* --------------------------------------------- 09. footer --------------------------------------------- */ /* ###### START : FOOTER STYLES Added by Ost-Kombinat on November 24, 2011 ###### */ #footerHome { width:982px; margin-top:74px; padding-top:12px; background-image:url('../images/bg_footer_top_border.jpg'); background-position:0px 0px; background-repeat:no-repeat; } #footerHome #pageDescriptionPlaceholder { width:982px; height:150px; } #partnerLinksHolder { width:982px; height:73px; } #imprintBar { width:982px; height:27px; } .PartnerLinks { margin-left:-27px; } .PartnerLinks a.partnerlinkbox { display:block; float:left; margin:0px 0px 0px 34px; padding:0px; overflow:hidden; text-indent:-3000px; line-height:0px; height:20px; background-position:0px -80px; background-repeat:no-repeat; } .PartnerLinks .partnerlinkbox:hover{background-position:0px 0px;} .PartnerLinks .pl_personalmagazin{width:100px;background-image:url(../images/partner/personalmagazin.png);} .PartnerLinks .pl_managermagazin{width:95px;background-image:url(../images/partner/managermagazin.png);} .PartnerLinks .pl_bild{width:24px;background-image:url(../images/partner/bild.png);} .PartnerLinks .pl_zeit{width:75px;background-image:url(../images/partner/zeit.png);} .PartnerLinks .pl_spiegel{width:39px;background-image:url(../images/partner/spiegel.png);} .PartnerLinks .pl_handelsblatt{width:60px;background-image:url(../images/partner/handelsblatt.png);} .PartnerLinks .pl_focus{width:56px;background-image:url(../images/partner/focus.png);} .PartnerLinks .pl_msn{width:53px;background-image:url(../images/partner/msn.png);} .PartnerLinks .pl_faz{width:53px;background-image:url(../images/partner/faz.png);} .PartnerLinks .pl_staufenbiel{width:76px;background-image:url(../images/partner/staufenbiel.png);} /* ###### END : FOOTER STYLES Added by Ost-Kombinat on November 24, 2011 ###### */ /* ###### START : Added "#imprintBar" and "#footerHome" id's to already existing styles by Ost-Kombinat in 2011-11 ###### */ #imprintBar p, #footer p { float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#AEB0B0; padding-left:34px} #imprintBar p a, #footer p a { color:#AEB0B0; text-decoration:none} #imprintBar p a:hover, #footer p a:hover { color:#595959; text-decoration:none} #imprintBar p.right, #footer p.right { float:right} #imprintBar p.right a, #footer p.right a { padding:0 12px} #footerHome .FooterLinks, #footer .FooterLinks { border:0px solid #999; margin-top:30px; margin-left:30px; padding-top:10px; padding-bottom:10px; font-size:10px; color:#aeb0b0; text-align:center; } #footerHome .FooterLinks a, #footer .FooterLinks a { text-align:center; color:#aeb0b0; } /* ###### END : Added "#imprintBar" and "#footerHome" id's to already existing styles by Ost-Kombinat in 2011-11 ###### */ #footer { width:780px; float:left; background:url(../images/bg_footer.gif) no-repeat; padding:10px 0 90px 0; margin-left:100px;margin-top:15px;clear:both } .PageDescriptionText {position:absolute;bottom:220px;width:730px;height:80px;margin-top:30px;margin-left:135px;border:0px solid #999;font-size:10px;color:#aeb0b0;text-align: justify;} #footer .PageDescriptionSpace{width:730px;height:80px;margin-top:60px;margin-left:30px;border:0 solid #999;font-size:10px;color:#aeb0b0;text-align:justify;} /* --------------------------------------------- 10. Inner Pages --------------------------------------------- */ .details { width:570px; float:left; background: url(../images/dottedborder.gif) repeat-x bottom left; padding:10px 0} .details.last { background:none; padding-bottom:40px} .details .set { width:570px; float:left; background: url(../images/bg_berufe.gif) repeat-y} .details .set h2 { padding-bottom:8px} .details .set p { line-height:1.5em; padding-bottom:18px} .details .column1 { width:285px; float:left; padding-right:28px} .details .column1 .googlead { float:left; padding-top:20px} .details .links { width:257px; float:left} .details .links ul li { width:257px; float:left; font-size:11px; color:#454444; line-height:1.5em} .details .links ul li img { position:absolute; top:1px; right:0} .details .links ul li a span { width:190px; float:left; position:relative} .details .links ul li a .right { width:60px; float:right; text-align:right; padding-right:0px} .details .links ul li a { float:left; color:#454444; text-decoration:none} .details .links ul li a:hover { background:#E2E2E2} .details .links ul li a img { display:none} .details .links ul li a:hover img { display: block} .details .column2 { width:257px; float:left} .details .column2 .googlead { float:left} .detailsBig h1{ margin:0 0 5px;} .detailsBig { width:570px; float:left; background:url(../images/dottedborder.gif) repeat-x bottom left; padding:0px 0 10px 0; margin-bottom:11px;} #ergebnis .detailsBig{background:none;} .detailsBig p { padding-top:2px; padding-bottom:15px; font: 13px/19px Verdana, Geneva, Arial, Helvetica, sans-serif;} .detailsBig .links { width:570px; float:left; padding-bottom: 15px;} .main-content .detailsBig,.main-content .detailsBig .links{ width:100%;} .detailsBig .links .inhalt ul { padding-left:6px;} .detailsBig .links ul:after{clear:both; display:block; content:'';} .detailsBig .links ul li { width:590px; float:left; font-size:11px; color:#454444; line-height:1.5em;border:0px solid #999;} #middlepanel .detailsBig .links .inhalt li{ font-size: 12px; padding-bottom: 5px;} .detailsBig .links ul li img { position:absolute; top:1px; right:0} .detailsBig .links ul li a span { float:left; position:relative;} .detailsBig .links ul li a .right { width:45px; float:right; text-align:right; padding-right:2px} .detailsBig .links ul li a { float:left; color:#454444; text-decoration:none} .detailsBig .links ul li a:hover,.detailsBig ul#search-results li:not(.heading) a:hover{ background:#f7f7f7} .detailsBig .links ul li a img { display:none;padding-right: 5px} .detailsBig ul#search-results li{font-size:12px;line-height:15px;} .detailsBig ul#search-results li .position{padding-right:8px;color:#A22279;} .detailsBig ul#search-results li .ort{width:139px; padding-right:8px;color:#A22279;} .detailsBig ul#search-results li:not(.heading) .ort,.detailsBig ul#search-results li:not(.heading) .published{font-size:11px;color:#012a57;} .detailsBig ul#search-results a .position{ color:#999} .detailsBig ul#search-results .published{ width:auto; padding-top:2px;} .detailsBig ul#search-results li .teaser{display:block;font-style:normal;color:#444; padding:3px 0;} .detailsBig ul#search-results li:not(.heading) a{ float:none;display:block;overflow:hidden;height:1%;} #middlepanel #ergebnis .detailsBig #search-results li.heading{padding:0 10px 5px;} #middlepanel #ergebnis .detailsBig #search-results li:not(.heading){padding:0;} #middlepanel #ergebnis .detailsBig #search-results li:not(.heading) a{padding:6px 25px 6px 10px; position:relative;} .detailsBig ul#search-results a .position strong{ display: block; margin-bottom: 3px; color:#012a57; text-decoration: underline;} .detailsBig ul#search-results a:hover .position strong{text-decoration: none;} @media only screen and (min-device-width : 320px) and (max-device-width : 640px),screen and (max-width : 640px),screen and (max-width : 767px) and (orientation : landscape) { #jobSearchResults #iframe { .detailsBig ul#search-results a .position strong{ display: block; margin-bottom: 3px; color:#A22279; text-decoration: underline;} } } .detailsBig .links ul li a:hover img { display: block} .detailsBig .links ul li a .full { float:left; position:relative } .detailsBig .links ul li a .leftSmall { width:505px; float:left; position:relative } .detailsBig .links ul li a .rightBig { width:65px; padding-right:0px } .detailsBig .links table { max-width:590px; float:left; font-family:Verdana; font-size:12px; color:#454444; border:1px solid ; border-collapse:collapse; border-color:#ad3383; margin-top:10px; } .detailsBig .links table .center { text-align: center } .detailsBig .links table .center a { color: #800040; float: none; text-decoration: underline; } .detailsBig .links table td { padding:5px 10px 5px 10px } .detailsBig .links table th { padding:5px 10px 5px 10px; font-weight:bold } .detailsBig .links table tr.highlight:hover { background:#E2E2E2 } .detailsBig .links table { border-collapse:collapse; border-spacing:0 } .detailsBig .links table td { border:1px solid #e3e2e3 } .detailsBig .links table th { border:1px solid #e3e2e3 } .detailsBig .links table tr:first-child th { border-top:0 } .detailsBig .links table tr:last-child td { border-bottom:0 } .detailsBig .links table tr th:first-child { border-left:0 } .detailsBig .links table tr th:last-child { border-right:0 } .detailsBig .links table tr td:first-child { border-left:0 } .detailsBig .links table tr td:last-child { border-right:0 } .detailsBig .links table thead {font-size:13px; border-color:#dedcdc;} .detailsBig .links table td {border-color:#dedcdc;} .detailsBig .links table th {border-color:#dedcdc;} .detailsBig .links table .odd { background: #F8F9FA; border-color:#58ACFA; } .detailsBig fieldset .buttonbin { float:right; font-size:10px; text-transform:uppercase; padding:7px 0 0 0 } .detailsBig fieldset .buttonbin a { width:83px; height:15px; float:left; background:url(../images/bg_button_bin.gif) no-repeat; color:#FFFFFF;text-decoration:none; padding:5px 0 0 7px } /* --------------------------------------------- 11. Error Page --------------------------------------------- */ #pageError { width:714px; height:275px; margin:0 auto; background:url(../images/bg_errorbox.jpg) no-repeat; padding-left:28px; padding-top:45px; margin-top:69px} #pageError p { font-family:Arial, Helvetica, sans-serif; font-size:21px; color:#012C57} #pageError p span { color:#AA0F4A; font-weight:bold} /* --------------------------------------------- 12. ergebnisseite Page --------------------------------------------- */ #headerinner { width:982px; float:left; padding-top:46px} #headerinner .logo { float:left; padding:16px 0 16px 45px} /* /* ###### Changed by Ost-Kombinat in 2011-11 ###### [NEXT STYLE ONLY] ###### #header .search { width:622px; height:74px; float:right; background:url(../images/bg_suchenbox.jpg) no-repeat; padding:20px 0 0 64px; margin:0px -7px -8px 0} ###### */ .prof-search{width:100%; padding:20px 0 25px;} #header .prof-search { width:685px; height:76px; float:right; background-position:-1px 0px;background:url(../images/bg_suchenbox.jpg) no-repeat; padding:10px 0 0;} .prof-search fieldset { width:360px;margin:0 auto;} #header .prof-search fieldset {margin:0;} .prof-search fieldset label { display:block;font-size:20px; color:#012A57; font-weight:bold; text-align:left;} .prof-search fieldset .button{font-size:12px;padding:6px 8px; height:24px; -webkit-border-radius:0 3px 3px 0;-o-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0;} .prof-search .holder{width:100%;overflow: hidden;} .prof-search .input{height:30px;-moz-border-radius:3px 0 0 3px;-o-border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;} #middlepanel .prof-search .holder{background:#F4F4F4; border:1px solid #ccc; padding:4px; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;width:509px;} #middlepanel .prof-search fieldset { width:517px;} #middlepanel .prof-search .input{width:332px;} #middlepanel .prof-search fieldset label{font-size:17px;} #middlepanel .prof-search a.button{line-height: 18px;} #ergebnis { width:570px; float:left; background:url(../images/dottedborder.gif) repeat-x bottom left; padding-bottom:5px} .main-content#middlepanel #ergebnis{ float:none; width:100%; overflow:hidden;} #ergebnis p { width:570px; float:left } #ergebnis h1{ font-weight:normal; } #ergebnis h2 { float:left; padding-bottom:15px} #ergebnis .holder{ width:100%; overflow:hidden;} #ergebnis .holder h2{ padding:0; font-size:14px; color:#888;} #ergebnis .icon { float:right; margin-bottom:-14px} #ergebnis ul { width:570px; float:left; font-size:12px;} #ergebnis ul li { width:570px; float:left; color:#022953; padding-bottom:11px} .main-content#middlepanel #ergebnis ul,.main-content#middlepanel #ergebnis ul li,.midl-content#middlepanel #ergebnis ul,.midl-content#middlepanel #ergebnis ul li{ width:100%;} .midl-content#middlepanel #ergebnis #search-results li{float:none; width:98%;overflow:hidden; padding:6px 0; margin:0 0 -1px 5px; } .main-content#middlepanel #ergebnis #search-results li,#middlepanel .detailsBig ul#search-results li{border:1px solid #ccc; border-width:1px 0;padding:8px 0;} #middlepanel .detailsBig ul#search-results li{margin:0 0 -1px;} #middlepanel #ergebnis .detailsBig #search-results li:nth-child(even):not(.alt){background-color:#f7f7f7;} #middlepanel #ergebnis #search-results li.alt,.midl-content#middlepanel #ergebnis #search-results li.alt{border:none;box-shadow: none;padding:0 0 5px;} #ergebnis #search-results li .photo img{ display:block; width:20px;height:23px;} #ergebnis #search-results li .alter{width:45px; padding:0 5px;} #ergebnis #search-results li .job{width:130px;float:right;overflow:hidden; } #ergebnis #search-results li .job strong{color:#A22279; padding:0 3px 0 0;} #ergebnis #search-results li .job a span{text-decoration:underline;} #ergebnis #search-results li .job a{color:#022953;font-weight: bold;} #ergebnis #search-results li .job a:hover{ text-decoration:none;} #ergebnis ul li.heading { color:#A22279; text-transform:uppercase} #ergebnis ul li .photo { width:36px; height:20px; float:left; margin-top:-5px} #ergebnis ul li .position { width:380px; float:left} .midl-content#middlepanel #ergebnis ul li .position{width:262px;} #ergebnis ul li .ort { width:133px; float:right;} /*#ergebnis ul#alt-list li span.published { width:98px; float:right; padding-right:25px; text-align:right;} #ergebnis ul#alt-list span.published a{float:none;}*/ #ergebnis ul li .gehalt { width:74px; float:left; text-align:center;} #ergebnis ul li.heading .gehalt{ text-align:center;width:62px; padding-left: 10px; } #ergebnis ul li .alter { width:38px; float:left; text-align:center; padding:0 8px 0 4px;} #ergebnis ul li .job { width:108px; float:left} #ergebnis ul li a { color:#454444; text-decoration:underline } #ergebnis ul li a:hover,#ergebnis ul#search-results li.heading a { color:#AE227A } #ergebnis ul#search-results li.heading a:hover{ text-decoration:none; background:none;} #middlepanel #ergebnis ul li .searchLong .input{ font-size:12px;} #middlepanel #ergebnis ul li .searchLong .grey-row .input,#middlepanel .newsletterInput{ font-size:14px; line-height: 17px;padding:4px 10px;} #middlepanel.main-content .searchLong .grey-row .input {font-size:14px; line-height: 17px;padding:8px 10px 7px;} .video-link{width:197px; height:113px; background:url(../images/video-bg.jpg) no-repeat;border:1px solid #ccc;margin-top:10px; position:relative; display:block;} .video-link span{position:absolute;text-indent: -9999px;width:53px;height: 40px;background:url(../images/btn-play.png) no-repeat; top:50%;left:50%;margin:-20px 0 0 -26px;} .video-link:hover span{background-position: 0 -40px;} #video .n24-logo,#video .sky-logo{display:inline-block;text-indent:-9999px;overflow:hidden;vertical-align: middle;} #video .n24-logo{background:url(../images/n24-logo.png) no-repeat; width:38px; height:14px;} #video .sky-logo{background:url(../images/sky-logo.jpg) no-repeat; width:24px; height:15px;} *+ html #video .n24-logo,*+ html #video .sky-logo{ display:inline;} #rightpanel .newsletter.first { border-top:none} #rightpanel .offene { border-top:0px } #rightpanel .offene h2 { color:#454444; padding-bottom:0} #rightpanel .offene ul li { background-position:0 15px; padding-top:0px; padding-bottom:5px} #rightpanel .offene ul li a:hover { color:#AE227A; text-decoration:none} #rightpanel .google2 { border-top:8px solid #461759; padding-top:6px} #rightpanel .google2 h2 { color:#892085} /* --------------------------------------------- 13. detailseite Page --------------------------------------------- */ #detailseite { width:570px; float:left; background:url(../images/dottedborder.gif) repeat-x bottom left; padding-bottom:10px} #detailseite h2 { padding-bottom:5px} #detailseite .icon { float:right} #detailseite .list { width:420px; float:left; padding-left:24px; padding-top:13px; font:11px Verdana, Arial, sans-serif;} #detailseite .list ul li { width:420px; float:left; color:#454444; padding-bottom:14px} #detailseite .list ul li .left { width:75px; float:left; color:#A22279; text-align:right; text-transform:uppercase; padding-right:15px} #detailseite .list ul li .right { width:88%; float:left; font-size:13px;} #detailseite .list ul li .right .set { width:330px; float:left; padding-top:15px} #detailseite .list ul li .right .leftinner { width:55%; float:left} #detailseite .list ul li .right .leftinnerBold { width:55%; float:left; color:#A22279; font-size:11px; font-weight:bold } #detailseite .list ul li .right .rightinner { width:45%; float:left; text-align:right} #detailseite .list ul li .right .rightinnerBold { width:45%; float:left; text-align:right; color:#A22279; font-size:11px; font-weight:bold } #detailseite .list ul li a { color:#454444; text-decoration:underline} #detailseite .list ul li a:hover { color:#AE227A} #detailseite .list ul li a.active { color:#AE227A} #detailseite .list ul li .right p{ overflow:hidden; clear:both; font-size:11px; padding-top: 10px;} #detailseite .list ul li .leftHeader { float:left; color:#012C57; text-transform:uppercase; font-weight: bold; font-size: 12px; padding-bottom: 10px} #detailseite .list ul li .rightHeader { float:left; padding-left: 20px; margin-top: -8px;} #detailseite .list ul li ul { margin-top: 10px} #detailseite .list ul li ul li { padding-bottom: 8px} #detailseite .list ul li ul li .left { width:32%; padding-right: 0; float:left; color:#A22279; text-align:left; text-transform:uppercase;} #detailseite .list ul li ul li .right { width:68%; float:left} #detailseite .list ul li ul li .right .set { width:330px; float:left; padding-top:15px} #detailseite .list ul li ul li a { color:#454444; text-decoration:underline } #detailseite .list ul li ul li a:hover { color:#AE227A } #detailseite .list ul li ul li a.active { color:#AE227A } .comments { width:570px; float:left; background:url(../images/dottedborder.gif) repeat-x bottom left; padding:10px 0} .commentbox { width:292px; float:left; padding-left:18px} .commentbox .boxtop { width:292px; height:41px; float:left; background:url(../images/bg_commentbox_top.gif) no-repeat} .commentbox .boxmiddle { width:276px; float:left; background:url(../images/bg_commentbox_middle.gif) repeat-y; padding:15px 8px 0 8px} .commentbox .boxbottom { width:292px; height:63px; float:left; background:url(../images/bg_commentbox_bottom.gif) no-repeat} .commentbox h3 { font-size:13px; color:#FFFFFF; padding:4px 0 0 37px} .commentbox h3 span { padding-left:72px} .commentbox p { padding-bottom:15px} .commentbox .button { float:right; font-size:11px; padding-right:30px; margin-bottom:-18px; position:relative} .commentbox .button a { width:72px; height:17px; float: left; background:url(../images/bg_button_weiter.gif) no-repeat; text-align:center; color:#FFFFFF; text-decoration:none; padding-top:3px} .comments .content { width:230px; float:left; padding-left:20px} .comments .content p { font-size:10px; padding-bottom:14px} .comments .content p span { color:#A22279} .comments .content .buttonja { float:left; font-size:11px; padding-left:20px; padding-right:16px} .comments .content .buttonja a { width:38px; height:17px; float: left; background:url(../images/bg_button_ja.gif) no-repeat; color:#FFFFFF; text-decoration:none; padding:3px 0 0 34px} .comments .content .buttonnein { float:left; font-size:11px} .comments .content .buttonnein a { width:38px; height:17px; float: left; background:url(../images/bg_button_nein.gif) no-repeat; color:#FFFFFF; text-decoration:none; padding:3px 0 0 34px} .comments .content ul { width:230px; float:left; padding-top:15px} .comments .content ul li { font-size:11px; color:#454444} /* --------------------------------------------- 14. sonstiges ... --------------------------------------------- */ #kontakt h2 { padding-bottom:4px } #kontakt p { float:left; padding-bottom:25px } #kontakt fieldset { float:left; margin: 0 0 15px 0; } #kontakt fieldset ul { width:100%; float:left; } #kontakt fieldset ul li { width:100%; float:left; margin: 10px 0;} #kontakt label { float:left; color:#454444; padding:9px 10px 0 0; width: 100%;} #kontakt .right { width:100%; float:left } #kontakt .input {} #kontakt .input input { width:95%; height:35px; float:left; font-size:16px; padding: 0;} #kontakt .text { width:95%; height:198px; float:left; padding:0 1px 1px 0 } #kontakt .text textarea { width:100%; height:196px; float:left; border: 1px solid #aaa; font-family:"Lucida Sans", Arial, Helvetica, sans-serif; font-size:16px; color:#5f5f5f;} #kontakt .choice { width:70px; float:left; padding: 2px 0 2px 5px } #kontakt fieldset .buttonbin { float: right; font-size: 10px; display: block; position: relative; width: 58.2%; border-radius: 3px; padding: 11px 0px; background: #8c2181; margin-right: 4%; } #kontakt fieldset .buttonbin a { width: 100%; float: left; color: #fff; text-decoration: none; text-align: center; vertical-align: middle; font-size: 13px; font-weight: normal; } #kontakt li{ padding:0 0 3px;} #kontakt .items-list li{ padding:0 0 5px 13px; background:url(../images/arrow_links.png) no-repeat 0 3px; line-height:1.4em;} #impressum { width:100%; float:left; margin-top:15px; padding-bottom:12px } #impressum h2 { padding-bottom:4px } #impressum h4 { padding-bottom:4px } #impressum p { float:bottom; padding-bottom:25px } #datenschutz p { padding-bottom: 18px } #datenschutz .data { font-size: 12px; margin: -12px 0 12px; } #software h1 { font-weight:bold; color:#800040 } #software h4 { font-weight:bold; color:#800040; padding-bottom:4px } #software .bullet { font-weight:bold; color:#800040; margin-right:5px } #software .screens { padding-top:30px } #software .screens .links { margin-right:25px } #software .screens .rechts { margin-left:25px } #software .download { text-align:center } #software .download .appstore { margin-bottom:5px } #software .download .qrcode { margin-top:5px; margin-bottom:30px } #software .download .qrtext { color:#800040; text-align:center } #software ul li { font-size:12px; color:#454444; line-height:1.4em; padding-left:10px } #software p { font-size:12px; float:bottom; padding-top:15px; padding-bottom:20px } #categories ul li { font-size:10px; color:#454444; background:url(../images/arrow_links.png) no-repeat 0 3px; line-height:1.4em; padding-left:10px } #categories ul li a { color:#454444; text-decoration:none } #categories ul li a:hover { color:#454444; text-decoration:underline } /* Feedback */ #feedback {position:fixed; bottom:0px; left:0px; width:80px;height:80px;} /* Brutto-Netto Fragebogen */ /* ###### ADDED FORM-STYLES : Everything with "#nettogehaltHome" added by Ost-Kombinat in 2011-11 [ROW 763 - 841] ###### */ /* ************************updates for new design on index page added by Lena********************************* */ #nettogehaltHome{ width:739px; } #nettogehaltHome h2 { margin-bottom:20px; } #nettogehaltHome .holder{ width:100%; overflow:hidden; padding:0 0 20px;} #nettogehaltHome .holder #nettorechnerForm{ float:right; margin:0 0 0 20px; position: relative;} #nettogehaltHome .holder .info{ overflow:hidden; height: 1%;} #nettogehaltHome .info p{ margin: 0 0 20px;} /* nettorechnerForm */ #nettorechnerForm{background:#cdcbcb; padding: 20px 10px 10px; width: 541px; font:14px Arial, Helvetica, sans-serif; color:#444; margin: 0 0 0 0;} #nettorechnerForm fieldset{ background:#fff url('../images/bg-calculator.png') repeat-x; padding:15px 10px; } #nettorechnerForm .cell{ padding: 0 0 10px; margin:0 0 15px; background: url("../images/dottedborder.gif") repeat-x 0 100%;} #nettorechnerForm .row{width:100%; overflow:hidden; padding:3px 0 10px;} #nettorechnerForm .row label{ float:left; width:170px; text-align: right; padding:0 30px 0 0;} #nettorechnerForm .inputFieldText{ width:186px; padding:2px 6px; margin:-3px 5px 0 0;} #nettorechnerForm .select{ width:200px; margin:-3px 5px 0 0;} #nettorechnerForm .row input[type="radio"], #nettorechnerForm .row .radio{ margin:-3px 5px 0 0;} #nettorechnerForm .radiodescription{ float:left; margin:1px 12px 0 0; font-size:12px;} #nettorechnerForm .button a, #middlepanel #nettorechnerForm .button a { display:block; width:182px; height:23px; float:none; padding:8px 0 0; color:#fff; font-size:13px; text-align:center; text-decoration:none; background:#308714; margin:0 auto; -webkit-border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } #middlepanel #nettorechnerForm .button a,#nettorechnerForm .button a{float:left;} #nettorechnerForm .required{float:left; text-transform:none;width: 170px;padding:8px 30px 0 0;font-size:10px;} #middlepanel #nettorechnerForm .button,#nettorechnerForm .button{ padding:0; float:none; width:100%; overflow:hidden;} #nettorechnerForm .button a:hover,#middlepanel #nettorechnerForm .button a:hover{ text-decoration:underline; } #nettorechnerForm .showButton{ position:absolute; bottom:18px; right:20px; width:18px; height: 14px; background: url("../images/show-btn.png") no-repeat; text-indent:-9999px; cursor:pointer;display: none;} #nettogehaltHome #nettorechnerForm .showButton{ display:block;} #nettorechnerForm .showButton.opened{ background-position: 0 -14px; bottom:26px;} #tableNettoRechnerErgebnis .magenta { color:white; background-color:#a42277; } #tableNettoRechnerErgebnis{ padding-bottom:20px;} #tableNettoRechnerErgebnis .right{white-space:nowrap; padding-left:7px; text-align:right;} #wenn_alternating_colors .tableHolder h1{ margin: 0 0 25px;} #wenn_alternating_colors .tableHolder h2.rechnerToggleHeader{ margin: 0 0 -22px 10px; font-size:12px; color:#484848;} #wenn_alternating_colors .tableHolder span.details-link{color:#A22279; font-weight:normal; cursor:pointer;} #wenn_alternating_colors .tableHolder span.details-link span{text-decoration:underline;} #wenn_alternating_colors .tableHolder span.details-link:hover span,#wenn_alternating_colors .tableHolder .opened span.details-link{text-decoration:none;} .tableHolder .rechnerAngaben, .tableHolder .rechnerBruttoNetto{ display: none;} .tableHolder .rechnerBruttoNetto{ padding:0 0 4px; margin-left:-2px;} .tableHolder .rechnerAngaben{ padding:35px 0 10px;} #wenn_alternating_colors #tableNettoRechnerErgebnis tr td.rechnerToggleHeader{ width:210px; padding-left:11px;padding-right:13px; border-width:0;background:#EFEFEF;} #wenn_alternating_colors #tableNettoRechnerErgebnis .rechnerBruttoNetto tr td.rechnerToggleHeader{width:168px;} #wenn_alternating_colors #tableNettoRechnerErgebnis tr td{ border:2px solid #fff; border-width:0;vertical-align: top; padding-top:0;padding-bottom: 0;} #wenn_alternating_colors #tableNettoRechnerErgebnis tr td td{ padding-top:5px;padding-bottom: 5px;border-width:2px 0 0 2px;} #wenn_alternating_colors #tableNettoRechnerErgebnis .rechnerBruttoNetto tr td.right, #wenn_alternating_colors .rechnerAngaben .even{background:#f8f7f7;} #wenn_alternating_colors #tableNettoRechnerErgebnis .rechnerBruttoNetto tr .borders{border-width:2px 0 0;} #wenn_alternating_colors #tableNettoRechnerErgebnis .rechnerBruttoNetto tr .noborder{border-top:0;} #wenn_alternating_colors #tableNettoRechnerErgebnis th{ padding:0 11px 5px 7px;} #wenn_alternating_colors #tableNettoRechnerErgebnis tr td.right{width:133px;} #wenn_alternating_colors #tableNettoRechnerErgebnis tr .gray { background-color:#f8f7f7; border-top:0; } #wenn_alternating_colors #tableNettoRechnerErgebnis td.alt{white-space: normal; border:1px solid #103472; padding-bottom:10px;} #wenn_alternating_colors #tableNettoRechnerErgebnis td.alt .title{ background:#103472; display: block; margin:0 -11px 10px -7px; padding:5px 11px 6px 7px; color:#fff; text-align:center;} #wenn_alternating_colors #tableNettoRechnerErgebnis td.alt p{margin:0 0 12px; text-align:right; font-size:12px; color:#484848;} #wenn_alternating_colors #tableNettoRechnerErgebnis td.alt img{ display:block;} .tableHolder td.alt .rechnerBruttoNetto{margin:0 0 10px;} .rechnerToggleHeader img{ vertical-align: middle; cursor:pointer; } #wenn_alternating_colors .heading{ width:100%; overflow:hidden; } #wenn_alternating_colors .heading h1{ float:left;} #wenn_alternating_colors .heading h2{ float:right;} #middlepanel .anzeige-box{font-size:13px; padding: 20px 0 0; width:100%;clear:both;overflow:hidden;} #middlepanel .anzeige-box a{color:#454444;} #middlepanel .anzeige-box a:hover{ text-decoration: none;} .anzeige-box img.align-left{float:left; margin:4px 10px 0 0;border: 1px solid #ddd;} .anzeige-box .hold{overflow:hidden; height: 1%;} #middlepanel .anzeige-box .h3{color:#A42277;display:block; margin:0 0 3px;font-size:13px;} #middlepanel .anzeige-box .h3 a{color:#A42277;} .anzeige-box .capitalize,#middlepanel .capitalize{text-transform: capitalize;} #search-results .anzeige-box{padding-bottom:10px; } /* ************************updates end********************************* */ /* ###### END: ADDED FORM-STYLES : Everything with "#nettogehaltHome" added by Ost-Kombinat in 2011-11 ###### */ .nettogehalt { width:570px; float:left; margin-top:10px; padding-bottom:12px ;} .nettogehalt form {padding-top:10px} .nettogehalt h2 { padding-bottom:4px } /* ###### Commented out by Ost-Kombinat on November 24, 2011. Reason: Obsolete. [1 ROW] ###### */ /* .nettogehalt .photo { float:right; padding-bottom:25px } */ #middlepanel .nettogehalt p {clear:both; width:570px; font:12px/1.3em "Lucida Sans",Arial,Helvetica,sans-serif;} /* ************************updates added by Lena********************************* */ /*.nettogehalt label {width:160px; float:left; font-size:11px; color:#454444; padding-top:6px;font-size:12px; } .nettogehalt input {border:1px solid #E2E3E2;padding:2px;} .nettogehalt span.radiobuttons {font-size:12px;} .radiodescription {font-size:11px;padding-top:6px;float:left;} .nettogehalt .radiobuttons input {border:0px solid white;} .nettogehalt select {border: 1px solid #E2E3E2;height:20px} .nettogehalt .button { float:right; font-size:10px; padding-top:12px; margin-right:-4px; position:relative } .nettogehalt .button a { width:126px; height:20px; float:left; background:url(../images/bg_button_berechnen.gif) no-repeat; color:#FFFFFF; text-decoration:none; padding:6px 0 0 35px } */ /* Brutto-Netto Ergebnisseite */ #nettogehalt { width:570px; float:left; background: url(../images/bg_features.gif) repeat-y; margin-top:5px; padding-bottom:12px } #nettogehalt table { width:290px; float:left; font-size:11px; color:#454444; padding-top:10px; padding-bottom:5px } #nettogehalt .column1 { width:306px; float:left; padding-right:37px } #nettogehalt .column1 table { width:306px; float:left; font-size:11px; color:#454444; padding-top:10px; padding-bottom:5px } #nettogehalt .column1 h2 { padding-bottom:4px } #nettogehalt .column1 .photo { float:left; padding-bottom:25px } #nettogehalt .column1 fieldset { float:left } #nettogehalt .column1 fieldset ul li{ width:306px; float:left; font-size:10px; color:#5F5F5F; padding-bottom:3px } #nettogehalt .column1 label {width:148px; float:left; font-size:11px; color:#454444; padding-top:4px } #nettogehalt .column1 .right { width:150px; float:left } #nettogehalt .column1 .input { width:141px; height:18px; float:left; border-bottom:1px solid #e3e2e3; border-left:1px solid #ababab;border-right:1px solid #e3e2e3; border-top:1px solid #ababab; padding:0 1px 1px 0 } #nettogehalt .column1 .input input{ width:133px; height:16px; float:left; background:#e3e2e3; border:none; font-size:10px; color:#5f5f5f; padding:1px 4px } #nettogehalt .column1 .input2 { width:75px } #nettogehalt .column1 .input2 input{ width:67px } #nettogehalt .column1 .droplist { width:78px; height:19px; float:left; background:#e3e2e3; border-bottom:1px solid #ababab; border-left:1px solid #e3e2e3;border-right:1px solid #ababab; border-top:1px solid #e3e2e3; font-size:10px; color:#5f5f5f } #nettogehalt .column1 .droplist2 { width:144px } #nettogehalt .column1 .choice { width:70px; float:left; padding:2px 0 2px 5px } #nettogehalt .column1 .button { float:right; font-size:10px; padding-top:12px; margin-right:-4px; position:relative } #nettogehalt .column1 .button a { width:126px; height:20px; float:left; background:url(../images/bg_button_berechnen.gif) no-repeat; color:#FFFFFF; text-decoration:none; padding:6px 0 0 35px } #nettogehalt .column2 { width:227px; float:left } #nettogehalt .column2 .links { width:227px; float:left; padding-bottom:15px } #nettogehalt .column2 .links h2 { padding-bottom:13px } #nettogehalt .column2 .links ul li { width:215px; float:left; font-size:10px; color:#454444; background:url(../images/arrow_links.png) no-repeat 0 4px; line-height:1.4em; padding-left:10px; padding-bottom:3px } #nettogehalt .column2 .links ul li span { width:155px; float:left } #nettogehalt .column2 .links ul li .right { width:60px; float:right; text-align:right } #nettogehalt .column2 .links ul li a { color:#454444; text-decoration:none } #nettogehalt .column2 .links ul li a:hover { text-decoration:underline } .paging a { font-size:14px; color:#9D9C9C; text-decoration:none; padding:5px 5px 5px 5px } .paging a:hover { color:#FFFFFF; background-color:#A22279; text-decoration:none } .paging span { font-size:14px; color:#FFFFFF; background-color:#012B55; text-decoration:underline; font-weight: bold; padding:5px 5px 5px 5px } /* ###### START : Added by Ost-Kombinat in 2011-11 ###### [NEXT STYLE ONLY] [ROW 899 - 904] ###### */ .clearfloat { clear:both; height:0px; font-size:0px; line-height:0px; } .newsletterSelect { /*background-image: url("../images/bg_nettoGehaltHome_long_input_field.jpg");*/ width: 250px; } .newsletterSubmitLink { color: #800040; float: none; font-weight: bold; font-size: 10px; text-decoration: none; text-align: center; } .articleDate { float:right; font-size:12px; margin-right: 6px; } /* --------------------------------------------- 15. Anzeigen_detail Page --------------------------------------------- */ html{ height:100%;} #jobSearchResults{ /*background:#bdbec0 url('../images/showDetail/bg-gradient.gif') repeat-x;*/ height:100%; min-width:320px; /* overflow-y: hidden; */ } #jobSearchResults #main{ position: relative; min-height: 100%; overflow: hidden; width: 100%; } #jobSearchResults #header-panel{ max-width:1040px; margin:0 auto; border-bottom: 3px solid #0F2F68; position:relative; z-index: 10; font-family: Arial, Helvetica, sans-serif; } #jobSearchResults #header{ float: none; border-bottom: 1px solid #ccc; padding:7px 0; width:100%; position:relative; z-index: 102; background:#fff; } #jobSearchResults #header:after, #jobSearchResults #details:after{ clear:both; display:block; content:''; } #jobSearchResults .logo{width: 26%;} #jobSearchResults .logo img{ max-width:100%; height:auto; } #jobSearchResults .logo a{ background:none; float:none; text-indent: 0; } #jobSearchResults #header .search{ margin:-23px 0 0; padding: 0; background: none; width:65%; height:auto; position:absolute; text-align:right; top:50%; right:0; } #jobSearchResults #header .search label, #jobSearchResults .search .input, #jobSearchResults a.searchButton{ display:inline-block; vertical-align:middle; } #jobSearchResults #header .search label{width:38px;padding:0} * +html #jobSearchResults #header .search label, * +html #jobSearchResults .search .input, * +html #jobSearchResults a.searchButton{display:inline;} #jobSearchResults .search .input{ width:28%; float:none; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; font-size:15px; padding-right: 24px; } #jobSearchResults .search .pos-rel{position:relative;} #jobSearchResults a.searchButton{ text-indent:-9999px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; float:none; width:48px; padding: 0; height:36px; margin:0 0 0 4px; } #jobSearchResults #header .search fieldset{ width:auto;text-align: center; background:#f4f4f4; border:1px solid #ccc;padding:4px;-o-border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} #jobSearchResults .overlay { display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 100; } #jobSearchResults .clean-btn{ font: 1.2em 'FontAwesome'; position: absolute; right: 12px; top: 0; color: #cecece; z-index: 11; cursor: pointer; display: none; background:#fff; } #jobSearchResults .clean-btn:after{content: '\f00d';} /* #controls-panel */ #jobSearchResults #controls-panel [class*="btn"]{ position: absolute; top: 50%; width: 73px; color:#9c2760; text-decoration: none; margin: -38px 0 0; height:73px; overflow: hidden; background: url("../images/showDetail/navigation_2/nav-arrows2.png") no-repeat -77px 0; } #jobSearchResults #controls-panel [class*='-next'] {right:50%;margin-right:-600px;} #jobSearchResults #controls-panel [class*='-prev'] {left:50%;margin-left:-600px;background-position: 0 0;} #jobSearchResults #controls-panel .btn-next:hover{ background-position: -77px -77px;} #jobSearchResults #controls-panel .btn-prev:hover{ background-position: 0 -77px;} /* iframe */ #jobSearchResults #iframe{ min-height: 100px; background:#fff; border:1px solid #ccc; border-top:0; margin:0 auto; max-width:1040px; position:relative; overflow:hidden; -webkit-overflow-scrolling:touch; } #jobSearchResults #iframe.desktop { height:2700px !important; } @media only screen and (min-device-width : 320px) and (max-device-width : 640px),screen and (max-width : 640px),screen and (max-width : 767px) and (orientation : landscape) { #jobSearchResults #iframe { max-width:980px; } } /* .loading:after {position:absolute;top:0;height:100%;left:0;width:100%;content:"";background:#fff url(../images/dog-loader2.gif) 50% 30%/154px 130px no-repeat;} */ /*.loading2:after {background:#fff url(../images/dog-loader3.gif) 50% 30%/120px 120px no-repeat;}*/ /* nav */ #jobSearchResults #nav{ padding: 6px 10px; border-bottom: 1px solid #cbc9c9; background: #fff; font-size: 12px; color:#9D9C9C; overflow: hidden; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 42%, #f0f0f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(42%,#ffffff), color-stop(100%,#f0f0f0)); background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 42%,#f0f0f0 100%); background: -o-linear-gradient(top, #ffffff 0%,#ffffff 42%,#f0f0f0 100%); background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 42%,#f0f0f0 100%); background: linear-gradient(to bottom, #ffffff 0%,#ffffff 42%,#eee 100%); position: relative; z-index: 101; } #jobSearchResults #header-panel .pull-left{float:left;} #jobSearchResults #header-panel .pull-right{float:right;} #jobSearchResults #nav a.link{ float: left; color: #918f8f; margin:-6px 0; padding: 8px 0 6px; text-decoration:none; } #jobSearchResults #nav a.link:hover{ color: #3F4041;} #jobSearchResults #nav a.current, #jobSearchResults #nav a.current:hover{ color: #9c1c4e; border-top:3px solid #9c1c4e; padding-top:6px; } #jobSearchResults #nav .link{display:none;} #jobSearchResults #nav a[class*='btn-']{ color:#0F2F68; text-decoration:none; position:relative; font-weight:bold; } #jobSearchResults #nav a[class*='btn-']:hover{ text-decoration:underline;} #jobSearchResults #nav .btn-next:after, #jobSearchResults #nav .btn-prev:before{ font: 1.4em/0.9em 'FontAwesome'; display: inline-block; vertical-align: middle; background:#0F2F68; color:#fff; padding:1px 5px 2px; } #jobSearchResults #nav .btn-next:after{ content: '\f101'; margin: -2px 0 0 10px; } #jobSearchResults #nav .btn-prev:before{ content: '\f100'; margin: -2px 10px 0 0; } #jobSearchResults #nav .separator{padding:0 8px;} #jobSearchResults #details {padding:8px 0 10px;overflow:hidden; background: #daedfe; /* Old browsers */ background: -moz-linear-gradient(top, #daedfe 0%, #eef7fc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#daedfe), color-stop(100%,#eef7fc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #daedfe 0%,#eef7fc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #daedfe 0%,#eef7fc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #daedfe 0%,#eef7fc 100%); /* IE10+ */ background: linear-gradient(to bottom, #daedfe 0%,#eef7fc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#daedfe', endColorstr='#eef7fc',GradientType=0 ); /* IE6-9 */ } #jobSearchResults #details .pull-left{width:56%;padding-left:10px;} #jobSearchResults #details .pull-right{width:40%; text-align:right;font-size:13px;padding-right:10px;} #jobSearchResults #details dl{margin:5px 0 0;overflow:hidden;} #jobSearchResults #details dt { clear: left; float: left; font-weight: 700; width: 110px; } #jobSearchResults #details dd { margin: 0 0 3px 115px;} #jobSearchResults #details h1{ font-size:19px; margin:0 0 5px;} #jobSearchResults .close_gfinder { position:absolute; left:10px; bottom:10px; color:#fff; font-size:12px; cursor:pointer; } #jobSearchResults #details .gfinder_hl_title { float:left; width:28%; } #jobSearchResults #details .gfinder_hl_title span { font-size:30px; } #jobSearchResults #details .typisch_anzeige h2 { font-size:14px; } #jobSearchResults #details .typisch_anzeige { width:30%; float:left; } #jobSearchResults #details .typisch_anzeige_werte.active { border:2px solid #308714 ; padding:5px; color:#000; background-color:#f6f6f6; } #jobSearchResults #details .typisch_anzeige_werte.inactive { border:2px solid #cc3333; padding:5px; color:#000; background-color:#f6f6f6; } #jobSearchResults #details .thirdbx_gfinder h2 { font-size:14px; } #jobSearchResults #details .user_anzeige_werte.active { border:2px solid #308714; padding:5px; color:#000; background-color:#f6f6f6; text-align:center; } #jobSearchResults #details .thirdbx_gfinder { float:right; width:33%; } #jobSearchResults #details .gfinder_icon { background:url('../images/gfinder/ico_gfinder.jpg'); width:55px; height:55px; float:left; margin-right:10px; } #jobSearchResults #details #btn_gfinder { margin-top:15px; } #jobSearchResults #details .typisch_anzeige_werte { text-align:center; } #jobSearchResults #details .typisch_anzeige_werte span { color:#000; font-size:14px; } #jobSearchResults #details .user_anzeige_werte span { font-size:14px; } #jobSearchResults #details .gehaltsfinder_imp { width:80%; margin-left:10%; } #jobSearchResults .open_register { cursor:pointer; position:absolute; bottom:40px; right:35%; text-indent:0px; width:30%; background:#308714; padding-top:10px; height:26px; margin:0 0 0 4px; color:#fff; text-transform: uppercase; text-align:center; text-decoration:none; font:bold 11px/16px Arial, Helvetica, sans-serif; } /* jobsTopPanel */ #jobsTopPanel2{ background:url('../images/showDetail/navigation_2/bg-panel.png') repeat-x 0 4px; width:100%; position: relative; margin: -8px 0 0; } #jobsTopPanel2 .lcorner{background:url('../images/showDetail/navigation_2/bg-panel-left.png') no-repeat;} #jobsTopPanel2 .rcorner{ background:url('../images/showDetail/navigation_2/bg-panel-right.png') no-repeat 100% 0; width: 100%; position: relative; } #jobsTopPanel2 .holder{ width: 870px; margin: 0 auto; padding: 15px 0 0 40px; height: 98px; background:url('../images/showDetail/navigation_2/bg-panel-hold.png') no-repeat 50% 8px; } #jobsTopPanel2 .logo { text-indent:-9999px; background:url('../images/showDetail/navigation_2/logo.png') no-repeat; width:245px; height:75px; padding: 29px 0 0 23px; /* overflow:hidden; */ margin:0; position: absolute; left: 0; top: 9px; } #jobsTopPanel2 .logo a { display:block; height: 41px; width: 136px; } #jobsTopPanel2 .prev-btn{ width:139px; height:60px; line-height:60px; float: left; margin: 5px 70px 0 278px; background:url('../images/showDetail/navigation_2/buttons.png') no-repeat -142px 0; } #jobsTopPanel2 .next-btn{ width:139px; height:70px; line-height:70px; float: left; background:url('../images/showDetail/navigation_2/buttons.png') no-repeat; } #jobsTopPanel2 .next-btn a{padding:0 24px 0 10px;} #jobsTopPanel2 .prev-btn a{padding:0 4px 0 20px;} #jobsTopPanel2 .prev-btn:hover{ background-position:-142px -64px;} #jobsTopPanel2 .next-btn:hover{ background-position:0 -70px;} #jobsTopPanel2 .navButton a{ display:block; color: #fff; font-size:12px; text-decoration: none; text-align:center; } #tblJobmaschine .currentPage a{ color: #AE227A; text-decoration: none; } #tblJobmaschine td{ float: left; line-height: 16px; position: relative; width: 240px; padding: 0 10px 3px 40px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; } #jobsTopPanel2 h3{ text-align: center; margin: 0 0 1px; color: #00008B; font-weight: bold; text-transform: none; } #tblJobmaschine { font-size: 12px; } #tblJobmaschine a { color:#454444; text-decoration:underline } #tblJobmaschine a:hover { color:#AE227A } /* alphabet */ #alphabet{ padding:20px 0 12px; width:100%; overflow:hidden; background:url(../images/dottedborder.gif) repeat-x 0 100%; margin:0 0 11px;} .search #alphabet{margin:0 0 -8px; padding-bottom:0; background:none;} #alphabet h2{ margin:0 0 8px; font-size:14px;} #ad_below, #progWrapper, #progWrapper>h1, #progWrapper>p, #adblock{ text-align:center;} #middlepanel #nettopartner{ margin:20px 0;} #middlepanel #nettopartner p{text-align:center;} #ad_below .btn-vergleich{ float:none; display:inline-block; margin:3px 0 30px; } #progress{margin:10px auto;font-weight:bold;} #indJobContent .company_location{font-size: 11px;overflow: hidden;display:block; color: #999;} #indJobContent .location{color:#999;} #indJobContent.wide .job{display:block;float:left;margin-right: 5px;width: 135px;overflow: hidden} #indeed_widget_wrapper{position: relative;font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;font-size: 13px;font-weight: normal;line-height: 18px;padding:0 0 10px 5px ;height: auto;overflow: hidden;} #indeed_widget_wrapper h2{margin-bottom:10px;} #indeed_widget_wrapper a{color:#022953;font-weight: bold;} #indJobContenta:hover{text-decoration:none;} #indeed_widget_wrapper h2 img{border: 0; vertical-align: top;} /* job-search module */ .job-search{ padding:0 6px 10px;} .job-search h2{margin:0 0 12px;} .job-search .row{ padding:0 0 8px;} .job-search label{display:block; margin:0 0 3px; font-size:11px; font-weight:bold;} .job-search .input{ padding:4px 3px 6px; font-size:11px;line-height:15px; color:#333; } .job-search .searchButton{ margin-top:3px; display:block; float:none;padding-top:6px; font:bold 11px/16px Arial, Helvetica, sans-serif; height:21px; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; background-color: #A22279 !important;} @media only screen and (min-device-width : 767px) and (max-device-width : 1024px),screen and (min-device-width : 320px) and (max-device-width : 640px),screen and (max-width : 640px) { #jobSearchResults #details {position:absolute;top:100%;left:0;width:100%;z-index:100;background:#fff;border-bottom:2px solid #25455E} #jobSearchResults #details.invisible-box {top:-200%;-moz-transition:all 2s ease;-webkit-transition:all 2s ease;transition:all 2s ease} } @media only screen and (max-width: 500px) { #jobSearchResults .search .input{font-size:12px;height:14px; line-height:14px; padding-top:6px;padding-bottom:6px;} #jobSearchResults #header .search{margin-top:-19px;} #jobSearchResults #header .search fieldset{padding-top:3px; padding-bottom:3px;} } @media only screen and (min-width: 768px) { #jobSearchResults .show-searchForm {opacity:1!important;max-height:50px!important;display:inline!important} } @media only screen and (max-width: 767px) { #jobSearchResults #header-panel .hidden-box{ display:none;} #jobSearchResults #nav .link{display:block;} #jobSearchResults #header .search{width:66%;} #jobSearchResults #header .search .input{width:60%} #jobSearchResults .show-searchForm{text-align:center;max-height:0;width:100%;overflow:hidden;opacity:0} #jobSearchResults a.searchButton{ margin:10px 0 0 38px; width:72%; background-position:50% 50%; height:32px;} .loading:after {background-size:115px 97px} .loading2:after {background-size:88px 88px} } @media only screen and (min-device-width : 320px) and (max-device-width : 640px),screen and (max-width : 640px),screen and (max-width : 767px) and (orientation : landscape) { #jobSearchResults #controls-panel { position:relative; z-index:1001; height: 42px; padding:6px 0 0; background: #0F2F68; } #jobSearchResults #controls-panel [class*="btn"] { float: left; color: #fff; text-indent:0; text-transform:uppercase; height:auto; font-size: 13px; font-weight:bold; padding: 8px 5% 7px; -moz-border-radius: 3px; -webkit-border-radius: 3px !important; border-radius: 3px; background: #308714; -webkit-box-shadow: 0 2px 1px 0 #000; -moz-box-shadow: 0 2px 1px 0 #000; box-shadow: 0 2px 1px 0 #000; top:0; width:auto; z-index: 5; position:relative; } #jobSearchResults #controls-panel [class*="-next"] {float:right} #jobSearchResults #controls-panel .btn-next:after{ content: '\f101'; font: 1.5em/1em 'FontAwesome'; margin: -2px 0 0 10px; display: inline-block; vertical-align: middle; } #jobSearchResults #controls-panel .btn-prev:before{ content: '\f100'; font: 1.5em/1em 'FontAwesome'; margin: -2px 10px 0 0; display: inline-block; vertical-align: middle; } #jobSearchResults #controls-panel [class*="btn"]:hover{ color:#9C1C4E; } #jobSearchResults #controls-panel .btn-next:after{ content: 'weiter \f101'; font: 1.5em/1em 'FontAwesome'; margin: -2px 0 0 10px; display: inline-block; vertical-align: middle; } #jobSearchResults #controls-panel .btn-prev:before{ content: '\f100\A zur\00FC ck'; font: 1.5em/1em 'FontAwesome'; margin: -2px 10px 0 0; display: inline-block; vertical-align: middle; } } @media only screen and (max-width: 982px) { #jobSearchResults #header .search fieldset{ -o-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;} } @media only screen and (max-width: 1100px) { #jobSearchResults #header .logo{ margin-left:10px;} } @media (max-width:1200px) { #jobSearchResults #controls-panel [class*="-next"] {right:10px!important;margin:0!important} #jobSearchResults #controls-panel [class*="-prev"] {left:10px!important;margin:0!important} } .modalDialog { position: absolute; font-family: Arial, Helvetica, sans-serif; top: 264px; right: -620px; bottom: 0; left: 130px; z-index:9; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; } .modalDialog:target { opacity:1; pointer-events: auto; } .modalDialog > div { width: 160px; position: relative; margin: 10% auto; padding: 5px 20px 13px 20px; border-radius: 10px; background: #ccc; } .close { background: #333; color: #FFFFFF; line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } .close:hover { background: #ccc; } .arrow_left_modaldialog {position:absolute;left:-36px;font-size:50px;top:-11px;color:#ccc;} .umkreissuche {float:left;position:relative;} #middlepanel .search .grey-row a.searchButton {position:relative;float:right;} .detailsBig .links ul li a span.btn_DialogRegister {font-size:20px;color:#103472;float:right;border-radius:10px;border:1px solid #103472;width:23px;height:23px;padding:7px 0 0 7px;top:2px;right:10px;} #middlepanel #ergebnis .detailsBig #search-results li:not(.heading) a.btn_modalRegister {font-size:10px;position:relative;float:right;padding:0px 3px 0px 3px;color:#012A57;border-radius:12px;text-decoration:none;} /* Modal Styling */ #registerModalBox { background-color:#fff; border-radius:15px; color:#000; display:none; padding:20px; width:60%; height:60%; margin:0 auto; } .b-close{ cursor:pointer; position:absolute; right:10px; top:5px; } .b-iframe { width:100%; height:100%; } #jobSearchResults #controls-panel [class*="subline"]{ position: absolute; top: 50%; color:#9c2760; text-decoration: none; margin: 40px 0 0; height:100px; overflow: hidden; width:138px; color:#fff; } #jobSearchResults #controls-panel [class*='-nxt'] {right:50%;margin-right:-670px;text-align:left;font-size:15px;font-weight:normal;color:#012A57;} #jobSearchResults #controls-panel [class*='-prv'] {left:50%;margin-left:-670px;background-position: 0 0;text-align:right;font-size:15px;font-weight:normal;color:#012A57;} #jobSearchResults #controls-panel .subline-nxt:hover{ } #jobSearchResults #controls-panel .subline-prev:hver{ } #jobSearchResults #controls-panel .cp_amountOfJobs { position: absolute; top: 42%; color:#9c2760; text-decoration: none; margin: 37px 0 0; overflow: hidden; width:138px; color:#fff; width:30px; height:30px; border-radius:50%; font-size:12px; color:#fff; line-height:30px; text-align:center; background:#9c2760; } #jobSearchResults #controls-panel .cp_amountOfJobs {right:50%;margin-right:-630px;border:4px solid #fff;} /* Home no leftsidebar */ #content .wrapper.index_content { width:100%; } /* #content .wrapper.index_content #middlepanel { width:710px; } */ /* BNR - Brutto Netto Rechner 21.05.2015 */ #middlepanel .partnerbox .sublines { float:left; padding:10px 0 0 10px; width:70%; display:none; } #middlepanel .partnerbox .headline { width:70%; } #middlepanel .register_foot_partner { margin-top:20px; } #middlepanel .row_partner { margin:10px 0 0 0; width:100%; } #middlepanel .partner_elem { float:left; position:relative; padding-left:6%; } #middlepanel .first_partner_elem { float:left; padding-left:0 !important; } #middlepanel .partnerbox .headline p { margin: 0 0 0 10px; padding:0; color:#012A57; font-weight:700; text-align:left; font-size:0.8em; width:100%; } #middlepanel .row_partner p { font-size:0.7em; font-weight:700; color:#012A57; } #middlepanel .partnerbox { width: 45%; float:left; } #middlepanel .table-cell-custom { float:left; padding-right:10px; } .detailsBig button.icon-comment { padding:0px; height:26px; width:26px; position:relative; top:-4px; left:20px; border:none; cursor:pointer; } .clearable{ background: #fff url(../images/icon_reset.png) no-repeat right -10px center !important; transition: background 0.4s; } .clearable.x { background-position: right 10px center !important; } .clearable.onX{ cursor: pointer !important; } /* ie clear x exception*/ @media screen\0{ .clearable.x{ background-position: right -10px center !important; } } .table-redaktion{ width: 100%; margin: 12px auto; } div.table-redaktion table{ border: 1px solid #ddd; text-align: center; border-collapse: collapse; width: 100%; } div.table-redaktion td, div.table-redaktion th{ border: 1px solid #ddd; padding: 3px; text-align: center; } div.table-redaktion tr > td:first-child{ font-weight: bold; } .datenschutz_layer_module { background-color: #a5a5a5; color: #fff; padding: 6px 0; position: fixed; bottom: 0; width: 100%; z-index: 42; } .datenschutz_layer_module button.btn_ds { background: transparent linear-gradient(to bottom, #4a88a3 0%, #4a88a3 100%, #4a88a3 100%, #4a88a3 100%) repeat scroll 0 0; border: 0 none; border-radius: 2px; padding: 1px; } .btn_ds { color: white; display: inline-block; font-size: 14px; font-weight: bold; position: absolute; right: 5px; top: 5px; cursor: pointer; } .datenschutz_layer_wrapper { font-size: 11px; line-height: 15px; min-height: 17px; padding: 3px 33px 3px 0; text-align: center; } /* linklist in leftpanel */ #blue { float: left; margin-left: -186px; width: 141px; margin-top: 10px; border-radius: 0; } #leftpanel #blue { background: #fff none repeat scroll 0 0; } #leftpanel .box2 { border: 1px solid #ae227a; border-radius: 0; color: #000000; margin: 10px 0; padding: 10px; width: 138px; } #leftpanel .box h2 { font-weight: bold; line-height: 10px } #leftpanel ul li { background: rgba(0, 0, 0, 0) url("../images/arrow_links.png") no-repeat scroll 0 3px; color: #454444; font-size: 12px; line-height: 1.4em; padding-left: 13px; } #leftpanel a{ color: #000; text-decoration: none; } .back-to-top { background:#0F3271; position: fixed; bottom:20px; right: 23%; padding: 5px 20px 10px; font-size: 20px; border-radius: 3px; z-index: 9999; text-decoration: none; color: #fff; } .inhalt_bnr{ font-weight: bold; font-size: 15px; } #kontakt_formwrapper{ padding: 8px; float: left; position: relative; background: #F0EFF2; margin: 0 0 25px 0; border: 1px solid #8C2181; } .g-recaptcha{ float: right; margin-right: 4%; } #content .wrapper.page { } @media(max-width: 330px){ .g-recaptcha{ float: left; margin: 0 0 0 -4px; } } .matching-salary-block { border: 1px solid rgb(173, 51, 131); float: left; margin-right: 10px; min-height: 100px; padding: 10px 0 10px 10px; width: 300px; } #middlepanel .matching-salary-block ul li { background:url(../images/search.de.png) no-repeat 0 4px; background-size: 12px; font-size: 14px; padding-left: 16px; width: 280px; } .detailsBig .links .matching-salary-block ul li a, .matching-salary-block ul li a { text-decoration: underline; } .detailsBig .links .matching-salary-block ul li a:hover, .matching-salary-block ul li a:hover { text-decoration: none; }