div#skyline
{
  height: 89px;
  width: 634px;
  background: url(/images/pages/meinstadtgespraech/skyline.png) no-repeat;
}

/* ################################## Reiter ################################## */

body.g div#content ul#reiter a { color: #cccccc; }

body.g div#content ul#reiter li.hell a { color: #000000; }

ul#reiter
{
  width: 990px;
  padding: 53px 0 0 0;
  margin: 0 0 0 10px;
  height: 36px;
  list-style: none;
}

ul#reiter li
{
  height: 36px;
  background: #ff0000;
  display: inline;
  white-space: nowrap;
}

ul#reiter li span.l
{
  width: 7px;
  font-size: 1px;
  height: 36px;
  float: left;
  background: url(/images/pages/meinstadtgespraech/reiterdl.png) no-repeat;
}

span.highlight
{
  background: #ffff00;
  padding: 0 1px 0 1px;
  display: inline-block;
}

ul#reiter li span.m
{
  padding: 6px 6px 0 6px;
  font-size: 16px;
  float: left;
  height: 36px;
  background: url(/images/pages/meinstadtgespraech/reiterdm.png) repeat-x;
}

ul#reiter li span.r
{
  width: 7px;
  font-size: 1px;
  height: 36px;
  float: left;
  background: url(/images/pages/meinstadtgespraech/reiterdr.png) no-repeat;
  margin-right: 10px;
}

ul#reiter li.hell span.l
{
  background: url(/images/pages/meinstadtgespraech/reiterhl.png) no-repeat;
}

ul#reiter li.hell span.m
{
  background: url(/images/pages/meinstadtgespraech/reiterhm.png) repeat-x;
}

ul#reiter li.hell span.r
{
  background: url(/images/pages/meinstadtgespraech/reiterhr.png) no-repeat;
}

body.g div#content ul#reiter li.dunkel:hover a
{
  color: #159f00;
}

div#mscontent
{
  clear: left;
  margin: 40px 8px 8px 8px;
}

div#mscontent label
{
  width: 120px;
  float: left;
}

div#mscontent input,
div#mscontent textarea,
div#mscontent select
{
  margin: 0 0 15px 0;
  width: 300px;
}

div#divFileProgressContainer { margin-left: 125px; width: 300px; }
div#thumbnails
{
  margin-left: 125px;
  width: 300px;
}

div#content div.uploadbild input
{
  color: #cccccc;
  width: 78px;
}

div#content div.uploadbild input.black
{
  color: #000000;
}

div#content div.uploadbild
{
  float: left;
  margin-right: 10px;
  height: 120px;
}

div#content div.uploadbild img
{
  padding: 1px;
  border: #999999 1px solid;
  margin: 3px 0px 3px 0px;
  display: block;
}

div#content div.uploadbild img.deleteImage
{
  border: 0;
  padding: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  margin-left: 58px;
  margin-top: 7px;
  cursor: pointer;
}


div.infoboxright
{
  position: absolute;
  margin-left: 430px;
  padding: 1px 0 0 5px;
  background: url(/images/infobox.png) no-repeat;
}

div.infoboxright div
{
  width: 155px;
  padding: 1px 4px 2px 23px;
  border-right: #159f00 1px solid;
  border-bottom: #159f00 1px solid;
}

div.infoboxright.errorboxright
{
  position: absolute;
  margin-left: 430px;
  padding: 1px 0 0 5px;
  background: url(/images/fehlerbox.png) no-repeat;
}

div.infoboxright.errorboxright div
{
  width: 155px;
  padding: 1px 4px 2px 23px;
  border-right: #ff0000 1px solid;
  border-bottom: #ff0000 1px solid;
}


ul.lauschen
{
  list-style: none;
}

ul.lauschen li
{
  padding-left: 11px;
  background: url(/images/pages/meinstadtgespraech/dot.png) 0px 29px no-repeat;
  border-top: #999999 1px solid;
  margin-top: 7px;
  padding-top: 7px;
}

ul.lauschen li span
{
  font-size: 9px;
  color: #666666;
}

ul.lauschen a.newstitel
{
  font-size: 14px;
  font-weight: bold;
}



div.newswertung
{
  width: 101px;
  height: 31px;
  margin: 0 0 5px 10px;
  float: right;
  background: url(/images/pages/meinstadtgespraech/wertung.png) no-repeat;
}

div.newswertung a.wertungbutton
{
  width: 16px;
  display: block;
  height: 31px;
}

div.newswertung a.wertunglinks  { float: left; }
div.newswertung a.wertungrechts { float: right; }

div.newswertung a.wertungplus  { background: url(/images/pages/meinstadtgespraech/wertungl1.png) no-repeat; }
div.newswertung a.wertungminus { background: url(/images/pages/meinstadtgespraech/wertungr1.png) no-repeat; }
div.newswertung a.wertungplus:hover  { background: url(/images/pages/meinstadtgespraech/wertungl2.png) no-repeat; }
div.newswertung a.wertungminus:hover { background: url(/images/pages/meinstadtgespraech/wertungr2.png) no-repeat; }

div.newswertung div.wertungsterne
{
  width: 67px;
  text-align: center;
  height: 14px;
  margin: 1px 17px 0px 17px;
}

div.newswertung div.wertungsterne img
{
  width: 13px;
  height: 14px;
}

div.newswertung div.wertungplusinfo
{
  font-size: 11px;
  color: #00cc00;
  font-weight: bold;
  width: 33px;
  margin-left: 1px;
  margin-right: 1px;
  text-align: center;
  float: left;
}

div.newswertung div.wertungminusinfo
{
  float: left;
  font-size: 11px;
  color: #ff0000;
  font-weight: bold;
  width: 33px;
  text-align: center;
}



