/* sea */

.hp-white { border:0px white solid;	}
.hp-red { border:0px red solid;	}
.hp-red2 { border:1px red solid;	}
.bc {color:orange;	}


@media screen and (max-width: 200em) {
span.media:before {content: 'media 1 . max-width: 200em'	}
.head-intro {color:#B1DBFC;letter-spacing: 0.5px;}
.headline { font-weight: 400; font-size:48px; font-family:'Times New Roman', Times, serif; color:#000000; padding-top:20px; }
h1 { font-weight: 400; font-size:48px; font-family:'Times New Roman', Times, serif; color:#000000; padding-top:20px; }
.head-footer {padding-top:20px;}
.search-button {font-size: 15px; margin-right:0px; margin-top: 0px;width:150px;height:150px;}
.head-footer-left {color:#B1DBFC;letter-spacing: 0.5px;}
div.bc { font-size: 1.2em; }
.cs-btse {width:50px; height:50px;}
}

@media screen and (max-width: 64em) {
span.media:before {content: 'media 2 . max-width: 64em'	}

div.bc { font-size: 1.1em; }
}

@media screen and (max-width: 50em) {
span.media:before {content: 'media 3 . max-width: 50em'	}
div.bc { font-size: 1.0em; }
}
@media screen and (max-width: 30em){
span.media:before {content: 'media 4 . max-width: 30em'	}
.head-intro {color:#B1DBFC;letter-spacing: 0.5px; padding-top:20px; font-size:11px;}
.headline { font-weight: 400; font-size:28px; padding-top:10px; }
h1 { font-weight: 400; font-size:28px; padding-top:10px; }
.head-footer {padding-top:20px;}
.search-button {font-size: 15px; margin-right:0px; margin-top: 0px;width:100px;height:100px;}
.head-footer-left {color:#B1DBFC;letter-spacing: 0.5px; font-size:10px;}
div.bc { font-size: 0.8em; }
}





.bgcbox {
	/* height: 120px; */ 
	margin: 20px; 
	margin-top: 0px; 
	border: 1px solid #C0C0C0; 
	padding: 10px; 
	font-size: 10px; 
	text-align: center;
}

	.v9s     { font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 11pt; color:#000000; }
	.v10s    { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt; color:#000000; }




.typeahead, .tt-query, .tt-hint {
	border: 2px solid #CCCCCC;
	border-radius: 8px;
	font-size: 15px;
	height: 30px;
	line-height: 30px;
	outline: medium none;
	padding: 0px 12px;
	width:100%;

}
.typeahead {
	background-color: #FFFFFF;
	width:100%;
}
.typeahead:focus {
	border: 2px solid #0097CF;
}
.tt-query {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.tt-hint {
	color: #999999;
}
.tt-dropdown-menu {
	background-color: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	margin-top: 20px;
	padding: 8px 0;
	letter-spacing: 0.05em;
}
.tt-suggestion {
	font-size: 15px;
	line-height: 24px;
	padding: 3px 10px;
}

.tt-suggestion.tt-is-under-cursor {
	background-color: #0097CF;
	color: #FFFFFF;
}

.tt-suggestion p {
	margin: 0;
}




/* w3 - Header Menü */
.topnav {
  overflow: hidden;
  padding-right:20px;
  z-index:99;
}

.topnav a {
  float: right;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 5px 5px;
  text-decoration: none;
  font-size: 14px;
}

.active {
  background-color: #4CAF50;
  color: white;
}

.topnav .icon {
  display: none;
}

.dropdown {
  float: right;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 14px;    
  border: none;
  outline: none;
  color: blue;
  padding: 5px 5px;
  background-color: transparent;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  border-radius: 100px;
  display: none;
  position: absolute;
  background-color: #004d99;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: center;
}

.topnav a.li:hover, .dropdown:hover .dropbtn {
  border-bottom:0px solid #ddd;
  color: #ff6666;
}

.dropdown-content a:hover {
  /*background-color: #ddd;*/
  color: #1a75ff;
}

.dropdown:hover .dropdown-content {
  display: block;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative; z-index:99; background-color: #ffffff; padding:30px; border:1px red solid;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
	padding-right:30px;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: center;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}



#footerblock1
{
   /*background-color: #808080;*/
   /*background-color:#183B87;*/
   background-color:#264374;
   /* overflow: hidden; */
   text-align: left;
   width: 100%;
   min-height: 200px;
   margin-bottom: 0px;
}

#footerblock1_e1
{
	width: 100%; 
	max-width: 1000px;
	min-height: 200px;	
	margin-left: auto; 
	margin-right: auto;
}

.rowJ {
  width:auto;
  color:white;
}
.rowJ a {
  color:#CCCCCC;
}

.rowJ:before, 
.rowJ:after {
  content: " ";
  display: table;
}

.rowJ:after {
    clear: both;
}

.columns {
  float:left;
  padding: 30px;
}

.bor-1{
  border-right:1px solid #CCCCCC;
}
.bor-2{
  border-right:1px solid #CCCCCC;
}


@media screen and (max-width:600px) {

/* Small */
.small-1 {width:100%;}
.bor-1 {border-right:0px;}
.bor-2 {border-right:0px;}

}

@media screen and (min-width:600px) and (max-width:1000px) {

/* Medium */
.medium-1 {width:50%;}

.medium-2 {width:100%;}
.bor-2 {border-right:0px;}
}

@media screen and (min-width:1000px) {

/* Large */
.large-1 {width:33.333%;}

.large-2 {width:66.666%;}

.large-3 {width:100%;}

}




/* Productline */
div.ex5:hover, div.ex5:active { background-color: #C0C0C0}
div.ex4 { border:thin solid #ccc;}
div.ex4 a {	display:block; height:100%; background:#eee;}
div.ex4 a:hover { background:#ddd;}




function myFunction() {
    var x = document.getElementById("menu_small");
    if (x.className.indexOf("w3-show") == -1) {
        x.className += " w3-show";
    } else { 
        x.className = x.className.replace(" w3-show", "");
    }
}