/************* general ******************/

a {
	font-weight: bold;	
	text-decoration: none;
	color: white ;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

/************* HEADER STUFF ************/

#header {
	height: 100px;
	margin: 0px auto;
    margin-top: 2em;
	padding: 0px;
	width: 790px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
    background-image:url('../images/header.png');
    border: 5px solid #1a5276;
	border-radius: 10px;
}

#header h1 {
	margin: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 50px;
	padding-right: 50px;
	text-align: right;
	color: #1a5276;
	font-size: 3em;
	<!-- text-transform: uppercase;
	border: 5px solid #1a5276;
	border-radius: 10px;
	<!--background-color: #D4E6F1;
	<!--background-image:url('../images/header.png');
	<!--box-shadow: 5px 5px 10px 2px grey;
}

#header h2 {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	text-align: left;
	font-size: 1.5em;
	text-transform: uppercase;
}

.bgimg {
	background-image:url('../images/eins.jpg'); 
	height: 100px; 
	width: 250px;
}

/************* LOGO AREA ************/

#logo {
        height:auto;
        right:33px;
		top:10px;
        position:absolute;
        width:100px;
}

#logo a {
		color: #0b2161;
		font-weight: lighter;
}

#logo a:hover {
		color: #00bfa5;
}

#logo a:active {
		color: #01df01;
}

/********************* content *************************/

#content {
	width: 900px;
	margin-left: 5em;
	margin-bottom:3em;
	padding: 0px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

#content h2, #content h3, #content h4, #content h5, #content h6 {
	font-weight: normal;
	text-align: left;
}

#content p, #content ul, #content ol {
	line-height: 100%;
}

#mainpart {
	float: left;
	text-align:left;
	width: 720px;
	margin-left:100px;
	margin-top:2em;
	margin-bottom:2em;
	padding: 0px 20px 40px 20px;
	color:#1a5276;
	<!--border:1px solid #1f618d;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	
	border-radius: 20px;
}


#left {
	float: left;
	text-align:left;
	width: 500px;
	margin-left:100px;
	margin-top:2em;
	margin-bottom:2em;
	padding: 0px 20px 40px 20px;
	color:#1a5276;
	<!--border:1px solid #1f618d;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	
	border-radius: 20px;
}

#left a {
	font-weight: bold;	
	text-decoration: none;
	color: white;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

#left ul li {
	text-decoration: none;
	font-size: 12px;
	font-weight: lighter;
	color:#000000;
	line-height:2.5em;
}

#left ul li a {
	color:#000000;
	text-decoration:none;
	font-weight:lighter;
}

#left ul li a:hover {
		color: #00bfa5;
}

#left ul li a:active {
		color: #00c853;
}

#left a button:hover {
	background-color: #00bfa5;
}

#middle {
	float: left;
	text-align:left;
	width: 500px;
	padding: 0px 20px 40px 20px;
	color:#000000;
	border:1 px solid red;
	margin-bottom:3em;
}

#middle ul {
  	
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	color:#000000;
}

#middle ul li {
	text-decoration: none;
	font-size: 12px;
	font-weight: lighter;
	color:#000000;
	line-height:2.5em;
}

#middle ul li a {
	color:#000000;
	text-decoration:none;
	font-weight:lighter;
}

#middle ul li a:hover {
		color: #00bfa5;
}

#middle ul li a:active {
		color: #00c853;
}

#right {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	float: right;
	width: 250px;
	padding: 0px 120px 40px 20px;
	color: #1a5276;
}

img {
    border-radius: 10px;
}


/******************* menu ********************/

#menu ul {
    list-style-type: none;
    margin-top: 2em;
	margin-left: 5em;
	margin-right: 5em;
	margin-bottom: 2em;
    padding: 0;
    overflow: hidden;
    background-color: #1a5276;
	border-radius:10px;
}

#menu li {
    float: left;
}

#menu li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

#menu li a:hover, .dropdown:hover .dropbtn {
    background-color: #5499c7;
	transition: all .8s ease;
	border-radius:10px;
}

#menu li a:focus, .active {
    background-color: #5499c7;
	border-radius:10px;
}

#menu li.dropdown {
    display: inline-block;
}

#menu .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 8px 8px 16px 0px rgba(0,0,0,0.2);
	border-radius:10px;
}

#menu .dropdown-content a {
    color: #1a5276;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
	border-radius:10px;
}

#menu .dropdown-content a:hover {
	background-color: #5499c7;
	cursor: pointer;
}

#menu .show {display:block;}

/************* FOOTER ************/

#footer {
	clear: both;
	width: 98%;
	margin: auto;
	<!--border: 1px solid #1a5276;
    border-top: 1px solid #1a5276;
    <!--border-radius:10px;
	font-size: 9px;
	padding: 2px;
	color: #1a5276;
	position:fixed;
	text-align: center;
    z-index: 2;
    background-color: #a9cce3;
	bottom:0;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

#footer2 {
	clear: both;
	width: 98%;
	margin: auto;
	border-top: 1px solid #1a5276;
    border-radius:10px;
	font-size: 9px;
	padding: 2px;
	color: #1a5276;
	<!--position:fixed;
	text-align: center;
	bottom:0;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 3; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
	color: #1a5276;
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 20%;
	border-radius:10px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}