body {
font-family: Verdana, Sans-Serif;
font-size: 14px;  
background-color:#D8D8D8;
//background-image:url(..//images/images.jpg);
//background-size:cover;
//background-attachment: fixed;

     }

a:link { color:#FFFFFF; }
a:visited { color:#FFFFFF; }
a:active { color:#FFFFFF; }
a:hover { color:#FF0000;
	;  
    }

textarea{
font-family: Arial, Sans-Serif;
font-size: 14px; 
border-radius: 2px;
color: RGB(0,66,127);

        }

#adresse1 {
color:#FFFFFF;
padding: 5px;
width: 562px;
border-radius: 0px;0px;
text-align:left;
border-color:RGB(0,66,127);
border-width:1px;
border-style:solid;
box-sizing: content-box;
border-radius: 4px;
        }

#adresse2 {
color:#FFFFFF;
padding: 5px;
width: 580px;
border-radius: 0px;0px;
text-align:left;
border-color:RGB(0,66,127);
border-width:1px;
border-style:solid;
border-radius: 4px;
//box-sizing: content-box;
height: 300px;
overflow: scroll;
   }

.adresse2 {
color:#FFFFFF;
padding: 5px;
//width: 500px;
border-radius: 0px;0px;
text-align:left;
border-color:RGB(0,66,127);
//border-width:1px;
//border-style:solid;
border-radius: 4px;
//box-sizing: content-box;
height: 300px;
//overflow: scroll;
    }

#visitenkarte {
font-family: Arial, Sans-Serif;
font-size: 14px;  
color: RGB(0,66,127); 
padding: 5px;
width: 80px;
border-radius: 0px;0px;
text-align:left;
border-color:RGB(0,66,127);
border-width:1px;
border-style:solid;
border-radius: 4px;
//box-sizing: content-box;
height: 80px;
overflow: scroll;
margin-bottom:20px;
    }

#rechts {
width: 60px;
height: 50px;
margin-left: 20px;
position: absolute;
top: 160px;
left: 700px;
     }

#navi {
width:700px;
height:160px;
background:#ffffff;
//margin-right: auto;
//margin-left: auto;
    }

#navi n {
display: inline-block;
width: 138px;
height: 138px;
background: RGB(0,66,127);
border-width:1px;
border-style:solid;
border-color:RGB(0,66,127);
font-size:16 px;
//font-weight: bold;
color:RGB(255,255,255);
margin-top:20px;
margin-bottom:20px;
text-align:center;
margin-left:26px;
//border-radius: 10px 10px 10px 10px;
//padding-top:10px;
padding-bottom:0px;
    }

#navi n:hover {
background-color:RGB(240,240,240);
box-shadow: 0px 0px 0px grey;
color: RGB(0,66,127);
//padding-top:10px;
padding-bottom:0px;
     }

.navi1 {
color:#FFFFFF;
padding-left: 20px;
width: 780px;
//box-sizing: content-box;
border-radius: 0px;0px;
text-align:left;
border-color:RGB(0,66,127);
border-width:1px;
border-style:solid;
//height: 250px;
overflow-y: scroll;
border-radius: 0;
margin-top:10px;
//margin: auto;
   }


table {
font-family: Arial, Sans-Serif;
font-size: 14px;  
color: RGB(0,66,127); 
   }

table, td {
font-family: Arial, Sans-Serif;
font-size: 14px;   
color: RGB(0,66,127);
     }

form {
font-family: Arial, Sans-Serif;
font-size: 14px;
//background:RGB(247,247,247);
background:RGB(255,255,255);
//background:#F2F2F2;
color: RGB(0,66,127);
width: 798px;
padding-left: 50px;
padding-right: 50px;
padding-top: 20px;
padding-bottom: 20px;
margin: Auto;
//border-width:1px;
//border-style:solid;
//border-left-color:RGB(0,66,127);
//border-right-color:RGB(0,66,127);
//border-top-color:#ffffff;
//border-bottom-color:#ffffff;
//box-shadow: -2px 20px 10px 8px grey;  
//box-shadow: -0px 20px 20px 2px grey; 
font-size: 14px; 
//opacity:0.95;
     }

