@charset "utf-8";
/* CSS Layout für WKO Bergbau Metall Inhaltsseiten */
/* © alladinIT, 2009       */
/* vers. 1.0 | 05.02.2009  */

@import url(css_reset.css);

/* _________ Verwendung für ACCESSKEYS ___________*/

.invisible {
  display:block;
  text-indent: -9000px;
  height: 0px;
  overflow: hidden;
}
/* _________ /Verwendung für ACCESSKEYS ___________*/

body  {
  font-family:Verdana, Arial, Helvetica, sans-serif !important;
  font-size:0.75em;
  color:#202020;
  background:#D2D1CF url(../images/wko_background.png) repeat-x -88px top;
}
strong  {
  font-weight:bold;
}
hr  {
  display:none;
}
a  {
  text-decoration:none;
}
em  {
    font-style:italic;
}
.clear  {
  clear:both;
}
/* __________ Layout __________ */
div#wrapper  {
  width:840px;
  left:50%;
  margin-left:-420px;
  position:relative;
  margin-top:49px;
}
div#oben    {
    height:236px;
}
div#oben div.verlaufLinks  {
  display:block;
  width:10px;
  height:236px;
  background:url(../images/schatten_obenlinks.png);
  float:left;
}
div#header  {
  float:left;
  display:block;
  height:236px;
  width:820px;
}
div#header div#headerOben  {
  background:#FDFDFD url(../images/headeroben_bg.jpg) no-repeat bottom;
  height:98px;
  width:100%;
  position:relative;
}
div#header div#headerOben div#logo  {
  position:absolute;
  top:-23px;
  left:18px;
}
div#header div#headerOben div#sprache  {
  float:right;
  margin-right:18px;
  margin-top:12px;
  font-size:0.8em;
}
div#sprache div#fav_store {
    float:left;
    margin-right:3px;
}
div#sprache div#fav_store a {
    color:#999999;
}
div#sprache div#fav_store a:hover {
    color:#FF290B;
}
div#sprache div#jflanguageselection {
    float:left;
}
div#sprache ul li  {
  float:left;
}
div#sprache ul li a  {
  color:#999999;
  display:block;
  margin-bottom:1em;
}
div#sprache ul li a:hover {
    color:#FF290B;
}
div#sprache ul li.en a  {
  padding-left:0.4em;
  border-left:solid 1px #999999;
}
div#sprache ul li.bookmark a  {
  margin-right:0.4em;
}
div#jflanguageselection ul.jflanguageselection li#active_language {
    display: none;
}
div#header div#metaNavi  {
  width:100%;
  height:26px;
  background:#242F6D url(../images/metanavi_bg.png) repeat-x top;
}
div#metaNavi ul  {
  float:right;
}
div#metaNavi ul li  {
  float:left;
  display:block;
  padding-top:7px;
  padding-bottom:8px;
  background:url(../images/metanavi_border_blau.gif) repeat-y left top;
}
div#metaNavi ul li#tab_login.active,
div#metaNavi ul li#tab_volltextsuche.active {
    background:#5F5C57 url(../images/metanavi_border_login.gif) repeat-y left top;
}
div#metaNavi ul li a  {
  height:16px;
  color:#FFFFFF;
  padding-left:1em;
  padding-right:1em;
  font-size:0.9em;
}
div#loginForm,
div#volltextsucheForm   {
    z-index: 100;
  position:absolute;
  width:300px;
  right:10px;
  background:#222222 url(../images/loginform_bg.png) repeat-x left top;
  padding:1%;
}
/* IE6 */
* html div#loginForm,
* html div#volltextsucheForm   {
  position:absolute;
  width:300px;
  left:514px;
  background:#222222 url(../images/loginform_bg.png) repeat-x left top;
  padding:1%;
}
div#loginForm form.form-login,
div#loginForm form.log,
div#volltextsucheForm form.search   {
  float:right;
  width:100%;
}
div#loginForm form.form-login legend,
div#loginForm form.form-login label,
div#volltextsucheForm form.search legend,
div#volltextsucheForm form.search label {
  display:none;
}
div#loginForm form.form-login,
div#loginForm form.form-login input,
div#loginForm form.log,
div#loginForm form.log input,
div#volltextsucheForm form.search,
div#volltextsucheForm form.search input {
  font-size:0.9em;
}
div#loginForm form.form-login input {
  color:#999999;
  background:#E5E5E5 url(../images/input_bg.png) repeat-x left top;
  border-bottom:solid 1px #797979;
  border-right:solid 1px #797979;
  border-top:solid 1px #5C5C5C;
  border-left:solid 1px #5C5C5C;
  width:31%;
}
div#volltextsucheForm form.search input {
    color:#999999;
  background:#E5E5E5 url(../images/input_bg.png) repeat-x left top;
  border-bottom:solid 1px #797979;
  border-right:solid 1px #797979;
  border-top:solid 1px #5C5C5C;
  border-left:solid 1px #5C5C5C;
  width:63.5%;
    margin-right:1.5%;
}
div#loginForm form.form-login input.button,
div#volltextsucheForm form.search input.button  {
  color:#FFFFFF;
  background:#666666 url(../images/loginbutton_bg.png) repeat-x left bottom;
  border:solid 1px #333333;
}
div#volltextsucheForm form.search input.button  {
       width:31%;
}
div#loginForm form.log input#submit  {
  color:#FFFFFF;
  background:#666666 url(../images/loginbutton_bg.png) repeat-x left bottom;
  border:solid 1px #333333;
    float: right;
}
div#header div#flashContainer  {
    position: absolute;
  width:100%;
  height:112px;
  /*background:url(../images/flash_bg.jpg) no-repeat;*/
}
div#oben div.verlaufRechts  {
  display:block;
  width:10px;
  height:236px;
  background:url(../images/schatten_obenrechts.png);
  float:left;
}


