body {  
   margin: 0px;
   padding:0px;
   background: rgb(85,101,109);  /*geändert*/
   font-size: medium;
   font-family: Arial;
}

#page {
  margin: 0 auto;
  width: 758px;
  margin-top: 5px;
  width: 1000px;
  position: relative;
  
}

#header {
  margin-left: 15px;
  background: rgb(240,240,240);
  width: 985px;
  height: 135px;
  position: relative;

}
#topnavi {
  height:132px;
  position: absolute;
  right: 0px;
  width: 324px;
  top: 0px;
  border: 2px solid rgb(186,186,186);
  background: white;
}
#topnavi_button {
  width: 20px;
  height: 132px;
  border-right:2px solid rgb(186,186,186);
  float: left;
}
#topnavi_button_right {
  width: 20px;
  height: 132px;
  border-left:2px solid rgb(186,186,186);
  position: absolute; 
  right: 0px;
  top: 0px;
}
#topnavi_content {
  height: 132px;
  width: 235px;
  font-size: 13px;
  position: absolute;
  text-align:left;
  left: 88px;
  position: relative;
  z-index:10;
  background: white;
  margin:0px;

}

a {
  color: black;
  text-decoration: none;
}

#navi_button a {
  color: white;
}

.underline
{
  color: black;
  text-decoration: underline;
}
#onair_bilder{
  width: 75px;
  left: 5px; 
  position: absolute;
}

#onair_info{
  left: 80px; 
  position: absolute;
  width: 140px;
  height: 95px;
}

#splitter_teaser {
  width: 10px;
  height: 200px;
  margin-left: 0px;
  margin-top: 5px;
  background: rgb(148,182,197); /*geändert*/
  float: left;

}

#teaser {
  width: 985px;
  height: 200px;
  margin-top: 5px;
  margin-left: 5px;
  background: rgb(148,182,197); /*geändert*/
  float: left;

}

#splitter_navi_start {
  width: 10px;
  margin-top: 5px;
  margin-left: 0px;
  height: 25px;
  background: rgb(77,133,159);  /*geändert*/
  float: left;

}

#navi_start {
  width: 985px;
  height: 25px;
  float: left;
  margin-top:5px;
  margin-left: 5px;
  background: rgb(77,133,159);  /*geändert*/

}

#navi_button {
  height: 21px;
  text-align:center;
  color: white;
  font-size: 14px;
  float: left;
  padding-top: 4px;
  padding-left: 10px;
  padding-right: 27px;
}



#navi_button_selected {
  float: left;
  height: 21px;
  text-align:center;
  color: white;
  font-weight: bold;
  font-size: 14px;
  padding-top: 4px;
  padding-left: 10px;
  padding-right: 27px;

}
#navi_suche{
  float: right;
  padding-top:1px;
  padding-right: 10px;
  color: white;
  font-size:14px;

}
#content {
  /*background: rgb(241,238,245);*/
  background: rgb(240,240,240);
  width: 985px;
  margin-bottom: 5px;
  margin-top:5px;
  float: left;
  margin-left: 15px;
  padding-bottom: 10px;
  min-height:500px;
  
}
#page_content {
  float: left;
  margin-bottom: 5px;

}
#artikelteaser_komplett{
  float: left;
  width: 762px;
  margin-left: 10px;
  margin-top: 10px;

}
#supporter{
  float:left;
  width: 204px;
  border: 2px solid rgb(186,186,186);
  background: white;
  margin-top: 10px;
  padding: 0px;
  padding-left: 0px;
}

#artikelteaser {
  width: 240px;
  border: 2px solid rgb(186,186,186);
  height: 210px;
  margin-right: 10px;
  float: left;
  margin-bottom: 10px;
  background: white;
  position:relative;

}
div.artikelteaser {
  width: 240px;
  border: 2px solid rgb(186,186,186);
  height: 210px;
  margin-right: 10px;
  float: left;
  margin-bottom: 10px;
  background: white;
  position:relative;

}

#shortcuts {
  float: left;
  width: 765px;
  margin-left:0px;
  height: 20px;
}