.form_fixed {
font-family: Arial, Sans-Serif;
font-size: 14px;
//background:RGB(247,247,247);
background:RGB(255,255,255);
//background:#F2F2F2;
color: RGB(0,66,127);
width: 798spx;
padding-left: 50px;
padding-right: 50px;
padding-top: 20px;
padding-bottom: 100px;
margin: Auto;
//border-width:1px;
//border-style:solid;
//border-left-color:RGB(0,66,127);
//border-right-color:RGB(0,66,127);
//border-top-color:#ffffff;
//border-bottom-color:#ffffff;
//box-shadow: -2px 20px 10px 8px grey;  
//box-shadow: -0px 20px 20px 2px grey; 
font-size: 14px; 
//opacity:0.95;
position: absolute;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
top:80px;
//bottom: 0px;
min-height: 800px;
     }

input[type="text"] {
//display: block;
margin: 0;
font-family: Arial, Sans-Serif;
font-size: 14px;   
color: RGB(0,66,127);
border: 1px solid #BDBDBD;
appearance: none;
box-shadow: none;
border-radius: 2px;
padding-left: 5px;
height:20px;
//background:RGB(247,247,247);

     }



input[type="password"] {
//display: block;
margin: 0;
font-family: Arial, Sans-Serif;
font-size: 14px;   
color: color: RGB(0,66,127);
border: 1px solid #BDBDBD;
appearance: none;
box-shadow: none;
border-radius: 2px;
padding-left: 5px;
     }

select {
margin: 0;
font-family: Arial, Sans-Serif;
font-size: 14px;   
color: RGB(0,66,127);
border: 1px solid #BDBDBD;
appearance: none;
box-shadow: none;
border-radius: 2px;
padding-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
//background:RGB(247,247,247);

  //border: 1px solid #555;
  // padding: 0.5em;
  //padding-left: 5px;
  //padding-top: 2px;
  //padding-bottom: 2px;
  //font-size: 15px;
  //line-height: 1.2em;
  //width: 80%;
  //background: #fff;
  //background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
   //-webkit-appearance: none;
  // -webkit-box-shadow: 1px 1px 1px #fff;
   //-webkit-border-radius: 0.1em;

     }

input[type="checkbox"] {
visibility: hidden;
}


.checkboxFour {
width: 20px;
height: 20px;
background: #ddd;
margin: 5px 0px;

//border-radius: 100%;
position: relative;
box-shadow: 0px 1px 3px rgba(255,255,255,0.5);

}

.checkboxFour label {
display: block;


width: 15px;
height: 15px;
//border-radius: 100px;

transition: all .5s ease;
cursor: pointer;
position: absolute;
top: 2px;
left: 2px;
z-index: 1;

background: #ffffff;
box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);

}

.checkboxFour input[type=checkbox]:checked + label {
//background: #26ca28;
background: RGB(0,132,255);
}

fieldset {
margin: 0;
font-family: Arial, Sans-Serif;
font-size: 14px;   
color: RGB(0,66,127);
border: 1px solid RGB(0,66,127);
appearance: none;
box-shadow: none;
border-radius: 4px;
     }

legend {
margin: 0;
font-family: Arial, Sans-Serif;
font-size: 14px;   
color: RGB(0,66,127);
   }

textarea {
margin: 0;
font-family: Arial, Sans-Serif;
font-size: 14px;   
color: RGB(0,66,127);
border: 1px solid #BDBDBD;
padding-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
//background:RGB(247,247,247);

   }

span.pflichtfeld {
font-size: 16px;
color: #FF0000;
     }

#pflichtsternchen {
font-size:10px;
color:#FF0000;
    }