div#mitte  {
  background:url(../images/verlauf_mitte.png) left top repeat-y;
  padding-left:10px;
  padding-right:10px;
  position:relative;
  height:100%;
}

div#mitteLinks  {
  background:#999999;
  width:191px;
  height:auto;
  position:relative;
  min-height:100%;
  float:left;
  height:100%;
}
div#navigation  {
  background: #96918A url(../images/navi_bg.png) repeat-x;
  margin-top:-22px;
  position:relative;
  width:191px;
  min-height:357px;
  /*height:357px;*/
}
/* IE 6 */
* html div#navigation    {
    height:357px;
}
ul.menu_mainNavi  {
  height:100%;
  position:relative;
  width:191px;
    padding-top:0.5em;
  /*margin-top:0.8em;*/
  /*background:url(../images/navi_obenrechts_schatten.png) top right no-repeat;*/
}
ul.menu_mainNavi li  {
  margin:0;
  padding:0;
}
ul.menu_mainNavi li a  {
  display:block;
  color:#FFFFFF;
  font-weight:500;
  font-size:1.1em;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:25px;
  padding-right:10px;
  letter-spacing:-0.05em;
  margin:0;
  background:url(../images/navi_linktrennung.png) bottom left no-repeat;
}

ul.menu_mainNavi li a:hover,
ul.menu_mainNavi li.active a,
ul.menu_mainNavi li.active ul li.active a,
ul.menu_mainNavi li.active ul li a:hover,
ul.menu_mainNavi li.active ul li.active ul li.active a,
ul.menu_mainNavi li.active ul li.active ul li a:hover {
    color:#FF290B;
}
ul.menu_mainNavi li.active ul li a, ul.menu_mainNavi li.active ul li.active ul li a  {
    color:#FFFFFF;
}

ul.menu_mainNavi li ul li a  {
  display:block;
  color:#dddddd;
  font-weight:500;
  font-size:1.0em;
  padding-top:5px;
  padding-bottom:10px;
  padding-left:45px;
  padding-right:10px;
  letter-spacing:-0.05em;
  margin:0;
  background:url(../images/navi_linktrennung.png) bottom left no-repeat;
}
ul.menu_mainNavi li ul li ul li a  {
  display:block;
  color:#dddddd;
  font-weight:500;
  font-size:1.0em;
  padding-top:5px;
  padding-bottom:10px;
  padding-left:65px;
  padding-right:10px;
  letter-spacing:-0.05em;
  margin:0;
  background:url(../images/navi_linktrennung.png) bottom left no-repeat;
}


