@import url('reset.css');
@import url('typography.css');
@import url('small-device.css');
  body {
         background: #f5f5dc;
         background-position: 5px 2px;

}
.clear {
        clear: both;
}



@media screen and (min-width: 380px) {
div#content ul {
         line-height: 2.4em;
         margin-bottom: 8px;
           font-family: Garamond, Georgia, Times, Times New Roman, serif;
        font-size: 12.5pt;
        }

div#content ul.li {
         list-style: none;
         font-family: Garamond, Georgia, Times, Times New Roman, serif;
        font-size: 11.5pt;
         }
}

@media screen and (min-width: 480px) {
#zusatz{width:40%;float:left}
#footer{clear:left}
}




@media screen and (min-width: 580px) {
   #zusatz {
    width: 40%;
  }
  #footer {
    float: right;
    clear: none;
    width: 20%;
    background-color: #C7D2E0;
    padding: 1em 0;
    margin-top: 3.3em;
  }
  #footer {
  background-color: #737C88;
  overflow: hidden;
}
#footer li {
  float: left;
  width: 29%;
  padding: 0.7em 2%;
}
#footer a {
  color: #fff;
}

.zitat{
      border-left-width:0.1em;
      border-left-style:solid;
      border-color:#D3D3D3;
      padding: 5px;
      margin: 10px;
      font-style: oblique;
      letter-spacing: 2px;
      line-height: 17px;
      background: #e5dcb5;
}

.resume {margin: 0px -5px -7px -5px;
        }

.buchstabe {
         background-color:#deded7;
         padding: 5px;
         line-height: 40px;
         margin: 15px;
         border: 1px dotted;
         font-weight: bold;
         font-size: 20px;
         }

.inhalt {
         float: left;
         font-size: 12pt;
         margin-right: 18px;
         margin-bottom: 12px;
         padding: 10px;
         line-height: 2.0;
          }

.bildleft {
         float: left;
         padding: 10px;
}

.conti ul {
         line-height: 2.4em;
         margin-bottom: 8px;
           font-family: Garamond, Georgia, Times, Times New Roman, serif;
        font-size: 12.5pt;
        }

.conti ul.li {
         list-style: none;
         font-family: Garamond, Georgia, Times, Times New Roman, serif;
        font-size: 11.5pt;
         }

.inhalt a:hover {
         background-color: #deded7;
         }

.inhalt li {line-height: 1.7;
                  }

.c4 {list-style: none;
     display: inline;
     }

.c4 li {margin-left: 20px;
     }

dl.bildbox {
   float: right;
   text-align: center;
   background-color: white;
   padding: 0.5em;
   margin: 0 10px 10px 10px; /* Abstand zum Text */}

dl.bildbox dd {
   font-size: 80%;
   margin: 0;
}

dl.bildboxlinks {
   float: left;
   text-align: center;
   background-color: white;
   padding: 0.5em;
   margin: 0 10px 10px 10px;}

dl.bildboxlinks dd {
   font-size: 80%;
   margin: 0;
}

dl.bildboxrechts {
   float: right;
   text-align: center;
   background-color: white;
   padding: 0.5em;
   margin: 0 10px 10px 10px;}

dl.bildboxrechts dd {
   font-size: 80%;
   margin: 0;
}
dl.bildboxcenter {
   text-align: center;
   background-color: white;
   padding: 0.5em;
   margin: 0 10px 10px 10px;}

dl.bildboxcenter dd {
   font-size: 68%;
   margin: 0;
}

.liad        {
         float: left;
         font-family: Helvetica;
         font-size: 11pt;
         padding: 4px;
         background: #fff;
         text-align: center;
         margin: 43px 9px;
         border: 1px double #deded7;
         -moz-border-radius: 13px;
         }

.liad h5  {
        font-family: Tahoma;
        background: #555;
        padding: 2px;
         font-size: 9pt;
         font-weight: bold;
         text-align: right;
         color:#fff;
         margin-bottom: 10px;
         }

