/* CSS Document */

.headline{
  height:40px;
  width:950px;
  background: #13C1DB;
  background: -webkit-linear-gradient(left, rgba(19, 193, 219, 1) 0%, rgba(248, 221, 93, 1) 100%);
  background: -o-linear-gradient(left, rgba(19, 193, 219, 1) 0%, rgba(248, 221, 93, 1) 100%);
  background: linear-gradient(to right, rgba(19, 193, 219, 1) 0%, rgba(248, 221, 93, 1) 100%);
  margin-bottom:10px;
  margin-left:5px;
}

.headline h1{
  font-family:"Source Sans Pro", sans-serif;
  font-weight:600;
  font-size:30px;
  color:#ffffff;
  padding-top:2px;
  padding-left:10px;
  text-transform:uppercase;
  
}

#submenu_container {
  width:190px;
  float:left;

}

#submenu_container ul {
}

#submenu_container ul li{
  width:190px;
    margin-bottom:0px;
  border-bottom:2px solid #ffffff;
}

#submenu_container ul li a{
  background-color:#000;
  
  font-family:"Source Sans Pro", sans-serif;
    font-weight:400;
   font-size:14px;
    color:#ffffff;
    font-style:normal;
    text-decoration:none;
    padding-left:20px;
    padding-bottom:5px;
   padding-top:5px;
   display:block;
  
    -ms-transition: .5s all ease-out;
    -webkit-transition: .5s all ease-out;
    -moz-transition: .5s all ease-out;
    transition: .5s all ease-out;
}

#submenu_container ul li a:before{
  content: "";
  position:absolute;
  left:-4px;
  margin-top:4px;
  height:20px;
  width:20px;
  padding-left:5px;
  background-image:url(../images/arrow_white.png);
  background-position:0px 0px;
  background-repeat:no-repeat;
  
  -webkit-transform: rotate(90deg) scale(0.8,0.8);
  -moz-transform: rotate(90deg) scale(0.8,0.8);
  -ms-transform: rotate(90deg) scale(0.8,0.8);
  -o-transform: rotate(90deg) scale(0.8,0.8);
  transform: rotate(90deg) scale(0.8,0.8);
}

#submenu_container ul li a:hover:before{
  content: "";
  position:absolute;
  left:-4px;
  margin-top:4px;
  height:20px;
  width:20px;
  padding-left:5px;
  background-image:url(../images/arrow_white.png);
  background-position:0px 0px;
  background-repeat:no-repeat;
  
  -webkit-transform: rotate(90deg) scale(0.8,0.8);
  -moz-transform: rotate(90deg) scale(0.8,0.8);
  -ms-transform: rotate(90deg) scale(0.8,0.8);
  -o-transform: rotate(90deg) scale(0.8,0.8);
  transform: rotate(90deg) scale(0.8,0.8);
}

#submenu_container ul li a:hover{
    color:#ffffff;
    background-color:#13C1DB;
}

#submenu_container ul .sub_level1_active a{
    color:#ffffff;
    background: #13C1DB;
    background: linear-gradient(90deg,rgba(19, 193, 219, 1) 0%, rgba(248, 221, 93, 1) 100%);
}

#submenu_container ul .sub_level1_active a:before{
  content: "";
  position:absolute;
  left:-4px;
  margin-top:4px;
  height:20px;
  width:20px;
  padding-left:5px;
  background-image:url(../images/arrow_white.png);
  background-position:0px 0px;
  background-repeat:no-repeat;
  
  -webkit-transform: rotate(90deg) scale(0.8,0.8);
  -moz-transform: rotate(90deg) scale(0.8,0.8);
  -ms-transform: rotate(90deg) scale(0.8,0.8);
  -o-transform: rotate(90deg) scale(0.8,0.8);
  transform: rotate(90deg) scale(0.8,0.8);
}

#submenu_container ul .sub_level1_active a:hover:before{
  content: "";
  position:absolute;
  left:-4px;
  margin-top:4px;
  height:20px;
  width:20px;
  padding-left:5px;
  background-image:url(../images/arrow_white.png);
  background-position:0px 0px;
  background-repeat:no-repeat;
  
  -webkit-transform: rotate(90deg) scale(0.8,0.8);
  -moz-transform: rotate(90deg) scale(0.8,0.8);
  -ms-transform: rotate(90deg) scale(0.8,0.8);
  -o-transform: rotate(90deg) scale(0.8,0.8);
  transform: rotate(90deg) scale(0.8,0.8);
}


/*------------------------------------------------------------------------------------------*/

.content_block{
  height:auto;
  width:740px;
  background-color:;
  float:right;
  border-bottom:1px solid #13C1DB;
  
}

.content_feld{
  float:left;
}

.left_column{
  float:left;
  margin-right:40px;
  margin-bottom:30px;
}

.right_column{
  float:right;
}


.content_titel{
  width:350px;
}