#shortys {
  margin-right: 15px; 
  float: left;


}
#buttons_top {
  float: left;
  position: absolute;
  left: 393px;
  bottom: 8px;

}
#button_top {
  height: 20px;
  float: left;
  margin-left: 10px;

}
#kasten_start {  
  width: 367px;
  height: 150px;
  background: white;
  border: 2px solid rgb(186,186,186);
  float: left;
  margin-top: 5px;
  margin-right: 10px;
  position: relative;
  font-size: 13px;

}
#kasten_entry
{
  float: left;
  margin-right: 17px;
  padding: 2px;
  width: 105px;
  background: white;
  height: 135px;
  font-size: 9px;
  position: relative;

}
.kategorie_pic {
  position: absolute;
  bottom: 1px;
  left: 1px;

}
#startevent {
  width: 367px;
  height: 200px;
  background: white;
  border: 2px solid rgb(186,186,186);
  float: left;
  margin-top: 5px;
  margin-right: 10px;
  position: relative;
  font-size: 13px;

}
#startevent2 {
  width: 367px;
  height: 85px;
  background: white;
  border: 2px solid rgb(186,186,186);
  float: left;
  margin-top: 5px;
  margin-right: 10px;
  position: relative;
  font-size: 13px;

}
#splitter_footer {
  height: 23px;
  width: 10px;
  background:   rgb(159,134,247);
  background: rgb(77,133,159);  /*geändert*/
  float: left;
  margin-left: 0px;
}
#footer {
  height: 20px;
  width: 985px;
  background:   rgb(159,134,247);
  background: rgb(77,133,159);  /*geändert*/
  color: white;
  float: left;
  margin-left: 5px;
  text-align: center;
  font-size: 13px;
  padding-top: 3px;

}

#subnaviborder {
  background: #686875;
     background: rgb(85,101,109);   /*geändert*/
  float: left;
}

#subnavi {
  width: 145px;
  background: rgb(198,183,247);
  background: rgb(148,182,197); /*geändert*/
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  
}

#sub_selected {
 width: 125px;
 background:  rgb(241,238,245);
 background: rgb(238,245,248);  /*geändert*/
 font-weight: bold;
}
.subnavi_button {
  width: 105px;
  height: 20px;
  background: white;
  padding-left: 10px;
  margin-top:10px;
  margin-left: 15px;
  padding-top: 4px;
  font-size: 13px;


}

#detail_content{
  width: 828px;
  padding:10px;
  float: right;


}
#left{
  top: 170px;
  left: 0px;
  position: absolute;
}
#seitencounter_content{
  float: right;
  width: 90px;
  text-align: right;
  padding-right: 39px;
  height: 22px;
}
#artikel_overview_text{
  float: left;
  width: 570px;
  text-align: center;
  margin-top:0px;
  font-weight: bold;
  margin-left: 129px;
  height: 22px;
  

}
#artikel_overview {
  float: left;
  margin-top: 15px;
  width:752px; 

}
#artikel_navi{
  float: left;
  height: 416px;
  width: 37px;
  margin-top: 16px;
  position: relative;
}

#artikel_content {
  background: white;
  border: 2px solid rgb(186,186,186);
  float: left;
  width:530px; 
  margin-top: 0px;
  margin-left: 0px;
  font-size: 13px;
  padding:20px;
  text-align: justify;
  min-height: 500px;


}
#artikel_info {
  width: 240px;
  float: left;
  min-height: 420px;
  margin-left: 10px;
  font-size: 13px;

}
.info_bild {
  margin-right:5px;
  margin-bottom: 5px;
  float: left;
}
#artikel_autorinfo {
  float: left;
  margin-top:-4px;
  padding:0px;
  width: 150px;
  font-size: 15px;

}
#artikel_info_detail{
  float: left;
  width: 240px;

}
.logo {
  position: absolute;
  left: 10px;
  bottom: 8px;

}
#titel {
  position:absolute;
  top: 10px;
  left: 10px;
  font-size: 13px;
}