.ads        {
         float: left;
         font-family: Helvetica;
         font-size: 11pt;
          background: #fff;
         text-align: center;
         margin: 9px;
         border: 1px double #deded7;
         -moz-border-radius: 13px;
         }

.ads h5  {
        font-family: Tahoma;
         font-size: 9pt;
        font-weight:bold;
         text-align: right;
         color:#555;
         margin-bottom: 10px;
         }

.adsrechts        {
         float:right;
        font-family: Helvetica;
         font-size: 11pt;
         background: #fff;
         margin: 9px;
         border: 1px double #deded7;
         -moz-border-radius: 13px;
         }

.adsrechts h5  {
        font-family: Tahoma;
         font-size: 7pt;
         text-align: right;
         color:#555;
         margin-bottom: 10px;
         }

.adscenter        {
         font-family: Helvetica;
         font-size: 11pt;
         text-align: center;
         background: #fff33;
         border: 1px double #deded7;
         -moz-border-radius: 13px;
          margin-right: 20px;
          }


.adscenter h5  {
        font-family: Tahoma;
         font-size: 7pt;
         text-align: right;
         color:#555;
         margin-bottom: 10px;
         }


p.rechts {
          text-align: right;
         }

.nope    {
          }

.keinlist {list-style: none;
          }

.keinlist li {margin-top:10px;}

.lefter {
         float: left;
         background-color: #f5f5dc;
         margin: 5px 20px 0px 0px;
         border: 2px double #cac2a0;
         padding: 9px;
         line-height: 2.2;
         }

.lefter h5  {
        font-family: Tahoma;
         font-size: 6.5pt;
         text-align: right;
         color:#555;
         margin-top: -4px;
         }

.lefter1 {
         float: left;
         background-color: #f5f5dc;
         margin: 25px 20px 45px 0px;
         border: 2px double #cac2a0;
         padding: 13px;
         line-height: 2.8;
         }

.lefter1 h5  {
        font-family: Tahoma;
         font-size: 6.5pt;
         text-align: right;
         color:#555;
         margin-top: -4px;
         }

.lefter a:hover {
         background-color: #deded7;
         }

.leftercent {
         background-color: #f5f5bc;
         margin-top: 15px;
         border: 2px double #cac2a0;
         padding: 9px;
         text-align: center;
         line-height: 2.2;
         }

.leftercent h5  {
        font-family: Tahoma;
         font-size: 8.5pt;
         text-align: center;
         color:#555;
         margin-top: -4px;
         }

 .leftercent a {
         color: #0000ff;
         }

.leftercent a:hover {
         background-color: #deded7;
         }

.leftercent img  {
        text-align: center;
        margin-bottom: -20px;
        padding-right: 10px;
         }

.lefter2 {
         float: left;
         background-color: #f5f5dc;
         margin: 10px 5px 0px 0px;
         border-bottom: 2px double #cac2a0;
         padding: 9px;
         line-height: 2.2;
         }

.lefter2 h5  {
        font-family: Tahoma;
         font-size: 6.5pt;
         text-align: right;
         color:#555;
         margin-top: -4px;
         }

 .lefter2 a {
         color: #0000ff;
         }

.lefter2 a:hover {
         background-color: #deded7;
         }

/*HEADER*/
div#header {

}
div#logo {
         background-image:url(../img/logo.png);
         background-repeat:no-repeat;
         width: 90%;
         height: 18px;
         margin: 10px 200px 0px;
        padding: 30px 0 20px 0;
        text-align: left;
}
div#logo p span.slogan{
        display: block;
        margin-top: 5px;
}
div#nav-bar {
        width: 90%;
        height: 50px;
        margin: 0 auto;
        border-top: 6px solid #000;
        border-bottom: 2px solid #000;
}
div#nav-bar ul#nav1{
        float: left;
}
div#nav-bar ul#nav1 li {
        float: left;
}
div#nav-bar ul#nav1 li a{
        display: block;
        margin: 15px 10px 0px 35px;
}
div#nav-bar div#nav2 {
        float: right;
}

