@CHARSET "UTF-8";

* {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100.01%;
}
html {
 margin: 0px;
 overflow-x: hidden;
}
body {
 color: #636363;
 background: transparent url('/img/backgroundBottom.jpg') repeat;
 background-position: 0px 188px;
 font: 10px verdana, sans-serif;
 line-height: 18px;
 font-size: 11px;
}

div#container {
 width: 100%;
 background: transparent url("/img/backgroundTop.jpg") repeat-x scroll 0 0;
 position: relative;
}

div#wrapper{
 margin: 0 auto;
 width: 970px;
/* background: url('../img/seitenRaster.png') repeat-y 0 0 transparent; */
 position: relative;
}

#content h1 {
 text-transform: uppercase;
 text-shadow: 1px 1px 1px #fff;
 font-size: 22px;
 color: #0060ac;
 text-align:left;
}

#content h2 {
 font-size: 16px;
 text-shadow: 1px 1px 1px #fff;
 color: #404040;
}

.floatleft {
 float: left;
}
.floatright {
 float: right;
}

div#top {
 width: 970px;
 overflow: hidden;
 margin: 0px;
 height: 250px;
 position: relative;
}
div#topheadline {
 background: url('/img/topheadline.png') no-repeat;
 width: 622px;
 height: 96px;
 margin-top: 30px;
}

#chattopkey{ position: absolute; top: 100px; left: 648px; background: url(/img/mitmachenBeimChat.png) no-repeat 0 0; height:72px; width: 205px; padding: 15px 15px 15px 103px; }
#chattopkey h4{ margin: 0; padding: 0px; font-size: 12px; text-transform: uppercase; color: #0061ac; }
#chattopkey p{ font-size: 11px; color: #666; font-weight: bold; line-height: 14px; }
#chattopkey p a{ font-size: 11px; color: #0061ac; font-weight: bold; line-height: 12px; text-decoration: none; background: url(../img/blue_linkarrow.png) no-repeat 0 2px; padding-left: 10px; }

div#topkey {
 background: url('/img/jetztBewerben.png') no-repeat;
 width: 207px;
 height: 75px;
 margin-top: -98px;
 padding: 25px 20px 0px 110px;
 font-size: 10px;
 float: right;
 margin-right: -22px;
}
div#topkey div#pfeil{
 background: url('/img/arrowJetztBewerben.png') no-repeat transparent;
 background-position: 0px -11px;
 height: 11px;
 width: 8px;
 position: absolute;
 margin-left: -3px;
 margin-top: 5px;
}

div#topkey:hover div#pfeil{
 background: url('/img/arrowJetztBewerben.png') no-repeat transparent;
 background-position: 0px 0px;
 height: 11px;
 width: 8px;
 position: absolute;
 margin-left: -3px;
 margin-top: 5px;
}

a#topkey_jetztbewerben {
 text-decoration: none;
}

a#topkey_jetztbewerben div div {
 text-decoration: none;
 line-height: 14px;
}

div#keytop {
 color: #313131;
 font-weight: bold;
 text-shadow: 1px 1px 1px #fff;
 margin-left: 10px;
}

a div#keytxt {
 color: #0061ac;
 text-shadow: 2px 2px 1px #fff;
 font-weight: bold;
 margin-left: 10px;
 margin-top: 3px;
 text-decoration: none;
}
a:hover div#keytxt {
 color: #313131;
 text-decoration: none;
}

#lay_bw{ position: absolute; top: 120px; left: 0px; width: 100%; z-index: 10001; }

div#logo {
 margin-left: 18px;
 margin-top: 35px;
 width: 110px;
 height: 38px;
 float: left;
 z-index: 2;
}

