@charset "utf-8";

* {
	box-sizing: border-box;
}


/* pictures */

img {
	width: auto;
	height: auto;
	vertical-align: middle;
	max-width: 100%;
}


body {
	/* moved from user */
/*	
	background-color: #FC6;
	background-image: url(../res/backgnd_image.jpg);
	background-repeat: repeat;
*/	
	/* background-position: 200px bottom; */
	/* background-attachment: fixed; */
	
	background-color: #003D69;
	background-color: #3A8194;
    background-color: #7DB3C2;
	background-size: cover;
	padding: 0px;
	margin: 0px;
	
}

/* -------- CONTAINERS -------------- */
#maincontainer {
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
	
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	/* text-align: center; */
	border: 2px solid #026188;

	/* display: block; */
	overflow: auto;
	background-color: #FFFFFF;
	border-radius: 7px;
	
	/*margin-top: -25px;*/
	margin-bottom: 25px;
}


@media only screen and (max-width:1920px){#maincontainer{width: 70%; margin-top: 20px;}}
@media only screen and (max-width:1800px){#maincontainer{width: 70%; margin-top: 15px;}}
@media only screen and (max-width:1600px){#maincontainer{width: 90%; margin-top: 10px;}}
@media only screen and (max-width:1200px){#maincontainer{width: 100%; margin-top: 0px;}}
@media only screen and (max-width:993px){#maincontainer{width: 100%; margin-top: 0px;}}
@media only screen and (max-width:768px){#maincontainer{width: 100%; margin-top: 0px;}}
@media only screen and (max-width:600px){#maincontainer{width: 100%; margin-top: 0px;}}


#header {
	/* font-size: 24px; */
/*	
	background-color: #CCF;
	height: 150px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-image: url(../res/top_image.jpg);
	background-repeat: repeat;
*/	/* background-clip: border-box; */
	/* background-position: 200px bottom; */
	/* background-attachment: fixed; */
	/* background-origin: border-box; */
	/*overflow: visible;*/
	/* background-size: auto; */
	
/*	
	background-position: center;
	background-repeat: no-repeat;
	
	position: relative;
	background-size: cover;
	overflow: hidden;

*/	
	
	background-color: #DBE9F1;
	/*height: 90px;*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 20px;
	
	
	margin-top: 0px;
	background-image: url(../res/top_image02.jpg);
	background-repeat: repeat;
	background-repeat: no-repeat;
	/* background-clip: border-box; */
	/* background-position: 200px bottom; */
	/* background-attachment: fixed; */
	/* background-origin: border-box; */
	/*overflow: visible;*/
	background-position: center top;
	/* background-size: auto; */
	position: relative;
	background-size: cover;
	overflow: hidden;
	
/*
	-webkit-box-shadow: inset 3px 0px 5px 3px rgba(0, 0, 0, 0.35);
	box-shadow: inset 3px 0px 5px 3px rgba(0, 0, 0, 0.35);	
*/	
	display: block;

}

#pgcontainer {
	background-color: #FFFFFF;
	/* padding: 20px; */
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#pgcontainer p {
	text-align: justify;
	/* text-justify: auto; */
}

@media only screen and (max-width:993px){#pgcontainer {padding: 10px;}}
@media only screen and (max-width:768px){#pgcontainer {padding: 10px;}}
@media only screen and (max-width:600px){#pgcontainer {padding: 10px;}}

#footer {
	background-color: #026188;
	float: right;
	width: 100%;
	text-align: right;
	vertical-align: baseline;
	padding-top: 5px;
	padding-right: 5px;
}

#to_top {
	background-color: transparent;
	position: fixed;
	right: 1px;
	bottom: 20px;
	opacity: 0.5;
}

#to_top:hover {
opacity:1.0;
}



/* ------------------------------------------------------ */
.menulangcontainer {
	position: relative;
}

.menulangcontainer .menuimg_content {
	position: absolute; /* Position the background text */
	/* bottom: 0; */ /* At the bottom. Use top:0 to append it to the top */
	top: 10px; /* 10px !!!!!! adjust !!*/
	color: #F7F7F7;
	box-sizing: inherit;
	width: 100%;
	padding: 5px;
	/* border-radius: 0% 0% 5% 5%; */
	background-color: rgba(33,186,254,0.5);
}

.menulang-container {
	display: inline-block; /*inline-block;inline-flex*/
	/*justify-content: center */ /*flex-start | flex-end | center | space-between | space-around*/
/*	text-align: center;*/
	box-shadow: 1px 1px 2px 1px #777;
	border-width: 1px;
	border-color: #CCC;
	border-style: solid;
	margin: 20px 20px 20px 20px;
	padding: 10px;
	border-radius: 5px;
	width: auto;
	background-color: #D6EDFF;
	background-color: #DEECEF;
	font-size: 1.0em;
}

.menulang-container a:link {
	color: #000000;
	text-decoration: none;
}

.menulang-container:hover{
	background-color: #AFE6F6;
	text-decoration: none;
}