* { 
  padding:0; 
  margin:0;
}
html, body {
  height: 100%;
  font-size:15px; 
  font-family: Verdana, sans-serif; 
  background:#6c6c6c; 
  color: #fff;
}
ul { 
  padding: 0px 0px 10px 30px;
  color: #fff;
}
h1 {
  padding: 0 0 28px 1px;
  color: #fff;
}
h2 {
  padding: 0 0 16px 1px;
}
a {
  font-size: 100%;
  text-decoration: none; 
  color: #fff;
}
a:hover {
  text-decoration: underline;
}
.content2 { 
  margin:0  auto;
  width: 100%;
  height: 445px; 
  opacity: 0.85;
  background:url(/bilder/150225-Breit2.gif) no-repeat #333;
}
.textfeld { 
  float: left;
  margin: 31px 30px 0px 39px;
}
.footer { 
  clear: both;
  margin:0 auto;
  min-height: 30px; 
  padding: 15px;
  text-align: center;
  font-size: 0.9em;
  background-color: #d6d6d6ba;
}

@media only screen and (max-device-width : 440px) {
  body {
    font-size: 22px;
  }
  .content2 {
    height:600px !Important;
  }
  .footer {
    font-size: 2.0em !Important;
    line-height: 55px;
    height: 115px;
    padding-right: 22px !Important;
  }  
}


ul { 
  margin-left:10px;
  margin-bottom: 10px;
  list-style-type:decimal;
}
/*  BLOG  */ 
#BlogTitle {
  float:left;
  width: 550px;
  font-size: 1.3em;
  font-weight: bold;
}
#BlogContent {
  float:left;
  margin: 10px 0 0 0;
  padding: 5px 0 0 0;
  width: 550px;
}
#BlogPostTitle {
  float:left;
  margin: 10px 0 5px 0;
  padding-top: 3px;
  width:500px;
  font-size: 1.1em;
  font-weight: bold;
}
#BlogPostDatum {
  float:left;
  margin: 0 0 5px 0;
  width:500px;
  font-size: 0.9em;
  font-style: italic;
}
#BlogPostText {
  float:left;
  text-align: left;
  width:500px;
}
#BlogAddNewPost {
  float:left;
  font-size: 0.7em;
  text-decoration: underline;
  height:25px;
  width:100%;
}
#BlogKatNav {
  float:left;
  width:250px;
  margin: 0 0 10px 0;
  font-size: 1.0em;
  font-weight: normal;
}
#BlogKatLink {
  font-size: 0.8em;
  font-weight: normal;
}
.MedienBullet {
  float:left;
  padding: 0 10px 0 0;
}
#MedienZeile {
  height: 15px;
  padding: 2px 0 0 5px;
}
.bStat{
  font-size: 0.7em; 
  font-weight: normal;
  margin-top: -3px;
}
#TrennerLeft{
  border: 1px solid #ddd;
}
.BackLink {
  float:left;
  margin: 0 10px 0 0;
  padding: 5px 0 0 0;
}
#VorAndBack {
  float:left;
  overflow: hidden;
  margin: 20px 0 20px 0;
/*  border-top: 1px solid #ddd;   */
  width:550px;
}
#vorLink {
  float:right;
}
#BlogPostDetails {
  float:left;
  width: 280px;
  padding: 8px 0 0 0;
}
#BlogPostSocMedia {
  float:left;
  text-align: right;
  width: 270px;
}
#BlogPostSocMediaDetail {
  float:left;
  text-align: right;
  width: 270px;
  padding-top: 20px;
}

/* COMMENT */
.CommentHead {
  float:left;
  width: 500px;
  font-weight: bold;
  padding: 30px 0 5px 0;
}
.CommentLeft {
  clear: both;
  float:left;
  width: 155px;
  padding: 5px 0 5px 0;
}
.CommentRight {
  float:left;
  width: 340px;
  font-weight: bold;
  padding: 5px 0 5px 0;
}
.CommentFullTag {
  float:left;
  width: 500px;
  padding: 5px 0 5px 0;
}
.CommentFullField {
  float:left;
  width: 500px;
}
.CommentSend {
  float:left;
  width: 500px;
  padding: 10px 0 5px 0;
}
.CommentName {
  float:left;
  width: 500px;
  font-style: italic;
  padding: 20px 0 2px 0;
}
.CommentTitel {
  float:left;
  width: 500px;
  font-weight: bold;
  padding: 1px 0 1px 0;
}
.CommentText {
  float:left;
  width: 500px;
  padding: 1px 0 10px 0;
  margin-bottom: 10px;
  border-bottom: 1px solid grey;
}

/*  SUCHE  */ 
#SucheGrossTitel {
  float:left;
  width: 150px;
  height: 25px;
  font-weight: bold;
  margin: 5px 0 0 0;
}
#SucheGrossSuchwort {
  float:left;
  margin: 3px 0 0 0;
}
input.LongSearch {
  width: 250px;
}
select.SearchDropdown {
  width: 254px;
}
input.Datum {
  width: 90px;
  color: #aaacad;
}
#SucheGrossTitel2 {
  float:left;
  width: 500px;
  height: 20px;
  font-weight: bold;
  margin: 10px 0 0 0;
}
#SucheGrossSuchwortD {
  float:left;
  margin: 0 0 0 0;
}
#SucheGrossButton {
  float:left;
  width: 300px;
  height: 20px;
  margin: 10px 0 20px 200px;
}
#ErgoKatTitel {
  font-family: Verdana, sans-serif;
  font-size: 130%;
  font-weight: bold;
  color: #676767;
  text-align: left;
  padding: 35px 0 5px 0;
}
#ErgoSuchwort{
  font-weight: bold;
  margin: 0 0 20px 0;
}


/* NEWSLETTER Elemente */
#FormForm {
  float:left;
  width: 450px;
}
#FormTag {
  float:left;
  width: 150px;
  min-height: 25px;
}
#FormField {
  float:left;
  width: 300px;
  min-height: 25px;
}

/* SITEMAP */
#SiteMapMain {
  float:left;
  width: 200px;
  margin: 5px;
}
#SiteMapTopNav {
  border-bottom: 1px solid #676767; 
  font-weight: bold;
  width: 180px;
  padding: 2px 0 2px 0;
}
#SiteMapSubNav {
  padding: 3px 0 3px 5px;
}
#SiteMapSubSubNav {
  padding: 3px 0 3px 10px;
}