﻿/*ドイツ語ページ*/

*, *:before, *:after {
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
}
body{
	color:#000000; font-size: 81.25%;font-family: "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Verdana, "ヒラギノ角ゴシック　 Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", Arial, sans-serif, Arial Unicode;
	line-height: 1.6923076;align: center;text-align: center;-webkit-text-size-adjust: 100%;margin: 0; padding: 0;background: url(../background.png);background-repeat: repeat;background-attachment: fixed; background-position: 0% 0%;
}
body:before { /* top shadow */
	content: "";position: fixed;top: -10px;left: -10px;width: 110%;height: 10px;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);-ms-box-shadow: 0px 0px 10px rgba(0,0,0,.8);-o-box-shadow: 0px 0px 10px rgba(0,0,0,.8);box-shadow: 0px 0px 10px rgba(0,0,0,.8);z-index: 100;
}



/* サイト全般のBOX設定 */

.wrapper {
	width: 100%;min-width: 320px;margin: 0 auto;padding: 0;position: relative;
}
.container {
	margin: 23px auto;padding: 3.51562% 3.51562% 0 3.51562% ;border: 0;align: center;text-align: justify;width: 100%;max-width: 900px;background: rgba(255,255,224,0.9);
	-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;
	-moz-box-shadow:5px 5px 8px rgba(0,0,0,0.5);-webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.5);-o-box-shadow: 5px 5px 8px rgba(0,0,0,0.7);box-shadow: 5px 5px 8px rgba(0,0,0,0.5);
}
.content {
	margin: 3em 0 0 0;padding: 0;overflow: hidden;
}
.contentwithborder {
	margin: 3em 0 0 0;padding: 3em 0 0 0;border-top: 1px solid rgba(91,91,60,0.2);overflow: hidden;
}



/* サイト全般のリンク設定 */

a:link {
	text-decoration: none;color: #841609; 
}
a:hover, dd a:hover, p a:hover {
	text-decoration: underline;color: #dabe6e; 
}
a:active {
	text-decoration: none;color: #dabe6e; 
}
a:visited {
	text-decoration: none;color: #841609; 
}



/* ヘッダー（h1、ロゴ、言語切り替え）設定 */

header {
	width: 100%;border: 0;margin: 0 auto;padding: 0;position: relative;
}
#logo {
	margin: 0;width: 100%;max-width: 107px;height: auto;border: 0;position: absolute; top: -5px; left: 10px;overflow: visible;z-index: 70;
	-moz-box-shadow:5px 5px 8px rgba(0,0,0,0.5);-webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.5);-o-box-shadow: 5px 5px 8px rgba(0,0,0,0.7);box-shadow: 5px 5px 8px rgba(0,0,0,0.5);
	-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
#logo:hover {
	-webkit-transform: scale(0.98);-moz-transform: scale(0.98);-o-transform: scale(0.98);-ms-transform: scale(0.98);transform: scale(0.98);
}
h1 {
	margin: 0;padding:  0.9375em 0 0 135px;text-align: left;width: 100%;font-size: 206.25%;line-height: 1.5625;color: #000000;font-family: verdana, sans-serif;font-weight: 500;letter-spacing: -2px;
	text-shadow: 1px 1px 3px rgba(225,225,225,1);
}	
.language {
	margin: 20px 0 18px 0;padding: 0 2.34375% 0 0;width: 100%;line-height: 1.8333333;text-align: right;color: #ffffff;font-size: 12px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(33,26,0,0.8)); 
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(33,26,0,0.8)); 
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(33,26,0,0.8)); 
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(33,26,0,0.8)); 
}
.language > a {
	color: #ffffff;
}
.language > a:hover {
	color: #ffff00;
}



/* サイト全般の　テキスト　設定 */

h2 {
	font-family: "Times New Roman";font-style: italic;font-size: 250%;line-height: 1;text-align: left;color: rgb(91,91,60);margin: 0 0 20px 0;
}
h3 {
	font-family:"Times New Roman";font-style: italic;font-size: 187.5%;line-height: 1.2;text-align: left;margin: 0;color: rgb(91,91,60);
}
h4 {
	font-family: "Times New Roman";font-style: italic;font-size: 125%;line-height: 1;text-align: left;margin: 0;color: rgb(91,91,60);
}
h5 {
	font-size: 115%; line-height: 0.5;margin: 3em 0 0 0;font-weight: bold;
}
p {
	margin: 1em 0;text-align: left;
}
ol {
	margin: 1em 0 3em 0;
}



