body					{ overflow-y: scroll; background-color: #d6c8c1; }
body, input, textarea	{ font-size: 16px; }

input[type=text],
input[type=password]	{ width: 400px; }
textarea				{ width: 850px; /* restrict changing width in chrome */ max-width: 850px; }

input[type=text], 
input[type=password], 
input[type=button], 
input[type=submit],
textarea
{
	transition: border 0.4s ease;
	-o-transition: border 0.4s ease;
	-ms-transition: border 0.4s ease;
	-moz-transition: border 0.4s ease;
	-webkit-transition: border 0.4s ease;
}

.container				{ margin: 30px auto; width: 950px; }
.header					{ position: relative; height: 180px; }
.headerlogo				{ position: absolute; left: 30px; bottom: 15px; }
.languages				{ position: absolute; right: 10px; bottom: 0px; }
.languages li a,
.languages li span		{ display: inline-block; margin-left: 10px; padding: 10px 0; background-color: inherit; }
.loggedinbox			{ position: absolute; right: 10px; top: 10px; font-weight: bold; }

.navigation				{ position: relative; padding-left: 32px; font-size: 16px; }
.navigation li			{ margin-right: 20px; }
.navigation li a		{ padding: 0 25px; background-color: inherit; }
.navigation li a
{
    transition: background-color 0.4s ease;
    -o-transition: background-color 0.4s ease;
    -ms-transition: background-color 0.4s ease;
    -moz-transition: background-color 0.4s ease;
    -webkit-transition: background-color 0.4s ease;
}
.navigation li a:hover	{ color: #fff; background-color: #704935; }

.content				{ padding: 20px 20px 50px 20px; min-height: 300px; }

.footer					{ font-size: 12px; }

.news_entry				{ display: block; width: 200px; float: left; margin: 0px 40px 40px 0px; }
.news_entry a.command	{ display: inline-block; margin: 10px 0px 0px 0px; }

.gallery_group					{ display: inline-block; float: left; width: 250px; height: 100px; margin: 0px 5px 5px 0px; padding: 20px 25px 20px 20px; background-color: #f2ece9; }
.gallery_group
{
    transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
}
.gallery_group:hover			{ background-color: #e0d3cc; }
.gallery_group_thumbnail		{ display: inline-block; float: left; margin-right: 15px; text-align: right; }
.gallery_group_thumbnail img	{ border-width: 0px; max-width: 100px; max-height: 100px; }
.gallery_group_title			{ display: block; overflow: hidden; font-size: 22px; word-break: break-all; }

.gallery_thumbnail:active img	{ filter: brightness(0.5); -ms-filter: brightness(0.5); -webkit-filter: brightness(0.5); }
.gallery_thumbnail img
{
    transition: filter, -webkit-filter 0.2s ease;
    -o-transition: filter, -webkit-filter 0.2s ease;
    -ms-transition: filter, -webkit-filter 0.2s ease;
    -moz-transition: filter, -webkit-filter 0.2s ease;
    -webkit-transition: filter, -webkit-filter 0.2s ease;
}

.gallery_image					{ display: inline-block; float: left; max-width: 500px; margin: 0 15px 0 0; }
.gallery_image_description		{ margin: 5px 0 0 0; word-wrap:break-word; }

.page_locked { margin-top: 200px; font-size: 50px; text-align: center; }