/* Font: Arlo */

@font-face {
    font-family: 'arvoregular';
    src: url('../fonts/arvo-regular-webfont.woff2') format('woff2'),
         url('../fonts/arvo-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/* Font: Open Sans */

@font-face {
    font-family: 'open_sansregular';
    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_sanssemibold';
    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_sansbold';
    src: url('../fonts/OpenSans-Bold-webfont.woff2') format('woff2'),
         url('../fonts/OpenSans-Bold-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/bg_head.png); background-repeat:repeat-x; z-index:1; }




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




#logo { position:absolute; top:95px; left:20px; width:280px; height:52px; z-index:11; }

#picture { position:absolute; top:172px; left:20px; width:280px; height:200px; z-index:12; }


#phone { position:absolute; top:397px; left:20px; width:130px; height:28px; z-index:13; }
#mail { position:absolute; top:397px; left:170px; width:130px; height:28px; z-index:13; }


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




p   { font-size:16px;
      line-height:22px;
      font-family: 'open_sansregular', 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.navigationmenu   { font-family: 'open_sanssemibold', Arial, Helvetica, sans-serif;
                     color:#464646; }

p.header          { font-family: 'open_sanssemibold', Arial, Helvetica, sans-serif;
                    font-size:16px;
                    color:#ffffff;
                    letter-spacing:1px; }

p.small   { font-size:14px;
            line-height:20px; }

p.blue   { color:#113e75; }

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


h1  { font-size:24px;
      line-height:32px;
      font-family: 'arvoregular', 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:#113e75;
      border:0px;
      margin:0px; }


h2  { font-size:24px;
      line-height:30px;
      font-family: 'arvoregular', 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:#6e6e6e;
      border:0px;
      margin:0px; }


.small   { font-size:16px;
            line-height:22px; }

.blue   { color:#113e75; }

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





a:link { text-decoration:none; color:#113e75; }
a:visited { text-decoration:none; color:#113e75; }
a:hover { text-decoration:none; color:#113e75; }
a:active { text-decoration:none; color:#113e75; }

a.grey:link { text-decoration:none; color:#6e6e6e; }
a.grey:visited { text-decoration:none; color:#6e6e6e; }
a.grey:hover { text-decoration:none; color:#6e6e6e; }
a.grey:active { text-decoration:none; color:#6e6e6e; }

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.black:link { text-decoration:none; color:#000000; }
a.black:visited { text-decoration:none; color:#000000; }
a.black:hover { text-decoration:none; color:#000000; }
a.black:active { text-decoration:none; color:#000000; }