/* コピーライト表示 */	

footer {
	margin: 3.90625em auto 0 auto;padding:  0 0 2.3437em 0;align: center;border-top: 1px solid rgba(91,91,60,0.8);text-align: center;width: 100%;max-width: 500px;font-style: normal;font-size: 80%;color: rgb(91,91,60);
}



/* サイト全般の　テキストハイライト　設定 */

h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, p::selection, address::selection, li::selection, u::selection, strong::selection, span::selection, dt::selection, dd::selection {
	background: #336633;color: #ffffff;
}
h1::-moz-selection, h2::-moz-selection, h3::-moz-selection, h4::selection, h5::selection, p::-moz-selection, address::-moz-selection, li::-moz-selection, u::-moz-selection, strong::-moz-selection, span::-moz-selection, dt::-moz-selection, dd::-moz-selection {
	background: #336633;color: #ffffff;
}



/*  HOME　toppagenavi：　大枠 */

.toppagenavi1, .toppagenavi2 {
	margin: 0 auto;padding: 0;align: center;text-align: center;list-style: none;width: 100%;max-width: 1200px;
}
.toppagenavi1 li {
	white-space: nowrap;overflow: visible;display: inline-block;width: 210px;height: 338px;margin: 0 1.5% -25% 1.5%;padding: 0;list-style: none;position: relative;background: url(../navishadow.png);
}
.toppagenavi2 li {
	white-space: nowrap;overflow: visible;display: inline-block;width: 210px;height: 338px;margin: 0 1.5% 5px 1.5%;padding: 0;list-style: none;position: relative;background: url(../navishadow.png);
}
.toppagenavi1 a {
	overflow: visible;display: block;width: 198px;height: 300px;padding: 170px 0 0 0;text-align: center;color: #ffffff;text-decoration: none;text-shadow: 0 1px 1px rgba(0,0,0,0.7);font-family: "Times New Roman";font-style: italic;font-size: 160%;line-height: 1.3;margin: 0;background-repeat: no-repeat;
	-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;
}
.toppagenavi2 a {
	overflow: visible;display: block;width: 198px;height: 300px;padding: 200px 0 0 0;text-align: center;color: #ffffff;text-decoration: none;text-shadow: 0 1px 1px rgba(0,0,0,0.7);font-family: "Times New Roman";font-style: italic;font-size: 160%;line-height: 1.3;margin: 0;background-repeat: no-repeat;
	-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;
}
#navi1 {
	background: url(../navi1-1.png);
}
#navi2 {
	background: url(../navi2-1.png);
}
#navi3 {
	background: url(../navi3-1.png);
}
#navi4 {
	background: url(../navi4-1.png);
}
#navi5 {
	background: url(../navi5-1.png);
}
.toppagenavi a:hover {
	text-decoration: none;
}
.toppagenavi a:focus {
	outline: none;
} 
.toppagenavi li:hover {
	background: none;
}
a#navi1:hover {
	background: url(../navi1-2.png);
}
a#navi2:hover {
	background: url(../navi2-2.png);
}
a#navi3:hover {
	background: url(../navi3-2.png);
}
a#navi4:hover {
	background: url(../navi4-2.png);
}
a#navi5:hover {
	background: url(../navi5-2.png);
}



/* HOME　お知らせ：　チェックボックスは非表示*/

