html, body {
    font-family: Arial, Helvetica, sans-serif;
     background-image: url('images/bgTop.jpg');

}
.body2{
    background:white;
    border: 3px solid black;
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(-90deg,#999, white, #999); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(-90deg,#999, white, #999); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(-90deg,#999, white, #999); /* For Firefox 3.6 to 15 */
    background: linear-gradient(-90deg,#999, White, #999); /* Standard syntax */
    grid-area: body;
    width: 100%;
    padding: 1vh 5vw;
}
.topb a {
    text-decoration: none;
    /*! border:2px solid white; */
    border-radius:5px;
    color: unset;
}
.topb > .logo a:visited {
    color: unset;
}

hr {
	 height: 2px;
  color: black;
  border-color:black;
  background-color:black;
  
}
	

.topb{
    top:0px;
    background-color: rgba(0,0,0,.6);
    border-bottom:4px solid #5A181E;
    text-decoration: none;
    z-index:199;
    display: grid;
    grid-template-areas:
        "signin signin"
        "logo title";
    grid-template-columns: minmax(180px, 1fr) 10fr;
    grid-area: header;
}
#logo{
    top:0px;
    grid-area: logo;
    display: flex;
    align-items: center;
    justify-content: left;
}
.signin{
    text-decoration:none;
    z-index: 999;
    grid-area: signin;
    text-align: right;
    position: absolute;
    right: 0;
}

.signin > div {
    display: inline-block;
    margin-right: 25px;
}

.signin li {
    margin-top: 10px;
}

.signin a{
    
text-decoration:none;
    
color: rgb(255,255,255);
    
border:none;
}


/* this is the initial state of all submenus.
  we set it to max-height: 0, and hide the overflowed content.
*/
.popout1{
    top:135px;
    position:absolute;
    height:auto;
    width:79%;
    
    z-index:999;
    border:4px solid black;
    display:none;
    
   background: white; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#ccc, white, #ccc); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient( #ccc, white, white,  #ccc, white, white, white,  #ccc); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient( #ccc, white, white,  #ccc, white, white, white,  #ccc); /* For Firefox 3.6 to 15 */
  background: linear-gradient( #ccc, white, white,  #ccc, white, white, white,  #ccc); /* Standard syntax */
  
}
.popout1 button{
    background-color:#5A181E;
    color:white;
    padding:10px;
    border-radius:10px;
}
.ccare{
  

}
.gcare{
    display:none;

}
.qcare{
    display:none;
    text-align:left;
}
.qcare td{
    text-align:left;
   

}
.popout1 li{
    text-align:left;
    }
.popout1 span {
    color:#5A181E;
      text-shadow: 1px 1px black;
      font-size:1.5em;
}
.section1{
    position:relative;
    text-align:center;
    color:black;
margin-left:100px;
margin-right:100px;

}
.section2{
    position:relative;
    text-align:center;
    color:black;
margin-left:100px;
margin-right:100px;
}
.section3{
    position:relative;
    text-align:center;
    color:black;
  margin-left:100px;
margin-right:100px;
}
.section4{
    position:relative;
    text-align:center;
    color:black;
margin-left:100px;
margin-right:100px;
}

.ndcl{


    color:#5A181E;
    text-shadow: 1px 1px white;
    font-size:1.5em;
}
#cinfo{
    background-color:#999;
    /* border:1px solid black; */
    margin:0;
    padding:0px;
    /* border-radius:0 0 10px 10px; */
}
.map{
border:3px solid black;


}
.switcher {

    display:inline-block;





}
.switcher li {
    border:2px solid black;
   display: block;
   background-color:#666666;
    color: #ccc;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
     float: left;

}
.switcher li:hover {
    border:2px solid black;
   display: block;
   background-color:#ccc;
    color: #666666;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
     float: left;

}
.switcher li:active {
    border:2px solid black;
   display: block;
   background-color:#ccc;
    color: #666666;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
     float: left;

}
#euro{
    display:none;
    }
#accessories{
    display:none;
    }