table.Chronik {
  text-align: left;

}
table.Chronik tr.a {
  background: rgb(192,192,192);
  vertical-align: top;

}
table.Chronik tr.a td{
 
  padding-left: 4px;
}
table.Chronik tr.b {
  background: rgb(224,224,224);
  vertical-align: top;
}

table.Chronik tr.b td{
 padding-left: 4px;
}

/* Blog */

#blogentry {
  width: 470px;
  float: left;
  padding-bottom: 10px;
}

#blogdate {
  text-align: right;
  width: 470px;
  font-size: 11px;
  border-bottom: 1px solid black;
  float: right;
  height: 15px;
}
#blogcaption {
  font-size: 16px;
  font-weight: bold;
  float: left;
  padding-top: 4px;
  width: 470px;
}

#bloginfo {
  float: left;
  padding-top: 4px;
  width: 470px;
  font-size: 11px;
}

#blogcontent {
  float: left;
  padding-top: 4px;
  width: 470px;
}

#blogcategorie {
  float: left;
  padding-top: 4px;
}

#blogcategorie a.blog {
  text-decoration: none;
}
#blogcategorie a.blog:hover {
  text-decoration: underline;
}
#blogcomment {
  border-bottom: 1px dashed #6A5ACD;
  width: 470px;
  float: left;
  padding-bottom: 5px;
}

/* Events */
.Event {
  display:block;
  margin-bottom:5px;
}
.Event_header {
  color:#FFFFFF !important;
  font-size:11px;
  font-weight:bold;
  margin:0;
  padding:0 1px 1px;
  background-color:rgb(85,101,109);
  color:white; 
  padding: 2px;
  padding-left:5px;
}

.Event_content {
  line-height:13px;
  height: 60px;
  color:#000000;
  text-align: center;
  padding:5px;
}

.Event_date {
  float:left;
  font-size:12px;
  font-weight:bold;
  line-height:12px;
}
.Event_location {
  float:right;
  font-size:12px;
  font-weight:bold;
  text-align:right;
}

div.eventnavi{
  background-color:rgb(85,101,109);
  color:white;
  height: 30px;
}

div.eventnavi a{
  text-decoration: underline;
  color:white;

  padding-top:7px;
  float: left;

}
div.eventnavi span{
  color:white;
  padding-top:7px;
  float: left;
  padding-left: 8px;
  padding-right: 7px;

}

/*Photos*/
#photoliste {
  margin:10px 0;
  overflow:hidden;
}

#alben {
  clear:both;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin-left:10px;
  margin-top:10px;
  overflow:hidden;
  padding:0;
}

#alben li {
  height:240px;
  margin-right:10px;
  overflow:hidden;
  padding:0;
  width:125px;
  float: left;
  position: relative;
}


#albentitel {
  color:#000000;
  font-weight:normal;
  overflow:hidden;
  padding:5px;
  width:115px;
  height: 40px;
  top: 2px;
  text-align:center;
  position: absolute;
  

}

#photo {
  height:140px;
  top: 45px;
  width: 125px;
  text-align:center;
  position: absolute;
}

#phototitel  {
  line-height:20px;
  margin-top:5px;
  padding:5px;
  position: absolute;
}
#photodatum {
  top: 210px;
  left: 5px;
  font-size: 10px;
  width: 50px;
  position: absolute;
}

#photoanzahl {
  top: 210px;
  left: 85px;
  position: absolute;
  width: 50px;
  font-size: 10px;
}

/*Kontakt*/

ul.kontakt_fragen {
  
  text-indent: 5px;
  list-style-image:url(/pic/list_style_image.gif)
}
ul.kontakt_fragen li  {
  background: rgb(232,232,232);
  margin-top: 1px;
   color: black;
}
ul.kontakt_fragen li a, ul.kontakt_fragen li a:visited {
  text-decoration: none;
  color: black;
}
/*Sendungen */
td.sendungen_wotag
{
  background: rgb(85,101,109);
  width: 14%;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
}