#start {
	display: none;
}
/*  HOME　お知らせ：　アニメーション */
#news {
	position: fixed;right: -611px;top: 50%;z-index: 80;width: 691px;height: 185px;margin: 0;padding: 0;cursor: pointer;overflow: hidden;color: ffffff;text-align: left;
	border-radius: 5px 0px 0px 5px;-moz-border-radius: 5px 0px 0px 5px;-webkit-border-radius: 5px 0px 0px 5px;border-left: 1px solid #ffffff;
	-moz-box-shadow: 0px 0px 8px -2px #000000;-webkit-box-shadow: 0px 0px 8px -2px #000000;-o-box-shadow: 0px 0px 8px -2px #000000;box-shadow: 0px 0px 8px -2px #000000;
	background-image: -webkit-linear-gradient(left, rgba(33,26,0,0.9), rgba(0,0,0,0.5)); 
	background-image: -moz-linear-gradient(left, rgba(33,26,0,0.9), rgba(0,0,0,0.5)); 
	background-image: -ms-linear-gradient(left, rgba(33,26,0,0.9), rgba(0,0,0,0.5)); 
	background-image: -o-linear-gradient(left, rgba(33,26,0,0.9), rgba(0,0,0,0.5)); 
	-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;
}
#newsbutton {
	display: block;float: left;width: 20px;height: 185px;margin: 0 40px 0 30px;padding: 0;overflow: hidden;word-wrap: break-word;
}
#newsbutton h3 {
	font-family: "Times New Roman";font-style: italic;line-height: 1.83;font-weight: 300;color: #ffffff;align: center;text-align: center;
}
#newscontent {
	display: block;margin: 0;padding: 0 10px;float: left;width: 600px;height: 125px;overflow: auto;border-left: 1px solid rgba(91,91,60,0.5);
	position: relative;top: 50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);
}
#newscontent p, #newscontent h4, #newscontent ol li {
	color: #ffffff;
}
#newscontent p a {
	display: inline-block;color: #dabe6e;text-decoration: none;padding: 0.25em 1em;background: rgba(0,0,0,0.5);
}
#newscontent p a:hover {
	color: #ffff00;text-decoration: none;background: rgba(0,0,0,1);
}
#newscontent .separation {
	color: rgba(91,91,60,0.5);
}
/*  HOME　お知らせ：　開いた状態の大きさ */
#start:checked ~ label #news {
	right: 0px;
}
#closebutton {
	margin: 0 0 10px 10px;
}



/*  中身ページ　nav contentnavi：　大枠 */

#menu-box {
	overflow: hidden;
}
#menu {
	width: 100%;max-width: 900px;margin: 0 auto;padding: 0;
}
#menu li {
	display: block;float: left;width: 16.666%;height: 48px;margin: 0;padding: 0;
	-moz-box-shadow:5px 5px 8px rgba(0,0,0,0.5);-webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.5);-o-box-shadow: 5px 5px 8px rgba(0,0,0,0.5);box-shadow: 5px 5px 8px rgba(0,0,0,0.5);
}
#menu li:first-child {
	-moz-border-radius: 5px 0 0 0;-webkit-border-radius: 5px 0 0 0;-o-border-radius: 5px 0 0 0;border-radius: 5px 0 0 0;
}
#menu li:last-child {
	-moz-border-radius: 0 5px 0 0;-webkit-border-radius: 0 5px 0 0;-o-border-radius: 0 5px 0 0;border-radius: 0 5px 0 0;
}
#menu li#currentpage {
	display: block;padding: 5px 0;border-right: 1px solid rgba(34,34,34,0.8);border-left: 1px solid rgba(102,102,102,0.8);height: 48px;
	color: #fff;font-size: 12px;line-height: 38px;text-align: center;text-decoration: none;text-shadow: 0 1px 1px rgba(0,0,0,0.7);
	background-image: -webkit-linear-gradient(top, rgba(109,116,66,0.8), rgba(0,0,0,0.7)); 
	background-image: -moz-linear-gradient(top, rgba(109,116,66,0.8), rgba(0,0,0,0.7)); 
	background-image: -ms-linear-gradient(top, rgba(109,116,66,0.8), rgba(0,0,0,0.7)); 
	background-image: -o-linear-gradient(top, rgba(109,116,66,0.8), rgba(0,0,0,0.7));
} 
#menu li a {
	display: block;padding: 5px 0;height: 48px;background: url(../dropbackground.png);background-position: 50% 100%;border-right: 1px solid rgba(44,44,44,0.7);border-left: 1px solid rgba(102,102,102,0.8);
	color: #fff;font-size: 12px;line-height: 38px;text-align: center;text-decoration: none;text-shadow: 0 1px 1px rgba(0,0,0,0.7);
	-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;
}
#menu li.double#currentpage, #menu li a.double {
	display: block;line-height: 19px;
}
#menu li:first-child a {
	-moz-border-radius: 5px 0 0 0;-webkit-border-radius: 5px 0 0 0;-o-border-radius: 5px 0 0 0;border-radius: 5px 0 0 0;
}
#menu li:last-child a {
	-moz-border-radius: 0 5px 0 0;-webkit-border-radius: 0 5px 0 0;-o-border-radius: 0 5px 0 0;border-radius: 0 5px 0 0;
}
#menu li a:hover {
	background: url(../dropbackground.png);background-position: 50% 0%;
}
#toggle{
	display: none;
}



/*  中身ページ：　各ページイメージ画像 */

.fluid-image {
	max-width: 100%;margin-bottom: 3.51562%;
}




/* 中身ページ：　このアソシエーションのことページ */