.transparent {
background: #fff;
width: 70%;
height: 90%;
position: absolute;

right:15%;
top: 5%;

opacity:0.9;
z-index:5;
}

.vertikal_mittig{
width: 50%;
height: 50%;
position: absolute;

right:35%;
top: 10%;

}

.meldung {
background: #fff;
width: 20%;
height: 20%;
position: absolute;
background-color:RGB(0,66,127);
right:40%;
top: 40%;
text-align: center;
border: solid 10px;
border-color:RGB(80,80,80);
border-radius:4px;
z-index:5;
opacity:0.9;
color:#ffffff;
}

#meldung1 {
font-size:14px;
font-weight:bold;
color:RGB(0,66,127);
   }


#steuerung {
//background-color:RGB(17,153,136);
background-color:RGB(0,66,127);
padding-left:50;
width: 898px;
margin: Auto;
color:#ffffff;
//border-width:1px;
//border-style:solid;
//border-bottom-width:3px;
//border-color:RGB(0,66,127);
//border-top-width:1px;
//border-top-color:#6E6E6E;
//box-shadow: 10px 10px 10px grey;
//box-shadow: -1px -1px 10px 4px grey;
//box-shadow: -2px 10px 10px 8px grey; 
//box-shadow: -0px 20px 20px 2px grey; 
height:80px;
//border-radius: 6px 6px 0px 0px;
    }

#steuerung_fixed {
//background-color:RGB(17,153,136);
background-color:RGB(0,66,127);
padding-left:50;
width: 898px;
margin: Auto;
color:#ffffff;
//border-width:1px;
//border-style:solid;
//border-bottom-width:1px;
//border-color:RGB(0,66,127);
//border-top-width:0px;
//border-top-color:#6E6E6E;
//box-shadow: 10px 10px 10px grey;
//box-shadow: -1px -1px 10px 4px grey;
//box-shadow: -2px -4px 10px 8px grey; 
//box-shadow: -0px 0px 20px 2px grey; 
height:80px;
position:fixed;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
z-index:4;
top:0px;

    }


.steuerung1 {
height:79px;
width:85px;
background-color:RGB(0,66,127);
border-width:1px;
//border-style:solid;
//border-bottom-width:0px;
//border-color:RGB(0,66,127);
//border-top-width:0px;
//border-right-color:RGB(99,114,127);
//border-left-color:RGB(255,255,255);
text-align:center;
color:#ffffff;
font-size:14px
	}

.steuerung1:hover {
height:81px;
width:85px;
background-color:#6E6E6E;
//border-width:1px;
//border-style:solid;
//border-bottom-width:0px;
//border-top-width:0px;
//border-color:#6E6E6E;
text-align:center;
color:#ffffff;
font-size:14px

	}

.steuerung2 {
height:80px;
width:85px;
background-color:RGB(0,66,127);
//border-width:1px;
//border-style:solid;
//border-bottom-width:0px;
//border-color:RGB(0,66,127);
//border-top-width:3px;
//border-right-color:RGB(99,114,127);
//border-left-color:RGB(255,255,255);
text-align:center;
color:#ffffff;
font-size:14px
	}
	
.steuerung2:hover {
height:80px;
width:85px;
background-color:#6E6E6E;
//border-width:1px;
//border-style:solid;
//border-bottom-width:0px;
//border-color:RGB(0,66,127);
//border-top-width:3px;
//border-right-color:RGB(99,114,127);
//border-left-color:RGB(255,255,255);
text-align:center;
color:#ffffff;
font-size:14px
	}


.multipage {
background-color:RGB(0,66,127);
padding-left:50;
color:#ffffff;
border-style:solid;
border-right-width:1px;
border-right-color:RGB(0,66,127);
border-bottom-width:10px;
border-bottom-color:RGB(0,66,127);
border-top-color:RGB(0,66,127);
border-top-width:10px;
border-left-color:RGB(0,66,127);
border-left-width:1px;
//box-shadow: 4px 4px 4px grey;
       }

