/* CSS Document

    Textfeld-Artikelseite-Style-Sheet
    www.conetgroup.de

~~~ FILE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 /.../textfeld-artikelseite.css
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

~~~ Autor-Kommentar ~~~~~~~~~~~~~~~~~~~~~~~~~
 (c) 2009 Olaf Kozany | CONET Technologie AG
 Entwickelt auf Basis Screenshot aus 03/2009
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

*/


/*---------- linke Navigation ---------- */

.linke-navigation {
  background-color:#FFFFFF;
  /*font: bold 0.8em arial, verdana, sans-serif;*/ /*by OK: Schrift mal verkleinert*/
  font: bold 0.7em arial, verdana, sans-serif;
  float: left;
  margin: 30px 10px 0 10px; /* L: 8px -> 10px */
  text-align: left;
  width: 195px;
  position:relative;
}

.linke-navigation ul {
 list-style-type: none;
 width: 195px;
 margin: 0;
 padding: 0;
}

.linke-navigation ul li {
  margin: 0 0 5px 0;  /* L: 2px -> 0 */
  padding: 0;
  background-color: #c2c3c7;
  line-height: 21px;
}
.linke-navigation ul li.subnav-dummy {
  background-color: #ffffff;
  margin-bottom:0px
}

.linke-navigation ul li a,
.linke-navigation ul li.subnav-current span,
.linke-navigation ul li.subnav-1-current span,
.linke-navigation ul li.subnav-2-current span,
.linke-navigation ul li.subnav-3-current span  
{
 padding: 3px 0 3px 14px;  /* R: 2px -> 0 */
 margin: 0;
 display: block;
}

.linke-navigation ul li a,
.linke-navigation ul li.subnav-current span {
 width: 181px;
}
.linke-navigation ul li ul li a,
.linke-navigation ul li ul li.subnav-1-current span {
 width: 171px;
}
.linke-navigation ul li ul li ul li a,
.linke-navigation ul li ul li ul li.subnav-2-current span {
 width: 161px;
}
.linke-navigation ul li ul li ul li ul li a,
.linke-navigation ul li ul li ul li ul li.subnav-3-current span {
 width: 151px;
}

.linke-navigation ul li.subnav-path,
.linke-navigation ul li.subnav-1-path,
.linke-navigation ul li.subnav-2-path,
.linke-navigation ul li.subnav-3- path {
  background: #c2c3c7 url(/C1257235004370C1/RepositoryFile/CG_design/$File/li-quadrat-orange.gif) no-repeat 0.2em 0.8em;
}
.linke-navigation  ul li.subnav-current,
.linke-navigation  ul li.subnav-1-current,
.linke-navigation  ul li.subnav-2-current,
.linke-navigation  ul li.subnav-3-current {
  background-color: #df7112;
  color: #FFFFFF;
}

/* Einrückung für untergeordnete levels */
.linke-navigation ul li ul li a,
.linke-navigation ul li ul li.subnav-1-current span {
  padding-left:24px;
}
.linke-navigation ul li ul li ul li a,
.linke-navigation ul li ul li ul li.subnav-2-current span {
  padding-left:34px;
}
.linke-navigation ul li ul li ul li ul li a,
.linke-navigation ul li ul li ul li.subnav-3-current span {
  padding-left:44px;
}

.linke-navigation ul li a {
 color: #4d4d4d;
 text-decoration: none;
}


/* HACK fuer IE */
*html .linke-navigation ul li a,
*html .linke-navigation ul li ul li a,
*html .linke-navigation ul li ul li ul li a,
*html .linke-navigation ul li ul li ul li ul li a,
*html .linke-navigation ul li.subnav-current span,
*html .linke-navigation ul li.subnav-1-current span,
*html .linke-navigation ul li.subnav-2-current span,
*html .linke-navigation ul li.subnav-3-current span {
  width: 195px;
  }

.linke-navigation a:hover,
.linke-navigation a:focus{
/*  background-color: #00517E; */
  background-color: #df7112;
  color: #FFFFFF;
  display:block;
  text-decoration:none;
}


/*---------- Artikel ---------- */

.artikel {
  width: 500px;
  float: left;
  margin: 30px 0 0 0;
  padding: 0 20px 0 20px;
  text-align:left;  /* BB */
  }

