@media screen {/* layout goes here */

/* =Globals ------------------------------------------------------------------*/

* {
  margin: 0;
  padding: 0;
}

.center {
  text-align:center;
}

blockquote{ margin-left: 40px; margin-right: 40px; }
th, td{ vertical-align:top; }

/* =Header / TopNavi / SearchBox / TopBar --------------------------------------*/

#header {
  width: 1004px;
}

#logo {
  height: 51px;
}


/* content  ------------------------------------------------------------------*/

.content {
  width: 1004px;
}

/* left column  ------------------------------------------------------------------*/

.containerLeft {
  float: left;
  width: 180px;
  margin: 0;
}

/* right column  ------------------------------------------------------------------*/

.containerRight {
  float: left;
  width: 100px;
  margin: 0;
  position: relative;
  z-index: 0;
}

/* main  ------------------------------------------------------------------*/

.main {
  float: left;
  width: 580px; /* 591px + 2*19px = 629px */
  padding: 0 20px 10px 20px; /* 19px + je 1px fuer borders li + re, die aus hg-bild kommen */
  margin: 0;
}

/* footer  ------------------------------------------------------------------*/
.footer 
{
  clear: both;
  width: 619px; /* 838px + 1px linken border vom hg_bild ueberdecken (??) */
  margin: 0 0 0 180px;
  height: 16px;
  padding-top:8px;
  padding-bottom:8px;
}


 }
@media screen {/* design goes here */
/*
elemente ueber halbe seitenbreite: 290px
abstand von bildern zum text: 16px
*/
* { zoom: 1; }
/* =CS ----------------------------------------------------------------*/

#content {
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding: 4px 0;
}



/* =Globals ----------------------------------------------------------------*/
body {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #fff;
  color: #636363;
  font-size: 12px;
}

input, select {
  font-size: 11px;
}

.main input{
  padding: 3px 2px;
}

p {
  margin: 0 0 1.2em 0;
}

img { border: none; }

.containerRight img {
  margin-bottom:8px;
}

/* neues border-element */
hr {
  color:#505050;
  background:#505050;
  height:1px;
  border:none;
  margin:0;
  padding:0;
}

.ie hr {
  margin-top:-7px;
  margin-bottom:-7px !important;
}

/* neues border-element */
hr.blue {
  color:#004D9F;
  background:#004D9F;
}

/* links   ------------------------------------------------------------------ */

a.iconLink {
  cursor: pointer;
}

a { text-decoration: underline; }

a.topLink {
  padding-left:13px;
}

a.printLink {
  background:url(/agv/templates/html/ibw/master/css/../img/icon_print.png) 0px 2px no-repeat;
  padding-left:18px;
}

a.themenLink {
  padding-left:13px;
  display:block;
  margin-top:4px; /* an Listen-Elemente angelehnt */
}

a.themenLink img {
  border:0;
}

a.folderLink {
  float:right;
  font-weight:bold;
}

a.downloadLabel {
  font-weight:bold;
}

a.mailLink {
  padding-left:15px;
}

.ie a.mailLink { zoom:1; }

/*zurueck/weiter Box (b. Tarifvertrag)*/
div.zurueckLink {
  width:200px;
  float:left;
  background:url(/agv/templates/html/ibw/master/css/../img/back_arrow.gif) left top no-repeat;
  padding-left:8px;
}

div.topLinkMiddle {
  width:200px;
  float:left;
  margin-left:49px;
}

div.weiterLink {
  width:56px;
  float:right;
  background:url(/agv/templates/html/ibw/master/css/../img/breadcrumb_arrow.gif) right top no-repeat;
  padding-right:2px;
}

/* headlines --------------------------------------*/

h1{
  font-size: 15px;
}

.topBar h1 {
  font-size: 12px;
  font-weight: normal;
  color: #fff;
  margin: 0;
  padding: 2px 0 2px 6px;
}

.topBar p {
  margin: 0;
  padding: 0;
}

.topBar h1.caption {
  font-size:11px;
  padding: 3px 0 3px 6px;
  background:#004085;
  font-weight:bold;
  width:159px;
}

h2 {
  font-size: 14px; /* pt aus derzeitiger Website entnommen, sonst 17px */
  line-height: 15px; /* pt aus derzeitiger Website entnommen, sonst 18px */
  padding: 0;
  margin-bottom: 1px;
}

.detail h2, .dossier h2, .tarif h2.tarif {
  margin-bottom:20px;
  font-size: 14px;
  line-height: 15px;
  text-align:left;
}

h6 {
  font-size: 12px;
  color: #666;
  margin: 2px 0 20px 0;
  padding: 0;
}

.detail h6, .dossier h6 {
  margin-top:-17px; /* nur 3px Abstand zur uebergeordneten Headline wie in Start-Content-Boxen */
}

h3
{
  color:#3c3c3c ;
}

h3, h4, h5 {
  font-size: 12px;
}

h5
{
  font-size: 15px;
  padding: 0px 0px 10px 0px;
}

/* Uebernahme CSS fuer vorhandene Formatierungen bei Tarifvertraegen: */

.tarif h2 {
  text-align: center;
  font-size:13px;
}

.tarif h3 {
  font-size:12px !important;
  color: #636363;
  background:none !important;
  padding:0 !important;
  margin:16px 0 3px 0 !important;
}

.tarif p {
  margin-bottom:0;
}

.sideContacts
{
  color:#3689BF;
}

/* =Bilder im Text --------------------------------------*/

/* 3.2. Dossier */
/*.dossier img {
  float:right;
  margin-left:16px;
  margin-bottom:16px;
}*/





/* =Header / TopNavi / SearchBox / TopBar --------------------------------------*/

#logo a {
  display:block;
  height:48px;
  width:270px;
  text-decoration:none;
}

.keyVisual {
  border: 1px solid #fff;
  border-left: 0;
}

/* =mainNavi ------------------------------------------------------------------*/

/* 1. level -------------------------------------------------------------------*/
ul#mainNavi
{
  list-style: none;
  height: 20px;
}

ul#mainNavi *{
  font-size: 11px;
}


#mainNavi li.level0-active-over ,
#mainNavi li.level0-active-timeout ,
#mainNavi li.level0-active ,
#mainNavi li.level0-timeout ,
#mainNavi li.level0-over ,
#mainNavi li.level0 {

  border-right: 1px solid #98a1a9;
  float: left;
  height: 20px;
  position: relative;
  display: block;
  z-index: 5;
}

#mainNavi li.last {
  border-right: 0;
}

#mainNavi li a {
  display: block;
  color:#98a1a9;
  text-decoration: none;
  line-height:14px;
  padding: 3px 8px 3px 6px;
}


/* 2./3. level -------------------------------------------------------------------*/
#mainNavi li ul,
#mainNavi li ul li ul  {
  background: #d8e7f1;
  border:1px solid #b5cfde;
  border-top: 0;
  display:none;
  margin:0;
  padding:0;
  position:absolute;
  width: 180px;
  list-style:none;
}

.ff2 #mainNavi li ul,
.ff2 #mainNavi li ul li ul {
  opacity: 0.95;
}

#mainNavi li ul li,
#mainNavi li ul li ul li {
  border-top:1px solid #98a1a9;
  border-right: #b5cfde;
  width:180px;
  position: relative;
}

#mainNavi li ul li a,
#mainNavi li ul li ul li a  {
  display:block;
  padding:4px 0 5px 21px;
  color: #5E6166;
  font-weight:normal;
  font-size:11px;
  line-height:13px;
  text-decoration:none;
  border:0;
}