div#mitteUndRechts  {
  margin-left:191px;
  position:relative;
  width:629px;
  padding:0;
}
/*für IE6  */
* html div#mitteUndRechts  {
  margin-left:191px;
  position:relative;
  width:626px;
  padding:0;
}
div#contentArea  {
  width:449px;
  float:left;
    line-height:1.2em;
}
/*für IE6  */
* html div#contentArea  {
  width:445px;
  float:left;
    line-height:1.2em;
}
div.contentHeadline  {
  background:url(../images/contentheadline_bg.png) repeat-x bottom;
}
div.serviceHeadline  {
  background:url(../images/serviceheadline.png) repeat-x bottom;
}
/*ul#content_adds li img  {
    background:url(../images/service_entry_point.gif) no-repeat;
}*/
div.contentHeadline span.breadcrumbs    {
  background:url(../images/headline_rechts_schatten.png) repeat-y;
  min-height:20px;
  padding-left:10px;
  padding-top:5px;
  font-weight:normal;
    display:block;
}
div.serviceHeadline h1  {
  min-height:20px;
  padding-left:5px;
  padding-top:5px;
  font-weight:normal;
}
/*für IE6  */
* html div.contentHeadline h1  {
  background: none;
  height:25px;
}
* html div.serviceHeadline h1  {
  background: none;
  height:25px;
}
div.contentBlock  {
  padding-left:15px;
  padding-right:15px;
  margin-top:1em;
  margin-bottom:3em;
}
div.contentBlock a  {
    color:#253279;
}
div.contentBlock a:hover {
    color:#FF290B;
}
div.contentBlock div ol {
    list-style-type:decimal;
    padding-left: 30px;
}
div.contentBlock div ul {
    padding-left: 30px;
    /*list-style-type: circle;*/
    list-style-image:url(../images/service_entry_point.gif);
}
div.contentBlock div ul li  {
    margin-bottom:0.4em;
}


div#mitteRechts  {
  float:left;
  width:180px;
}
ul#content_adds li div.reddot    {
    background:transparent url(../images/service_entry_point.gif) no-repeat 5px 2px;
    padding-left:22px;
    margin-left:5px;
}
ul#content_adds li div.reddot img {
    border:1px solid #999999;
    margin-bottom:5px;
}
ul#content_adds li div.reddot a {
    color:#000000;
    font-weight:bold;
}
ul#content_adds li div.reddot a:hover {
    color:#FF290B;
}
ul#mainlevel_serviceNavi li {
  background:url(../images/service_entry_bg.png) repeat-x bottom;
  padding-top:10px;
  padding-bottom:10px;
}
ul#mainlevel_serviceNavi li a  {
  background:url(../images/service_entry_point.gif) no-repeat 5px 2px;
  display:block;
  height:4em;
  padding-left:18px;
  padding-right:10px;
  color:#202020;
  font-weight:bold;
  font-size:0.9em;
  line-height:110%;
}
ul#mainlevel_serviceNavi li a:hover {
    color:#FF290B;
}
ul#content_adds li {
  background:#F0F0F0 url(../images/service_entry_bg.png) repeat-x bottom;
  padding-top:10px;
  padding-bottom:10px;
}


div.verlaufUnten  {
  background:url(../images/schatten_unten.png) no-repeat;
  height:77px;
  width:840px;  

}
div#footer  {
  font-size:0.8em;
  color:#666666;
  padding-top:1em;
  padding-left:216px;
  /* width:100%; */
}
div#footer p   {
    display:inline;
}
div#footer ul#mainlevel_Impressum   {
    display:inline;
}
div#footer ul#mainlevel_Impressum li   {
    display:inline;
}
div#footer ul#mainlevel_Impressum li a  {
    color:#666666;
    font-weight:bold;
}
div#footer ul#mainlevel_Impressum li a:hover {
    color:#FF290B;
}