.multipage:hover {
background-color:#6E6E6E;
padding-left:50;
//width: 60px;
//margin: 2,2,2,2;
color: #ffffff;
border-width:1px;
border-style:solid;
border-color:#6E6E6E;
border-bottom-width:10px;
border-bottom-color:#6E6E6E;
border-top-width:10px;
border-top-color:#6E6E6E;
border-left-color:#6E6E6E;
//box-shadow: 4px 4px 4px grey;
       }

.multipage1 {
background-color:RGB(0,132,255);
//background-color:#ffffff;
padding-left:50;
width: 60px;
padding-bottom:10;
border-style:solid;
border-right-width:1px;
border-right-color:RGB(0,132,255);
border-bottom-width:10px;
border-bottom-color:RGB(0,132,255);
border-top-width:10px;
border-top-color:RGB(0,132,255);
border-left-width:1px;
border-left-color:RGB(0,132,255);
//box-shadow: 4px 4px 4px grey;
color:#ffffff; 
      }

.multipage2 {
background-color:RGB(0,66,127);
//padding-left:50;
color:RGB(17,34,136);
border-style:solid;
//border-right-width:0px;
//border-right-color:RGB(17,34,136);
border-bottom-width:10px;
border-bottom-color:RGB(17,34,136);
border-top-color:RGB(17,34,136);
border-top-width:10px;
//border-left-color:#BDBDBD;
//border-left-width:1px;
//box-shadow: 4px 4px 4px grey;
//border-radius: 10px 0px 0px 10px;
      }

.multipage3 {
background-color:RGB(17,34,136);
padding-left:50;
color:RGB(17,34,136);
border-style:solid;
border-right-width:1px;
border-right-color:#BDBDBD;
border-bottom-width:10px;
border-bottom-color:RGB(17,34,136);
border-top-color:RGB(17,34,136);
border-top-width:10px;
border-left-color:RGB(17,34,136);
border-left-width:1px;
//box-shadow: 4px 4px 4px grey;
//border-radius: 0px 10px 10px 0px;
      }

#oberbereich1_weiß {
background-color:#ffffff;
color:RGB(0,66,127);
padding-left:50;
width: 900px;
height: 100px;
margin: Auto;
border-width:1px;
border-style:solid;
border-color:#ffffff;
border-top-color:RGB(0,66,127);
border-left-color:RGB(0,66,127);
border-right-color:RGB(0,66,127);
//box-shadow: 10px 10px 10px grey;
border-radius: 30px 30px 0px 0px;
    }


#oberbereich1 {
background-color:RGB(0,66,127);
color:RGB(0,66,127);
padding-left:50;
width: 900px;
margin: Auto;
//border-width:1px;
//border-style:solid;
//border-color:RGB(0,66,127);
//box-shadow: 10px 10px 10px grey;
//border-radius: 30px 30px 0px 0px;
     }

#mittelbereich1 {
background-color:#ffffff;
width: 900px;
margin: Auto;
border-width:1px;
//border-style:solid;
//border-top-color:RGB(0,66,127);
//border-left-color:RGB(0,66,127);
//border-right-color:RGB(0,66,127);
//box-shadow: 0px 0px 0px grey;
//border-radius: 0px 0px 0px 0px;
//box-shadow: -2px -0px 10px 4px grey; 
//box-shadow: -0px 0px 20px 2px grey; 
z-index:-1;
    }

#oberbereich1a {
background-color:RGB(0,66,127);
color:#6F7B85;
padding-left:50;
width: 900px;
height: 30px;
margin: Auto;
//border-width:1px;
//border-style:solid;
//border-color:RGB(0,66,127);
//border-left-color:RGB(0,66,127);
//border-right-color:RGB(0,66,127);
//box-shadow: 0px 0px 0px grey;
//border-radius: 0px 0px 0px 0px;
    }

