/*! Generated by Font Squirrel (https://www.fontsquirrel.com) */

/* Font: Open Sans */

@font-face {
    font-family: 'open_sans_regular';
    src: url('fonts/OpenSans-Regular-webfont.woff2') format('woff2'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans_regular_italic';
    src: url('fonts/OpenSans-Italic-webfont.woff2') format('woff2'),
         url('fonts/OpenSans-Italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans_semibold';
    src: url('fonts/OpenSans-Semibold-webfont.woff2') format('woff2'),
         url('fonts/OpenSans-Semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans_semibold_italic';
    src: url('fonts/OpenSans-SemiboldItalic-webfont.woff2') format('woff2'),
         url('fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans_bold';
    src: url('fonts/OpenSans-Bold-webfont.woff2') format('woff2'),
         url('fonts/OpenSans-Bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans_bold_italic';
    src: url('fonts/OpenSans-BoldItalic-webfont.woff2') format('woff2'),
         url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



* { margin:0px; padding:0px; border:0px; }

p { margin:0px; padding:0px; }



body { background-image:url(bilder/bg.png); margin:0px; padding:0px; }

#bg_head { position:absolute; top:0px; left:0px; width:100%; min-width:320px; height:70px; background-image:url(bilder/green_line.png); background-repeat:repeat; z-index:9; }

#bg_head_white { position:absolute; top:70px; left:0px; width:100%; min-width:320px; height:251px; background-image:url(bilder/bg_white.png); background-repeat:repeat; z-index:1; }
#bg_head_blue { position:absolute; top:82px; left:0px; width:100%; min-width:320px; height:185px; background-image:url(bilder/bg_blue.png); background-repeat:repeat-x; z-index:2; }
#bg_head_green_stripe { position:absolute; top:279px; left:0px; width:100%; min-width:320px; height:30px; background-image:url(bilder/bg_green.png); background-repeat:repeat; z-index:3; }




#container { position:relative; top:0px; width:320px; height:100%; margin: 0px auto; text-align:left; z-index:5; }




#foto { position:absolute; top:82px; left:0px; width:320px; height:185px; z-index:6; }
#logo { position:absolute; top:279px; left:0px; width:320px; height:30px; z-index:7; }


#phone { position:absolute; top:350px; left:20px; width:125px; height:28px; z-index:8; }
#mail { position:absolute; top:350px; left:175px; width:125px; height:28px; z-index:8; }


#content { position:absolute; top:420px; left:20px; width:280px; z-index:9; }



p   { font-size:16px;
      line-height:24px;
      font-family: 'open_sans_regular', Arial, Helvetica, sans-serif;
      font-style:normal;
      font-weight:normal;
      font-stretch:normal;
      font-variant:normal;
      letter-spacing:0px;
      word-spacing:0px;
      text-decoration:none;
      text-align:left;
      vertical-align:top;
      color:#000000;
      border:0px;
      margin:0px; }

p.head   { font-size:20px;
           line-height:27px;
           font-family: 'open_sans_semibold', Arial, Helvetica, sans-serif;
           color:#ffffff; }

p.small   { font-size:14px;
            line-height:19px;
            font-family: 'open_sans_regular', Arial, Helvetica, sans-serif; }

p.white { color:#ffffff; }

p.green { color:#378c7f; }

p.lightgreen { color:#cde2df; }

p.black { color:#000000; }

p.italic { font-family: 'open_sans_regular_italic', Arial, Helvetica, sans-serif; }

p.semibold { font-family: 'open_sans_semibold', Arial, Helvetica, sans-serif; }


h1  { font-size:22px;
      line-height:32px;
      font-family: 'open_sans_semibold', Arial, Helvetica, sans-serif;
      font-style:normal;
      font-weight:normal;
      font-stretch:normal;
      font-variant:normal;
      letter-spacing:0px;
      word-spacing:0px;
      text-decoration:none;
      text-align:left;
      vertical-align:top;
      color:#378c7f;
      border:0px;
      margin:0px; }


.right  { text-align:right; }

.white  { color:#ffffff; }

.green  { color:#378c7f; }

.lightgreen { color:#cde2df; }

.black { color:#000000; }

.italic { font-family: 'open_sans_regular_italic', Arial, Helvetica, sans-serif; }

.semibold { font-family: 'open_sans_semibold', Arial, Helvetica, sans-serif; }


a:link { text-decoration:none; color:#378c7f; }
a:visited { text-decoration:none; color:#378c7f; }
a:hover { text-decoration:none; color:#378c7f; }
a:active { text-decoration:none; color:#378c7f; }

a.lightgreen:link { text-decoration:none; color:#cde2df; }
a.lightgreen:visited { text-decoration:none; color:#cde2df; }
a.lightgreen:hover { text-decoration:none; color:#cde2df; }
a.lightgreen:active { text-decoration:none; color:#cde2df; }

a.white:link { text-decoration:none; color:#ffffff; }
a.white:visited { text-decoration:none; color:#ffffff; }
a.white:hover { text-decoration:none; color:#ffffff; }
a.white:active { text-decoration:none; color:#ffffff; }

a.navi:link { text-decoration:none; color:#ffffff; }
a.navi:visited { text-decoration:none; color:#ffffff; }
a.navi:hover { text-decoration:none; color:#ffffff; }
a.navi:active { text-decoration:none; color:#ffffff; }