/*****************************
author - upk - 2011
******************************/

/*                                                                                                                             */
/* V 0.001 upk - 21.06.2011 - Fussmenue eingefuegt                                                                             */
/* V 0.002 upk - 24.06.2011 - Bilderrahmen bei Thumbnails / class caption                                                      */
/* V 0.003 upk - 30.06.2011 - Thumbnail-Hintergrund beim hover auf Bildhintergrund / a.thumbnail.with-zoomin-img.caption:hover */
/* V 0.004 upk - 20.11.2013 - infobox_rot                                                                                      */
/* V 0.005 upk - 28.12.2013 - HUNDE-RING Migration                                                                             */
/* V 0.006 upk - 18.01.2014 - text_highlighter_red, text_highlighter_yellow, usw.                                              */
/* V 0.007 upk - 29.01.2014 - img_logo_rechts / links                                                                          */
/* V 0.008 upk - 29.01.2014 - Farben blaugrau #546B88 -> grüngrau #548861                                                      */
/*                                            #4B6B94 ->          #4b9465                                                      */
/*                                            #3b5576 ->          #3b764d                                                      */
/* V 0.009 upk - 19.02.2014 - Textschatten in Hauptüberschrift  td.logoheader / H1                                             */
/* V 0.010 upk - 19.02.2014 - Box-Schatten hinter den Logo-Bildern / td.img_logo_links img                                     */
/* V 0.011 upk - 02.03.2014 - selektiver Text Highlighter per Maus Markierung / ::selection                                    */
/* V 0.012 upk - 20.03.2014 - ul-Aufzählungen unter h2 Überschriften mit Abstand                                               */
/* V 0.013 upk - 25.03.2014 - Migration / umkopiert in den Hunde-Ring Namensraum                                               */
/* V 0.014 upk - 25.03.2014 - h1/h2/h3 an Hunde-Ring / Wikimedia-Format angepasst                                              */
/* V 0.015 upk - 25.03.2014 - Farbe #4b9465 grün -> grün #1b751b                                                               */
/* V 0.016 upk - 21.04.2014 - extrawatch-Icon im Frontend ausgeblendet                                                         */
/* V 0.017 upk - 07.05.2014 - Formatierung für Inhaltsverzeichnis                                                              */
/* V 0.018 upk - 07.06.2014 - Formatierung der h4-Überschrift in der Infobox                                                   */
/* V 0.019 upk - 12.06.2014 - infolinks in Schreibschrift                                                                      */
/* V 0.020 upk - 17.06.2014 - indextable_weiss für Inhaltsverzeichnisse                                                        */
/* V 0.021 upk - 19.06.2014 - Footer-Design überarbeitet                                                                       */
/* V 0.022 upk - 28.09.2014 - H2-Seitenüberschrift des Dokuments ganz oben optimiert  /  .item-page > h2:first-child           */
/* V 0.023 upk - 06.11.2014 - Paragraph P in Liste UL                                                                          */
/* V 0.024 upk - 07.11.2014 - spezielle Formatierung für die "aufhaengliste"                                                   */
/* V 0.025 upk - 13.11.2014 - Zeilenabstand in Listen der Infobox  -  ul.textblock li                                          */
/* V 0.026 upk - 14.11.2014 - Modul Social Bookmarks in der linken Spalte fixiert                                              */
/* V 0.027 upk - 03.03.2015 - weitere Formatierung für Inhaltsverzeichnis                                                      */
/* V 0.028 upk - 18.05.2016 - oberste Überschrift in der Infobox - div.infobox_gruen h3                                        */
/* V 0.029 upk - 26.05.2016 - Formatierung Infobox - Innenabstand unten                                                        */
/* V 0.030 upk - 14.06.2016 - h3 a - Link in der Unterüberschrift fett - wie der umgebende Text                                */
/* V 0.031 upk - 01.08.2016 - h2 p - Formatierung Abstände                                                                     */
/* V 0.032 upk - 18.02.2017 - Umstellung auf Responsiv/Mobile                                                                  */
/* V 0.033 upk - 18.02.2017 - Korrekturen wg Google / Mobile Test                                                              */
/* V 0.034 upk - 04.03.2017 - Google Mobile Test - groessere Schrift                                                           */
/* V 0.035 upk - 07.05.2017 - Print-Symbol                                                                                     */
/* V 0.036 upk - 07.06.2017 - ul ul - bei geschachtelter Aufzählung einrücken                                                  */
/* V 0.037 upk - 08.06.2017 - li.print-icon ohne Listzeichen / background-image                                                */
/* V 0.038 upk - 08.09.2022 - hintergrund-oben-006.gif leicht geaendert (an 2 Stellen)                                         */








body,html {
  padding          : 0;
  margin           : 0;
  margin-bottom    : 10px;
  
    }

#body_bg{
background         : #ffffff url(../images/hintergrund-oben-006.gif) repeat-x top left;
text-align         : center;
}

