body {
  margin:0;
  padding:8px;
}

img {
  border:none;
  marign:0;
  padding:0;
}

ul {
  list-style-type:none;
  list-style-image:none;
  margin:0;
  padding:0;
}

p.text {
  font-family:Times;
  font-size:13px;
  line-height:15px;
  color:#5a5959;
}

p.bold {
  font-weight:bold;
}

.text h1 {
  font-size:20px;
  line-height:24px;
  font-family:Helvetica;
  font-weight:normal;
  margin:0 0 8px;
}

.text h2 {
  font-size:13px;
  line-height:16px;
  font-family:Helvetica;
  color:#a7a293;
  margin:0 0 4px;
}

.text .trenner {
  margin:0 0 8px;
  float:left;
  width:100%;
}

hr {
  border:none;
  border-top: 3px solid #ccccca;
  margin:0;
  padding:0;
}

hr.small {
  border:none;
  border-top: 1px solid #ccccca;
}

.text p,.text div a {
  font-size:13px;
  line-height:16px;
  font-family:Times;
  color:#333231;
  margin:0 0 8px;
}

.linkh1 {
  color:#0faef0;
  font-size:20px;
  line-height:23px;
  font-family:Helvetica;
  font-weight:normal;
  margin:0 0 8px;
  text-decoration:none;
  background-color:transparent;
  font-style:normal;
}

.text a {
  color:#000000;
  background-color:#d2cfc8;
  padding:1px 3px;
  font-weight:bold;
  font-style:italic;
  font-family:Times;
  text-decoration:none;
  line-height:20px !important;
}

a:hover {
  text-decoration:underline;
  background-color:transparent;
}



a.imglink {
  padding:0 !important;
  background-color:transparent;
}

a.pdflink {
  background-image:url("/images/pdf.gif");
  background-repeat:no-repeat;
  padding: 0 0 2px 20px;
  line-height:20px;
}

div.title {
  float:left;
  margin:0 0 8px;
  width:100%;
}

.text .date {
  margin: 3px 0;
  height:23px;
  background-color:#d6d6d6;
  background-image:url("/gfx/agenda_day.png");
  background-repeat:no-repeat;
  line-height:24px;
  float:left;
  font-family:helvetica;
  width:100%;
}

.text .date span{
  font-weight:bold;
  padding:2px 25px 2px 5px; 
}

.text .event {
  background-color:#f3f4f4;
  float:left;
  width:100%;
}

.text .event:hover {
  background-color:#aab1b5;
  cursor:pointer;
}

.text .event a.title {
  color:#868f94;
  font-size:15px;
  line-height:18px;
  font-style:normal;
  background-color:transparent;
}

.text .event:hover a.title {
  color:#FFFFFF;
}

.text .event a.title:hover {
  text-decoration:none;
}

.text .event .textc {
  float:left;
  padding:4px;
  width:285px;
}

.text .event .time {
  float:right;
  background-color:#FFFFFF;
  padding:2px 4px;
  margin: 4px 6px 4px 6px;
  font-size:13px;
  line-height:16px;
  font-family:times;
}

.text .eventtrenner {
  background-color:#aab1b5;
  height:1px;
  width:100%;
  float:left;
  }

div #mainbox
{
  width:960px;
  magin:10px;
}

div.berg
{
  width:960px;
  height:40px;
  text-align:right;
}



div.navi
{
  width:960px;
  height:50px;
  margin-top:-1px;
  background-image:url("/gfx/n_background.png");
  background-repeat:no-repeat;
  background-position:right;
  position:relative;
}

div.navi div {
  position:absolute;
  cursor:pointer;
  text-align:center;
}

div.navi div.hover {
  width:136px;
}

div.navi div.hover:hover {
  background-image:url("/gfx/n_hover.png");
  background-position:left;
  background-repeat:no-repeat;
}

div.navi div.active {
  background-image:url("/gfx/n_hover.png");
  background-position:left;
  background-repeat:no-repeat;
}

div.navi div.active2 {
  background-image:url("/gfx/n_hover.png");
  background-position:left;
  background-repeat:no-repeat;
}

#home {
  left:0px;
  padding-left:20px;
  padding-right:2px;
}

#aktuell {
  left:50px;
}

#projekte {
  left:165px;
}

#agenda {
  left:280px;
}

#gesuche {
  
  left:395px;
}

#links {
  left:510px;
}

#kontakt {
  left:625px;
}

#logo {
  right:17px;
  width:113px;
  height:50px;
  background-image:url("/gfx/logo.png");
  background-position:right;
  background-repeat:no-repeat;
}



.submenu {
  position:absolute;
  width:190px;
  top:93px;
  padding-top:20px;
  background-position:top-left;
  background-repeat:no-repeat;
  display:none;
  z-index:999;
  box-shadow: 1px 1px 1px #333;
  -moz-box-shadow: 1px 1px 1px #333:
  -webkit-box-shadow: 1px 1px 1px #333;
}

.submenu ul {
  
}

.submenu li {
  margin:0;
}