.contentwithborder > img {
	margin-left: 15px;float: right;width: 190px;height: 249px;
}



/* 中身ページ：　お茶のことページ */	

.explanation {
	margin: 0;padding: 3em 0; position: relative;border-top: 1px solid rgba(91,91,60,0.2);
}
.explanation img {
	margin: 0;padding: 0;position: absolute; top: 3em;left: 0;width: 100px;height: 100px;
	-moz-box-shadow: 1px 1px 28px -10px rgba(0,0,0,0.4);-webkit-box-shadow: 1px 1px 28px -10px rgba(0,0,0,0.4);box-shadow: 1px 1px 28px -10px rgba(0,0,0,0.4);
}
.explanation h3, .explanation p, .explanation ul {
	margin: 0 0 0.78125em 130px; padding: 0;
}
p.annotation {
	align: right;text-align: right;color: #555555;
}



/*　中身ページ：　セミナーページ　セミナー内容とlightboxと参加条件の配置　*/

#seminar-content {
	margin: 0;padding: 0 3% 0 0;display: block;float: left;width: 80%;max-width: 648px;height: 100%;border-right: 1px solid rgba(91,91,60,0.2);
}
#seminar-content span {
	display: inline-block;color: #888888;margin-bottom: 1em;padding-left: 1em;
}
#seminar-lightbox {
	margin: 0;padding: 0 0 0 3%;display: block;float: left;width: 20%;max-width: 162px;height: 100%;text-align: left;
}
#seminar-lightbox > ul {
	margin: 0;padding: 0;display: inline-block;width: 100%;height: 100%;
}
#seminar-lightbox > ul > li {
	display: inline-block;width: auto;max-width: 162px;height: auto;list-style: none;text-align: left;
}
.thumbnail {
	margin: 2em auto 0 auto;padding: 0;text-align: center;width: 100%;max-width: 100px;height: auto;
	-moz-box-shadow: 1px 1px 28px -10px rgba(0,0,0,0.4);-webkit-box-shadow: 1px 1px 28px -10px rgba(0,0,0,0.4);box-shadow: 1px 1px 28px -10px rgba(0,0,0,0.4);
}
a:hover .thumbnail {
	margin: 2.2em auto -0.2em auto;
} 
.eventgalarytoggle {
	display: block;position: relative;width: 100%;
}
#galarymenu {
	margin: -100% 0 0 -490%;width: 490%;background: rgba(0,0,0,0.7);display: none;font-size: 85%;
	-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;
	-moz-box-shadow:5px 5px 8px rgba(0,0,0,0.5);-webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.5);-o-box-shadow: 5px 5px 8px rgba(0,0,0,0.7);box-shadow: 5px 5px 8px rgba(0,0,0,0.5);
}
#galarymenu li {
	display:inline-block;vertical-align: top;width: 20%;height: auto;margin: 0 2%;padding; 0;list-stylen: none;text-align: left;
}
#galarymenu li:last-child {
	display: box;width: 98%;text-align: right;
	opacity: 0.8;filter: alpha(opacity=80);filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);-ms-filter: "alpha(opacity=80)"; -moz-opacity: 0.8;-khtml-opacity: 0.8;        
}
#galarymenu li:last-child:hover {
	opacity: 1;filter: alpha(opacity=100);filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-ms-filter: "alpha(opacity=100)"; -moz-opacity: 1;-khtml-opacity: 1;        
}	
#galarymenu li a {
	color: #ffffff;text-shadow: 0 1px 1px rgba(0,0,0,0.7);
}
#galarymenu li a:hover {
	color: #dabe6e;
}



/* 中身ページ：　リンクページ　dl　設定 */

.link {
	overflow: hidden;
}
.link dt span {
	color: #888888;
}
.link dd {
	margin-bottom: 2em;
}



/* 中身ページ：　コンタクトページ　まるなデザイン情報 */

.marunadesign {
	margin: 0;padding: 3em 0 0 0;align: right;text-align: right;
}
.marunadesign h4 {
	align: right;text-align: right;
}	
.marunadesign p {
	font-size: 80%;align: right;text-align: right;
}


/*  メディアクエリー */