.artikel h1 {
  font: bold 1em arial, verdana, sans-serif;
  color: #02567b;
  }

.artikel h2 {
  font: bold 0.8em arial, verdana, sans-serif;
  color: #000;
  }

.artikel h3 {
  font: bold 0.7em arial, verdana, sans-serif;
  color: #000;
  }

.artikel p,
.artikel a,
.artikel ul  {
  font: normal 0.7em arial, verdana, sans-serif;
  }
.artikel p a,
.artikel ul a ,
.artikel li {
  font-size:1.0em;
}

.artikel ul  {
  list-style: url(/C1257235004370C1/RepositoryFile/CG_design/$File/li-quadrat-orange.gif); 
}

.artikel a {
  color:#df7112;;
  text-decoration:none;
}

.artikel a:hover, 
.artikel a:focus {
  color: #804020;
  text-decoration:underline;
}


/*---------- Sonstiges ---------- */

.seitenbanner {
  width: 182px;
  float: left;
  margin: 30px 0 0 0;
  padding: 0;
  }
  
.ansprechpartner-header {
  width: 182px;
  height: 18px;
  margin: 0;
  padding: 0;
  background: url(/C1257235004370C1/RepositoryFile/CG_design/$File/bg-kasten-ansprechpartner.gif) no-repeat;
  }

.ansprechpartner-header h2 {
  margin: 0;
  padding: 2px 0 0 15px;
  font: bold 0.7em arial, verdana, sans-serif;
  text-align: left;
  color: #e17314;
  }

.ansprechpartner-inhalt {
  width: 182px;
  margin: 0;
  padding: 0;
  background: url(/C1257235004370C1/RepositoryFile/CG_design/$File/bg-kasten-inhalt.gif) repeat-y;
  }

.ansprechpartner-inhalt ul {
  margin: 0;
  padding: 15px 7px 5px 5px;
  }

.ansprechpartner-inhalt img {
  margin: 17px 7px 10px 7px;
  padding: 0;
  float: left;
  border: 1px solid #848484;
  }

/* HACK fuer IE */

* html .ansprechpartner-inhalt img {
  margin: 17px 7px 10px 7px;
  }


/* HACK fuer IE 7 */

*+html .ansprechpartner-inhalt img {
  margin: 17px 7px 10px 7px;
  }

.ansprechpartner-inhalt li {
  margin: 0 0 5px 0;
  padding: 0;
 list-style: none;
 color: #000000;
 font: normal 0.7em arial, verdana, sans-serif;
 text-align: left;
  }

.ansprechpartner-footer {
  width: 182px;
  height: 10px;
  margin: 0;
  padding: 0;
  background: url(/C1257235004370C1/RepositoryFile/CG_design/$File/bg-kasten-footer.gif) no-repeat;
  }
  

.trenner {
  height: 17px;
  margin: 0;
  padding: 0;
  }



/* --- Download Reiter --- */

.dokumente-header {
  width: 182px;
  height: 18px;
  margin: 0;
  padding: 0;
  background: url(/C1257235004370C1/RepositoryFile/CG_design/$File/bg-kasten-ansprechpartner.gif) no-repeat;
  }

.dokumente-header h2 {
  margin: 0;
  padding: 2px 0 0 15px;
  font: bold 0.7em arial, verdana, sans-serif;
  text-align: left;
  color: #e17314;
  }

.dokumente-inhalt {
  width: 182px;
  margin: 0;
  padding: 0;
  background: url(/C1257235004370C1/RepositoryFile/CG_design/$File/bg-kasten-inhalt.gif) repeat-y;
  }

.dokumente-inhalt ul {
  margin: 0;
  padding: 15px 7px 5px 5px;
  list-style-image:none;
  }

.dokumente-inhalt img {
  margin: 17px 7px 10px 7px;
  padding: 0;
  float: left;
  border: 1px solid #848484;
  }

/* HACK fuer IE */

* html .dokumente-inhalt img {
  margin: 17px 7px 10px 7px;
  }


/* HACK fuer IE 7 */

*+html .dokumente-inhalt img {
  margin: 17px 7px 10px 7px;
  }

