@charset "utf-8";

* {
	box-sizing: border-box;
}


@media only screen and (max-width:1920px){#media_q:after {content: "7 1920";}}
@media only screen and (max-width:1800px){#media_q:after {content: "6 1800";}}
@media only screen and (max-width:1600px){#media_q:after {content: "5 1600";}}
@media only screen and (max-width:1200px){#media_q:after {content: "4 1200";}}
@media only screen and (max-width:993px){#media_q:after {content: "3 993";}}
@media only screen and (max-width:768px){#media_q:after {content: "2 768";}}
@media only screen and (max-width:600px){#media_q:after {content: "1 600";}}


/* pictures */

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


body {
    background-color: #D4A973;
	padding: 0px;
	margin: 0px;
}

/* -------- CONTAINERS -------------- */
#maincontainer {
	padding: 0px;
	margin: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	border: 2px solid #AEAEAE;
	overflow: auto;
	background-color: #5A3617;
	border-radius: 7px;
	margin-bottom: 25px;
}

/*
@media only screen and (max-width:1920px){#maincontainer{width: 90%; margin-top: 20px;}}
@media only screen and (max-width:1800px){#maincontainer{width: 90%; 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 {
	background-color: #442000;
	padding-left: 0px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 20px;
	margin-top: 0px;
	background-image: url(../res/backgnd_sand03.jpg);
	background-repeat: repeat;
	background-repeat: no-repeat;
	
	/* background-clip: border-box; */
	/* background-position: 200px bottom; */
	/* background-attachment: fixed; */
	/* background-origin: border-box; */
	background-position: left top;
	position: relative;
	background-size: contain;
	background-size: cover;
	overflow: hidden;
	display: block;
	height: 138px;
}
/*
@media only screen and (max-width:1920px){#header{background-image: url(../res/top_img_002_1920.jpg);}}
@media only screen and (max-width:1800px){#header{background-image: url(../res/top_img_002_1920.jpg);}}
@media only screen and (max-width:1600px){#header{background-image: url(../res/top_img_002_1920.jpg);}}
@media only screen and (max-width:1200px){#header{background-image: url(../res/top_img_002_1200.jpg);}}
@media only screen and (max-width:993px){#header{background-image: url(../res/top_img_002_1200.jpg);}}
@media only screen and (max-width:768px){#header{background-image: url(../res/top_img_002_768.jpg);}}
@media only screen and (max-width:600px){#header{background-image: url(../res/top_img_002_768.jpg);}}
*/


#pgcontainer {
	background-color: #FFF0D3;
	/* 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: #442000;
	float: right;
	width: 100%;
	text-align: center;
	vertical-align: baseline;
	padding-top: 1px;
	padding-right: 5px;
	color: #ADADAD;
	font-size: 0.9em;
}

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

#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;
	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*/
	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: #808080;
	font-size: 1.0em;
}

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

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