#teaser {
        margin:0;
        background:transparent;
        padding:0px 4px 4px 0px;
        color: #80643f;
}

#teaser a.headerNavigation {
font-weight:normal;
color: #80643f;
}


/* ############################################################################################ */
/* ### Box für die Kategorie (Kategorienavigation) ############################################ */
/* ############################################################################################ */

/* ### linke Spalte ### */
#col1 { 
float: left;
width: 200px;
}
#col1_content {padding:0; margin-left:0; margin-right:0; color: #444; background:inherit; }

#col1 ul, #col1 li {line-height: 1.5em;}

#col1_content h1  {
        color:#000;
        background-color:#e5dbc2;
        border-bottom: 1px solid #fffdea;
        border-top: 1px solid #fffdea;
        width: 170px;
padding:4px 0 4px 10px;
        font-size:11px;
        margin:0;

        background-image:url(../img/catheadrepeater.gif);
        background-repeat:repeat-y;
}

#col1_content h5  {
        color:#000;
        background-color:#e5dbc2;
        border-bottom: 1px solid #fffdea;
        border-top: 1px solid #fffdea;
        width: 170px;
padding:4px 0 4px 10px;
        font-size:11px;
        margin:0;
        background-image:url(../img/catheadrepeater.gif);
        background-repeat:repeat-y;
}


.catListBody {
        width: 180px;
	 text-transform:uppercase;
        overflow: hidden;
        font-family:Arial, Helvetica, sans-serif;
        padding:0;
	 border:0;
        margin:0 0 10px 0;
}



.catListBody li ul {
      list-style-type: none; margin:0; padding: 0;
}

.catListBody ul {
        list-style-type:none;
        padding:0;
        border:0;
        margin:0;
}

.catListBody a {
        display:block;
        text-decoration: none;
	 font-weight:bolder;
}

.catListBody li {
        float:left;
        width: 180px;
        margin:0;
        background-image:url(../img/catrepeater.gif);
        background-repeat:repeat-y;
 /*       border-bottom: 1px #fffdea solid;       */s
}


#col1_content .catListBody img {
        margin-right:0.7em;
}

.catListBody li a:hover{
        background-image:url(../img/catrepeateron.gif);
        background-repeat:repeat-y;
        color:#fff;
        text-decoration: none;
}

.catListBody a.akt {
 background-image:url(../img/catrepeateron.gif);
        background-repeat:repeat-y;
        color:#fff;
        text-decoration: none;
}



.catListBody ul li a {
        width: 95%;
        padding: 3px 0px 3px 5%;
        color: #000;
        border-bottom: 1px #fffdea solid;

}



/* ### Körper der Infoboxen */
.boxInfoRS {
        color:#680102;
        background-color:#e5dbc2;
        height:auto;
        font-size: 1.0em;
        margin-bottom:10px; 
padding:6px;
}

#rightinhalt h1{
font-size:11px;
        background-color:#680102;
        color: #f000000;
        padding:2px 0 2px 6px;
        width:auto;
}

#rightinhalt h5{
font-size:11px;
        background-color:#680102;
        color: #fff;
        padding:2px 0 2px 6px;
        width:auto;
}



/* ############################################################################################ */
/* ### Shadowbox ############################################ */
/* ############################################################################################ */


/*_________________________________________________________________  Overlay  */
#shadowbox_overlay {
  visibility: hidden;
  position: absolute;
  display: block;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 998;
}

/*_______________________________________________________________  Container  */
#shadowbox_container {
  position: fixed;
  height: 0px;
  width: 100%;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 999;
  text-align: center; /* centers in quirks and IE */
}

/*_______________________________________________________________  Shadowbox  */
#shadowbox {
  display: none;
  visibility: hidden;
  margin: 0 auto;
  position: relative;
  font-family:'Lucida Grande', Tahoma, sans-serif;
  text-align: left; /* reset left alignment */
}