td.sendungen_eins
{
  background: #FFFFFF;
  width: 14%;
  text-align: left;


}
td.sendungen_zwei
{
  background: #FFFFFF;
  width: 14%;
  text-align: center;


}
table.tabelle_sendungen {
  background: rgb(197,197,197); 
  font-size: 11px;
  width: 100%;

}
/* Team */

p.team_member_frage
{
  font-weight: bold;
  margin-bottom: 3px;
  padding: 0px;
}


/*Wetter*/

#wetter {
    font-size: 11px;
    height: 140px;
    line-height: 13px;
    overflow: hidden;
    padding: 0;
    margin-bottom: 20px;
}
#wetter div.heute {
    border-bottom: 1px dotted #8B8B8B;
    height: 50px;
    padding-top: 6px;
}


#wetter #bild_heute img {
    padding-left: 5px;
    float: left;
}
#wetter #info_heute {
    float: left;
    padding-left: 6px;
}

#wetter #vorschau_1, #wetter #vorschau_2, #wetter #vorschau_3 {
    float: left;
    padding-left: 5px;
    padding-top: 6px;
    width: 60px;
}
#wetter #vorschau_icon_1, #wetter #vorschau_icon_2, #wetter #vorschau_icon_3 {
    float: left;
}
#wetter #vorschau_tag_1, #wetter #vorschau_tag_2, #wetter #vorschau_tag_3 {
    font-weight: bold;
    padding-left: 3px;
    padding-top: 4px;
    float: left;
}
#wetter #vorschau_temp_1, #wetter #vorschau_temp_2, #wetter #vorschau_temp_3 {
    float: left;
    padding-top: 3px;
    clear: left;
}

/*Schriften*/
h2, #wetter h2 {
  margin:0px;
  padding:0px;
  font-size: 17px;
  margin-top: 5px;
  margin-left: 5px;

}
.poller h2 {
  margin:0px;
  padding:0px;
  font-size: 17px;
  margin-top: 5px;
  margin-left: 0px;

}

h3 {
  margin:0px;
  padding:0px;
  font-size: 15px;
  margin-top: 5px;
  margin-left: 5px;
  margin-bottom:2px;

}

#artikel_content h2 {
  margin:0px;
  padding:0px;
  font-size: 15px;
  margin-top: 5px;
}

h1.artikel_head {
  font-size: 16px;
  font-weight: bold;
  margin-top: 0px;
  margin-top:3px;


}
h2.artikelteaser_titel {
  font-size: 15px;
  padding-top:0px;
  margin:0px;
  padding:0px;
  margin-top:-2px;
  padding-left: 2px;
  padding-right:2px;
  margin-bottom: 5px;
 
}
h2.artikelteaser_titel_small {
  font-size: 15px;
  padding-top:0px;
  margin:0px;
  padding:0px;
  margin-top:-2px;
  padding-left: 2px;
  padding-right:2px;
  margin-bottom: 2px;
 
}
#artikelteaser_vorschau{
  padding-left: 2px;
  padding-right:2px;
  font-size:12px;
}

#artikelteaser_datum{
  position: absolute;
  bottom: 2px;
  right: 2px;
  font-size: 12px;
}
img {
  border:0;

}
#events
{
  padding-left: 5px;
  padding-top: 5px;
}

h2.title, #wetter h2.title{
  color: black;
  font-size: 13px;
  font-weight: normal;
  margin-top: 0;
  padding-left: 5px;
  margin-left: 0px;
}

#fotoline{
 border-top: 1px solid rgb(186,186,186);
 border-bottom: 1px solid rgb(186,186,186);
 height: 60px;
 width: 100%;
 text-align: center;


}
    .awesome{
    background: #222 url(/pic/overlay-button.png) repeat-x;
    display: inline-block;
    padding: 5px 10px 6px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px #999;
    -webkit-box-shadow: 0 1px 3px #999;
    text-shadow: 0 -1px 1px #222;
    border-bottom: 1px solid #222;
    position: relative;
    cursor: pointer;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
    }
    
	.awesome:hover							{ background-color: #111; color: #fff; }