/* CONTENTFORMATIERUNG */

ul.pagination li {
    display: inline;
    list-style-type: none;
    float: left;
    border-left: 1px solid black;
    padding: 0 10px;
}
ul.pagination li:first-child {
    display: inline;
    list-style-type: none;
    float: left;
    border-left: 0px;
    padding: 0 10px;
}

div.newsBlock h1  {
  color:#253279;
  font-weight:bold;
  font-size:1.1em;
  margin-bottom:1em;
}
div.newsBlock img.newsThumbnail  {
  border:solid 1px #999999;
  float:left;
  margin-right:1em;
}
div.newsBlock .newsDatum  {
  color:#999999;
  font-size:0.9em;
  margin-bottom:0.5em;
}
span.createdate  {
  color:#999999;
  font-size:0.9em;
  margin-bottom:0.5em;
    font-weight:bold;
}
div.newsBorder  {
  clear:both;
  border-top:solid 1px #253279;
  border-bottom:solid 2px #253279;
  height:1px;
  display:block;
  margin-top:1em;
  margin-bottom:1em;
}
.trennlinie  {
  clear:both;
  border-top:solid 1px #253279;
  border-bottom:solid 2px #253279;
  height:1px;
  display:block;
  margin-top:1em;
  margin-bottom:1em;
}
.zitat {
  background:url(../images/service_entry_point.gif) no-repeat 5px 2px;
    color:#253279;
    padding-left:20px;
    margin-top:1em;
    margin-bottom:1em;
}
.zitat em   {
    font-style:italic;
}
/*span.breadcrumbs   {
    font-size:0.9em;
}*/
a.pathway   {
    color:#000000;
}
div.newsBlock div.sectionItem h2    {
  color:#253279;
  font-weight:bold;
  font-size:1em;
  margin-bottom:0.5em;
    display:inline;
}
div.newsBlock div.sectionItem h2 a {
    color:#253279;
}

div.newsBlock div.sectionItem h2 a:hover {
    color:#FF290B;
}
div.newsBlock div.sectionItem span.small    {
    color: #999;
}

/* DIV.FORMATIERUNGEN */

h1.contentheading {
    margin-bottom: 0.5em;
    font-size: 1.1em;
    font-weight: bold;
    color: #253279;
}

h1.contentheading a {
    color: #253279;
}

.article_separator {
    background:url(../images/navi_linktrennung.png) no-repeat;
}

.content_right_text {
    margin: 12px 0 0 17px;
}
.teasertext {
    font-weight: bold;
    margin: 5px 0;
}

div.backbutton a {
    color:#253279;
}
div.backbutton a:hover {
    color:#FF290B;
}

/* Klassen aus TinyMCE Editor */
div.article_row {
    clear:both;
}
img.teaser  {
    border:solid 1px #999999;
    margin-right:1em;
    margin-bottom:1em;
    float:left;
}
span div.backbutton {
    float: right;
    margin-bottom: 1em;
}
.mitarbeiterfoto    {
    float:left;
    margin-bottom:1em;
    margin-right:1em;
    border:solid 1px #CDCDCD;
}
.mitarbeitername    {
    font-weight:bold;
    font-size:1.1em;
    color:#253279;
}
.mitarbeiterposition    {
    display:block;
    margin-bottom:1em;
}

div#newsletterModule form input {
    width: 200px;
    margin-top: 10px;
    margin-left: 10px;
}

div#newsletterModule form input.radio {
    width: 10px; 
}

div#newsletterModule form select {
     margin-top: 10px;
      margin-left: 10px;
}

div#newsletterModule form input.input_mittel { width: 45px; }

.loggin_greeting {
    width: 220px;
    color: #FFF;
    float: left;
}
div.contentdescription {
    margin-bottom: 15px;
    font-weight: bold;
    color: #777;
}
div.newsBlock form div.display {
    margin-bottom: 15px;
}
div.newsBlock form div.filter {
    margin-bottom: 5px;
}