@charset "UTF-8";


@font-face {
    font-family: 'andale_monoregular';
    src: url('../fonts/andale_mono-webfont.eot');
    src: url('../fonts/andale_mono-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/andale_mono-webfont.woff2') format('woff2'),
         url('../fonts/andale_mono-webfont.woff') format('woff'),
         url('../fonts/andale_mono-webfont.svg#andale_monoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body {
  font-family: 'andale_monoregular';
  color:#000;
  background-color: #fff;
  font-size: 100%;
  /*margin-top: 20px;*/
  line-height: 1.4rem;
  letter-spacing: 0.05px;
  -ms-hyphens:auto:auto;
  -moz-hyphens:auto;
  -webkit-hyphens:auto;
  hyphens:auto;

}

#index {
  overflow: hidden;
}

#wrapper{
  width: 100%;
  max-width: 1280px;
  margin-left: 172px;
  margin-right: auto;
  /*margin-top: 145px;*/
  /*position:relative;*/
}

 header {
   float: left;
 }

 #mirrorselfie img {
   height: 75vh;
   width: auto;
   padding-top: 15vh;
   padding-bottom: 10vh;
  margin-left: 120.698px;
}
h1{
  margin-top:130px;
  position: absolute;
}
img {
  width:100%;
  border: 0;
}
#content {
  float:left;
}

#index footer{
margin-left: 850px;
padding-top:570px;
}


.ordnersymbole {
  float: left;
  margin-right: 10px;
}
.ordnersymbole img{
  width: 30px;
}

#menu {
  padding-top: 50px;
  /*position:fixed;*/
}
#menu header{
  margin-top:70px;
  position:fixed;
}
nav {
  box-sizing: border-box;
  padding-left: 314px;
  /*padding-top: 98px;*/
  padding-left: 140px;
  position: fixed;
}

li.navlink a {
  background-color: #6dd3f7;
}

li.navlink {
  padding-bottom:20px;
  width: 260px;
  margin-bottom: 5px;
  background-color: #6dd3f7;
}

.footer {
position: fixed;
bottom: 30px;
right: 40px;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

/* unvisited link */
a:link {
    color: black;
}

/* visited link */
a:visited {
    color: black;
}

/* mouse over link */
a:hover {
    color: hotpink;
}

/* selected link */
a:active {
    color:  violet;
}

/* mouse over link */
#naturecausepretty a:hover {
    color: #6dd3f7;
}

/* selected link */
#naturecausepretty a:active {
    color:  #6dd3f7;
}