#mainNavi li ul li a:hover,
#mainNavi li ul li ul li a:hover  {
  color: #54636f;
  display:block;
  padding:4px 0 5px 21px;
  font-weight:normal;
  font-size:11px;
  line-height:13px;
  text-decoration:none;
  border:0;
}

#mainNavi li ul li a.active,
#mainNavi li ul li ul li a.active,
#mainNavi li ul li a.active:hover,
#mainNavi li ul li ul li a.active:hover {
  color: #54636f;
}

/* 2. level -------------------------------------------------------------------*/


#mainNavi li.level0-over ul ,
#mainNavi li.level0-active-over ul ,
#mainNavi li.level0-timeout ul ,
#mainNavi li.level0-active-timeout ul {
  top:20px;
  width:180px;
  z-index:10;
  display: block;
}

#mainNavi li ul li a {
  background:url(/agv/templates/html/ibw/master/css/../img/listicon_quadrat.gif) 7px 8px no-repeat;
}

#mainNavi li ul li a:hover,
#mainNavi li ul li a.active,
#mainNavi li ul li a.active:hover {
  background: #d2dce4 /*#b9d4e6; url(/agv/templates/html/ibw/master/css/../img/listicon_quadrat.gif) 7px 8px no-repeat;*/
}

#mainNavi li ul li.level1 ul ,
#mainNavi li ul li.level1-active ul {
  display: none;
}


/* 3. level -------------------------------------------------------------------*/
#mainNavi li.level1-over ul ,
#mainNavi li.level1-active-over ul ,
#mainNavi li.level1-timeout ul ,
#mainNavi li.level1-active-timeout ul {
  top: 1px;
  display: block;
  left: 100%;
  margin-left: 1px;
  width:200px;
  z-index:11;
}

#mainNavi li ul li ul li a {
  background:url(/agv/templates/html/ibw/master/css/../img/listicon_pfeil.gif) 7px 8px no-repeat;
}

#mainNavi li ul li ul li a:hover,
#mainNavi li ul li ul li a.active,
#mainNavi li ul li ul li a.active:hover  {
  background: #d2dce4 /*#b9d4e6*/; url(/agv/templates/html/ibw/master/css/../img/listicon_pfeil.gif) 7px 8px no-repeat;
}

/* bisher unused ---------------------------- */

#mainNavi li.over ul, #mainNavi li.active-over ul {
  display:block;
}


/* =subNavi ------------------------------------------------------------------*/

#subNavi {
  background: #e2e4e7;
  border:0;
  margin: 37px 0 0 0;
  padding:0;
  width:180px;
  border-top:3px solid #fff;
}
#subNavi ul {
  margin:0;
  padding:0;
}


#subNavi li,
.subSubNavi li{
  list-style: none;
  width:180px;
  padding:0;
}

#subNavi li a,
.subSubNavi li{
  color: #5E6166;
  display:block;
  width:auto;
  font-weight:bold;
  font-size:11px;
  text-decoration:none;
  padding:6px 5px 5px 15px;
  border-bottom:1px solid #98a1a9;
}

#subNavi li.level0-active{
  background: #b7cfdf url(/agv/templates/html/ibw/master/css/../img/listicon_quadrat.gif) no-repeat 5px 11px;
  border-top:1px solid #fff;
  margin-top:-1px;
}

#subNavi li.level1,
#subNavi li.level1-active{
  margin-top:0;
  background-color:#D2DCE4;
}

#subNavi li.level2,
#subNavi li.level2-active{
  margin-top:0;
  padding-left: 10px;
  background-color:#E2E4E7;
  width:170px;
}



#subNavi li.level1 a, #subNavi li.level1-active a{ font-weight:normal; }

#subNavi li.level2-active a,
#subNavi li.level1-active a{
  background:url(/agv/templates/html/ibw/master/css/../img/listicon_pfeil.gif) no-repeat 5px 11px;
}

.subSubNavi li a {
  color: #3689bf;
  text-decoration:none;
}

.subSubNavi li a img{ margin:4px 10px 0 0; }

#subNavi li.level2 a {
  background-image: none;
}

#headerlogo
{
  position:absolute;
  top:23px;
  left:15px;
  border:none;
}


#headertxt
{
  position:absolute;
  top:31px;
  left:674px;
}


#headerimages
{
  position:absolute;
  top:23px;
  left:800px;
  border:none;
}



/*----------------Components------------------------------*/

.homeboxText
{
    background-color: #e2e4e7;
}






/*-----------------TEST ----------------------------------*/
#tabNavi
{
  margin: 0; padding:4px 4px 0 0 ;
  float:left;
  position:relative;
}
#tabNavi, #tabNavi li, .tabBoxBtm{
  background: #e2e4e7 url(/agv/templates/html/ibw/master/css/../img/tabBox/tabBox.png) 0 0 no-repeat;
}

#tabNavi li
{
  float:left;
  background-position:0 -37px;
  list-style: none;
  height: 26px;
  line-height:26px; /* vert center */
  border:1px solid #fff;
  border-top:none; border-right:none;
  width:192px;
  margin:0 0 0 -1px;
}

#tabNavi li a
{
  color: #fff;
  font-size:11px;
  text-decoration:none;
  padding-left:8px;
  display:block;
  font-weight:bold;
}

#tabNavi li a.ibw,
#tabNavi li a.vbw,
#tabNavi li a.bayme,
#tabNavi li a.vbm,
#tabNavi li a.baymevbm
{
  height:26px;
  line-height:200px;
  overflow:hidden;
  background-position: 10px 0;
  background-repeat: no-repeat;
}

#tabNavi li a.ibw
{
  background-image: url(/agv/templates/html/ibw/master/css/../img/tabBox/ibw_reiter_low.gif);
}
#tabNavi li.active a.ibw
{
  background-image: url(/agv/templates/html/ibw/master/css/../img/tabBox/ibw_reiter_high.gif);
}

#tabNavi li a.vbw
{
  background-image: url(/agv/templates/html/ibw/master/css/../img/tabBox/vbw.gif);
}

#tabNavi li a.bayme
{
  background-image: url(/agv/templates/html/ibw/master/css/../img/tabBox/bayme.gif);
}
#tabNavi li a.vbm
{
  background-image: url(/agv/templates/html/ibw/master/css/../img/tabBox/vbm.gif);
}
#tabNavi li a.baymevbm
{
  background-image: url(/agv/templates/html/ibw/master/css/../img/tabBox/bayme-vbm.gif);
}

#tabNavi li.active a.vbw
{
  background-image: url(/agv/templates/html/ibw/master/css/../img/tabBox/vbw.active.gif);
}
#tabNavi li.active a.bayme
{
  background-image: url(/agv/templates/html/ibw/master/css/../img/tabBox/bayme.active.gif);
}
#tabNavi li.active a.vbm
{
  background-image: url(/agv/templates/html/ibw/master/css/../img/tabBox/vbm.active.gif);
}
#tabNavi li.active a.baymevbm
{
  background-image: url(/agv/templates/html/ibw/master/css/../img/tabBox/bayme-vbm.active.gif);
}

#tabNavi li.active
{
  background-image:none;
  border-bottom-color:#e2e4e7;
}
#tabNavi li.active a
{
  color:#54626f;
}