.main { 
  text-align       : left; 
  width            : 100%;
  margin           : 0; 
  padding          : 0;
}


.mod {
  background       : none;
  width            : 3px; 
  margin           : 0; 
  padding          : 0;
}

td, tr, p, div {
  font-family      : sans-serif;
  color            : #555555;
  text-align       : left;
}

hr {
  color            : #999999;
  height           : 1px;
  width            : 100%;
}

form {
margin           : 0; 
padding          : 0;
}

img {
border: 0 none; 
}

.leftrow {
  width            : 169px;
  height           : 100%;
  margin-right     : 0;
  background       : #fff;

}

.rightrow {
  height           : 100%;
  width            : 169px;
  margin-left      : 0;
  background       : #fff;

 }


#logo {
  height         : 182px;
  width          : 188px;
      }


#imglogo {
border : 0;
width  : 182px;
height : 188px;

}


.button {
  font-size        : 11px;
  color            : #333333;
  border           : 1px solid #B4C1D1;
  margin           : 3px;
  background-color : #EAECEE;
  padding          : 2px !important;
  padding          : 1px;
  cursor           : pointer;
}

.inputbox {
 color        : #000000;
 background   : #ffffff;
 border       : 1px solid #B4C1D1;
 margin       : 3px;
 
}

.blog-featured h1, .blog h1 {
    font-size        : 17px;
    color            : #548861;
    margin           : 5px 0;
    text-align:center;
}

h1 {

    line-height      : 1.1em;
    font-size        : 2.4em;
    font-weight      : bold;
    color            : #1b751b;
    text-shadow      : 2px 2px 3px #bbbbbb;

}


h2 {

    padding-top      : 1.5em;
    margin-bottom    : 0;
    font-size        : 1.7em;
    font-weight      : bold;
    color            : #1b751b;
    text-shadow      : 2px 2px 3px #cccccc;
    border-bottom    : 1px solid #999999;
  }

h2 + p { /* nachfolgende ergänzende Textanmerkung unter der Überschrift */

    padding          : 0.4em 0 0.6em 0;
  }


.item-page > h2:first-child {    /* oberste Zeile / Seitenbezeichnung aus Joomla */

    margin-bottom    : 0.1em;
    border-bottom    : 1px solid #000000;
    padding-top      : 0.4em;
}




h3 {

    font-size        : 110%;
    font-weight      : bold;
    color            : #333333;
    text-shadow      : 2px 2px 3px #cccccc;
    margin-bottom    : 0.75em;

}

h2 + h3  {    /* der erste h3 direkt nach dem h2 */

    margin-top       : 2em;
}



div.infobox_gruen h3 {          /* oberste Überschrift in der Infobox */

    font-size        : 175%;
    font-weight      : bold;
    color            : #1c851b;
    text-shadow      : none;
    margin           : 0.5em 0 1.25em 0.7em;
    padding          : 0;
}

div.infobox_gruen h4 {          /* normale Überschrift in der Infobox */

    font-size        : 135%;
    font-weight      : bold;
    margin           : 0.5em 0 0.7em 0.7em;
    padding          : 0;
}




ul.textblock li {    /* Zeilenabstand in Listen der Infobox */

    margin-top       : 1em;
}


ul p {                        /* Überschrift in UL - Auflistung als Paragraph */
  font-weight      : bold;
  margin           : 1.75em 0 0.5em -0.5em;
}




a:link, a:visited {
  
  color            : #1b751b;
  text-decoration  : none;
  font-weight      : bold;
}

a:hover {
  color            : #FFFFFF;
  background-color : #167a24;
  text-decoration  : none;
  font-weight      : bold;
}


td#pagecontent a {    /* Textinhalt mit moderatem Link-Layout */

  text-decoration  : underline;
  font-weight      : normal;

}
.item-page > h2 a {    /* oberste Zeile / Seitenbezeichnung aus Joomla */

  text-decoration  : none       !important;
  font-weight      : normal     !important;
  font-size        : 0.6em      !important;
  text-shadow      : none       !important;
  color            : #000000    !important;
}
li.pagenav-prev  a  , li.pagenav-next a {    /* ganz unten im Doku: weiter - zurück Navi */

  text-decoration  : none       !important;
}

h3 a {    /* Link in der Unterüberschrift fett - wie der Text */

  font-weight      : bold       !important;
}


a.infolink_standard {  /* besonders herausgestellte / Feature Links  */

   font-family     : Comic Sans MS,Verdana,Helvetica;
   font-size       : 1.5em;
   font-weight     : normal;
   text-decoration : underline;
   color           : #999999;   /* #1b751b; */

   display         : block;

   border          : #999999 1px solid;    
   padding         : 0.5em 1em 0.7em 1em;    


   -moz-border-radius:    10px;
   -webkit-border-radius: 10px;
   border-radius:         10px;

}
a.infolink_standard:hover {

   border           : #1c851b 1px solid;
   background-color : #eafbea;
   color            : #1c851b;
}