div#nav-container-outer {
 position: relative;
 background: #fdfdfd;
 height: 7px;
 width: 820px;
 left: 224px;
 top: 45px;
 float: left;
 color: #636363;
 padding: 8px 0 8px 10px;
 z-index: 2;
 -moz-border-radius: 5px;
 -khtml-border-radius: 5px;
 -wekit-border-radius: 5px;
 border-radius: 5px;
 behavior: url(border-radius.htc);
}
.float-left {
 float: left;
}
.float-right {
 float: right;
}
.nav-container .divider {
 display: block;
 font-size: 1px;
 border-width: 0px;
 border-style: solid;
}
.nav-container .divider-vert {
 float: left;
 width: 0px;
 display: none;
}
.nav-container .item-secondary-title {
 display: block;
 cursor: default;
 white-space: nowrap;
}
.clear {
 font-size: 1px;
 height: 0px;
 width: 0px;
 clear: left;
 line-height: 0px;
 display: block;
 float: none;
}
.nav-container {
 position: relative;
 zoom: 1;
 margin: 0 auto;
}
.nav-container a, .nav-container li {
 float: left;
 display: block;
 white-space: nowrap;
 position: relative;
 top: -6px;
}
.nav-container div a, .nav-container ul a, .nav-container ul li {
 float: none;
}
.nav-container ul {
 left: -10000px;
 position: absolute;
 background: url('/img/submenu_bg.png') repeat;
 width: 270px;
}
.nav-container, .nav-container ul {
 list-style: none;
 padding: 0px;
 margin: 0px;
}
.nav-container li a {
 float: none;
}
.nav-container li {
 position: relative;
}
.nav-container ul {
 z-index: 10;
}
.nav-container ul ul {
 z-index: 20;
}
.nav-container ul ul ul {
 z-index: 30;
}
.nav-container ul ul ul ul {
 z-index: 40;
}
.nav-container ul ul ul ul ul {
 z-index: 50;
}
li:hover>ul {
 left: auto;
}
#nav-container ul {
 top: 21px;
 -moz-border-radius-bottomleft: 10px;
 -moz-border-radius-bottomright: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
 -khtml-border-radius: 10px;
 border-bottom-left-radius: 10px;
 border-bottom-right-radius: 10px;
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
 behavior: url(border-radius.htc);
}
#nav-container ul li:hover>ul {
 top: 0px;
 left: 100%;
}
#nav-container a {
 padding: 7px 3px;
 margin: 0px auto;
 color: #0061ac;
 text-decoration: none;
 text-align: center;
 font: normal 12px verdana, sans-serif;
}
#nav-container a:hover {
 color: #313131;
 font-weight: bold;
}
#nav-container div, #nav-container ul {
 padding: 10px 4px;
 margin: 0px 0 0;
 height: 95px;
}
#nav-container ul a {
 text-align: left;
}
#nav-container div a, #nav-container ul a {
 padding: 3px 10px 3px 6px;
 font-size: 11px;
 margin: 0px 0 0;
 width: 149px;
 color: #0061ac;
}
#nav-container div a:hover, #nav-container ul a:hover {
 color: #313131;
}
#nav-container .item-secondary-title {
 cursor: default;
 padding: 4px 0 3px 7px;
 color: #636363;
 font: bold 11px Arial, verdana, sans-serif;
}
#nav-container .divider-horiz {
 border-top-width: 1px;
 margin: 5px 5px;
}
#nav-container .divider-vert {
 border-left-width: 1px;
 height: 15px;
 margin: 4px 2px 0;
}
div#nav a:hover {
 font-weight: bold;
}
a.current {
 font-weight: bold !important;
 font-size: 10px;
 text-decoration: none;
}
div#nav div.navelement, .spacing {
 position: relative;
 top: 2px;
 float: left;
 text-align: center;
 margin: 0px auto;
}
div#nav div.navelement {
 z-index: 2;
}
.eins {
 width: 135px;
}
.zwei {
 width: 115px;
}
.drei {
 width: 65px;
}
.vier {
 width: 120px;
}
.fuenf {
 width: 96px;
}
div#nav div.spacing {
 position: relative;
 top: 5px;
 float: left;
 margin: 0px 3px;
}
div#nav div.navelementsuche {
 position: relative;
 top: 5px;
 left: -20px;
 z-index: 1;
}
#nav .navdropdown {
 background: url('/img/submenu_bg.png') repeat;
 position: absolute;
 top: 33px;
 left: 8px;
 width: 329px;
 height: 135px;
 list-style-type: none;
 display: none;
 border-bottom-right-radius: 10px;
 border-bottom-left-radius: 10px;
 -moz-border-radius-bottomright: 10px;
 -moz-border-radius-bottomleft: 10px;
 -webkit-border-bottom-right-radius: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -khtml-border-radius: 10px;
 border-radius: 10px;
 behavior: url(border-radius.htc);
}
#nav .navdropdown .child {
 position: relative;
 left: -22px;
 top: 7px;
 border-bottom: 1px dashed #000;
 padding: 3px 0;
 font-size: 12px;
}
#nav .navdropdown .noline {
 border-bottom: none !important;
}
#nav .navdropdown .child a {
 font-size: 9pt;
}
div#body {
/* background: 0px #dbdddc url('/img/background.jpg') no-repeat; */
 height: 854px;
 margin: 0 auto;
 width: 944px;
}
div#content {
 width: 940px;
 margin: 0px auto;
}
div#leer {
 height: 150px;
}
div.bodytext {
 text-align: left;
 width: 434px;
 text-shadow: 1px 1px 1px #fff;
}
div.bodytext a:hover{
 text-decoration:underline;
}
div#bt1 {
 position:relative;
 padding: 0px 34px 0 0;
 width: 555px;
 height: 200px;
}
.bold {
 font-weight: bold;
}
.noshadow {
 text-shadow: 0px 0 0 transparent;
}
div#bt2 {
 width: 315px;
 height: 200px;