#tabNavi li ul{ display:none; }
#tabNavi li.active ul{
  position:absolute;
  display:block;
  left:0; top:31px;
  width:570px;
  padding:0 0 0 5px; margin:0;
  border-bottom:1px solid #fff;
}

#tabNavi li ul li{
  width:80px;
  background:none; border:none;
  padding:0 0 0 5px;
  position:relative;
}

#tabNavi li.active ul li a{
  background: url(/agv/templates/html/ibw/master/css/../img/hellBlauPfeil.gif) no-repeat 0 8px;
  margin-left:2px;
  padding:0 5px 0 10px;
  font-weight:normal;
  font-size:12px;
  color:#418FC2;
  text-decoration:underline;
}
#tabNavi li.active ul li.active a{
  color:#54626F;
  background: url(/agv/templates/html/ibw/master/css/../img/listicon_pfeil.gif) no-repeat 0 10px;
  text-decoration:none;
}


.tabBoxContent
{
  clear: both;
  margin: 0px 0px 0 0;
  background: #e2e4e7 url(/agv/templates/html/ibw/master/css/../img/tabBox/tabBoxShadowR.png) right top repeat-y;
  padding:23px 12px 18px 8px;
}
.tabBoxContent h1 {
  color:#636363;
}
.tabBoxBtm{
  height:4px;
  background-position:0 -30px;
  margin-bottom:24px;
}

/*-----------------TEST ----------------------------------*/



#reiterNavi
{
  background:url(/agv/templates/html/ibw/master/css/../img/tab_bg.gif);
  padding:0;
  margin:16px 0 0 0;
  clear:both;
}

















/* =reiterNavi 4. level -----------------------------------------------------------*/

#reiterNavi {
  background:url(/agv/templates/html/ibw/master/css/../img/tab_bg.gif);
  padding:0;
  margin:16px 0 0 0;
  clear:both;
}

#reiterNavi ul {
  list-style: none;
  margin: 16px 0 0 -2px; /* linker border der navi-tabs */
  padding: 0;
  width: 592px;/* 591px - 1px nach links */
}
#reiterNavi ul ul {
  display: none;
}

#reiterNavi li {
  background:url(/agv/templates/html/ibw/master/css/../img/tab_bg.gif) repeat-x;
  border-left: 2px solid #fff;
  float: left;
  height: 22px;
  margin:0;
  /*position: relative;*/
}


#reiterNavi li a {
  display: block;
  color:#5E6166;
  font-weight:normal;
  text-decoration: none;
  line-height:14px;
  padding: 3px 11px 5px;
  background:transparent;
}

#reiterNavi li a:hover, #reiterNavi li a.active {
  color:#fff;
}


/* right header boxes -------------------------------------- */

.langChooser img {
  margin: 2px 0 0 4px;
}

/* die formatierung der searchbox wurde von knobling optimiert und ist bei allen verbaenden identisch */
.searchBox
{
  width:201px;
  border-top: 0px solid #fff;
  border-bottom: 3px solid #fff;
  margin: 0;
  padding: 0;

}

  .searchBox ul
  {
    width:205px;
    padding: 0;
    margin: 0;
    height: 25px;
    font-size: 11px;
    line-height: 12px;
    list-style: none;
    background: url(/agv/templates/html/ibw/master/css/../img/top/tabback.png) repeat-x;
  }

    .searchBox ul li {
      float: left;
      background: url(/agv/templates/html/ibw/master/css/../img/top/tabinactive.png) repeat-x;
    }

    .searchBox ul li.search-tab-selected {
      background: url(/agv/templates/html/ibw/master/css/../img/top/tabactive.png) repeat-x;
    }

      .searchBox li a,
      .searchBox li a:hover {
        display: block;
        padding: 7px 0 0 8px;
        height: 18px;
        text-decoration: none;
        color: #fff;

      }

      .searchBox .search-tab-selected a,
      .searchBox .search-tab-selected a:hover {
        background: transparent;
        font-weight:bold;
        color: #3689bf;/*color: #fff;*/
      }

  .searchBox select {
    width: 140px;

  }

  #search-tabs {
    padding: 0;
    width:200px;
  }

  #search-tab-link-1 {
    width: 200px;
    margin-right:1px;
  }

  #search-tab-link-2 {
    width:131px;
  }



/* left column boxes elements -------------------------------------- */

.boxLabel {
  font-weight:bold;
  margin-bottom: 3px;
}

.zipCard {
  height: 50px;
  width: 153px;
}

/* right column box elements -------------------------------------- */

.containerRight .boxLabel {
  font-size: 13px;
}

.tickerRight {
  overflow: hidden;
  position: relative;
  height: 82px;
  width: 200px;
}

.tickerRight ul {
  height: 80px;
  padding: 0;
  background: #E4F1FA;
  font-weight:bold;
  position: relative;
  list-style: none;
}

.tickerRight li {
  width:183px;
  margin-right: 11px;
  height:80px;
  list-style: none;
  padding: 5px 10px 0 10px;
}
.ie6 .tickerRight li {
  margin-right: 12px;
}

.tickerRight a {
  text-decoration: none;
}



/* -----Kontakt---------------------------------------- */


#kontaktPic
{
  background-color: #DBDBDB;
  /*float:left;*/
  background-image: url(/agv/templates/html/ibw/master/css/../img/kontakt_anfahrt.png) ;
  background-position: 0px 10px;
  background-repeat:no-repeat;
  padding: 10px 10px 10px 313px;
  width: 260px;
  height: 183px;
}

#kontaktEMailFormular
{
  background-color: #DBDBDB;
  padding: 10px;
  width: 563px;
  height: 200px;
  font-weight:bold;
}

#kontaktEMailFormularLinks
{
  position:relative;
  /*background-color: #fff;*/
  width: 200px;
  top: 20px;
  left: 0px;
  font-weight:normal;
}

#kontaktEMailFormularRechts
{
  position:relative;
  /*background-color: #fff;*/
  top:-35px;
  left: 305px;
  width: 200px;
  font-weight:normal;
}

#contactForm .contactL,
#contactForm .contactR{
  width:265px;
}
#contactForm .contactR textarea{ width:270px; height:95px; }

/* main elements -------------------------------------- */


/* =Listen im Fliesstext --------------------------------------*/
/* identisch bei vbw, vbm, bayme */
.main ul {
  list-style-type:square;
}

.main ul,
.main ol{
  margin:10px 0 10px 10px;
  padding:0 0 0 12px;
}

.ie .main ul,
.ie .main ol {
  margin:10px 0 10px 12px;
}

.main ul li,
.main ol li {
  margin-bottom:4px;
}

/* fuer untergeordnete listen */
.main ul li.noStyle {
  list-style:none;
}

.ie .main ul ul,
.ie .main ol ol {
  margin-bottom:0;
  margin-left:0;
}

.main ul ul,
.main ol ol {
  margin-top:5px;
  margin-bottom:0;
  margin-left:0;
}



/* = weitere Listen -----------------------------------------------------*/

ul.linkListe {
  clear:both;
  margin: 0 0 16px 12px;
  padding: 0;
  list-style: none;
}

ul#breadcrumb {
  margin: 10px 0 8px 0;
  padding: 0;
  list-style: none;
  font-size: 10px;
  height: 12px;
}

  ul#breadcrumb li {
    float: left;
    padding-right: 13px;
    background:url(/agv/templates/html/ibw/master/css/../img/breadcrumb_arrow.gif) right top no-repeat;
  }

  ul#breadcrumb li.active {
    background: none;
  }

  ul#breadcrumb li a, ul.breadcrumb li a:hover {
    color: #828282;  /* von online uebernommen */
    text-decoration: none;
  }