/*___________________________________________________________________  Title  */
/*
HTML snapshot:
<div id="shadowbox_title">
  <div id="shadowbox_title_inner">Title Here</div>
</div>
*/
#shadowbox_title {
  height: 25px;
  padding: 0;
  overflow: hidden;
}
#shadowbox_title_inner {
  height: 16px;
  font-size: 16px;
  font-weight:bold;
  line-height: 16px;
  white-space: nowrap;
  padding: 5px 0 4px 8px;
  color: #fff;
}





/*____________________________________________________________________  Body  */
/*
HTML snapsnot:
<div id="shadowbox_body">
  <div id="shadowbox_body_inner">
    <img src="my_image.jpg" id="shadowbox_content" height="350" width="580">
  </div>
  <div id="shadowbox_loading">
    <img src="../img/loading.gif" alt="loading"></div>
    <span><a href="javascript:Shadowbox.close();">Cancel</a></span>
  </div>
</div>
*/
#shadowbox_body {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 2px solid #fff;
  background-color: #000;
}
#shadowbox_body_inner {
  position: relative;
  overflow: hidden;
}
#shadowbox_loading {
  position: absolute;
  top: 0;
  left: 0;
  height: 10000px; /* overflow:hidden will clip this */
  width: 100%;
  background-color: #222;
}
#shadowbox_loading img {
  float: left;
  margin: 10px 10px 0 10px;
}
#shadowbox_loading span {
  float: left;
  margin-top: 16px;
  font-size: 10px;
}
#shadowbox_loading span a,
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
  color: #fff;
}

#shadowbox_content.html { /* make html content scrollable */
  height: 100%;
  width: 100%;
  overflow: auto;
}

/*_________________________________________________________________  Toolbar  */
/*
HTML snapshot:
<div id="shadowbox_toolbar">
  <div id="shadowbox_toolbar_inner">
    <div id="shadowbox_nav_close">
      <a href="javascript:Shadowbox.close();"><span class="shortcut">C</span>lose</a>
    </div>
    <div id="shadowbox_nav_next">
      <a href="javascript:Shadowbox.next();"><span class="shortcut">N</span>ext</a>
    </div>
    <div id="shadowbox_nav_previous">
      <a href="javascript:Shadowbox.previous();"><span class="shortcut">P</span>revious</a>
    </div>
    <div id="shadowbox_counter">
      <a href="javascript:Shadowbox.change(0);">1</a>
      <a href="javascript:Shadowbox.change(1);" class="shadowbox_counter_current">2</a>
      <a href="javascript:Shadowbox.change(2);">3</a>
    </div>
  </div>
</div>
*/
#shadowbox_toolbar {
  margin: 0;
  padding: 0;
  height: 20px;
  overflow: hidden;
}
#shadowbox_toolbar_inner {
  height: 20px;
  color: #fff;
}
#shadowbox_toolbar_inner div {
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 12px;
  height: 12px;
  line-height: 12px;
}
#shadowbox_toolbar_inner div span.shortcut {
  text-decoration: underline;
  font-weight: bold;
}
#shadowbox_toolbar_inner div a {
  text-decoration: none;
  color: #fff;
}
#shadowbox_nav_close,
#shadowbox_nav_previous,
#shadowbox_nav_next {
  float: right;
  padding-right: 10px;
}
#shadowbox_counter {
  float: left;
  padding-left: 10px;
}
#shadowbox_counter a {
  padding: 0 4px 0 0;
}
#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: underline;
  font-weight: bold;
}

/*________________________________________________________________  Messages  */
div.shadowbox_message {
  text-align: center;
  padding: 10px;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
  text-decoration: none;
  color: #bed333;
}
div.shadowbox_message a:hover,
div.shadowbox_message a:focus {
  text-decoration: underline;
}

.hidden {
display:none;
}

.option {
float:left;
margin:0 10px 5px 0;
}