.submenu li.trenner {
  height:2px;
  width:189px;
  background-repeate:x-repeat;
  font-size:0px;
  line-height:0px;
}

.submenu li.element {
  height:27px;
  font-size:10px;
  line-height:10px;
  width:175px;
  padding-left:15px;
  cursor:pointer;
}

.submenu li.active {
  background-image:url("/gfx/submenu_active.png");
  background-repeat:no-repeat;
  background-position:left;
  padding-left:20px;
  width:170px;
}

.submenu li a img {
  display:block;
}

#submenu_home {
  left:20px;
  background-image:url("/gfx/submenu.png");
}

#submenu_home ul{
  background-color:#0faef0;
}

#submenu_home li.element:hover, #submenu_home li.active {
  background-color:#48c1f4;
}

#submenu_home li.trenner {
  background-image:url("/gfx/submenu_trenner.png");
}

#submenu_projekte {
  left:135px;
  background-image:url("/gfx/submenu_rot.png");
}

#submenu_projekte ul{
  background-color:#fb2f2d;
}

#submenu_projekte li.element:hover, #submenu_projekte li.active {
  background-color:#fa6a5c;
}

#submenu_projekte li.trenner {
  background-image:url("/gfx/submenu_trenner_rot.png");
}


/* Slider */

#slider {
  margin-top:20px;
  padding:14px 6px;
  width:948px;
  height:230px;
  background-image:url("/gfx/s_background.png");
  background-repeat:no-repeat;  
}

.sliderContainer {
  float:left;
  width:885px;
  position:relative;
  height:230px;
  overflow:hidden;
}

.sliderContainer ul{
    position:absolute;
    display:block;
}

.slider_img {
  margin:0;
  padding:0 10px;
  display: block; 
  float:left;
  width:275px;
}

.slider_img a {
  display:table-cell;
  width:275px;
  height:230px;
  text-align:center;
  vertical-align:middle;
}

.slider_img a img {
  margin-auto;
}
.slider_img a span {
  display:inline-block;
  height:230px;
  width:1px;
}

div.arrow_empty {
  width:30px;
  height:230px;
  float:left;
}

div.arrow {
  width:30px;
  height:230px;
  float:left;
  background-repeat:no-repeat;
  background-position:center;
}

#arrow-left {
  background-image:url("/gfx/arrow_left_inactiv.png");
}

#arrow-left.active {
  background-image:url("/gfx/arrow_left_activ.png");
  cursor:pointer;
}

#arrow-right {
  background-image:url("/gfx/arrow_right_inactiv.png");
}

#arrow-right.active {
  background-image:url("/gfx/arrow_right_activ.png");
  cursor:pointer;
}

/* content */
#content {
  clear: both;
  float: left;
  margin-top:58px;
  background-position:100px;
  background-image:url("/gfx/inhalt_trenner.png");
  background-repeat:repeat-y
}

#content.doubleCol {
  background-image:url("/gfx/inhalt_trenner_single.png");
}

.box_head {
  height:90px;
  left:130px;
  width:140px;
  background-repeat:no-repeat;
  background-position:right;
  z-index:200;
  position:absolute;
  margin-top:-40px;
}

.box .no_icon {
  padding-top:15px;
}

.box_berg {
  background-image:url("/gfx/box_berg.png");
}

.box_stein {
  background-image:url("/gfx/box_stein.png");
  margin-right:20px;
}

.box_wolke {
  background-image:url("/gfx/box_wolke.png");
  margin-right:20px;
  margin-top:-60px;
  height:110px;
}

.box_text {
  top:0px;

  padding:30px 9px 9px 9px;
  z-index:100;
}

.box h1 {
  font-size:25px;
  line-height:30px;
  font-family:Helvetica;
  font-weight:normal;
  margin:4px 2px;
}

.box h2 {
  font-size:13px;
  line-height:16px;
  font-family:Helvetica;
  font-weight:normal;
  margin:4px 0;
  padding:4px;

}

.box p {
  font-size:13px;
  line-height:16px;
  font-style:italic;
  margin:4px 2px;
  font-family:Times;
}


.blue h1 {
  color:#0faef0;
}

.blue .box_text {
  background-color:#0faef0;
}

.blue .box_text h2 {
  background-color:#1e87af;
}

.blue .box_text h1 {
  color:#424242;
}

.blue .box_text, .blue .box_text h2, .blue .box_text span {
  color:#FFFFFF;
}

.red h1 {
  color:#fb2f2d;
}

.red .box_text {
  background-color:#fb2f2d;
}

.red .box_text h2 {
  background-color:#a43025;
}

.red .box_text h1 {
  color:#424242;
}

.red .box_text, .red .box_text h2, .red .box_text span {
  color:#FFFFFF;
}

.pink h1 {
  color:#ff48bc;
}

.pink .box_text {
  background-color:#ff48bc;
}

.pink .box_text h2 {
  background-color:#a74584;
}

.pink .box_text h1 {
  color:#424242;
}

.pink .box_text, .pink .box_text h2, .pink .box_text span {
  color:#FFFFFF;
}