/*




/*Linklist Sitemap*/


#linklistBackground
{
  text-decoration:none;
}

.linklistLevel1
{
    margin-top: 10px;
    margin-left: 20px;
}

.linklistLevel2
{
    margin-left: 40px;
}

.linklistLevel3
{
    margin-left: 60px;
}


/* = weitere main-elemente ---------------------------------------------------*/

.mehr {
  margin-top: 2px;
}

.mehr img {
  margin-left: 1px;
}


/* =footer ------------------------------------------------------------------*/

.footer {
  text-align: left;
}

ul#footerLinks {
  /* padding-top:2px; */
  list-style: none;
  text-align: left;
}

ul#footerLinks li {
  /*float:left;*/
  display: inline;
  text-align:left;
}

#footerLinks li a, #footerLinks li a:hover  {
  color:#fff;
  text-decoration: none;
  padding: 0 8px 0 7px;
}

.footer h1{
  color: #ffffff;
  display: inline;
  font-weight: normal;
  font-size: 12px
}

/* form elements   ------------------------------------------------------------------ */

form {
  margin: 0 0 3px 0;
}

form input,
form textarea {
  border-top: 2px solid #848484; /* aus psds */
  border-left: 2px solid #848484; /* aus psds */
  border-right: 2px solid #FAFAFA; /* aus psds */
  border-bottom: 2px solid #FAFAFA; /* aus psds */
  padding-left: 2px;
  color: #000;
  background: #fff;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
}

.containerLeft form input, .containerRight form input {
  margin-right: 3px; /* aus PSD entnommen */
}

.containerLeft form input {
  width: 118px;
}

.containerRight form input {
  width: 133px;
}

.searchBox form input {
  width: 142px;
  margin-right: 3px;
}

.containerRight select {
  width: 184px;
  background: #ECECEC;
}
.main form input, .main form textarea, .main form select  {
  border: 1px solid #7F9DB9; /* aus online, vbm */
  margin-right: 3px;
}

form label.tarifSuche {
  float:left;
  margin: 0 10px;
}

.checkbox {
  vertical-align: -2px;
  margin-bottom: 10px;
}

input.big {
  width: 240px;
}

.containerRight input.small ,
input.small {
  width: 100px;
}

select.big {
  width: 243px;
}

option {
  padding: 1px 4px;
}

form input[type="reset"] ,
form input[type="button"] ,
form input[type="submit"] {
  border: 1px solid;
  height: auto;
  padding: 0 3px;
  border-color: #bbb #000 #000 #bbb;
  background-color: #f1f1f1;
}

form input[type="checkbox"],
form input[type="radio"] {
  border: none;
}


form label.standard {
  float: left;
  display: block;
  width: 100px;
  margin-top: 10px;
  font-weight: bold;
}

form br {
  clear: both;
}

form input.input {
  margin-top: 8px;
}

form select.small {
  margin-top: 8px;
}

#veranstaltung_von_datebutton {
  margin-top: 3px;
}
#veranstaltung_to_datebutton {
  margin-top: 3px;
}

#suggestForm input,
#suggestForm textarea{
  width:200px;
  margin-top:10px;
  border:1px solid #636363;
}
#suggestForm input[type="submit"]{
  width:auto;
  margin-left:100px;
}

#kmeForm label.standard{ font-weight:normal; width:140px; }
#kmeForm input.input{ width:250px; }
#kmeForm input[type="submit"]{ margin-left:140px; margin-top:10px; }

/* dictionary   ------------------------------------------------------------------ */
.dictionary {
  padding:  10px 10px 0 20px;
}

.ie .dictionary {
  height: 1%;
  padding:  10px 5px 0 5px;
}

.dictionary .letter {
  width: 23px;
  margin: 0 5px 10px 5px;
}

.words .word {
  width: 175px;
  margin: 0 5px 10px 5px;
}

span.letter {
  padding-left: 10px;
}

/* paging   ------------------------------------------------------------------ */

.paging a.pageLink,
.paging span {
  padding: 0 4px;
  border-right: 1px solid;
}

/* calendar   ------------------------------------------------------------------ */

.hidden {
  opacity: 0;
  position: absolute;
}
.visible {
  opacity: 1;
}

input.calendar,
select.calendar {
  width: 99px;
}

button.calendar {
  background: url(/agv/templates/html/ibw/master/css/../img/calendar.gif) no-repeat;
  border: 0;
  cursor: pointer;
  float: left;
  height: 20px;
  width: 20px;
}

input.calendardate {
  width: 80px;
  margin-bottom: 3px;
}

input#press_search {
  width: 220px;
}

img.calendarbutton {
  cursor: pointer;
  position: relative;
  left: -23px;
  top: 3px;
}

.ie6 img.calendarbutton,
.ie7 img.calendarbutton {
  top: -3px;
}

fieldset {
  border:none;
  float:left;
}

fieldset.text {
  width:290px;
}
fieldset.dates {
  width:145px;
}

fieldset.associations {
  width:125px;
}

label.datelabel {
  display: block;
  float: left;
  width: 30px;
  padding-top: 4px;
}

label.assoclabel {
  padding-top: 3px;
  display: block;
  float: left;
  width: 55px;
}

#press_searchform #extSearch {
  padding: 10px 0 0 0;
}

  #press_searchform #extSearch label {
    float: left;
    width: 50px;
  }

  #press_searchform #extSearch select {
    float: left;
    width: 200px;
  }

#pressText {
  float: left;
  width: 380px;
  padding-right: 10px;
}

#pressPicture {
 padding-right: 10px;
 float: right;
 width: 190px;
}

/* newsletter archiv anzeige */
.NLContent{
  margin:0 !important;
  margin-left:-7px !important;
}

.galleryItem {
  float:left;
  margin:0 9px 10px 0;
  padding:2px;
  width:104px;
  min-height:100px;
}

.galleryItem table {
  width:104px;
  height:79px;
  margin:0 0 3px 0;
  padding:0;
  border:1px solid #000;
}

.galleryItem td {
  width:104px;
  height:79px;
  vertical-align:middle;
  text-align:center;
}

/* rechtsprechung */
div#error {
  display:none;
  padding-left:30px;
  margin-bottom:10px;
  color:red;
  font-weight:bold;
}
div#rsresults {
  padding:0 30px;
}
#rsresults h3 {
  width:auto;
}
form#rsForm {
  padding:0 30px;
  margin-bottom: 1em;
}
#rsForm p {
  margin-bottom: 0.25em;
}
#rsForm label {
  display: block;
}

table#rslettertable,
table#rskwtable {
  width:95%;
  margin-bottom:2em;
  border:1px solid #e1e1e1;
}
#rslettertable td {
  text-align:center;
}
#rskwtable td {
  width:50%;
  background:#e1e1e1;
}

/* eventregister */
#registerbox label {
  display:block;
  margin-top:5px;
}
#registerbox input.text {
  width: 300px;
}
#partnerbox {
  display:none;
}
#errormessage {
  font-weight:bold;
  color:#c00;
  display:none;
}

/* calendar */


.rightCalendar{
  position: relative;
}

.rightCalendar .loading {
  background: url(/agv/templates/html/ibw/master/css/../img/loading.gif) no-repeat top center;
}