/* border-left: 1px dotted #000; */
}
#bt2border{
 position:absolute;
}
div.righttext {
 height: 105px;
 padding-left: 20px;
}
.abstandunten {
 padding-bottom: 10px;
}
.abstandoben {
 padding-top: 10px;
}
.dottedlinebottom {
 border-bottom: 1px dotted #000;
}
a.blue {
 color: #0061ac;
 font-weight: bold;
 text-decoration: none;
}
a.blue:hover {
 color: #313131;
 text-decoration: none;
}
div.teaser {
 width: 220px;
 height: 426px;
 position: relative;
 margin: 28px 0 0;
 background: url('/img/teaser/bg.png');
}
div.spacer {
 width: 20px;
 height: 426px;
 float: left;
}
div.teaserimg {
 position: relative;
 margin: 10px;
}
.teaserhead {
 position: relative;
}
.teaserheadline {
 position: relative;
 margin: 0px 10px 20px;
 font-size: 16px;
 font-weight: bold;
 text-align: left;
 text-transform: uppercase;
 color: #0061ac !important;
}
div.teasertxt {
 position: relative;
 margin: 0px 10px 0;
 font-size: 8pt;
 text-align: left;
}
div.teaserlink {
 position: absolute;
 margin: 10px 0;
 padding: 10px 0 0 10px;
 font-size: 8pt;
 border-top: 1px dotted;
 text-align: left;
 bottom: 0px;
 width: 210px;
}
div.teaserlink a {
 text-decoration: none;
 color: #0061ac;
 font-size: 8pt;
 text-align: left;
 font-weight: bold;
}
div.teaserlink a:hover {
 font-weight: bold;
 font-size: 8pt;
}

div.bottomteaser {
 background: url('/img/ausbildungsberufe/teaser/bottombg.png') no-repeat;
 width: 220px;
 height: 152px;
 float: left;
}
#bottomsmallteaser{
 position: relative;
 top: 100px;
}
div.tbottomhead {
 height: 115px;
}
div.tbottomtext {
 padding: 10px 10px;
 font-size: 10px;
 font-weight: bold;
}
div.tbottomtext a {
 font-size: 10px;
 font-weight: bold;
 text-decoration: none;
 color: #686868;
}
div.tbottomtext a:hover {
 text-decoration: underline;
}
div.stoererblau {
 position: relative;
 height: 40px;
 width: 228px;
 background: url('/img/ausbildungsberufe/blaustoerer.png') no-repeat;
}
div.topstoerer {
 position: absolute;
 top: -24px;
 left: -40px;
}
div.stoererrot {
 position: relative;
 height: 44px;
 width: 268px;
 background: url('/img/ausbildungsberufe/rotstoerer.png') no-repeat;
}
div.stoerertext {
 position: absolute;
 color: #fff;
 text-shadow: 1px 1px 2px #000;
 font-weight: bold;
 width: 228px;
}
#searchbutton {
 display: inline !important;
 position: relative !important;
 top: -6px !important;
}
form input#suche {
 width: 155px;
 border: 1px solid #e1e1e1;
 position: relative;
 top: -6px;
 height: 20px;
}
fieldset#searchbox {
 position: relative;
 left: 5px;
 border: 0px #fdfdfd;
 padding: 5px 3px;
}

