body {
background: #B5A18A url(https://www.buffymagazin.de/Forum/images/frontier/bg_frontier.jpg) 0% 0%;
background-attachment:fixed;
background-size: cover;	
color: #413423;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 13px;
	text-align: center; /* IE 5 fix */
	line-height: 1.4; 

}

#header_content {
    width: 958px;
    margin: auto;
    position: relative;
    background-color: #B5A18A;
    font-family: 'Oswald', sans-serif;
}

.header_navi {
    background-color: #d9d3bd;
    height: 50px;

}


.welcome {
    background: #d9d3bd;
    color: #604C34;
    text-align: left;
    line-height: 1.4;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 13px;
    width: 958px;
    padding: 5px 0 0;
    height: 100px;
    border-bottom: 15px solid #d6c3ab;
   letter-spacing: 1px;
}

.navitop a:link, .navitop a:active, .navitop a:visited {
    text-decoration: none;
    padding: 10px;
    font-size: 15px;
    text-transform: lowercase;
    letter-spacing: 2pt;
    color: #6e7848;
    text-align: center;
    line-height: 10px;
    width: 100px;
    float: left;
    margin: 10px 10px 10px 25px;
}

.navitop a:hover{
  background-color: #6e7848; 
  color: #d6c3ab;

}

.naviteam a:link, .naviteam a:active, .naviteam a:visited {
    text-transform: uppercase;
 font-size: 12px;
    color: #6e7848;
font-family: 'Oswald', sans-serif;

   }

.naviteam a:hover{
  color: #b5a18a; 

}

.mainpic {
    background-image: url(https://www.buffymagazin.de/Forum/images/frontier/mainpic.jpg);
    width: 958px;
    height: 590px;
}

.headerbox {
    background: #e4ded1;
    width: 954px;
    display: flex;
    margin-left: 0px;
    margin-top: 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 2px;
    font-family: 'oswald', serif;
    font-size: 11px;
height: 250px;
}

.header_head {
    text-transform: uppercase;
    font-size: 14px;
    color: #7e7469;
    border-bottom: 2px #7c6f63 dotted;
    text-align: center;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 3px;
    padding: 6px;
    font-family: 'oswald', serif;
}
.headerlink {
    padding: 3px;
    line-height: 10px;
    letter-spacing: 0px;
    margin-left: 15px;
    text-align: left;
}
.headerbox1 {
    display: inline-block;
    width: 235px;
    height: 220px;
    margin: 3px;
    padding: 0px 9px 0px 10px;

  
}

.headerbox1::-webkit-scrollbar {
   width: 5px;

}
.header_info {
    width: 215px;
    padding-right: 4px;
    text-align: justify;
    padding-left: 1px;
    height: 250px;
   /* overflow: auto;*/
    text-transform: none;
    letter-spacing: 1px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 12px;
    font-weight: bold;
color:  #7e7469;
}

.header_gast {
    width: 70%;
    padding-right: 4px;
    text-align: center;
    padding-left: 1px;
    height: 45px;
    overflow: auto;
    text-transform: none;
    letter-spacing: 1px;
    font-size: 13px;
    font-weight: bold;
   color:  #7e7469;
    margin-left: 150px;
font-family: 'Open Sans Condensed', sans-serif;
}

.header_info2 {
     padding-right: 4px;
    text-align: left;
    padding-left: 1px;
    height: 220px;
    text-transform: none;
    letter-spacing: 1px;
    font-family: 'Open Sans Condensed', sans-serif;
      font-size: 12px;
    font-weight: bold;
  color:  #7e7469;

}

.header_usercp {
    text-transform: none;
    letter-spacing: 1px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 12px;
    font-weight: bold;
}


.headerbox_ucp2{
    text-transform: uppercase;
    letter-spacing: 1px;
 font-family: 'oswald', serif;
    font-size: 11px;

}
.header_info2::-webkit-scrollbar {
   width: 5px;
}

.header_login {
    padding-right: 4px;
    padding-left: 1px;
    height: 220px;
    overflow: auto;
    text-transform: none;
    letter-spacing: 1px;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    margin: 3px;
  text-transform: uppercase;
    font-family: 'oswald', serif;
    background: #e4ded1;
    color: #7e7469;    
    padding: 5px 13px 5px 13px;

}
.header_datum {
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    margin: 1px;
    font-family: 'oswald', serif;
    background: #d6c3ab;
    color:  #7e7469;    
    padding: 3px;

}

.headerbox2 {
    display: inline-block;
    width: 235px;
    height: 220px;
    margin: 3px;
    padding: 0px 9px 0px 10px;
  

}

.headerbox2::-webkit-scrollbar {
   width: 5px;

}


.headerbox4 {
    display: inline-block;
     width: 230px;
    height: 220px;
    margin: 3px;
    padding: 0px 9px 0px 10px;
 

}

.headerbox4::-webkit-scrollbar {
   width: 5px;

}


.headerbox3 {
    display: inline-block;
    width: 215px;
    height: 220px;
    margin: 3px;
    padding: 0px 9px 0px 9px;
    overflow: auto;

}

.headerbox3::-webkit-scrollbar {
   width: 5px;

}

#header_user {
    width: 958px;
    height: 50px;
    margin: auto;
    position: relative;
    background-color: #B5A18A;
    font-family: 'oswald', serif;
    color: #b96e5c;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 2px;
}
  
.anmeldebox {
    color:  #7e7469;
    font-family: 'oswald', serif;
    font-size: 14px;
    padding: 8px;
}

.button {
    font-weight: bold;
    text-align: center;
    margin: 3px;
    text-transform: uppercase;
    font-family: 'oswald', serif;
    /*background: #413423;*/
    color: #bd9746;    
    padding: 5px 13px 5px 13px;
}

.button2 {
     font-weight: bold;
    text-align: center;
    margin: 3px;
    text-transform: uppercase;
    font-family: 'oswald', serif;
    background: #413423;
    color: #bd9746;    
    padding: 5px 5px 5px 5px;
}

.scroll ::-webkit-scrollbar {
    width: 10px;
    background-color: #d6c3ab;
}
 
.scroll ::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #d6c3ab;

}

.scroll ::-webkit-scrollbar-thumb {
 background-color: #978874;
  border: 2px solid #000000;
 
}
.hd_user {
   padding: 5px;


}