.orange h1 {
  color:#ffa748;
}

.orange .title {
  color:#ffa748;
}


.orange .box_text {
  background-color:#ffa748;
}

.orange .box_text h2 {
  background-color:#a67739;
}

.orange .box_text h1 {
  color:#424242;
}

.orange .box_text, .orange .box_text h2, .orange .box_text span {
  color:#FFFFFF;
}

.green h1 {
  color:#26c81a;
}

.green .box_text {
  background-color:#26c81a;
}

.green .box_text h2 {
  background-color:#258612;
}

.green .box_text h1 {
  color:#424242;
}

.green .box_text, .green .box_text h2, .green .box_text span {
  color:#FFFFFF;
}

.grey h1 {
  color:#7b7362;
}

.grey .box_text {
  background-color:#7b7362;
}

.grey .box_text h2 {
  background-color:#5d584d;
}

.grey .box_text h1 {
  color:#424242;
}

.grey .box_text, .grey .box_text h2, .grey .box_text span {
  color:#FFFFFF;
}

.grey .box_text p{
    font-style:normal !important;
}

.grey .forms {
  width:267px;
  padding:3px;
  margin:4px 0;
  background-color:#b4b0a7;
  border:0;
  font-family:Helvetica;
  font-size:13px;
  line-height:16px;
}

.grey .textarea {
  width:267px;
  max-width:267px;
  min-width:267px;
  height:80px;
  max-height:300px;
}

.grey .checkbox {
  margin:4px 3px;
}

.grey #errormsg, .grey #succesful, .grey #errormsgSend, .grey #form_elements {
  display:none;
}

.grey .error {
  border:1px solid #ff0000;
  background-color:#ffc5c5
}

.grey #sendenbutton {
  margin-top:4px;
  cursor:pointer;
}

.grey .text {

    font-size:13px;
  line-height:16px;
  font-family:Helvetica;
}



.col {
  width:293px;
  float:left;
  margin-right:40px;
  position:relative;
}

.col_concat {
  width:625px;
  float:left;
  position:relative;
}

#col_3 {
  margin-right:0px;
}

.agenda .date {
  margin:0 0 20px;
  height:23px;
  background-color:#d6d6d6;
  background-image:url("/gfx/agenda_day.png");
  background-repeat:no-repeat;
  line-height:24px;
  clear:left;
  font-family:helvetica;
}

.agenda .date span{
  font-weight:bold;
  padding:2px 25px 2px 5px; 
}

.linktitle {
  margin:0 0 8px;
}

.linktitle .title {
  font-size:20px;
  line-height:24px;
  font-family:Helvetica;
  font-weight:bold;
 }

.agenda .event {
  margin: 0 0 20px;
  float:left;
  width:100%;
  }

.agenda .pic  {
  float:left;
  width:200px;
}

.agenda .eventtext {
  margin: 0 0 0 20px;
  float:left;
  width:405px;
}

.agenda .lead p {
  margin:10px 0;
}

.agenda .beginn {
  float:right;
  background-color:#e6e5e0;
  padding:2px 10px;
  margin:10px 0 0 10px;
  font-family:Times;
  font-size:13px;
  line-height:16px;
  font-weight:bold;
}

.agenda .trenner {
  margin:0 0 20px;
  float:left;
  width:100%;
}

.agenda a {
  background-color:transparent;
    text-decoration:none;
}

.agenda h1 {
  font-style:normal;
  padding:0;
  line-height:24px;
  font-size:20px;
  font-family:Helvetica;
  margin:0 0 8px;
}

.agenda .grey {
  background-color:#CCCCCC;
  color:#000000;
  padding:2px 4px;
  margin:0 10px 0 0;
  font-weight:bold;
  font-style:italic;
}

/* detail */

.agenda .detailevent {
  float:left;
  margin: 0 0 20px;
  width:100%;
}

.agenda .detpic  {
  float:left;
  margin-right:25px;
  margin-bottom:25px;
}

.agenda .infokacheln {
  float:left;
  width:100%;
  margin-bottom:10px;
}

.agenda .infokacheln .kachel {
  float:left;
  width:145px;
  margin-right:15px;
  overflow:hidden;
}

.agenda .infokacheln .last {
  margin-right:0;
}

.agenda .infokacheln .title {
  padding:2px 5px;
  background-color:#f0ede6;
  color:#c0baac;
  font-family:Times;
  font-size:13px;
  line-height:16px;
}

.agenda .infokacheln .stil {
  margin-top:9px;
}

.agenda .infokacheln .grey {
  line-height:23px;
  background-color:#dad8d2;
}

.agenda .infokacheln table {
  width:100%;
}

.agenda .infokacheln td {
    font-size:13px;
  line-height:16px;
  font-family:Times;
    color:#5a5959;
}

.agenda a.link {
  background-color:#d2cfc8;
  text-decoration:none;
  line-height:19px;
}

.agenda a.link:hover {
  text-decoration:underline;
  background-color:transparent;
}

.agenda .abgesagt {
  font-size:15px;
  line-height:20px;
  color:red;
}