/*
 Stile fuer www.postpur.de
 Martin Schniewind, http://www.schniewind-it.de
*/

html {
 margin: 0;
 font-family: Ubuntu, sans-serif;
}

body {
  /*margin: 0;*/
  display: flex;
  flex-flow: row wrap;
}

/* Mobile first - alle Dokument-Blöcke bekommen 100% Breite */
#maincol, #maincol > div {
  flex: 1 100%;
}

/* nebeneinander bei ausreichender Breite */
@media all and (min-width: 35em) {
  body {
    max-width: 60em;
    margin: 0em auto;
  }
  #maincol {
    flex: 1 1 0%;
  }
}

#maincol {
/*  width: 90%;
  max-width: 60em;
*/}
#maincol > div{
/*  margin-left:5%;
  margin-right:auto;
*/}


#header {
 background-color: #ffc;
 border-radius: 1em;
}
#header h1 {
 height: 5em;
 background-image: url("../css/postpur.png");
 background-repeat: no-repeat;
 background-position: top left;
 margin: .1em 0em 0em 1em;
 padding: 1em 0em 0em 6em;
 color: #008043;
 font-size: 2em;
 font-weight: normal;
}
#header h1:first-line {
 font-size: 2em;
 font-weight: bold;
}

#vmenu {
 width: 0em;
}

#content {
 margin-top: 1em;
 font-size: 0.9em;
 line-height: 1.5em;
}

#content > * {
 margin-left: 2em;
}

#content h1, #content h2, #content h3 {
color: #FFF;
margin-left: 0;
padding: .5em 0em .5em 1em;

background: #008043; /* Old browsers */
background: linear-gradient(to right, #008043,#d4f9e7); /* W3C */

border-radius: 0.6em;
}