body {
      text-align                     : left;
        margin                         : 0 auto;
        padding                        : 0 auto;
       width                          : 1000px;
       color                          : #000000;
/*font-family: 'Gudea', sans-serif;
  font-family: 'Karla', sans-serif;*/
    font-weight: 400;
}

div#logo {
        margin                         : 40px 0 6px 10px;
        height                         : 90px;
        width                          : 200px;
}

div#container {
        width                          : 900px;
        min-height                     : 500px;
        text-align                     : left;
        float                          : left;
         margin: 0 auto;
}

div#content {
       width                           : 500px;
        min-height                     : 500px;
        margin                         : 0px auto;       
       /* border-bottom                  : 0px solid #fff;*/
        text-align                     : left;
        background-color               : #FFFFFF;
        float                          : left;
        padding: 10px 20px;
        font-family: 'Karla';
}
div#content a {
 text-decoration: none;
   font-family: 'Karla';
}

div#content a:hover {
color: red;
}


div#left{
        width                          : 200px;
        /*background-color               : #FFFFFF;*/
        min-height                     :  500px;
        float                          : left;
        margin                         : 8px 0 0 0;  
        font-family: 'Karla';
}


div#left a {
        /*  padding                        : 0 40px 10px 0px ;*/
        text-decoration                : none;
        font-weight: normal;
        /*font-size                      : 16px;*/
}

div#left ul {
display: block;
list-style-type: none;
   padding                        : 0 0px 0px 10px ;
}

div#left li {
display: block;
list-style-type: none;
}

ul.menu ul{
  font-size: 12px;
}

a
{
  color: black;
  text-decoration: none;
}

.current a{
color: red;
/*font-size: 19px;*/
text-decoration: none;

}

a:hover, a.hover
{
 /* font-family: 'Gudea';*/
  text-decoration: none;
  color: red;
}

/*.separator{
        font-weight: bold;
}*/

h1 /* laufschrift*/
{
  font-family: 'Karla', sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: lighter;
  text-align: left;
  color: black;
  font-stretch: normal;
    font-weight: 400;
}

h2 /* titel*/
{
 font-family: 'Karla', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  text-align: left;
  color: #000000;
  font-stretch: normal;  
}

h3 /* oberertitel*/
{
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #000000;
  font-stretch: normal;
  letter-spacing : 0.03em;
/*border-bottom             : 1px solid #000000 ;*/
}

h4 /* klein*/{

 font-family: 'Karla', sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  text-align: left;
  color: #000000;
  font-stretch: normal;
  margin-top: -6px;
}

.h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
 
   font-size: 21px;
  font-style: bold;
  font-weight: 1.6em;
  text-align: left;
  color: #DDC201;
  font-stretch: normal;
line-height: 12px;

}
h6
{
 font-family: Helvetica, Sans-Serif;
  font-size: 50px;

  font-weight: lighter;
  text-align: left;
  color: white;
  font-stretch: normal;
  line-height: 31px;
}


WebFontConfig = {
  google: {
    families: [ 'Karla' ]
  }