div#content div.start
{
  line-height: 1.5em;
  padding: 10px;
  overflow: hidden;
  margin: 0 10px 10px 10px;
  border: #cccccc 1px solid;
  background: #f8f8f8;
  height: 250px;
}

div#content div.start.topmeldung
{
  float: left;
  width: 366px;
}

div#content div.start.topmeldung span.topdatum
{
  display: block;
}

div#content div.start.topmeldung div.topfotocontent
{
  margin-left: 10px;
  float: right;
  text-align: center;
  width: 168px;
  padding: 5px;
  border: #cccccc 1px solid;
  background: #ffffff;
  overflow: hidden;
  font-size: 10px;
  max-height: 188px;
}

  width: 80px;
  height: 80px;


div#content div.start.topmeldung img
{
  padding: 1px;
  border: #cccccc 1px solid;
}

div#content div.start.startschlag
{
  margin-left: 0;
  float: right;
  width: 178px;
}

div#content div.start.startfotos
{
  margin-left: 0;
  float: right;
  width: 188px;
  padding-right: 0px;
  height: 520px;
  overflow: hidden;
}




div#content div.start.startfotos ul.fotoliste
{
  list-style: none;
}

div#content div.start.startfotos ul.fotoliste li
{
  float: left;
  width: 84px;
  margin: 0 10px 10px 0;
}

div#content div.start.startfotos ul.fotoliste li img
{
  padding: 1px;
  border: #cccccc 1px solid;
}


div#content div.start .newstitel
{
  height: 25px;
  overflow: hidden;
  font-size: 20px;
  display: block;
  margin: 0 0 5px 0;
}

div#content div.start a.newstitel
{
  width: 350px;
}

div#content div.start span
{
  display: block;
  margin: 0 0 5px 0;
  font-size: 10px;
  color: #999999;
}

div#content div.start ul.tags li
{
  margin: 1px 2px;
  display: inline;
  padding: 0;
  text-indent: 0;
}

div#content div.start ul.tags li a
{
  display: inline;
}

div#content div.start.topmeldung div.weiterlesen
{
  width: 174px;
  text-align: right;
  font-weight: bold;
  font-size: 10px;
}




div#content div.start.newsliste
{
  width: 366px;
  height: 520px;
  overflow: hidden;
}

div#content div.start.newsliste ul.newsliste
{
  list-style: none;
}

div#content div.start.newsliste ul.newsliste li
{
  display: block;
  clear: left;
  padding-top: 10px;
  border-top: #cccccc 1px solid;
  margin-top: 10px;
  height: 87px;
}

div#content div.start.newsliste ul.newsliste li.first
{
  padding-top: 0;
  border-top: 0;
  margin-top: 0;
}

div#content div.start.newsliste ul.newsliste li img
{
  float: left;
  margin-right: 10px;
  padding: 1px;
  border: #cccccc 1px solid;
}

div#content div.start.newsliste a.titel
{
  display: block;
  height: 19px;
  margin-bottom: 2px;
  width: 270px;
  overflow: hidden;
  font-size: 15px;
}

div#content div.start.newsliste div.weiterlesen
{
  width: 270px;
  text-align: right;
  font-weight: bold;
  font-size: 10px;
  margin-left: 90px;
}

div#content div.start.newsliste div.newstext
{
  height: 40px;
  width: 270px;
  overflow: hidden;
  font-size: 10px;
}

div#content div.start.newsliste span.datum
{
  font-size: 10px;
  color: #999999;
}

div#content div.start.newsliste span.datum a,
div#content div.start.newsliste div.weiterlesen a
{
  font-size: 10px;
}








div#content div#lauschen ul.newsliste
{
  list-style: none;
}

div#content div#lauschen ul.newsliste li
{
  display: block;
  clear: left;
  padding-top: 10px;
  border-top: #cccccc 1px solid;
  margin-top: 10px;
  height: 87px;
}

div#content div#lauschen ul.newsliste li.first
{
  padding-top: 0;
  border-top: 0;
  margin-top: 0;
}

div#content div#lauschen ul.newsliste li img
{
  float: left;
  margin-right: 10px;
  padding: 1px;
  border: #cccccc 1px solid;
}

div#content div#lauschen ul.newsliste a.titel
{
  display: block;
  height: 19px;
  margin-bottom: 2px;
  width: 515px;
  overflow: hidden;
  font-size: 15px;
}

div#content div#lauschen ul.newsliste a.titel span
{
  font-size: 15px;
}

div#content div#lauschen ul.newsliste div.weiterlesen
{
  width: 515px;
  text-align: right;
  font-weight: bold;
  font-size: 10px;
  margin-left: 90px;
}

div#content div#lauschen ul.newsliste div.newstext
{
  height: 40px;
  width: 515px;
  overflow: hidden;
  font-size: 10px;
}

div#content div#lauschen ul.newsliste span.datum
{
  font-size: 10px;
  color: #999999;
}

div#content div#lauschen ul.newsliste span.datum a,
div#content div#lauschen ul.newsliste div.weiterlesen a
{
  font-size: 10px;
}


div#content div#shownews div#fotos
{
  width: 165px;
  float: right;
  margin: 0 0 10px 10px;
}

div#content div#shownews h4
{
  font-weight: normal;
  font-size: 20px;
  margin: 5px 0 5px 0;
}

div#content div#shownews  span.datum
{
  font-size: 10px;
  color: #999999;
  display: block;
  margin: 0 0 8px 0;
}

div#content div#shownews  span.datum a
{
  font-size: 10px;
}

div#content div#shownews div#fotos div.topfotocontent
{
  margin-bottom: 5px;
  padding: 1px;
  border: #cccccc 1px solid;
  font-size: 10px;
}