body{
  font-family: Arial, Helvetica, sans-serif;
  line-height:normal;
  padding:0;
  margin:auto;
  background-color:#D4D4D4;
  max-width: 1200px;
  min-width: 550px;
}

/* Fonts*/
@font-face{
  font-family:'aspergit light';
  src: url(/psychotherapie-katenkamp.de/fonts/'aspergit light.otf');
  format('opentype')
}

h1{
  position:relative;
  color:#D4D4D4;
  left: 25px;
  font-size: 45px;
}

h2{
  position:relative;
  color:#D4D4D4;
  left: 25px;
  top: -10px;
  font-size: 25px;
}

h3{
  position:relative;
  color:#656f8d;
  font-size:22px;
  font-weight: bold;
}


/* Header*/
header{
  background-color:#4b5269;
  width:80%;
  min-height:130px;
  margin-top:50px;
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;
  border-bottom:#9f886f 7px solid;
}

#banner{
  color:#cbcbda;
  font-family:'aspergit light';
  line-height: normal;
  text-align:left;
  border-bottom:#d4d4d4 1.5px solid;
}

/* showcase */

#showcase{
  width: 75%;
  color:#4b5269;
  text-align:justify;
  line-height: 1.5;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
  margin-bottom: 25px;
  overflow:hidden;
}

a:link{
  color:#656f8d;
  font-weight: bold;
}

/* footer */

footer{
  color:#000000;
  width:80%;
  margin-left: auto;
  margin-right: auto;
  overflow:hidden;
  border-top:#9f886f 7px solid;
}

nav .highlight, nav .current a{
  color:#d9e2eb;
  /* font-weight: bold; */
}

nav a:hover{
  color:#d4d4d4;
  font-weight: bold;
}

nav a{
  color:#b2b2b2;
  font-size:14px;
  text-decoration:none;
  text-transform: uppercase;
}

nav ul{
  float:right;
  margin:0;
  padding:0;
}

nav li{
  display:inline;
  padding: 0px 5px 0px 5px;
  position:relative;
  right:150px;
  top:35px;
}

/*bar bottom*/

#barbottom{
  background-color: #4b5269;
  width:100%;
  height:35px;
  border-top:#d4d4d4 1.5px solid;
  margin-left: auto;
  margin-right: auto;
  overflow:hidden;
}

/* copyright */

#copyright{
  text-align: center;
  font-size:10px;
  text-transform: uppercase;
}