.novisible{
 display:none;
}

div.spacer3{
 width: 20px;
 height: 152px;
 float: left;
}

div#wrapper div#innercontent {
 width: 944px;
 margin: -10px 0px 0px 21px;
 position: relative;
 z-index:1;
}

div#wrapper div.innercontentlarge { width: 950px !important; }

#bottom_teaser {
 width: 970px;
 height: 430px;
 margin: 45px auto 0;
 padding-left: 18px;
 overflow: hidden;
}

#bottom_teaser .teaser_container {
 height: 435px;
 width: 224px;
 background: transparent url('../img/teaser/teaserBg.png') no-repeat 0 0;
 float: left;
 margin-right: 16px;
}

#bottom_teaser .teaser_container h2 {
 height: 100px;
 text-indent: -19999px;
}

#bottom_teaser .teaser_container h3 {
 height: 40px;
 padding-top: 150px;
 padding-left: 10px;
 padding-right: 10px;
 color: #0061ac;
 font-size: 14px;
 text-transform: uppercase;
 text-shadow: 1px 1px 1px #fff;
}

#bottom_teaser .teaser_container h3.short {
 height: 20px;
}

#bottom_teaser .teaser_container p {
 padding: 0px 10px;
 line-height: 17px;
 font-size: 10px;
 height: 105px;
}

#bottom_teaser .teaser_container p.long {
 height: 125px;
}

#bottom_teaser .teaser_container p.link {
 height: 40px;
 padding-top: 5px;
 background: transparent url('../img/teaser/linie.png') no-repeat 2px 0px;
}

#bottom_teaser .teaser_container p.link a {
 font-size: 12px;
 font-weight: bold;
 padding-left: 10px;
 text-decoration: none;
 color: #313131;
 background: transparent url('../img/teaser/pfeil.png') no-repeat 0px 3px;
 text-transform: uppercase;
 padding-top: 1px;
}

#bottom_teaser .teaser_container p.link a, #bottom_teaser .teaser_container p.link a {
 color: #0061ac;
}

#bottom_teaser .teaser_container p.link a:hover, #bottom_teaser .teaser_container p.link a:active {
 color: #313131;
}

#bottom_teaser #teaser_azubisinaktion h2 {
 background: transparent url('/img/teaser/teaserHeadlines_azubisinaktion.png') no-repeat 2px 0;
}
#bottom_teaser #talente_wege h2 {
 background: transparent url('/img/teaser/teaserHeadlines_talente_wege.png') no-repeat 2px 0;
}

#bottom_teaser #teaser_warum_ikea h2 {
 background: transparent url('../img/teaser/teaserHeadlines_warumIkea.png') no-repeat 2px 0;
}

#bottom_teaser #teaser_azubis_berichten h2 {
 background: transparent url('../img/teaser/teaserHeadlines_azubisBerichten.png') no-repeat 2px 0;
}

#bottom_teaser #teaser_wie_ikea_bist_du h2 {
 background: transparent url('../img/teaser/teaserHeadlines_wieIkeaBistDu.png') no-repeat 2px 0;
}

#bottom_teaser #teaser_chat h2 {
 background: transparent url('../img/teaser/teaserHeadlines_chat.png') no-repeat 2px 0;
}

#bottom_teaser #teaser_deine_chancen h2 {
 background: transparent url('../img/teaser/teaserHeadlines_deineChancen.png') no-repeat 2px 0;
}

#bottom_teaser #teaser_meine_ausbildung h2 { background: transparent url('/img/teaser/teaserHeadlines_meineAusbildung.png') no-repeat 2px 0;}
#bottom_teaser #teaser_meine_karriere h2 { background: transparent url('/img/teaser/teaserHeadlines_meineKarriere.png') no-repeat 2px 0;}
#bottom_teaser #teaser_meine_karriere h3 { background: transparent url('../img/teaser/teaserPics_meineKarriere.jpg') no-repeat; background-position: 11px 11px;}

#bottom_teaser #teaser_azubisinaktion h3 {
 background: transparent url('../img/teaser/teaserPics_azubisinaktion.jpg') no-repeat;
 background-position: 11px 11px;
}
#bottom_teaser #talente_wege h3 {
 background: transparent url('/img/teaser/teaserPics_talente_wege.jpg') no-repeat;
 background-position: 11px 11px;
}

