/* ################################################################# */
/*                               Reset                               */
/* ################################################################# */

html { width: 99.9%; height: 99.9%; }

body { width: 100%; height: 100%; background: #fff; }

.clear { clear: both; height: 0; }



/* ################################################################# */
/*                             Structure                             */
/* ################################################################# */

#PageBox {
  width: 960px;
  margin: 0 auto;
  padding: 15px 0 20px 0;
}

#Page {
  position: relative;
  background: url('../images/page_bg.jpg') repeat-y;
  padding-bottom: 20px;

  -webkit-box-shadow: #eee 3px 3px 5px;
     -moz-box-shadow: #eee 3px 3px 5px;
          box-shadow: #eee 3px 3px 5px;
  /* border: solid 1px green; */
}


#Top {
  /* Background direkt über Page.ss */
}

#Main {
  background: url('../images/main_bg.gif') repeat-y;
  margin-top: 60px;
}

#Left {
  float: left;
  width: 200px;
  padding: 0;
}

#Middle {
  position: relative;
  float: left;
  width: 555px;
}

#Right {
  float: right;
  width: 200px;
}


#SidebarLeft {
  width: 180px;
}

#Content {
  padding: 0 40px;
}

#SidebarRight {
  float: right;
  width: 180px;
}



/* ################################################################# */
/*                              Layout                               */
/* ################################################################# */


/* ### Menu ######################################################## */

#Menu {
  position: relative;
  background: #bab9b7;
  height: 100%;
  z-index: 99;
}

#SubMenu {
  margin-top: 10px;
}



/* ### Header ###################################################### */

#Logo {
  position: relative;
  margin: 18px 0 14px 0;
}

#Breadcrumbs {
  position: relative;
  padding-left: 8px;
}



/* #### Slider #################################################### */


#Slider { z-index: 0; }

/* container for slides */
#Slider .slide_panes {
  position: relative;
  height: 120px;
  width: 480px;
  float: left;
}

/* single slide */
#Slider .slide_panes img {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 120px;
}

/* tabs (those little circles below slides) */
#Slider .slide_tabs {
  display: none;
  clear: both;
}

#Slider .disabled {
  visibility: hidden !important; /* disabled navigational button. is not needed when tabs are configured with rotate: true */
}



/* #### Content #################################################### */

.typography ul.activity {

  margin-bottom: 20px;
}

  .typography ul.activity p {
    margin-bottom: 0.6em;
  }

  .typography ul.activity li {
    background: none;
    padding-left: 0;
  }

  .typography li.activity_icon {
    float: right;
    margin-left: 10px;
  }

  .typography li.activity_date {
  }

  .typography li.activity_category {
    color: #999;
  }

  .typography .activity_title {
    color: #5aac27;
    font-weight: bold;
  }

  .typography .activity_desc {
    color: #000;
  }

  .typography .activity_top {
    border-top: 1px solid #eee;
    text-align: right;
  }

  .typography li.activity_top a {
    display: block;
    padding-top: 2px;
  }


.typography div.date_list li {
  line-height: 1.5em;
  border-bottom: solid 1px #aaa;
}


.typography table.thumb {
  float: left;
  margin: 0 40px 15px 0;
}

.typography table.thumb tr td {
  padding: 0;
}

.typography table.thumb td.image {
  background: #bab9b7;
  line-height: 0;
  text-align: center;
  image-orientation: from-image;
}

.typography .thumb td.caption {
  font-size: 12px;
  text-align: right;
}

.typography .thumb a {
  line-height: 0;
  margin: 0;
  padding: 0;
}



/* ### Footer ###################################################### */

#Creator {
  padding-top: 5px;
}



/* ### Tooltip ##################################################### */

#SidebarRight .tooltip {
  display: none;
  width: 275px;
  background: #fafafa;
  padding: 12px 15px 5px 15px;
  border: solid 1px #eee;
  border-top: solid 15px #ffb020;
  border-bottom: solid 15px #ffb020;
  box-shadow: #bbb 4px 4px 6px;
  z-index: 999;
}

#Contact .tooltip {
  display: none;
  width: 480px;
  color: #000;
  background: #fafafa;
  padding: 12px 15px 5px 15px;
  border: solid 1px #eee;
  border-top: solid 15px #ffb020;
  border-bottom: solid 15px #ffb020;
  box-shadow: #bbb 4px 4px 6px;
  z-index: 999;
}



/* ### Other ####################################################### */

.subcolumns { /* IE6 error -> width: 100%; overflow: hidden; */ }

.c25l, .c33l, .c50l, .c66l, .c75l, .c38l, .c62l, .c92l, .c45l, .c55l { float: left; }
.c25r, .c33r, .c50r, .c66r, .c75r, .c38r, .c62r, .c92r, .c45r, .c55r { float: right; margin-left: -5px; }

.c25l, .c25r { width: 25%;     }
.c33l, .c33r { width: 33.333%; }
.c50l, .c50r { width: 50%;     }
.c66l, .c66r { width: 66.444%; }
.c75l, .c75r { width: 75%;     }
.c38l, .c38r { width: 38.2%;   }
.c62l, .c62r { width: 61.8%;   }
.c92l, .c92r { width: 91.8%;   }

.c45l, .c45r { width: 45%; }
.c55l, .c55r { width: 55%; }

.subcl { margin: 0 15px 0  0; }
.subcr { margin: 0  0   0 20px; }