ul {
  margin           : 5px 2px;
  padding-left     : 10px;
  list-style       : none;
}


ul ul {                       /* geschachtelte Aufzählung einrücken */
  padding-left    : 1.0em;     
}

h2 + ul {                     /* Aufzählung unter den H2-Überschriften im Text */
  padding-top     : 0.5em;     
}

ul.actions {                  /* Aufzählung der Actions, z.B. Drucken am Seitenanfang */
  padding-top     : 0;     
}







li {
  
  line-height       : 25px;
  
  padding-left      : 12px;
  
  background-image : url(../upk_images/listenzeichen-15px-006.gif) ;  /* Listenzeichen */
  
  background-repeat: no-repeat;
  background-position: 0px 5px;
  
}


ul ul li {                /* geschachtelte Aufzählung einrücken */

  padding-left     : 20px;
  
  background-image : url(../upk_images/listenzeichen-eingerueckt-15px-001.gif) ;  /* doppeltes Listenzeichen */
  
}





table.infotable_hellgrau ul {

  padding           : 0;
  margin            : 0 0 0 1em;

}

table.infotable_hellgrau li {

  background-image  : none;
  list-style-type   : circle;

  padding-left      : 0;
  margin            : 0 0 1em 0.2em;

  line-height       : 1;  /* reset */

 
}


ol li {background-image: none;}

div.date {
  float:right;
  font-size        : 11px;
  font-weight      : bold;
  color            : #707070;
  width: 140px;
  text-align: right;
}

div.pw {
  float:left;
  width: auto;
  text-align: left;
}

.footer {
  font-size        : 11px;
  font-weight      : normal;
  padding          : 20px 0 25px 0;
  border-top       : 1px solid #cccccc;
  color            : #1b751b;
  text-align       : center;
 }


.footer p {
padding: 5px 0;
color            : #1b751b;
text-align       : center;
}


#footertext, #footertext p {
color       : #333333;
}

#footertext{width:95%;margin-left:auto;margin-right:auto;}

.lcol {
   vertical-align   : top;
   background       : #ffffff;
   padding-top: 5px;
   border-left       : 1px solid #cccccc;
   padding-left: 3px;

}

.rcol {
   vertical-align   : top;
   background       : #ffffff;
   padding-top: 5px;
   border-right       : 1px solid #cccccc;
   padding-right: 3px;

}


.foot {            /* gesamter Foot-Bereich */

  text-align:      center;
  vertical-align:  top;
  
  background:      #567f5b;
  margin-top:      5em;
  padding:         1em 5em 1em 5em;
}




td.top1{
margin: 0;
padding:  0;
height: 28px !important;
height: 25px;
padding-top:  0px !important;
padding-top:  3px;
background    : url(../images/shadow.jpg) #ffffff repeat-x top;
text-align: center;
}

#top1 {
width:95%;
margin-left: auto;
margin-right: auto;
}

table.maincontent{
background : #ffffff;
}

#searchbox {
  margin           : 0;
  padding          : 0;
  margin-top       : 13px;
  margin-left      : 10px;
  width            : 130px;
  font-size        : 11px;
  color            : #707070;
  padding          : 2px !important;
  padding          : 1px; 
  border           : 1px solid #cccccc;
  background       : none;
  
   }

table.logoheader {
  margin         : 0;
  padding        : 0;
  height         : 220px;
  background     : url(../images/logo-hintergrund-002-006.png )  #f7faf7 no-repeat center left;
}
td.logoheader {
  margin         : 0;
  padding        : 0 0 0 1em;
  text-align     : center;    
  color          : #008000;
  font-family    : Times, Arial, Verdana, Tahoma, Helvetica, sans-serif;
  font-size      : 48pt;
  width          : 100%;
  text-shadow    : 0.1em 0.1em 0.2em grey;
  
 }

td.topnav {
  margin : 0px;
  padding:  0px;
  background     : url(../images/hintergrund-oben-006.gif) repeat-x top left;
  height         : 42px;
  width          : 770px;
  
 }

td.bgline {
  margin : 0px;
  padding:  0px;
  background     : url(../images/s.gif) repeat-y;
  width          : 7px;
 }

 .topnav .menu {
  font-size        : 11px;
  list-style       : none;
  padding          : 0;
  margin           : 0;
  margin-left      : 1px;
 
}

.topnav .menu li {
  float            : right;
  display          : block;
  list-style       : none;
  background-image : none;
  padding-left     : 2px;
  padding-right    : 2px;
  margin           : 0;
  width            : auto !important;
  font-size        : 11px;
  line-height      : 28px;
  white-space      : nowrap;
  border-left      : 1px solid #cccccc;

}
.topnav .menu li a {
  
  padding-left     : 10px;
  padding-right    : 10px;
  font-size        : 11px;
  color            : #000033;
  text-decoration  : none;
  
}

.topnav .menu li a:hover {
  font-size        : 11px;
  color            : #999999;
    
}




/* upk - 21.06.2011 - Fussmenue eingefuegt */