.rightCalendar p{
  font-size:12px;
  text-align:center;
  display:block;
  height:27px;
  margin-bottom:8px;
  border-bottom:1px solid #b2b2b2;
}
.rightCalendar #calTable {
  border-bottom:1px solid #b2b2b2;
  padding-bottom: 5px;
}
.rightCalendar #calTable th ,
.rightCalendar #calTable td ,
.rightCalendar #calTable td a {
  font-size: 12px;
}

.rightCalendar #calPrev{
  display:block;
  position:absolute;
  left:15px;
  width:34px;
  height:19px;
  top:-2px;
}
.rightCalendar #calNext{
  position:absolute;
  display:block;
  top:-2px;
  right:0;
  width:34px;
  height:19px;
}
.rightCalendar table{
  border: none;
  border-collapse: collapse;
}
.rightCalendar th,
.rightCalendar td{
  width:35px;
  height:16px;
}
.rightCalendar th{
  height:19px;
}
.rightCalendar td a{
  display:block;
  text-align:center;
}
.rightCalendar td a.active{
  color: #636363;
  font-weight: bold;
}
.rightCalendar td.othermonth {
  color:#ccc;
}

/* tooltip */
.rightCalendar {
}

.rightCalendar .tooltip {
  display: block;
  position: relative;
}

.rightCalendar .tooltip a{
  text-decoration: underline;
  font-weight: bold;
}

.tip {
  display: none;
  position: absolute;
  z-index: 3;
  bottom: 100%;
  right: 50%;
  width: auto;
  border: 1px solid #636363;
  background-color: #fff;
  font-weight: normal;
  color: #636363;
  width: 200px;
  text-align: left;
  padding: 0 10px;
}

.tooltip a{
  position: relative;
}

.tooltip .tipDisplay ,
.tooltip:hover .tip {
  display: block;
}

.rightCalendar td div.tip span {
  position: relative;
  z-index: 4;
  display: block;
  margin: 10px 0;
  background:url(/agv/templates/html/ibw/master/css/../img/listicon_quadrat.gif) 0 4px no-repeat;
  padding-left: 10px;
}

/* sitemap */

.sitemap ul.box05{
  clear: none;
  margin: 0;
  width: 280px;

}
.sitemap ul a{
  color: #636363
}
.sitemap ul li.level0{
  font-weight: bold;
  font-size: 14px;
}
.sitemap ul li.level1{
  margin-left: 10px;
  font-weight: bold;
  font-size: 12px;
}
.sitemap ul li.level2{
  margin-left: 20px;
}
.sitemap ul li.level3{
  margin-left: 30px;
}

.rss a{
  text-decoration:none;
}
.rss img{
  vertical-align:middle;
  margin-right:0.5em;
}

.relatedcontent{
  background: #d5e4ee url(/agv/templates/html/ibw/master/css/../img/infoback.png) repeat-x;
}

.containerLeft {
  background: url(/agv/templates/html/ibw/master/css/../img/top/leftshadow.png) repeat-x;
}

.main {
  background: url(/agv/templates/html/ibw/master/css/../img/top/mainshadow.png) repeat-x;
}

#archiveBox {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  padding: 10px 0;
  clear: both;
}

#archiveBox a{
  margin-right: 20px;
}

.companyItem{
  position:relative;
  border-top:1px solid #3689bf;
  padding:8px 0;
}

.pdfLink{
  cursor: pointer;
  background:url(/agv/templates/html/ibw/master/css/../img/download_icon.png) 0px 2px no-repeat;
  padding-left:12px;
}

.downloadLink{
  display:block;
  position:absolute;
  right:8px;
  top:8px;
  padding-right:25px;
  font-weight:bold;
  background:url(/agv/templates/html/ibw/master/css/../img/download_icon.png) no-repeat right center;
  text-decoration:none;
}

.box th,
.box td{
  padding:4px 10px;
}
.box table{
  margin:0 10px 1.2em 0;
}
.box th{
  text-align:left;
  background:#8e98a1;
  color:#fff;
}
.box td{
  background:#e6e6e6;
}
 }
@media screen {
/* boxen -------------------------------------------------------------------------*/
/*
gesamtbreite main: 591px
abstand von bildern zum text: 16px
abstand von text zum rand in cHighlight: 12px
elemente ueber halbe seitenbreite: 290px

*/


/* lt. Knobling nun bei allen Verbaenden gleich */
.cHighlight {
  background: #DBDBDB;
}

/* Abstand der Texte vom Rand wenn Text gehighlighted */
.cHighlight div.text {
  padding-left:12px;
  padding-right:12px;
}

/* left header boxes  ------------------------------------------------------------*/

#header .left2colBox {
  clear: both;
  float: left;
  width: 795px; /* + 1px border-right + 208px rightBox = 1004px */
}

  div.mainNavi {
    height: 20px;
    text-align:left;
  }

  .keyVisual {
    height: 75px;
    overflow: hidden;
  }

  .topBar {
    height: 20px;
  }

/* right header boxes  -----------------------------------------------------------*/

#header .rightBox {
  float: left;
  width: 208px;
}

  .langChooser {
    height: 20px;
  }

  .searchBox {
    height: 60px;
    overflow: hidden;
  }

  .topBarRight {
    height: 20px;
  }

    .rightBox .box {
      width: 188px; /* 208px - 20px = 188px; */
      padding: 10px;
    }

/* content boxes  ----------------------------------------------------------------*/
/* content main boxes  -----------------------------------------------------------*/

.box {
  clear: both;
  padding: 0px 0 ; /* gemittelter Einheitswert */
  margin: 0 0 16px 0;
  /*border-top:1px solid #505050;*/
}

.box033 {
  padding: 16px 0; /* gemittelter Einheitswert */
  width: 170px;
  margin: 0 10px 16px 0;
  float:left;
}

.box05 {
  padding: 16px 0; /* gemittelter Einheitswert */
  width: 290px;
  margin: 0 10px 16px 0;
  float:left;
}

.box066 {
  padding: 16px 0; /* gemittelter Einheitswert */
  width: 380px;
  margin: 0 10px 16px 0;
  float:left;
}

form .box05 {
  margin: 0;
}

.box05.floatRight {
  margin-right: 0;
}

.box05 .tdlabel {
  width: 150px;
  font-weight: bold;
  padding: 4px 0;
}
.box05 .tdtext {
  padding: 4px 0;
}

.box05Right {
  margin-right:0 !important;
  float:right;
}

.containerRight .linkListe {
  margin-bottom:0; margin-left:0;
}

/* bisher nur beim warenkorbLink */
.noPadBottom {
  padding-bottom:0;
}

.contactText {
  width: 195px;
}
.paddingLeft86 {
  padding-left: 86px;
}

/*##---------------------------- 3.1. Detailansicht / 3.2. Dossier ---------------------------##*/

.main div.detail, .main div.dossier {
  padding-top:0; /* relativiert die bd. 16px paddings von box */
  padding-bottom:0;
}

.main div.detail h1, .main div.dossier h1{ margin-bottom:16px; }

/* Download-Boxen auf Detail-Ansicht; Warenkorb */

.box div.downloadLabel {
  width:380px; /* + 24px padding = 404px */
  /*padding-top:3px; /* angepasst an downloadLink */
  float:left;
}

/* 1/3 Box mit Bild, evtl. Broschuerenbeschreibung, rechts */
.box div.elementRight033 {
  float:right;
  width:170px;
  margin-left:16px;
  margin-bottom:16px;
}