#oberbereich2 {
background-color:RGB(0,66,127);
color:RGB(17,153,136);
padding-left:50;
width: 900px;
margin: Auto;
//border-width:1px;
//border-style:solid;
//border-color:RGB(0,66,127);
//border-left-color:RGB(0,66,127);
//border-right-color:RGB(0,66,127);
//box-shadow: 0px 0px 0px grey;
//border-bottom-width:3px;
//border-bottom-color:#FFFFFF;
      }

#unterbereich1 {
background-color:RGB(0,66,127);
color:RGB(17,153,136);
text-align:center;
//padding-left:50px;
width: 898px;
margin: Auto;
//border-width:1px;
//border-style:solid;
//border-color:RGB(0,66,127);
//border-left-color:RGB(0,66,127);
//border-right-color:RGB(0,66,127);
//box-shadow: 0px 0px 0px grey;
//box-shadow: -2px 5px 10px 8px grey;
//box-shadow: -0px 20px 20px 2px grey; 
height:80px;
//border-radius: 0px 0px 6px 6px;
      }

#unterbereich1_fixed {
background-color:RGB(0,66,127);
color:RGB(17,153,136);
text-align:center;
padding-left:50;
width: 898px;
margin: Auto;
//border-width:1px;
//border-bottom-width:1px;
//border-top-width:0px;
//border-style:solid;
//border-color:RGB(0,66,127);
//border-left-color:RGB(0,66,127);
//border-right-color:RGB(0,66,127);
//box-shadow: 0px 0px 0px grey;
//box-shadow: -2px 5px 10px 8px grey;
//box-shadow: -2px 20px 10px 8px grey; 
//box-shadow: -0px 20px 20px 2px grey; 
height:80px;
position:fixed;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
z-index:4;
bottom:0px;
}

#unterbereich1a {
background-color:RGB(0,66,127);
color:RGB(0,66,127);
text-align:center;
padding-left:50;
width: 900px;
margin: Auto;
//border-width:1px;
//border-style:solid;
//border-color:RGB(0,66,127);
//border-left-color:RGB(0,66,127);
//border-right-color:RGB(0,66,127);
//box-shadow: 0px 0px 0px grey;
     }

#unterbereich2 {
background-color:RGB(0,66,127);
color:RRGB(0,66,127);
padding-left:50;
width: 900px;
margin: Auto;
//border-width:1px;
//border-style:solid;
//border-color:RGB(0,66,127);
//box-shadow: 0px 0px 0px grey;
//border-radius: 0px 0px 30px 30px;
    }

div.tableContainer {
	clear: both;
	border: 1px solid RGB(0,106,204);
	height: 300px;
	overflow: auto;
	width: 750px;
	background-color:#ffffff;
	
      }

table.sortable {
font-family: Verdana, Sans-Serif;
font-size: 16px;   
color: RGB(0,66,127); 

     }



td.scroll {
font-family: Arial, Sans-Serif;
font-size: 14px; 
color: RGB(0,66,127);
//color: RGB(17,153,136); 
border-right: 1px solid RGB(0,66,127); 
padding: 2px 3px 3px 4px;
//width:300px;
min-width:50px;
//max-width:300px;
//word-wrap:break-word;

     }


#tabellenheader, th {
    	//color: #ffffff;
	//background: RGB(0,66,127);
    	//border-left: 1px solid #CCC;
	//border-right: 1px solid #CCC;
	//font-weight: normal;
	//padding: 2px 3px 3px 4px;
    	//text-align: left;
           }

th.th_scroll {
    	color: #ffffff;
	background-color: RGB(0,66,127);
    	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	font-weight: normal;
	padding: 2px 3px 3px 4px;
    	text-align: left;
	//width:200px;
	min-width:50px;
	//max-width:300px;
	//word-wrap:break-word;
	//cursor:pointer;
	font-family: Arial, Sans-Serif;
       font-size: 14px; 
           }
           