div.footernav .menu {

  text-align       : center;
 
}
 .footernav .menu {
  font-size        : 11px;
  list-style       : none;
  padding          : 0;
  margin           : 0;
  margin-left      : 1px;
 
}

.footernav .menu li {

  display          : inline;
  list-style       : none;
  background-image : none;
  padding-left     : 2px;
  padding-right    : 2px;
  margin           : 0;
  width            : auto !important;
  font-size        : 11px;
  line-height      : 28px;
  white-space      : nowrap;
  border-left      : 1px solid #cccccc;

}
.footernav .menu li a {
  
  padding-left     : 10px;
  padding-right    : 10px;
  font-size        : 11px;
  color            : #333333;
  text-decoration  : none;
  
}

.footernav .menu li a:hover {
  font-size        : 11px;
  color            : #999999;
    
}

table.foot a {

  color            : #333333;
  text-decoration  : none;
  
}







div.search .inputbox{
width   : 120px;
height  : 15px;
font-size: 12px;
}


.clear {
clear          : both;
background     : #none;
height  : 5px;
margin-left : auto;
margin-right: auto;
}


pre {

overflow   : auto;
}  

blockquote{
width        : 500px;
margin       : 15px 0;
padding      : 15px;
border-top   : 3px solid #ADBFCC;
border-bottom: 3px solid #ADBFCC;
background   : #ECF0F3;
color        : #FE9A3B;
}

.highlight {
background-color: #A02C27;
color           : #ffffff;
padding         : 0 5px;
}


.tm {
margin           : 0; 
padding          : 0;
}

td.bgnoright {
  margin : 0;
  padding:  0;
  background     : url(../images/bg_noright.gif) repeat-y;
  width          : 4px;
 }


td.bgnoleft {
  margin : 0;
  padding:  0;
  background     : url(../images/bg_noleft.gif) repeat-y;
  width          : 4px;
 }

#botmod, #topmod {
padding          : 5px 3px;
background       : #EDF0F3;
border: 1px solid #cccccc;

}

#maincontainer{
     margin-left:auto;
     margin-right:auto;

}

/*** modules ***/

table.moduletable, table.moduletable_menu {
  margin           : 0 0 8px 0;
  width            : 100%;
      background       : url(../images/mod_bottom.gif) #F8F9FA repeat-x bottom left;
      padding: 0; 
      padding-bottom   : 2px;
  }

table.moduletable th, table.moduletable_menu th{
      
  font-family        : Tahoma, Arial, Verdana,  Helvetica, sans-serif;
  font-size          : 12px;
  font-weight        : bold;
  text-align         : center;
  width              : 100%;
  background         : url(../images/mod.gif) #E7EAEC repeat-x top left; 
  color              : #536570;
        padding            : 2px;
        line-height        : 22px;
        border-bottom: 1px solid #D2D5D8;
      
  }

table.moduletable td, table.moduletable_menu td{
    padding: 2px 5px 0 5px;
   
}

.lcol table.moduletable th, .lcol table.moduletable_menu th, .rcol table.moduletable th, .rcol table.moduletable_menu th, #botmod table.moduletable th{
 

      background : url(../images/menuheader-hintergrund-001-004.png )  #649564 no-repeat left;
      color      : #F6F7F9;
}




/*  Main Menu */

table.moduletable_menu ul, table.moduletable_menu ul li
{
  background-image: none;
  list-style:none;
  display           : block;
  width             : 100%;
  margin            : 1px 0px;
  padding           : 0;
  font-size         : 12px;
  
  background        : none;
  Xbackground-color : blue;
  line-height       : 15px;
  
  

}



table.moduletable_menu ul li a, table.moduletable_menu ul li a:link, table.moduletable_menu ul li a:visited
{
  display          : block;
  font-size        : 12px;
  border           : 0px solid #B4C1D1;
  background-color : #ECF0F3;
  font-weight      : normal;
  padding          : 2px 0;
  color            : #666666;
  font-weight      : normal;
  padding-left     : 10px;

}

table.moduletable_menu ul li a:hover
{
  border           : 0px solid #B4C1D1;
  background-color : #E2E5EA;
  font-size        : 12px;
  font-weight      : normal;
  color            : #1b751b;
  text-decoration  : none;
  padding-left     : 10px;

}
table.moduletable_menu ul li.active a:link, table.moduletable_menu ul li.active  a:visited
{
  color            : #1b751b;
  border           : none;
  background-color : #F8F9FA;
  font-weight      : bold;
}



table.moduletable_menu ul li ul li a:link, table.moduletable_menu ul li ul li a:visited, table.moduletable_menu ul li ul li ul li a:link, table.moduletable_menu ul li ul li ul li a:visited
{
   display          : block;
   font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size        : 11px;
   font-weight      : normal;
   color            : #999999;
   padding        : 3px 1px 3px 5px;
   margin      : 3px;
   text-decoration  : none;
   padding-left     : 15px;
   border: none;
   background-color:  #DCDFE5;
}