.box div.elementRight033 img {
  padding-bottom:16px;
}

.box a.downloadLink, .box a.warenkorbLink  {
  width:170px;
  float:right;
}

.box a.downloadLink  {
  padding-top:4px;
  padding-bottom:3px;
  padding-right:40px;
  width:130px;
  background: url(/agv/templates/html/ibw/master/css/../img/download_icon.png) 133px 0px no-repeat;
  font-size:10px;
}

.box a.warenkorbLink  {
  clear:both;
  width:153px; /* 170px - 17px */
  padding-left:17px;
  padding-top:1px;
  padding-bottom:0;
}

div.acrobat {
  padding-top:0 !important;
}


div.acrobat div.downloadLabel {
  font-size:11px;
}

/*##---------------------------- 2.14.1. Homebox ------------------------------##*/

  /* linkes bild in normaler startBox */
  .box .leftImg
  {
    width:289px;
    float:left;
  }

  .box .rightImg
  {
    width:289px;
    float:right;
  }

  /* rechter Text in normaler startBox */
  .box .rightText {
    width: 389px; /* 591px-150px-16px */
    padding: 10px 10px 10px 10px;
    margin: 16px 16px 16px 16px;
    float: left;
    display: inline;
  }

  /* linkes bild in contentHighlight */
  .imageQH .leftImg {
    /*width: 225px;*/
    float: left;
  }

  .leftImg img{
    /*width: 150px;*/
  }

  .leftImg img{
    /*width: 150px;*/
  }

  .imageQH .leftImg img
  {
   width:289px;
      float:left;
      /*width: 225px;*/
  }

  .imageQH .rightImg img
  {
   width:289px;
    float:right;
  }

  /* rechter Text in contentHighlight */
  .imageQH .rightText {
    width: 250px; /* 591px-225px-12px-16px */
    padding: 0;
    margin: 10px 0px 16px 16px;
    float: left;
    display: inline;
  }

/*##---------------------------- 2.14.3. Headlinebox --------------------------##*/

.main h3 {
  clear: both;
  padding:0 0 0 13px;
  width: 578px; /* + 13px = 591px */
  margin: 16px 0 12px 0;
  font-size:17px;
}

/* Headlines 3. Naviebene; Unsere Themen > Brennpunkt > Zeitarbeit */
.main h3.level3 {
  clear: both;
  padding:0 0 0 13px;
  width: 578px; /* + 13px = 591px */
  margin: 16px 0 12px 0;
  font-size:17px;
}


/*##---------------------------- 2.14.2. ImageTeaserBox -------------------------##*/

.imgTeaserBox {
  background:#E6E6E6;
  width:560px;
  margin:0 0 10px 0;
  padding: 10px;
}

  .imgTeaserBox h6 {
    /*background: url(/agv/templates/html/ibw/master/css/../img/listicon_quadrat.gif) 9px 8px no-repeat;*/
    /*padding:3px 0 3px 23px; /* bisher online 21px; jetzt an li formatierung angepasst */
    margin: 0;
  }

  .imgTeaserBox h6 a,
  .imgTeaserBox h6 a:hover  {
   color:#5E6166;
   text-decoration:none;
  }

  .imgTeaserBox ul {
    margin-top:5px;
    margin-bottom:7px;
    list-style-type:square;
  }

  .ie div.imgTeaserBox ul {
    margin-top:2px;
    margin-bottom:7px;
  }

  .imgTeaserBox li {
    color: #004D9F;
  }

  .imgTeaserBox li a {
    color: #004D9F;
    text-decoration: none;
    font-size:11px;
    padding:0;
    margin:0;
  }

/*##---------------------------- 2.14.5. TeaserBox -------------------------##*/

.main div.teaserBox, .main div.noPad {
  padding:0; /*uebliches padding top/bottom der boxen raus; nur margin-bottom bleibt */
}

  .main div.teaserBox h5 {
    font-size:13px;
    margin-bottom:2px;
  }
    .main div.teaserBox h5 a {
      text-decoration:none;
    }


/*##-------------------- 2.14.6. Headline einer 3er Teaserbox -------------------##*/
/* wird einfach oberhalb der teaserboxen platziert */

.main h4 {
  clear: both;
  padding:16px 0 16px 13px;
  /*width: 578px;  + 13px = 591px */
  background: url(/agv/templates/html/ibw/master/css/../img/headline_pfeil.gif) 0px 20px no-repeat;
  margin: 0 0 12px 0;
  font-size:14px;
}

/* content containerLeft boxes  ------------------------------------------------------------------*/

.containerLeft .box {
  padding: 2px 6px 12px 6px;
  width: 153px; /* 165px - 12px = 153px */
  border-top:1px solid #fff; /* wenn ich mir den derzeitigen code so ansehe, vermute ich, so sollte es eigentlich aussehen.. */
  margin-bottom: 0;
}

.containerLeft .loginBox {
  padding-top: 12px;
  border: 0;
}

.containerLeft .loginBox .logout {
  width: 95px;
}

.containerLeft .zipSearchBox {
  padding-bottom: 12px;
}

.containerLeft .bannerBox {
  padding:0;
  width:165px;
}

/* content containerRight boxes  ------------------------------------------------------------------*/

.containerRight .box,
.boxRight {
  width: 188px; /* 208px - 20px = 188px; */
  padding: 11px 10px 0;
  border-top: 1px solid #fff;
}

.ie6 .containerRight .box,
.ie6 .boxRight {
  width: 180px;
}
.containerRight .box h2 {
  margin-bottom: 0;
}


/* list   ------------------------------------------------------------------ */

.listAlternate {
  background-color: #f3f3f3;
}

.list {
  padding: 10px;
  width: auto;
}

h6.isLink {
  background: url(/agv/templates/html/ibw/master/css/../img/listicon_quadrat.gif) left center no-repeat;
  padding:3px 0 3px 8px; /* bisher online 21px; jetzt an li formatierung angepasst */
  margin: 0;
}

/* press_list   ------------------------------------------------------------------ */

.presslistitem {
  position: relative;
  width: 491px;
  padding: 0 0 0 70px;
  margin: 0 0 16px 0;
}

  .presslistitem span {
    position: absolute;
    left: 0;
    top: 3px;
    font-weight: bold;
  }

  .presslistitem h5 {
    color: #636363;
  }

/* basket   ------------------------------------------------------------------ */
.box .basket {
  border-spacing: 0;
  border-collapse: collapse;
  cellspacing: 0;
}

.box .basket .quantity {
  width: 18px;
  font-weight: bold;
}
.box .basket .quantity input{
  width: 15px;
  margin-right: 3px;
  text-align: right;
}

.box .basket .title {
}
.box .basket .price {
  white-space: nowrap;
  width: 60px;
  text-align: right
}

.basketEmptyLink {
  background: url(/agv/templates/html/ibw/master/css/../images/kasse.gif)
}

.ordering td {
  padding-left: 5px;
}

/* =Tools ----------------------------------------------------------------*/

/*
	layout tools
*/
.floatLeft    { float: left; }
.floatRight   { float: right; }
.clear        { clear: both; }
.layoutCenter { margin: 0 auto; }
.textCenter   { text-align: center; }
.textRight    { text-align: right; }
.textLeft     { text-align: left; }
.static       { position: static; }
.relative     { position: relative; }
.away         { position: absolute; left: -600000px; top: -600000px; }
.cleaner      { border: none; clear: both; height: 0; font-size: 0; background: none; overflow: hidden; }