.dokumente-inhalt li {
  margin: 0 0 5px 0px;
  padding: 2px 0 2px 20px;
 list-style: none;
 color: #000000;
 font: normal 0.7em arial, verdana, sans-serif;
 text-align: left;
  }

.dokumente-inhalt li.pdf {
  background-image: url(/C1257235004370C1/RepositoryFile/CG_design/$File/icon-pdf.gif);
  background-repeat: no-repeat;
  background-position: 0 1px;
  }

.dokumente-inhalt li.jpg {
  background-image: url(/C1257235004370C1/RepositoryFile/CG_design/$File/icon-jpg.gif);
  background-repeat: no-repeat;
  background-position: 0 1px;
  }

.dokumente-inhalt li.zip {
  background-image: url(/C1257235004370C1/RepositoryFile/CG_design/$File/icon-zip.gif);
  background-repeat: no-repeat;
  background-position: 0 1px;
  }

.dokumente-inhalt a {
  color:#333;
  text-decoration:none;
}

.dokumente-inhalt a:hover, 
.dokumente-inhalt a:focus {
  color:#333;
  text-decoration:underline;
}

.dokumente-footer {
  width: 182px;
  height: 10px;
  margin: 0;
  padding: 0;
  background: url(/C1257235004370C1/RepositoryFile/CG_design/$File/bg-kasten-footer.gif) no-repeat;
  }


/* ---Themen ---*/

.themen-link-box {
  width: 180px;
  float: left;
  margin: 10px 15px 0 0;
  padding: 0;
  background: #f7f7f7;
  }

.themen-header {
  width: 178px;
  height: 18px;
  margin: 0;
  padding: 0;
  background: url(/C1257235004370C1/RepositoryFile/CG_design/$File/bg-themenlink-header.gif) repeat-x;
  border-top: 1px solid #c1c1c1;
  border-left: 1px solid #c1c1c1;
  border-right: 1px solid #c1c1c1;
  border-bottom: 1px solid #a6a6a6;
  }

.themen-header h2 {
  margin: 0;
  padding: 2px 0 0 15px;
  font: bold 0.7em arial, verdana, sans-serif;
  text-align: left;
  color: #0f6083;
  }

.themen-inhalt {
  border-left: 1px solid #c1c1c1;
  border-right: 1px solid #c1c1c1;
  border-bottom: 1px solid #c1c1c1;
  }

.themen-inhalt ul {
  margin: 0;
  padding: 15px 7px 5px 5px;
  list-style-image:none;
  }

.themen-inhalt li {
  margin: 0 0 5px 0;
  padding: 0;
 list-style: none;
 color: #000000;
 font: normal 1.0em arial, verdana, sans-serif; /* BB: 0.7em -> 1.0em */
 text-align: left;
  }

.themen-inhalt a {
  color:#333;
  text-decoration:none;
}

.themen-inhalt a:hover, 
.themen-inhalt a:focus {
  color:#333;
  text-decoration:underline;
}


/*--- Linktipps ---*/

.link-header {
  width: 178px;
  height: 18px;
  margin: 0;
  padding: 0;
  background: url(/C1257235004370C1/RepositoryFile/CG_design/$File/bg-themenlink-header.gif) repeat-x;
  border-top: 1px solid #c1c1c1;
  border-left: 1px solid #c1c1c1;
  border-right: 1px solid #c1c1c1;
  border-bottom: 1px solid #a6a6a6;
  
  }

.link-header h2 {
  margin: 0;
  padding: 2px 0 0 15px;
  font: bold 0.7em arial, verdana, sans-serif;
  text-align: left;
  color: #0f6083;
  }

.link-inhalt {
  border-left: 1px solid #c1c1c1;
  border-right: 1px solid #c1c1c1;
  border-bottom: 1px solid #c1c1c1;
  }

.link-inhalt ul {
  margin: 0;
  padding: 15px 7px 5px 5px;
  list-style-image:none;
  }

.link-inhalt li {
  margin: 0 0 5px 0;
  padding: 0;
 list-style: none;
 color: #000000;
 font: normal 1.0em arial, verdana, sans-serif; /* BB: 0.7em -> 1.0em */
 text-align: left;
  }

.link-inhalt a {
  color:#333;
  text-decoration:none;
}

.link-inhalt a:hover, 
.link-inhalt a:focus {
  color:#333;
  text-decoration:underline;
}