table.moduletable_menu ul li ul li a:hover, table.moduletable_menu ul li ul li ul li a:hover
{ background:none;
  font-size        : 11px;
  font-weight      : normal;
  color            : #666666;
  text-decoration  : none;
  padding-left     : 15px;

}

table.moduletable_menu ul li.active ul li a:link, table.moduletable_menu ul li.active ul li a:visited
{
   display          : block;
   font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size        : 11px;
   font-weight      : normal;
   color            : #5377A5;
   padding        : 3px 1px 3px 5px;
   margin      : 3px;
   text-decoration  : none;
   padding-left     : 15px;
   border: none;
   background-color:  #DCDFE5;
}

table.moduletable_menu ul li.active ul li.current a
{font-weight:bold;}

table.moduletable_menu ul li.active ul li ul li a:link, table.moduletable_menu ul li.active ul li ul li a:visited
{
   display          : block;
   font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size        : 11px;
   font-weight      : normal;
   color            : #6284B0;
   padding        : 3px 1px 3px 5px;
   margin      : 3px;
   text-decoration  : none;
   padding-left     : 15px;
   border: none;
   background-color:  #DCE4E9;
}

table.moduletable_menu ul li ul li ul li.active ul li a:link, table.moduletable_menu ul li ul li ul li.active ul li a:visited
{
  color            : #666666;
  border           : none;
  background-color : #ECF0F3;
  font-weight      : normal;
}

table.moduletable_menu ul li ul li ul li ul li.active ul li a:link, table.moduletable_menu ul li ul li ul li ul li.active ul li a:visited
{
    color            : #999999;
    background-color:  #F3F7F7;
}




table.moduletable_menu ul li.active ul li a:hover, table.moduletable_menu ul li.active ul li ul li a:hover, table.moduletable_menu ul li.active ul li ul li ul li a:hover, table.moduletable_menu ul li.active ul li ul li ul li ul li a:hover
{ background       :none;
  font-size        : 11px;
  font-weight      : normal;
  color            : #666666;
  text-decoration  : none;
  padding-left     : 15px;

}



/* Tooltips */

.tip, .tool-tip {
  float: left;
  background: #ffc;
  border: 1px solid #D4D5AA;
  padding: 5px;
  max-width: 200px;
      font-size: 12px;
}

.tool-title {
        padding: 0;
  margin: 0;
  font-size: 12px;
  font-weight: bold;
  margin-top: -15px;
  padding-top: 15px;
  padding-bottom: 5px;
  background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
  font-size: 12px;
  margin: 0;
}




/* System Standard Messages */

#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;}
#system-message dd.message ul li {background-image:none;text-align:center;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}
#system-message dd.error ul li{background-image:none;text-align:center;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}
#system-message dd.notice ul li {background-image:none;text-align:center;}


/** Login **/


form#login-form{
color     : #333333;
margin    : 5px 0 10px 0;
padding   : 5px;
text-align:left
      
      }

form#login-form p{
margin      : 5px 0;
padding     : 3px 0;
text-align  :left
      
      }

form#login-form fieldset{
border       : none;
margin       : 0;
padding      : 5px 0 0 0;
background   : #ECF0F3;
}

form#login-form fieldset label {
color   : #a7a7a7;
}

form#login-form fieldset .inputbox {
 color        : #333333;
 background   : none;
 border       : 1px solid #B4C1D1;
 margin       : 3px 0;
 padding-left : 3px;
}

form#login-form ul a
{text-decoration   : none;}


form#login-form fieldset p{
padding   : 0 7px; 
margin    : 5px 0 2px 0;
}

form#login-form fieldset input.button{
margin    : 5px 0 10px 10px;
}

form#login-form ul{
padding-bottom    :10px;
}

p#login-form-password .inputbox, p#login-form-username .inputbox{
width   : 120px;
height  : 15px;
}


/*****  print, pdf, mail  *****/

.main ul.actions
{
        text-align:right;
        padding:0;
        margin:0;
}

.main ul.actions li
{
        display:inline;
        margin: 0 5px;
        background-image: none;
}

.main ul.actions a
{
        text-decoration:none;
}

/**** pagenav ****/

div.pagination {clear:both;}
ul.pagenav {display:block;text-align: center;}
.pagenav li, div.pagination ul li {display: inline;background-image: none;}
li.pagenav-prev {}
li.pagenav-prev a {}
li.pagenav-next {}
li.pagenav-next a {}

/**** article-info ****/

