/* gilt für alle Elemente

*{
padding:0px;
margin:0px;
}
*/

body {
background: white;
margin: 0px;
padding: 2em;
height:100vh;
width:95%;
font-family: Arial, Helvetica, sans-serif;
/* font-size: 1em; */
}

#container {
/* wird zentriert mit dem margin 0 auto */
margin: 0 auto;


}

/* deaktiviert
#container * {
padding: 0px;
} */

#header {
border-bottom: 2px solid #a1a1a1;
margin: 2em;
padding-top:2em;
}
#logo {
padding-top: 0px;
padding-bottom: 0px;
}

#Select-Language {
text-align: right;
padding-top: 0px;
padding-bottom: 0px;
}

  /* bk background-image black - will be streched out */
#nav-main {
    height: 45px;
    padding-left: 15px;
    color: #fff;
    background-image: url(https://support.alpine-europe.com/fileadmin/template/img/bg-mainnavi.jpg);
    background-repeat: repeat-x;

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /* bk vertical zentrieren */
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}

/* bk menu farbe weiß */
#nav-main  a{
    color: #ffffff;
    /* font-size: 0.9em;
    font-size: 1.2em; */
    text-decoration:none;
}

@media (max-width:400px) {
#nav-main {
    height: auto;
    padding-left: 15px;
    color: #000000;
    background-image:none;
    background-repeat: no-repeat;

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /* bk vertical zentrieren */
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;

}
    /* bk menu farbe weiß */
    #nav-main  a{
        color: blue;
        /*font-size: 0.9em;
        font-size: 1.2em; */
        text-decoration:none;
    }
    #nav-main a:hover{
        color: #000000;
        /*font-size: 0.9em;
        font-size: 1.2em; */
        text-decoration: underline;
    }
}






#content {
padding-top: 15px;

}
#main {
background: white;

}

#sidebar1 {

}

#sidebar2 {

}

#footer {
margin: 2em;
}

@media (min-width:700px) and (orientation : portrait){
#footer {
position: absolute;
bottom: 0;
}
}


a.pdf {
	color: #3d8dc7;
	text-decoration: none;
    padding-left: 5px;
    font-weight: bold;
    color: #656565 !important;
	line-height: 1.5EM;



}


h1 {
    font-weight: 400;
    margin-top: 1em;
    margin-bottom: 1em;
    /* font-size: 1.5em; */
    line-height: 1.75em;
    color: #585858;
    text-align: center;
}

h2, h3, h4, h5, h6 {
	/* font-size: 1.1em; */
	color: #031e51;


}

a.small {
	/* font-size: 0.8em;*/
	color: black;

}

  /* bk formular */
input.arrow {
    cursor: pointer;
    width: auto;
    background: #FFF url("https://support.alpine-europe.com/fileadmin/template/img/searchbtn-news.jpg") no-repeat scroll left center;
    border: medium none;
    color: #031E51;
    font-weight: bold;
    padding-left: 22px;
    margin: 5px 0px;

}

input.doNotShow {
    cursor: pointer;
    width: auto;
    border: medium none;
    color: #ffffff;
    font-weight: bold;

    background: #FFF

}

.selectProduct input {

       background: #F3E2A9;
   /*font-size: 1em; */
box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
   border: 4;
   border-radius: 2;
}

.selectLang {
margin-top: 1em;
}

.selectLang select {

       background: transparent;
   /* font-size: 1em; */
width: 173px;
   border: 2;
   border-radius: 2;

   -webkit-appearance: none;
}

div.centered{
    display: table;
    margin: 0 auto;


}
div.ResultareaLeft {
align: left;
width: 600px;

}

/* bei deaktivierten Java hidden */
.showOnlyWithJavascriptOn {display: none;}


div.quickmenu-bk
{

	/* align-items: center; */
	box-shadow: 3px 5px 2px #6E6E6E;

}

#main {

	margin:2em;

}


/* ############################################################################################################ */

/* Horizontal Menu with Responsive Design - ul - li div - if more than one content per list */

/* ############################################################################################################ */

 /* Remove margins and padding from the list, and add a black background color */
/*
 ul.horizontalMenuResponsiveUlClass {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}
*/
 /* Remove margins and padding from the list, and add a blue background color */
ul.horizontalMenuResponsiveUlClass {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    }

/* Float the list items side by side */
ul.horizontalMenuResponsiveUlClass li {float: left;}

/* Style the links inside the list items white font*/
ul.horizontalMenuResponsiveUlClass li a {
    display: inline-block;
    color: #000000;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    /* font-size: 17px; */
}

/* Change background color of links on hover */
ul.horizontalMenuResponsiveUlClass li a:hover {
    text-decoration: underline;

 /*   background-color: #555; */

}

/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.horizontalMenuResponsive li.icon {display: none;}

/* width for Links in List Divs (e.g. countryflags and countryname) */
div.horizontalMenuResponsiveDivClass a {

	min-width: 160px;
}


 /* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
@media screen and (max-width:680px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:680px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}