th.th_scroll:hover {
    	//color: RGB(76,169,255);
	//cursor:pointer;
           }
           
span.span_sort {
   float:right;
   padding-right:2px;
   cursor:pointer; 
           }
span.span_sort:hover {
	color: RGB(76,169,255);
	cursor:pointer;
	}

tr.tr_scroll:nth-child(odd) {background-color: #f2f2f2}

tr.tr_scroll:hover {
	background-color:#F7BE81;
	cursor:pointer;
	}	


#a1:link { color:#696969; }
#a1:visited { color:#696969; }
#a1:active { color:#696969; }
#a1:hover { color:#ff0000; }

#a2:link { color:#696969;text-decoration: none;font-weight: bold }
#a2:visited { color:#696969; }
#a2:active { color:#696969; }
#a2:hover { color:#ff0000; }

#a3:link { 
color:#136A8F; 
font-size: 14px;
text-decoration: bold;
  }
#a3:visited { color:#136A8F; }
#a3:active { color:#136A8F; }
#a3:hover { color:#136A8F;
//font-weight: bold; 
     }


#a4:link { 
color:#136A8F;
text-decoration: none;
border: 1px solid #BDBDBD;
padding-left: 2px;
padding-right: 2px;
 	}
#a4:visited { 
color:#136A8F; 
text-decoration: none
	}
#a4:active { 
color:#136A8F;
text-decoration: none
	 }
#a4:hover { 
color:#136A8F;
text-decoration: none
font-weight: bold; 
     }


#a5:link { color:#136A8F;
text-decoration: none;
border: 1px solid #BDBDBD;
//padding-left: 5px;
padding: 5px;
 	}
#a5:visited { color:#136A8F; 
text-decoration: none
	}
#a5:active { color:#136A8F;
text-decoration: none
	 }
#a5:hover { color:#FFFFFF;
text-decoration: none;
background-color:#136A8F;
font-weight: normal; 
    }

.a6:link { 
color:#136A8F;
text-decoration: none;
//border: 1px solid #BDBDBD;
//padding-left: 5px;
//padding: 5px;
 	}
.a6:visited { 
color:#136A8F; 
text-decoration: none
	}
.a6:active { 
color:#136A8F;
text-decoration: none
	 }
.a6:hover { 
color:#F87103;
text-decoration: none;
//background-color:#136A8F;
font-weight: normal; 
   }

.a7:link { 
color;#ffffff;
text-decoration: none;
	}
.a7:active { 
color:#ffffff;
text-decoration: none
	 }

.a7:hover { 
color: #ffffff;
text-decoration: none;
font-weight: normal; 
 	}
.a7:visited { 
color: #ffffff; 
text-decoration: none
	}


.knopf1 { color:RGB(0,66,127);
text-decoration: none;
border: 1px solid #BDBDBD;
padding-left: 5px;
p//adding: 5px;
background-color:#FFFFFF;
border: 1px solid RGB(0,66,127);
border-radius: 4px;
font-size: 14px;
 	}
.knopf1:hover { color:#FFFFFF;
text-decoration: none;
background-color:RGB(0,106,204);
font-weight: normal; 
border-radius: 4px;
 	}

.knopf1a { color:#bbbbbb;
text-decoration: none;
border: 1px solid #BDBDBD;
padding-left: 5px;
//padding: 5px;
background-color:#FFFFFF;
border: 1px solid RGB(0,66,127);
border-radius: 4px;
font-size: 14px;
 	}

.knopf2 { color:RGB(0,66,127);
text-decoration: none;
//border: 1px solid #BDBDBD;
//padding-left: 5px;
//padding-right: 5px;
padding-bottom:20px;
background-color:#FFFFFF;
border: 1px solid RGB(255,255,255);
border-radius: 4px;
height: 20px;
font-size: 14px;
font-weight: normal; 

 	}

