<style type="text/css">

/*Browser-CSS Offline - Damit alles gleich aussieht*/
*{
  padding:0;
  margin:0;
  fonz-size:100%;
  text-decoration:none;
  color:black;
  border:none;
  font-family: arial;
}

/*Background Picture Settings*/
body
{
    background-image: url("image/background.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-attachment: fixed;
    background-size: 25%;
    background-color: #343434;
    font-family: Calibri, Helvetica, sans-serif;
}

/* HEADER ******************************************************************/
img.logo
{
    width: 30%;
    padding: 2% 0px 0px 0px;
    height: auto;
}

/* LINK - NAVIGATION *******************************************************/

a.nav:link, a.nav:visited {
    background-color: none;
    color: #ff5400;
    padding: 5px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}


a.nav:hover, a.nav:active { /*MouseOver Farbe und Hintergrundfarbe*/
    background-color: #343434;
    color: #ffffff;
}

/* LINK - Sonstige Links *******************************************************/

a.impressum:link, a.impressum:visited {
    background-color: none;
    color: #ff5400;
    padding: 5px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}


a.impressum:hover, a.impressum:active { /*MouseOver Farbe und Hintergrundfarbe*/
    background-color: #343434;
    color: #ffffff;
}


/* LINK - DOWNLOAD *********************************************************/
a.download:link, a.download:visited {
    background-color: white;
    color: #ff5400;
    padding: 8px 25px;
    border-radius: 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}


a.download:hover, a.download:active {
    background-color: #ff5400;
    color: white;
}


/* NAVIGATION **************************************************************/
nav
{  text-align: center;
}


/* HEADLINE SETTNIGS *******************************************************/

h3
  {
  float:left
  border: 0px solid black;
  padding: 25px 2px 0% 31%; /* Seitenabstand - Oben - ka - ka - links */
  width: 50%;
  height: auto;
  color: #ff5400;
  }

h2
    {
    float:left
    border: 0px solid black;
    padding: 25px 2px 0% 31%; /* Seitenabstand - Oben - ka - ka - links */
    width: 50%;
    height: auto;
    color: #ff5400;
    }


/* BIOGRAPHY ***************************************************************/

img.picture_bio
{
    border: 1px solid #ffffff;
    padding: 2px;
    width: 40%;
    height: auto;
}

section.text_biography
{
  float:left
  border: 0px solid black;
  padding: 0% 0% 0% 30%; /* Seitenabstand - Oben - ka - ka - links */
  width: 40%;
  height: auto;
  color: #ffffff;
  font-size: 11pt;
  text-align: justify;
}

/* ARBEITSPROBEN Bereichsüberschriften wie Social Media ************************************************************/

section.text_worksamples2
{
  float:left
  border: 0px solid black;
  padding: 0% 0% 0% 31%; /* Seitenabstand - Oben - ka - ka - links */
  width: 40%;
  height: auto;
  color: #ffffff;
  font-size: 14pt;
  text-align: justify;
}

/* ARBEITSPROBEN ************************************************************/

section.text_worksamples
{
  float:left
  border: 0px solid black;
  padding: 0% 0% 0% 30%; /* Seitenabstand - Oben - ka - ka - links */
  width: 40%;
  height: auto;
  color: #ffffff;
  font-size: 11pt;
  text-align: left;
}

/* KONTAKT ************************************************************/

section.text_kontakt
{
  float:left
  border: 0px solid black;
  padding: 0% 0% 0% 30%; /* Seitenabstand - Oben - ka - ka - links */
  width: 40%;
  height: auto;
  color: #ffffff;
  font-size: 11pt;
  /*letter-spacing: 5px;
  word-spacing: 3em;*/
  text-align: center;
}

/* IMPRESSUMSSEITE ************************************************************/

section.text_impressum
{
  float:left
  border: 0px solid black;
  padding: 0% 0% 0% 30%; /* Seitenabstand - Oben - ka - ka - links */
  width: 40%;
  height: auto;
  color: #ffffff;
  font-size: 11pt;
  text-align: justify;
}

section.text_impressum2
{
  float:left
  border: 0px solid black;
  padding: 0% 0% 0% 30%; /* Seitenabstand - Oben - ka - ka - links */
  width: 40%;
  height: auto;
  color: #ffffff;
  font-size: 11pt;
  text-align: left;
}

/* GALLERY SETTINGS ********************************************************/
img.pictures_gallerie {
    border: 1px solid #ffffff;
    padding: 2px;
    width: 9.3%;
    height: auto;
}

img.pictures_gallerie:hover, img.pictures_gallerie:active {
    border: 1px solid #ff5400;
    width: 9.3%;
    height: auto;
}

img.pictures_gallerie2 {
    border: 1px solid #ffffff;
    padding: 2px;
    width: 9.9%;
    height: auto;
}

img.pictures_gallerie2:hover, img.pictures_gallerie2:active {
    border: 1px solid #ff5400;
    width: 9.9%;
    height: auto;
}

img.pictures_gallerie3 {
    border: 1px solid #ffffff;
    padding: 2px;
    width: 7.8%;
    height: auto;
}

img.pictures_gallerie3:hover, img.pictures_gallerie2:active {
    border: 1px solid #ff5400;
    width: 7.8%;
    height: auto;
}


/* FOOTER ******************************************************************/
footer
  {
    float:left;
    display: block;
    color: #ffffff;
    font-size: 11pt;
    text-align: center;
    padding: 0% 0% 1% 25%; /* Seitenabstand - Oben - Rechts - Unten - links */
    width: 50%; /*Textbreite */
    min-width: 300px; /*Textbreite darf diesen Wert nicht unterschreiten*/
  }
