/* ---------------------------------------------------------
   Inhalte in main, aside und Co
   ---------------------------------------------------------*/

/* Formatierung Hinweisbox bei IE unter 9 */

<!--[if lt IE 9]>
  <script src="js/html5shiv-printshiv.js" media="all"></script>
  <style>
    .hinweis {
       max-width: 640px;
       background: pink;
       padding: 1em;
       border: 3px solid darkred;
       margin: 2em auto;
       }
  </style>
<![endif]-->

img {
  max-width: 100%;
  height: auto;
}

main header h2 {
  line-height: 1; 
  padding: 0;
  margin: 0; 
}
.startseite main header h2 { 
  margin-bottom: 1em;
}

main img, aside img {
border-radius: 0.5em;

-webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5);
}

/* Bilder ohne Schatten und Rahmen */

main .img_nobox img, aside .img_nobox img {
  border-radius: 0 em;

-webkit-box-shadow: 0px 0px 0px ;
   -moz-box-shadow: 0px 0px 0px ;
        box-shadow: 0px 0px 0px ;
}

/* Trennstrich links neben aside */

aside { 
  color: #ef3a3a;
  padding-left: 0.5em;
  border-left: 1px solid #f9b3b3;  
  margin: 1.5em 0 0.25em 0;
}

/* Trennstrich über h3-Überschrift */

main h3  { 
  color: #ef3a3a;
  line-height: 1; 
  padding-top: 0.5em;
  border-top: 1px solid #ef3a3a;  
   
  margin: 1.5em 0 0.25em 0;
}
main p, aside p { 
  margin-top: 0; 
  margin-bottom: 1em; 
}
main p.artikelinfo, aside p.artikelinfo { 
  font-size: 13px; 
  font-size: 0.8125rem;
  color: #999999;
}
main a, aside a { 
  color: #ef3a3a; 
  text-decoration: none; 
}
main ul, aside ul  {
  list-style-type: circle;
  padding: 0;
  margin: 1em 0 2em 2em;
}


@media screen and (min-width: 770px) {
  
  { 
    padding-right: 20px; 
    border-right: 1px solid #eeeeee;
  } 

} /* Ende @media */ 

/* eof */