/*
	typographic tools
*/
.error        { border: 1px solid #fb4343; padding: 8px 8px 8px 40px; color: #fb4343; margin: 10px 0; background: url(/agv/templates/html/ibw/master/css/../img/error.gif) #fff no-repeat left center ; }
label.error   { border: none; padding: 0; color: #fb4343; margin: 10px 0; background: none; }
.warning      { border: 1px solid #d4ac0a; padding: 8px 8px 8px 40px; color: #d4ac0a; margin: 10px 0; background: url(/agv/templates/html/ibw/master/css/../img/warning.gif) #fff no-repeat left center;  }
.success      { border: 1px solid #149b0d; padding: 8px 8px 8px 40px; color: #149b0d; margin: 10px 0; background: url(/agv/templates/html/ibw/master/css/../img/success.gif) #fff no-repeat left center;  }
.strikeOut    { text-decoration: line-through; }
.underline    { text-decoration: underline; }
.noDeco       { text-decoration: none; }
.text11       { font-size: 11px;}


/*
	display values
*/
.hide       { display: none; }
.show       { display: block; }
.inline     { display: inline; }
.invisible  { visibility: hidden; }
.opacity50  { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.noBorder   { border: 0 !important; }
.noMarg     { margin: 0; }
.noPad      { padding: 0; }


/* def spaces */
.margTop0   { margin-top:0px; }
.margTop8   { margin-top:8px; }
.margTop16  { margin-top:16px; }
.margTop24  { margin-top:24px; }
.margTop32  { margin-top:32px; }

.margBtm0   { margin-bottom:0px; }
.margBtm8   { margin-bottom:8px; }
.margBtm16  { margin-bottom:16px; }
.margBtm24  { margin-bottom:24px; }
.margBtm32  { margin-bottom:32px; }

.margR0     { margin-right:0px; }
.margR16    { margin-right:16px; }
.margR24    { margin-right:24px; }
.margR32    { margin-right:32px; }

.padTop0   { padding-top:0px; }
.padTop8   { padding-top:8px; }
.padTop16  { padding-top:16px; }
.padTop24  { padding-top:24px; }
.padTop32  { padding-top:32px; }

.padBtm0   { padding-bottom:0px; }
.padBtm8   { padding-bottom:8px; }
.padBtm16  { padding-bottom:16px; }
.padBtm24  { padding-bottom:24px; }
.padBtm32  { padding-bottom:32px; }

.padR8     { padding-right:8px; }
.padL8     { padding-left:8px; }
.padL16    { padding-left:16px; }
.pad8      { padding:8px; }

.minH140   { min-height:170px; }
.ie6 .minH140 { height:170px; }

.w270 { width:270px; }
.w250 { width:250px; }
.w280 { width:280px; }

.containerRight .relatedcontent{
  background:#d5e4ee url(/agv/templates/html/ibw/master/css/../img/infoback.png) repeat-x;
  margin:0;
  width:180px;
  padding-bottom:10px;
}

.containerRight .rss{
  margin:0;
}
 }
@media screen {.MultiBoxContainer {
background-color:#FFFFFF;
border:2px solid #e6e6e6;
display:none;
position:absolute;
z-index:100;
padding: 10px;
}
.MultiBoxLoading {
background:transparent url(/agv/templates/html/ibw/master/css/../img/multibox/loader.gif) no-repeat scroll center;
}
.MultiBoxContent {
height:100%;
overflow:hidden;
position:relative;
width:100%;
text-align: center;
}
.MultiBoxClose {
background:transparent url(/agv/templates/html/ibw/master/css/../img/multibox/close.png) no-repeat scroll 0% 50%;
cursor:pointer;
height:30px;
right: -7px;
/*left:-19pt;*/
position:absolute;
top:-7px;
width:30px;
}
* html .MultiBoxClose {
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/html/ibw/master/img/multibox/close.png');
}
.MultiBoxControlsContainer {
  height:0px;
  overflow:hidden;
  position:relative;
}
.MultiBoxControls {
background-color:#fff;
height:auto;
position:relative;
width:100%;
}
.MultiBoxPrevious {
background:transparent url(/agv/templates/html/ibw/master/css/../img/multibox/left.png) no-repeat scroll 0%;
cursor:pointer;
height:24px;
left:0px;
margin-top:5px;
position:absolute;
width:24px;
}
.MultiBoxNext {
background:transparent url(/agv/templates/html/ibw/master/css/../img/multibox/right.png) no-repeat scroll 0%;
cursor:pointer;
height:24px;
margin-top:5px;
position:absolute;
right:0px;
width:24px;
}
.MultiBoxNextDisabled {
background:transparent url(/agv/templates/html/ibw/master/css/../img/multibox/rightDisabled.png) no-repeat scroll 0%;
cursor:default;
}
.MultiBoxPreviousDisabled {
background:transparent url(/agv/templates/html/ibw/master/css/../img/multibox/leftDisabled.png) no-repeat scroll 0%;
cursor:default;
}
.MultiBoxTitle {
color:#000;
float:left;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
margin:10px 0pt 0pt 35px;
position:relative;
text-align:left;
}
.MultiBoxNumber {
color:#000;
float:right;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
margin:10px 35px 0pt 0pt;
position:relative;
text-align:right;
width:50px;
z-index: 30;
font-size: 9px;
}
.MultiBoxDescription {
clear:left;
color:#000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
margin:0pt 35px;
padding-top:5px;
position:relative;
text-align:left;
background:#fff;
}

#Overlay{
 background-color:#004085 !important;
} }
@media screen {/* vbm: spezielle farben + bilder  ----------------------------------*/

#logo {

}


.color {
  color: #3689bf;
}

.background {
  background-color: #3689bf;
  color: #fff;
}



/* links   --------------------------------------------------------- */

a {
  color:#3689bf;
}

a.iconLink {
  background:url(/agv/templates/html/ibw/master/css/../img/hellBlauPfeil.gif) 3px 2px no-repeat;
  color:#3689bf;
  padding-left:12px;
}

a.topLink {
  background:url(/agv/templates/html/ibw/master/css/../img/top_icon.gif) 0px 3px no-repeat;
  color:#3689bf;
}

a.themenLink
{
  background:url(/agv/templates/html/ibw/master/css/../img/link_icon.gif) 0px 3px no-repeat;
  color:#3689bf;
}

.searchBox a.iconLink
{
  font-size: 11px;
  color: #418fc2;
  text-decoration:none;
}

a.mailLink
{
  background:url(/agv/templates/html/ibw/master/css/../img/mail.gif) 0px 0px no-repeat;
}

a.loginLink
{
  background:url(/agv/templates/html/ibw/master/css/../img/vbm/schluessel.gif) right top no-repeat;
  padding-right:30px;
}

/* headlines --------------------------------------------------------*/

h1{ color:#3689bf; }

h3
{
  color:#3c3c3c;
}

h2, h4, h5 {
  color:#3689bf;
}

.main h3 {
  background: url(/agv/templates/html/ibw/master/css/../img/listicon_quadrat_blau.gif) 0px 7px no-repeat;
}

/* Headlines 3. Naviebene; Unsere Themen > Brennpunkt > Zeitarbeit */
.main h3.level3 {
  background: url(/agv/templates/html/ibw/master/css/../img/headline_pfeil_blau.gif) 0px 4px no-repeat;
}

/* headline grau in 3er TeaserBox bei allen 3 verbaenden */
.main h4 {
  color:#5E6166;
}

.main div.teaserBox h5 {
  color:#3689bf;
}

.detail h6, .dossier h6 {
  color:#3689bf;
}

/* =Header -----------------------------------------------------------*/

.keyVisual {
  border-right:1px solid #67B1DE; /* tw. wird hier auch #004D9F in den psds verwendet, sh. suche.psd */
}

.topBar {
  background: #004D9F;
  border-right: 1px solid #67B1DE;
}

/* =mainNavi ------------------------------------------------------------------*/

.mainNavi {
  background: #e2e4e7;/*#004D9F;*/
  border-right: 1px solid #67B1DE;
}

/* 1. level -------------------------------------------------------------------*/

#mainNavi li.last a {
  padding-right: 14px;
}

#mainNavi li a:hover, #mainNavi li a.active {
  background: #e2e4e7;/*#00AEF0;*/
}

/* =subNavi 2./3. level -------------------------------------------------------*/

#subNavi a:hover,
#subNavi a.level0-active,
#subNavi a.level0-active:hover,
#subNavi a.level1-active,
#subNavi a.level1-active:hover {
  color: #54636f;
}

/* =reiterNavi 4. level -------------------------------------------------------*/

#reiterNavi li a:hover, #reiterNavi li a.active {
  background: #e2e4e7; /*#004D9F ;*/
}