@media only screen and (max-width: 768px) {
	.toppagenavi1 li {
		width: 150px;height: 250px;margin: 0 1.5% -20% 1.5%;background: url(../navishadow2.png);
	}
	.toppagenavi2 li {
		width: 150px;height: 250px;margin: 0 1.5% 5px 1.5%;background: url(../navishadow2.png);
	}
	.toppagenavi1 a {
		width: 150px;height: 250px;padding: 125px 0 0 0;font-size: 130%;
	}
	.toppagenavi2 a {
		width: 150px;height: 250px;padding: 145px 0 0 0;font-size: 130%;
	}
	#navi1 {
		background: url(../navi12-1.png);background-repeat: no-repeat;
	}
	#navi2 {
		background: url(../navi22-1.png);background-repeat: no-repeat;
	}
	#navi3 {
		background: url(../navi32-1.png);background-repeat: no-repeat;
	}
	#navi4 {
		background: url(../navi42-1.png);background-repeat: no-repeat;
	}
	#navi5 {
		background: url(../navi52-1.png);background-repeat: no-repeat;
	}
	a#navi1:hover {
		background: url(../navi12-2.png);background-repeat: no-repeat;
	}
	a#navi2:hover {
		background: url(../navi22-2.png);background-repeat: no-repeat;
	}
	a#navi3:hover {
		background: url(../navi32-2.png);background-repeat: no-repeat;
	}
	a#navi4:hover {
		background: url(../navi42-2.png);background-repeat: no-repeat;
	}
	a#navi5:hover {
		background: url(../navi52-2.png);background-repeat: no-repeat;
	}
	#logo {
		margin: 0;width: 95px;height: auto;border: 0;
	}
	h1 {
		font-size: 190.625%;line-height: 1.6;padding: 0.8em 0 0 120px;
	}
	.language {
		margin: 20px 0 2% 0;
	}
	#news {
		right: -390px;width: 470px;
	}
	#newscontent {
		width: 379px;height: 155px;
	}
	#menu li {
		width: 33.3333%;border-bottom: 1px solid rgba(34,34,34,0.9);
	}
	#menu li:first-child a, #menu li:last-child a {
		-moz-border-radius: 0 0 0 0;-webkit-border-radius: 0 0 0 0;-o-border-radius: 0 0 0 0;border-radius: 0 0 0 0;
	}
	.container {
		margin: 2.6% auto 0 auto;
		-moz-border-radius: 5px 5px 0 0;-webkit-border-radius:  5px 5px 0 0;-o-border-radius:  5px 5px 0 0;border-radius:  5px 5px 0 0;
		-moz-box-shadow:0px 0px 0px0;-webkit-box-shadow: 0px 0px 0px;-o-box-shadow: 0px 0px 0px;box-shadow: 0px 0px 0px;
	}
	#link1, #link2 {
		display: block;float: none;width: 100%;margin: 0;
	}
	#galarymenu {
		margin: -150% 0 0 -485%;width: 485%;font-size: 70%;padding: 5px;
	}
	#galarymenu li {
		width: 20%;
	}
}
@media only screen and (max-width: 480px) {	
	h1 {
		font-size: 170%;line-height: 1.3;padding: 0.6em 0 0 120px;width: 259px;margin: 0;
	}
	#logo {
		margin: 0;width: 93px;height: auto;border: 0;
	}
	.animatedParent .toppagenavi1, .animatedParent .toppagenavi1 a#navi1 br, .animatedParent .toppagenavi1 a#navi2 br, .animatedParent .toppagenavi1 a#navi3 br, .animatedParent .toppagenavi2,
	 #menu, #menu br {
		display: none;
	}
	.animatedParent .toppagenavi1 li, .animatedParent .toppagenavi2 li, #menu li {
		width: 100%;height: 48px;display: block;margin: 0;padding: 0;border: 0 0 1px 0 solid  rgba(34,34,34,0.9);
		-moz-box-shadow:5px 5px 8px rgba(0,0,0,0.5);-webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.5);-o-box-shadow: 5px 5px 8px rgba(0,0,0,0.5);box-shadow: 5px 5px 8px rgba(0,0,0,0.5);
	}
	.animatedParent .toppagenavi1 li a#navi1, .animatedParent .toppagenavi1 li a#navi2, .animatedParent .toppagenavi1 li a#navi3, .animatedParent .toppagenavi2 li a#navi4, .animatedParent .toppagenavi2 li a#navi5 {
		width: 100%;height: 48px;display: block;padding: 5px 0;background: url(../dropbackground.png);background-position: 50% 100%;border-right: 1px solid rgba(44,44,44,0.7);border-left: 1px solid rgba(102,102,102,0.8);
		color: #fff;font-size: 12px;font-style: normal;font-family: "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Verdana, "ヒラギノ角ゴシック　 Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", Arial, sans-serif, Arial Unicode;
		line-height: 38px;text-align: center;text-decoration: none;text-shadow: 0 1px 1px rgba(0,0,0,0.7);
		-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;
	}
	.animatedParent .toppagenavi1 li a#navi1:hover, .animatedParent .toppagenavi1 li a#navi2:hover,.animatedParent .toppagenavi1 li a#navi3:hover,.animatedParent .toppagenavi2 li a#navi4:hover,.animatedParent .toppagenavi2 li a#navi5:hover {
		background: url(../dropbackground.png);background-position: 50% 0%;
	}
	#menu li.double#currentpage, #menu li a.double {
		display: block;line-height: 38px;
	}
	#news {
		position: relative;right: 0;margin: 2.6% 0;padding: 3.51562% 3.51562% 0 3.51562%;width: 100%;height: auto;cursor: auto;color: #000000;border: 0;background: rgba(255,255,224,0.9);
		-moz-border-radius: 5px;-webkit-border-radius:  5px;-o-border-radius:  5px;border-radius:  5px;
		-moz-box-shadow:0px 0px 0px0;-webkit-box-shadow: 0px 0px 0px;-o-box-shadow: 0px 0px 0px;box-shadow: 0px 0px 0px;
	}
	#newsbutton {
		display: block;float: none;width: 100%;height: auto;margin: 0;padding: 0;
	}
	#newsbutton h3 {
		font-family:"Times New Roman";font-style: italic;font-size: 200%;line-height: 1.16667;font-weight:bold;color: rgb(91,91,60);text-align:justify;margin: 0;
	}
	#newscontent {
		padding: 0;float: none;width: 100%;height: auto;border-left: 0px;
		top: 0;-moz-transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);
	}
	#newscontent h4 {
		font-family: "Times New Roman";font-style: italic;font-size: 125%;line-height: 1;text-align: left;margin: 0;color: rgb(91,91,60);
	}
	#newscontent p, #newscontent ol li {
		color: #000000;
	}
	#newscontent p a {
		color: #841609;text-decoration: none;padding: 0.25em 1em;background: rgba(0,0,0,0.1);
	}
	#newscontent p a:hover {
		color: #dabe6e;text-decoration: none;background: rgba(0,0,0,1);
	}
	#newscontent img#closebutton {
		display: none;
	}		
	#toggle {
		display: block;position: relative;width: 100%;background: rgba(0,0,0,0.8);
	}
	#toggle a {
		display: block;position: relative;border-bottom: 1px solid #444;line-height: 38px;color: #fff;text-align: center;text-decoration: none;
	}
	#toggle:before {
		display: block;content: "";position: absolute;top: 9px;left: 10px;width: 20px;height: 20px;background: #fff;
	}
	#toggle a:before, #toggle a:after {
		display: block;content: "";position: absolute;top: 50%;left: 10px;width: 20px;height: 4px;background: rgba(0,0,0,0.8);
	}
	#toggle a:before {
		margin-top: -6px;
	}
	#toggle a:after {
 		margin-top: 2px;
	}
	.explanation img {
		position: relative;margin: -3em 20px 3.5em 0;float: left;
	}
	.explanation h3, .explanation p {
		margin: 0 0 0.78125em 0; padding: 0;
	}
	.explanation ul{
		margin: 0 0 0.78125em 0; padding: 0;list-style-position: inside;
	}
	p.annotation {
		align: left;text-align: justify;
	}
	#seminar-content {
		margin: 0;padding: 0;float: none;display: block;width: 100%;border-right: 0px;
	}
	#seminar-lightbox {
		margin: 0;padding: 0;float: none;display: block;width: 100%;max-width: 480px;
	}
	#seminar-lightbox .thumbnail {
		margin: 2em 0 0 0;padding: 0;width: 100px;height: 100px;text-align: left;
		-moz-box-shadow: 1px 1px 28px -10px rgba(0,0,0,0.4);-webkit-box-shadow: 1px 1px 28px -10px rgba(0,0,0,0.4);box-shadow: 1px 1px 28px -10px rgba(0,0,0,0.4);
	}
	#seminar-lightbox > ul > li {
		width: 35%;height: auto;margin-left: 5px;list-style: none;text-align: left;vertical-align: top;
	}
	#galarymenu {
		margin: -16% 0 0 -108%;width: 275%;font-size: 70%;padding: 5px;
	}
	#galarymenu li {
		width: 35%;margin: 0 6%;
	}
	#galarymenu li:last-child {
		width: 95%;
	}
}