#bottom_teaser #teaser_warum_ikea h3 {
 background: transparent url('../img/teaser/teaserPics_warumIkea.jpg') no-repeat;
 background-position: 11px 11px;
}

#bottom_teaser #teaser_azubis_berichten h3 {
 background: transparent url('../img/teaser/teaserPics_azubisBerichten.jpg') no-repeat;
 background-position: 11px 11px;
}

#bottom_teaser #teaser_wie_ikea_bist_du h3 {
 background: transparent url('../img/teaser/teaserPics_wieIkeaBistDu.jpg') no-repeat;
 background-position: 11px 11px;
}

#bottom_teaser #teaser_chat h3 {
 background: transparent url('../img/teaser/teaserPics_chat.jpg') no-repeat;
 background-position: 11px 11px;
}

#bottom_teaser #teaser_deine_chancen h3 {
 background: transparent url('../img/teaser/teaserPics_deineChancen.jpg') no-repeat 10px 10px;
}

#footer {
 height: 125px;
 width: 970px;
 margin: 50px auto 0px 0px;
 padding-top: 0px;
 padding-left: 0px;
 font-size: 10px;
 line-height: 14px;
}

#footer .footer_container {
 width: 299px;
 float: left;
 height: 85px;
 padding-left: 20px;
 background: transparent url('../img/footer/spacer.png') no-repeat 321px 0;
}

#footer .footer_container_last {
 width: 311px;
 float: left;
 padding-left: 20px;
}

#footer #footer_bewerbungstipps {
 width: 205px;
 height: 100px;
 background: transparent url('../img/footer/button1.png') no-repeat 0 0;
 padding-left: 100px;
 text-shadow: 1px 1px 1px #fff;
 cursor: pointer;
}

#footer #footer_faq {
 width: 205px;
 height: 100px;
 background: transparent url('../img/footer/button2.png') no-repeat;
 background-position: 6px 0px;
 padding-left: 100px;
 text-shadow: 1px 1px 1px #fff;
 cursor: pointer;
}

#footer #footer_ueber {
 cursor: pointer;
 width: 200px;
 height: 100px;
 background: transparent url('../img/footer/button3.png') no-repeat;
 background-position: 6px 6px;
 padding-left: 100px;
 text-shadow: 1px 1px 1px #fff;
}

#footer h3 sup {
 font-size: 12px;
}

#footer h3 {
 color: #404040;
 font-size: 16px;
 margin-bottom: 10px;
 text-shadow: 1px 1px 1px #fff;
}

 #footer_ueber h3{
 margin-top: -5px !important;
}

#footer_sub {
 margin: 145px auto 0px;
 clear: both;
 width: 460px;
 font-size: 11px;
 line-height: 17px;
 text-shadow: 1px 1px 1px #fff;
 padding-bottom: 50px;
}

#footer_sub a, 
#footer_sub a:visited {
 color: #0060ac;
 text-decoration: none;
 font-size: 11px;
 line-height: 17px;
}

#footer_sub a:hover,
#footer_sub a:active {
 color: #313131;
 text-decoration: none;

}

.footer_container a,
.footer_container_last a,
.footer_container a:hover,
.footer_container_last a:hover {
 color: #636363;
 text-decoration: none;
}

#overlay {position: fixed;z-index:100;top: 0px;left: 0px;height:100%;width:100%;}
.overlayMacFFBGHack {background: url(/images/macWFFBgHack.png) repeat;}
.overlayBG {background-color:#fff;filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;}
/* ie6 hack */
* html #overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#swin{ position: absolute; top: 0px; left: 0px; width: 100%; margin: 0 auto; z-index: 101; text-align: center; }
.swco{ width: 960px; margin: 40px auto 0 auto; height:560px; padding: 25px 25px 14px 14px; position: relative; background: url(/img/w_video_bg.png) no-repeat 0px 16px; }
#axcon{ margin: 0 auto; }
#closebtn{ position: absolute; top:1px; right:1px; width: 30px; height: 30px; cursor: pointer; background: url(/img/close.png) no-repeat 0 0; }

.btn{ outline: 0; position: relative; text-indent: -999em; background-repeat: no-repeat; background-position: 0 0; height: 20px; overflow: hidden; }
.btn:hover{ background-position:0 -20px; }
.btn:active{ background-position:0 -40px; }