/*CONTENT*/
div#content {
         width: 90%;
}
div#main-content {
        width: 90%;
        margin: 15px auto 0;
        position: relative;
}
div#content-1 {
        width: 70%;
        float: left;
        padding: 0 10px;
}
div#content-1 div.conti {
        padding-bottom: 30px;

}
div#content-1 div.conti h2{
        display: block;
        margin-bottom: 25px;
}
div#content-1 div.conti img.featured-img{
        float: left;
        margin: 0 10px 0 0;
}
div#content-1 div.conti p{
        margin-top: 10px;
}
div#content-1 div.featured div.conti-meta{
        margin-top: 20px;
}

div#content-1 div.center-post {
        width: 98%;
         border: 1px dotted;
         text-align: center;
        float: left;
        font-family: Garamond, Georgia, Times, Times New Roman, serif;
        font-size: 16px;
        line-height: 1.3;
        margin-right: 10px;
        margin-bottom: 15px;
}

div#content-1 div.odd-post {
        width: 48%;
         border: 1px dotted;
         text-align: center;
        float: left;
        margin-right: 10px;
        margin-bottom: 15px;
}
div#content-1 div.even-post {
        width: 48%;
         border: 1px dotted;
         text-align: center;
        float: left;
        margin-bottom: 15px;
}
div#content-1 div.odd-post p,div#content-1 div.even-post p {
        margin-top: 10px;
}
div#content-1 div.post-header {
        margin: 15px 0;
}
div#content-1 div.post-header span.category {
        display: block;
        margin: 20px 0;
}
div#content-1 div.post-meta{
        margin-top: 15px;
}

div#content ol {
        margin: 25px 20px 10px;
        font-style: italic;
        font-family: Garamond, Georgia, Times, Times New Roman, serif;
        font-size: 11px;

}


div#content ul {
         line-height: 2.4em;
         margin-bottom: 8px;
           font-family: Garamond, Georgia, Times, Times New Roman, serif;
        font-size: 12.5pt;
        }

div#content ul.li {
         list-style: none;
         font-family: Garamond, Georgia, Times, Times New Roman, serif;
        font-size: 11.5pt;
         }

.lire  {width:100%;
        height: 18px;
        padding: 10px 0px 10px 10px;
        margin-top: 5px;
        margin-bottom: 6px;
        background-color: #efeff9;
        }
.blau   {
background: #f5f5dc;
margin-top: 25px;
border: 1px solid #cac2a0;
padding: 20px;
        }

.blau li {
         list-style: none;
         font-family: Garamond, Georgia, Times, Times New Roman, serif;
         font-size: 18px;
         margin: 10px;
         }

.grau   {
border: 1px solid #deded7;
padding: 20px;
        }
.zentriert {margin: -15px 220px 10px;}

.zentriert2 {margin: 15px 10px 10px;}

.zentriert3 {text-align: center;}

/*SIDEBAR*/
div#sidebar {
        width: 20%;
        margin: 5px 10px 10px 0px;
        padding: 0 10px 20px;
        float: right;
        background: #e5dcb5;
         border: 2px double #cac2a0;
        display: inline;
}
div#sidebar h4 {
        display: block;
        margin: 25px 0 10px;
}
div#sidebar ul.inhaltsverz li{
        display: block;
        padding: 7px 0;
        border-bottom: 1px dotted #666666;
}
div#sidebar ul.twitter-updates li{
        display: block;
        padding: 7px 0;
}
/*FOOTER*/
div#footer {
        clear:both;
        width:95%;
        background: #f5f5dc;
        background-position: 5px 2px;
        margin-top: 10px;
         }
div#footer-content {
        width: 95%;
        border-top: 3px solid #000;

}