.content_titel h2{
  font-family:"Source Sans Pro", sans-serif;
  font-weight:700;
  font-size:18px;
  color:#000;
  padding-top:2px;
  padding-left:0px;
  text-transform:uppercase;
}

.content_text{
  width:350px;
  height:auto;
  
  font-family:"Source Sans Pro", sans-serif;
  font-weight:400;
  font-size:13px;
  color:#666;
  padding-top:15px;
  padding-bottom:15px;
  padding-left:0px;
  text-align:justify;
}

.content_text a{
  font-family:"Source Sans Pro", sans-serif;
  font-weight:400;
  font-size:13px;
  color:#666;
  text-decoration:underline;
}

.content_text a:hover{
  color:#a1d21c;
}

.content_text i,
.content_text em{
  font-style:normal;
  color:#a1d21c;
}

.content_bild{
  position:relative;
  width:344px;
  height:200px;
  background-color:;
}

.content_bild img{
  width:344px;;
  background-color:;
  border:3px solid #a1d21c !important;
  margin-bottom:10px;
}

/*------------------------------------------------------------------------------------------*/

.backbutton{
  background-color:#F0F !important;
  background-image:url(../images/backbutton_blue.jpg) !important;
}

/*----------------------------------------Styles für ProgrammFelder auf Programm-Unterseite--------------------------------------------------*/

.programm_item_01 .programm_left_column{
  float:left;
  width:80%;
}

.programm_item_01 .programm_right_column{
  float:right;
  width:100%;

}

.programm_left_column{
  float:left;


}

.programm_right_column{
  float:right;
  width:160px;

}

.programm_item_01{
  width:740px;
  height:auto;
  background-color:;
  background-image:none;
  background-position:top left;
  background-repeat:no-repeat;
  padding-top:10px;
  padding-bottom:25px;
  float:left;
  border-bottom:none;
  margin-bottom:0px;
  
}

.programm_item_02{
  width:740px;
  height:auto;
  background-color:;
  background-image:none;
  background-position:top left;
  background-repeat:no-repeat;
  padding-top:10px;
  padding-bottom:25px;
  float:left;
  border-bottom:none;
  margin-bottom:0px;
}

.programm_datum{
  margin-left:15px;
  height:24px;
  width:500px;
  float:left;
  overflow:hidden;
  margin-top:10px;
}

.programm_datum h2{
  font-family:"Source Sans Pro", sans-serif;
  font-weight:700;
  font-size:22px;
  color:#13C1DB;
}

.programm_spacer{
  display:none;
}


.programm_titel{
  width:500px;
  height:20px;
  float:left;
  margin-bottom:10px;
  margin-left:15px;
  margin-top:0px;
}

.programm_titel h2{
  font-family:"Source Sans Pro", sans-serif;
  font-weight:700;
  font-size:18px;
  color:#000000;
  padding-left:0px;
}

.programm_titel h2 i{
  font-family:"Source Sans Pro", sans-serif;
  font-size:12px;
  color:#666;
}

.programm_titel h2:hover{
  font-family:"Source Sans Pro", sans-serif;
  font-weight:700;
  font-size:18px;
  color:#000000;
  text-decoration:none;
}

.programm_text{
  width:500px;
  height:auto !important;
  margin-left:15px;
  
  font-family:"Source Sans Pro", sans-serif;
  font-weight:400;
  font-size:13px;
  color:#000000;
  float:left;
}

.programm_more{
  visibility:hidden;
  display:none;
}

.programm_text_detail{
  display:block !important;
  width:auto;
  height:auto;
  margin-left:15px;
  
  font-family:"Source Sans Pro", sans-serif;
  font-weight:400;
  font-size:13px;
  color:#13C1DB;
  margin-top:15px;
  float:left;

}

.programm_item_01 .programm_bild{
  position:relative;
  width:480px;
  height:auto;
  background-color:#fff;
  margin:20px;
  border: none;
  border-radius: 10px;
  overflow:hidden;
}

.programm_item_02 .programm_bild{
  position:relative;
  width:160px;
  height:auto;
  background-color:#fff;
  margin:20px;
  border: none;
  border-radius: 10px;
  overflow:hidden;
}

.monat{
  margin-left:15px;
  margin-top: 30px;
  padding-left:10px;
  
  width:50%;
  height:45px;
  font-family:"Source Sans Pro", sans-serif;
  font-weight:800;
  font-size:40px;
  background: #13C1DB;
  background: -webkit-linear-gradient(left, rgba(19, 193, 219, 1) 0%, rgba(248, 221, 93, 1) 100%);
  background: -o-linear-gradient(left, rgba(19, 193, 219, 1) 0%, rgba(248, 221, 93, 1) 100%);
  background: linear-gradient(to right, rgba(19, 193, 219, 1) 0%, rgba(248, 221, 93, 1) 100%);
  color:#fff;
  opacity:1;
  border-bottom:1px solid #fff;
  float:left;
}

.monat p{
  margin-top:-3px;
}