.knopf2:hover { color:#FFFFFF;
text-decoration: none;
background-color:RGB(0,106,204);
font-weight: normal; 
border-radius: 4px;
font-size: 14px;
height: 20px;
//padding-left: 5px;
//padding: 5px;
padding-bottom:20px;
border-color: #ffffff;
 	}

.tooltip {
    position: relative;
    display: inline-block;
    //border-bottom: 1px dotted black;

}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #6E6E6E;
    
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 110%;
    margin-left: 10px;

}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
   //top: 50%;
   top: 15px;
   right: 100%;
   margin-top: -5px;
   border-width: 5px;
   border-style: solid;
   //border-color: transparent RGB(0,66,127) transparent transparent;
   border-color: transparent #6E6E6E transparent transparent;
	
}

.tooltip:hover .tooltiptext {
    visibility: visible;

}


.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;

}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    bottom: 0px;
    cursor:pointer;
    border: solid 1px  RGB(0,66,127);
 
}

.dropdown-content a {
    color: RGB(0,66,127);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
   font-size: 14px;


}

.dropdown-content a:hover {
//background-color: #f1f1f1;
background-color: RGB(0,66,127);
color:#ffffff;
}

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

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}


.dropbtn_1 {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;

}

.dropdown_1 {
    position: relative;
    display: inline-block;
    font-size: 20px;
}

.dropdown-content_1 {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    //min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    top: -20px;
    left: 0px;
    cursor:pointer;
    z-index:5;
    padding-top:16px;
    padding-bottom:16px;
    border: solid 1px  RGB(0,66,127);
}


.dropdown-content_1 a {
    color: RGB(0,66,127);
    padding: 16px 16px 16px 16px;
    text-decoration: none;
    display: inline;
    font-size: 14px;

}

.dropdown-content_1 a:hover {
   background-color: #f1f1f1;
background-color: RGB(0,66,127);
color:#ffffff;
}


.dropdown_1:hover .dropdown-content_1 {
    display: inline;

}

.dropdown_1:hover .dropdown-content_1:active {
    display: none;

}


.dropdown_1:hover .dropbtn_1 {
    background-color: #3e8e41;
}

.ul {
    list-style-type: none;
    margin: auto;
    padding: 0;
    height:80px;
    overflow: hidden;
    background-color: RGB(0,66,127);
    width:900px;


}
 
li {
    float: left;
   // border-right:1px solid RGB(99,114,127);
    height:80px;
    width:95px;
 
}
 
li:last-child {
    border-right: none;
    height:80px;
    width:95px;
 
}
 
li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    height:80px;
   color:#ffffff;
}
 
li a:hover {
    background-color: #6E6E6E;
   color:#ffffff;	
}

.dropdown_sort {
    position: relative;
    display: inline-block;
}

.dropdown_sort-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 60px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 3;
    color: blue;
}

.dropdown_sort:hover .dropdown_sort-content {
    display: block;
    color:RGB(0,66,127);
    background-color: #ffffff;
    cursor:pointer;
}

.dropdown-sort_content a {
    color: RGB(0,66,127);
    padding: 16px 16px 16px 16px;
    text-decoration: none;
    display: inline;
    font-size: 14px;

}

.dropdown-sort_content a:hover {
   background-color: #f1f1f1;
    background-color: RGB(0,66,127);
    color:#ffffff;
}

div.modal-container {
z-index:3;
display:none;
padding-top:100px;
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
overflow:auto;
background-color:rgb(0,0,0);
background-color:rgba(0,0,0,0.4);
border: 3px solid grey;
box-shadow: -1px 2px 25px -1px RGB(200,200,200); 

}

div.modal-container-content {
margin:auto;
background-color:#fff;
position:relative;
padding:0;
outline:0;
width:600px;
border: 3px solid grey;
box-shadow: -1px 2px 25px -1px RGB(100,100,100); 

}