dl.article-info {padding:10px;background:#FCFCFD;font-style:italic;}
dt.article-info-term{width:auto;font-weight:bold;color:#AE69AA;}


/******** content *********/

div.category-desc, div.cat-items {margin:10px 0;background:#fcfcfc;clear:both;}

span.item-title a{ color: red; }

div.cat-children ul li {clear:both;}

dl.article-count{margin:5px 0;padding:5px;background:#FCFCFD;font-style:italic;}
dl.article-count dt, dl.article-count dd {display: inline;padding:0;margin:0;}

.readmore {padding:10px 0;}
p.readmore a:link, p.readmore a:visited {
  color            : #999999;
  font-family      : Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size        : 11px;
  background       : url(../images/readon.gif) no-repeat;
  white-space      : normal;
  font-weight      : normal;
  padding-left     : 18px; 
  padding-right    : 18px; 
  padding-bottom   : 10px; 
  float            : right;
  line-height      : 10px;
  text-decoration  : underline;

}


p.readmore a:hover {
  color            : #FFFFFF;
  background-color : #CC247B;
}


.item-separator {display:block;height:15px;clear: both;}

.bannergroup, .banneritem {text-align: center;}

.pagenavcounter {font-size: 10px;color: #1b751b;}

.small {font-size: 10px;color : #333333;}

.login-fields {margin:10px 0;}
.login-fields label{width: 250px;float:left;}

select#ordering option
{
         line-height:25px;
}

#ordering, #limit {height:20px;}

span.pagination {display:block;text-align: center;}
.pagination span { padding: 2px; }
.pagination a    { padding: 2px; } 

a.pagination:link, a.pagination:visited {
  font-size        : 11px;
  color            : #999999;
  text-decoration  : none;
}

a.pagination:hover {
  font-size        : 11px;
  color            : #1b751b;
  text-decoration  : none;
}


#article-index {
  display          : block;
  float            : right;
  border           : 1px solid #B4C1D1;
  background       : #ECF0F3;
  padding          : 5px;
  margin     : 0 10px 10px 10px;
  
}

ul.weblinks li {line-height: 30px;background: url(../images/mod.gif) #E7EAEC repeat-x top left;}

/*#################### tables ############################ */

table.contenttoc {
  display          : block;
  float            : right;
  border           : 1px solid #dcdcdc;
  border-bottom      : none;
  background       : #F1F1F1;
  padding          : 0;
  margin-left      : 10px;
  margin-bottom    : 5px;
}

table.contenttoc th{
  margin           : 0;
  padding          : 2px;
  background       : url(../upk_images/mod_lr.gif) repeat-x top left;
  color            : #F6F7F9;
  text-align       : center;
 }

table.contenttoc td{
 margin             : 0;
 padding            : 3px 4px;
 border-bottom      : 1px solid #dcdcdc;
 background-image   : url(../images/strelka.gif) ;
 background-repeat  : no-repeat;
 background-position: 4px 9px;
 
   }


table.contenttoc td a:link, table.contenttoc td a:visited{
padding-left        : 12px !important;
padding-left        : 0;
text-indent         : 12px;
text-decoration     : none;
}

table
{
        border-collapse:collapse;
}

table.weblinks,
table.category

{
        margin:10px 0;
        width:100%;
        border: 1px solid #B4C1D1;
}

table.weblinks td
{
        border-collapse:collapse;
}

table.weblinks td,
table.category td

{
        padding:7px;
        border: 1px solid #B4C1D1;
}

table.weblinks th,
table.category th

{
        padding:7px;
        text-align:left;
        background         : url(../images/mod.gif) #E7EAEC repeat-x top left;
}


td.list-title{background:#ECF0F3;}
td.createdby{background:#fcfcfc;}
td.list-hits{background:#F4F5F6;}

fieldset
{
  margin-bottom:10px;background: #ECF0F3; border:solid 1px #B4C1D1;
}

ul#archive-items li {background-image: none;}
ul#archive-items li div ul li{
background-image : url(../images/strelka.gif) ;
  background-repeat: no-repeat;
  background-position: 0px 5px;
}

.cat-items {clear:both;}


/*** contact ***/


.contact h3
{
  margin: 20px 0
}

.form-required
{
  font-weight:bold;
  margin:10px 0;
}

.contact-email label
{
        width:250px;
        float:left;

}
.contact-email .inputbox
{
  background       : url(../images/mod_bottom.gif) #F8F9FA repeat-x bottom left;
  border:solid 1px #B4C1D1;
  padding:3px
      }

#contact-formname, #contact-email, #contact-subject, #contact-text {width: 345px;}

.contact-image, .contact-position, .contact-address, .contact-contactinfo, .contact-miscinfo
{margin:10px 0;}


/*** contact  slider ***/

.panel
{
  border:solid 1px #B4C1D1;
  margin-top:10px

}
.contact .panel h3
{
  margin:0;
  padding: 0;
  background:#ECF0F3;
  
}
.panel h3 a
{
  display:block;
  padding:6px;
  text-decoration:none;
  color:#3b764d;
  padding:6px;
}


.panel h3.pane-toggler a
{
  background:#ECF0F3 url(../images/plus.png) 99% 50% no-repeat;
}
.panel h3.pane-toggler-down a
{
  background:#ECF0F3  url(../images/minus.png) 99% 50% no-repeat;
  border-bottom:solid 1px #B4C1D1;
}



.pane-slider
{
  border:solid 0px;
  padding:0px 10px !important;
  margin:0;
  
}

.pane-slider content{}

.panel .contact-form,
.panel  .contact-miscinfo
{
  padding:10px;
}

.contact .panel .contact-form form,
.contact .panel .contact-address
{
  margin:20px 0 0 0
}

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

.cat-list-row0
{
  
  padding          : 3px;
  background       : #F4F5F7;
   
}
.cat-list-row1
{
  
  padding          : 3px;
  background       : #EFF1F4;
  }


/***** blog columns *****/

.cols-1 {
    display: block;
    float: none !important;
    margin: 0 !important;
}

.cols-2 .column-1 {
    width: 49%;
    float: left;
}

.cols-2 .column-2 {
    width: 49%;
    float: right;
    margin: 0
}

.cols-3 .column-1 {
    float: left;
    width: 33%;
    
    
}

.cols-3 .column-2 {
    float: left;
    width: 33%;
    padding-left:1%;
    
}

.cols-3 .column-3 {
    float: right;
    width: 32%;
    
    
}

.cols-4 .column-1
{
        width:24%;
        float:left;
}

.cols-4 .column-2
{
        width:24%;
        padding-left:1%;
        float:left;
}

.cols-4 .column-3
{
        width:24%;
        padding-left:1%;
        float:left
}

.cols-4 .column-4
{
        width:25%;
        float:right
}

span.row-separator {display:block; clear:both;}






/*   Bildumrandung, Bildtitel und Bildtabelle   -  upk - 24.06.2011 */





img.caption {  
  
    border:        1px solid #444444; 
    border-top:    2px solid #444444; 
    border-bottom: 2px solid #444444; 

}  


div.img_caption {  
 
    border:           1px solid #999999; 
    background-color: #DDDDDD;   
    padding:          14px;

}  


p.img_caption {       /* Absatz / Paragraph  um die innere Beschriftung */

    color:            #7777777;
    font-weight:      normal;
    font-style:       italic;
    font-size:        8pt;

      
}  



.zoomin-img {    /* überschreibt die makvik-CSS-Vorgaben */
  
    background-image: url(../../../upk_images/icons/icon-zoomin-003.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
}




li.print-icon {    /* Print-Text */
  
           text-align: right;
           background-image: none;

}
li.print-icon a {    /* Print-Text */
  
           color: #777777;

           padding-right: 2em;

           background-image: url(../../../upk_images/icons/icon-zoomin-003.gif);
           background-position: right bottom;
           background-repeat: no-repeat;
}









a.thumbnail.with-zoomin-img.caption {

  background-color : white;
  
  
}




.infobox_rot {

         border: 1px solid #851B1B;
         background-color: #FBEAEA;

         color:            #851B1B;
         margin:           20px 0;
         padding:          10px;
         -moz-border-radius: 10px;
         -webkit-border-radius: 10px;
         border-radius: 10px;
}
.infobox_rot a {

         color:            #851B1B;
         font-weight:      bold;
}
.infobox_rot a:hover {

         background-color: #FDB5B5;
}




.infobox_gruen {

         border: 1px solid      #1c851b;
         background-color:      #eafbea;
         color:                 #1c851b;
         margin:                20px 0;
         -moz-border-radius:    10px;
         -webkit-border-radius: 10px;
         border-radius:         10px;
         padding:               1em 1em 1.25em 1em;
}
.infobox_gruen a {

         color:                 #005000;
         font-weight:           bold;
}
.infobox_gruen a:hover {

         background-color:      #e1f4d7;
}



.infobox_ocker {

         border:      1px solid #fbeed5;
         background-color:      #fcf8e3;
         color:                 #c09853;
         font-size:             14px;
         font-weight:           normal;
         margin:                20px 0;
         padding:               10px;
         -moz-border-radius:    10px;
         -webkit-border-radius: 10px;
         border-radius:         10px;
}
.infobox_ocker a {

         color:                 #c09853;
         font-weight:           bold;
}
.infobox_ocker a:hover {

         background-color:      #e1f4d7;
}





table.infotable_hellgrau {

         margin-left:           2em;
         table-layout:          fixed;         /* feste Breite aller Spalten */
}


table.infotable_hellgrau th {                  /* Kopfzeile */

         height:                3em;
         color:                 #555555;
         background-color:      #f5f5f5;
         font-weight:           bold;
         padding:               0.25em;
         padding-left:          1em;
         vertical-align:        middle;
}


table.infotable_hellgrau tr td:first-child {     /* erste Spalte links */

         height:                3em;
         width:                 10em !important;
         color:                 #555555;
         font-weight:           bold;
         font-style:            italic;
         vertical-align:        top;

}

table.infotable_hellgrau tr td {

         padding:               1.25em 1em 1.25em 1em;
         vertical-align:        top;
         overflow:              hidden; 
}










table.indextable_weiss {                       /* für Inhaltsverzeichnisse im Text */

         margin-left:           2em;

         border:                0.2em #bbbbbb solid;

}



table.indextable_weiss tr td {

         padding:               0.5em 1em 0.5em 1em;
         vertical-align:        top;
         font-family:          'Times New Roman', Times, serif, Georgia;
         font-size:             1.5em;
         font-weight:           bold;
         text-align:            center;
         vertical-align:        middle;
}




table.indextable_weiss tr td:nth-child(1) {     /* erste Spalte links  I. II. III. */

         width:                 1.2em !important;
         color:                 #555555;
         font-size:             3em;
         font-weight:           bold;
         text-align:            center;
         vertical-align:        middle;

}

table.indextable_weiss tr td:nth-child(3) {    

         font-size:             1em;
         text-align:            left;
         font-weight:           normal;
         font-family:           sans-serif;


}


table.indextable_weiss tr td:nth-child(4) {       /* letzte Spalte rechts */

         vertical-align:        bottom;


}

table.indextable_weiss tr td:nth-child(4) a {     /* letzte Spalte rechts */

         color:                 #999999;
         font-size:             0.75em;


}












/* --- Social Media Buttons ----------------- */


.nsb_container {

        width:      160px;
}




table.logoheader .nsb_container {

        width:      60px;
        text-align: right;
}




div.nsb_page_embedded_container div.nsb_container {

        width:      100%;
}

div.nsb_page_embedded_container iframe {

       float: left;
}

div.nsb_page_embedded_container iframe#twitter-widget-0 {

       float: left;
}

div.nsb_page_embedded_container div#plusone {   /* Google */

       display: none !important;
}



/* --- Logo links/rechts ----------------- */

td.img_logo_links {

        padding:     1em 1em 1em 2.5em;

}
td.img_logo_links img {

        box-shadow: 10px 20px 30px grey;

}



td.img_logo_rechts {

        padding:     1em 2.5em 1em 1em;

}
td.img_logo_rechts img:hover {

/*      box-shadow: 10px 20px 30px grey;      */

}




/* --- statischer Text Highlighter ----------------- */

span.text_highlighter_red {

       background-color: #ffbfbf;
       padding: 0 3px 0 3px;
       border-radius: 5px;
}

span.text_highlighter_yellow {

       background-color: #feffcb;
       padding: 0 3px 0 3px;
       border-radius: 5px;
}

span.text_highlighter_green {

       background-color: #c8ffbf;
       padding: 0 3px 0 3px;
       border-radius: 5px;
}


/* --- selektiver Text Highlighter per Maus Markierung ----------------- */

::selection {
	background:       darkgreen;
	color:            #ffffff;
}
 
::-moz-selection {
	background:       darkgreen;
	color:            #ffffff;
}
 
::-webkit-selection {
	background:      darkgreen;
	color:           #ffffff;
}


/* --- Extrawatch ----------------- */

a[href$="extrawatch.com"] img {
         display: none;
}


/* --- Inhaltsverzeichnis ----------------- */


div.inhaltsverzeichnis {

         width:              70%;
         margin-left:        10em;
         margin-right:       20em;

}

div.inhaltsverzeichnis h3 {

         margin-top:         4em;
         margin-left:        1.1em;
         margin-bottom:      1.5em;

}

div.inhaltsverzeichnis h4 {

         margin-left:        2.3em;

}


div.inhaltsverzeichnis p {

         margin-top:         1.2em;
         margin-left:        2em;

}



h1.titlemax {

         font-size:          4em;

}



/* --- Suchfunktion ----------------- */

span.highlight {

         background-color:   #1b751b;
}



/* --- spezielle Formatierungen für die aufhaengliste ----------------- */

div.aufhaengliste {

        width:               60%;
        margin:              auto;



}

div.aufhaengliste h1 {

       font-size:           4em;
       line-height:         1.2em;
       text-align:          center;
       color:               #333333;
       margin-top:          0;
       padding-top:         0;
}


div.aufhaengliste h3 {


         color:             #000000;
         font-size:         3em;
         text-align:        center;

}





/* --- Modul Social Bookmarks in der linken Spalte fixiert ----------------- */

table.moduletable_social_bookmark_left {

         background-color:   white;

         bottom:             10px;
         position:           fixed;

         overflow:           hidden;
         width:              inherit;

         padding-bottom   : 2em;
         margin-top       : 5em;
         margin-bottom    : 5em;
         border-top       : 1em solid #006400;
         border-bottom    : 1em solid #006400;

         height           : 14em;

  }

table.moduletable_social_bookmark_left th {

         text-align       : center;

  }







@media (min-width: 1000px) {



}



@media (min-width: 100px) and (max-width: 1000px) {

        div.leftrow , div.rightrow , .topnav , form.search , .img_logo_links {

             display: none;
        }

        div.icons {   /* keine Print-Icons auf dem Smartphone */

             display: none;
        }





        img {
            max-width: 100%;
            height: auto;
        }

        td, tr, p, div {
            font-size        : 1.03em;
        }


}