/* right header boxes --------------------------------------------------------*/

.langChooser
{
  background: #487FBA;
}

.searchBox
{
  background: #e2e4e7; /*#B8B8B8*/; /* optimierte fondfarbe fuer einzelne verbaende aus psd entnommen */
}

  .searchBox li a, .searchBox li a:hover
  {
    background: url(/agv/templates/html/ibw/master/css/../img/top/SchlagwortBack.png) repeat-x;
  }

  .searchBox li a.active, .searchBox li a.active:hover
  {
    color: #3689bf;
  }

.topBarRight
{
  background: #487FBA;
}

/* boxes allg. */

.containerLeft .boxLabel, .containerRight .boxLabel {
  color:#3689bf;
}

/* left column boxes --------------------------------------------------*/

.zipCard {
  background:url(/agv/templates/html/ibw/master/css/../img/bg_zipcard.jpg) top left no-repeat;
}

/* right column boxes --------------------------------------------------*/

.ticker {
  color: #004D9F;
}

/* content ------------------------------------------------------------*/

.content {
  background: url(/agv/templates/html/ibw/master/css/../img/vbm/cols_bg.gif) repeat-y;
}

/* main elements -------------------------------------------------------*/

ul.linkListe li {
  padding: 0 0 8px 0;
  color: #3689BF;
}

  ul.linkListe li a {
    color: #3689BF;
    background:url(/agv/templates/html/ibw/master/css/../img/hellBlauPfeil.gif) 1px 2px no-repeat;
    padding-left:10px;
  }

div.imgTeaserBox li {
  color: #3689bf;
}

  div.imgTeaserBox li a {
    color: #3689bf;
  }

.box a.warenkorbLink  {
  background: url(/agv/templates/html/ibw/master/css/../img/wagen.gif) 0px 0px no-repeat;
}

/* wenn moeglich fuer im Redsys eingegebenen Text */
.highlight {
  color:#3689bf;
}

/* footer  ------------------------------------------------------------*/

.footer {
  background-image: url(/agv/templates/html/ibw/master/css/../img/);
  background: #69747e;
}


/* calendar  ------------------------------------------------------------*/

div.calendar th {
  color: #3689bf;
}

/* dictionary  ------------------------------------------------------------*/

.dictionary {
  background: #E0E0E0;
}

a.iconLinkActive {
  background:url(/agv/templates/html/ibw/master/css/../img/bg_LinkActive.gif) #004d9f 0 0 no-repeat;
  color:#fff;
}

/* basket   ------------------------------------------------------------------ */

.basketEmptyLink {
  background: url(/agv/templates/html/ibw/master/css/../img/vbm/wagen_leer.gif) no-repeat;
  padding-left:20px;
}
.kasseLink {
  background: url(/agv/templates/html/ibw/master/css/../img/vbm/kasse.gif) no-repeat;
  padding-left:20px;
}
.basketUpdateLink {
  background: url(/agv/templates/html/ibw/master/css/../img/vbm/refresh.gif) no-repeat;
  padding-left:20px;
}
.topBorder { border-top:1px solid #004D9F; }
 }
@media screen {/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #556;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #eef;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #778 url(/agv/templates/html/ibw/master/css/menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #fff;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #778;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #bdf;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #aaf;
  color: #000;
  border: 1px solid #04f;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #77c;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #bdf;
}

.calendar tbody .rowhilite td {
  background: #def;
}

.calendar tbody .rowhilite td.wn {
  background: #eef;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #acf;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}
 }
@media screen {.MultiBoxContainer {
background-color:#FFFFFF;
border:2px solid #e6e6e6;
display:none;
position:absolute;
z-index:100;
padding: 10px;
}
.MultiBoxLoading {
background:transparent url(/agv/../agv/templates/html/master/css/../img/multibox/loader.gif) no-repeat scroll center;
}
.MultiBoxContent {
height:100%;
overflow:hidden;
position:relative;
width:100%;
text-align: center;
}
.MultiBoxClose {
background:transparent url(/agv/../agv/templates/html/master/css/../img/multibox/close.png) no-repeat scroll 0% 50%;
cursor:pointer;
height:30px;
right: -7px;
/*left:-19pt;*/
position:absolute;
top:-7px;
width:30px;
}
* html .MultiBoxClose {
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/html/master/img/multibox/close.png');
}
.MultiBoxControlsContainer {
  height:0px;
  overflow:hidden;
  position:relative;
}
.MultiBoxControls {
background-color:#fff;
height:auto;
position:relative;
width:100%;
}
.MultiBoxPrevious {
background:transparent url(/agv/../agv/templates/html/master/css/../img/multibox/left.png) no-repeat scroll 0%;
cursor:pointer;
height:24px;
left:0px;
margin-top:5px;
position:absolute;
width:24px;
}
.MultiBoxNext {
background:transparent url(/agv/../agv/templates/html/master/css/../img/multibox/right.png) no-repeat scroll 0%;
cursor:pointer;
height:24px;
margin-top:5px;
position:absolute;
right:0px;
width:24px;
}
.MultiBoxNextDisabled {
background:transparent url(/agv/../agv/templates/html/master/css/../img/multibox/rightDisabled.png) no-repeat scroll 0%;
cursor:default;
}
.MultiBoxPreviousDisabled {
background:transparent url(/agv/../agv/templates/html/master/css/../img/multibox/leftDisabled.png) no-repeat scroll 0%;
cursor:default;
}
.MultiBoxTitle {
color:#000;
float:left;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
margin:10px 0pt 0pt 35px;
position:relative;
text-align:left;
}
.MultiBoxNumber {
color:#000;
float:right;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
margin:10px 35px 0pt 0pt;
position:relative;
text-align:right;
width:50px;
z-index: 30;
font-size: 9px;
}
.MultiBoxDescription {
clear:left;
color:#000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
margin:0pt 35px;
padding-top:5px;
position:relative;
text-align:left;
background:#fff;
}

#Overlay{
 background-color:#4d4d4d !important;
} }