/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
with any questions regarding Web Fonts:  http://www.linotype.com
*/

body {background-color:#184760; margin:0;
/* background-image:-webkit-linear-gradient(0deg,#404040 0%,#f0e0b0 100%); */
}

.main {position:absolute; margin:auto; width:1000px; height:824px; border:none;}

.intro {background-image:url('images/intro.jpg');}
.background {background-image:url('images/background.jpg');}

@media screen and (min-width: 1000px) {
	.main { left: 50%; margin-left: -500px; }
}

@media screen and (min-height: 824px) {
	.main { top: 50%; margin-top: -412px; }
}

.select {position:absolute; right:29px; top:20px;}
.select a {margin:10px;}
.select a:hover {background-color:lightgray;}

#logon {position:absolute; top:0px; right:0px;}

a {text-decoration:none; color:#CE8617;}
a:hover {color:#184760;}

.privacy {position: absolute; bottom: -20px; left: 20px;}
.privacy a {background: none; color: #999;}
.privacy a:hover {color: #CE8617;}
.fulltext {width:670px !important; height:670px !important; overflow:scroll;}

.home {position:absolute; width:180px; height:86px; margin:22px 0 0 9px; border:none; background-image:url('images/renard.png');}
.home:hover {-webkit-filter: brightness(10); -moz-filter: brightness(10); -ms-filter: brightness(10); -o-filter: brightness(10); filter: brightness(10);}

.nav {position:absolute; top:142px; left:-24px; width:200px; max-width:200px;}
.nav ul {list-style-type:none;}
.nav a, .btmnav a {font-family:'Pide Nashi LT W01 1'; font-size:25pt; font-weight:light; color:#280100;}
.nav a:hover {color:#EBEBEB;/* -webkit-filter: saturate(0%); */}
.nav li {margin:20px 0 0 0; height:80px;}

.nav li:first-child {height:85px;}
.nav li:first-child +li {height:75px;}
.nav li:first-child +li +li {height:120px;}
.nav li:first-child +li +li +li {height:64px;}
.nav li:first-child +li +li +li +li {height:93px;}

#menuItem1 {position:absolute; width:200px; height:85px; background-image:url('images/stone1.png');}
#menuItem2 {position:absolute; width:200px; height:80px; background-image:url('images/stone2.png');}
#menuItem3 {position:absolute; width:200px; height:80px; background-image:url('images/stone3.png');}
#menuItem4 {position:absolute; width:225px; height:80px; background-image:url('images/stone4.png');}
#menuItem5 {position:absolute; width:200px; height:80px; background-image:url('images/stone5.png');}
#menuItem6 {position:absolute; width:200px; height:75px; background-image:url('images/stone6.png');}

#DE-menuText1 {position:relative; left:107px; top:18px;}
#DE-menuText2 {position:relative; top:11px;}
#DE-menuText3 {position:relative; left:36px; top:69px;}
#DE-menuText4 {position:relative; top:17px;}
#DE-menuText5 {position:relative; left:104px; top:47px;}
#DE-menuText6 {position:relative; top:59px;}

#EN-menuText1 {position:relative; left:107px; top:18px;}
#EN-menuText2 {position:relative; top:11px;}
#EN-menuText3 {position:relative; left:0px; top:69px;}
#EN-menuText4 {position:relative; top:17px;}
#EN-menuText5 {position:relative; left:104px; top:47px;}
#EN-menuText6 {position:relative; top:59px;}

#FR-menuText1 {position:relative; left:107px; top:18px;}
#FR-menuText2 {position:relative; left:-7px; top:38px;}
#FR-menuText3 {position:relative; left:-7px; top:69px;}
#FR-menuText4 {position:relative; left:10px; top:17px;}
#FR-menuText5 {position:relative; left:104px; top:47px;}
#FR-menuText6 {position:relative; left:-7px; top:67px;}

.btmnav {position:absolute; bottom:60px; right:5px;}
.sub {position:absolute; left:237px; bottom:34px;}
.sub ul, .btmnav ul {position:relative; list-style-type:none;}
.sub a {font-family: Arial, Verdana, Helvetica; font-size:12pt; font-weight:bold; color:#280100;}
.sub a:hover, .btmnav a:hover {color:#CE8617;}
.sub a div {width:35px; height:34px; margin:auto;}
.sub li {float:left; margin:0 25px 0 0; height:52px;}

.btmnav li {float:left; margin:0 15px 0 0; height:55px;}
.btmnav a div {width:90px; height:54px; margin:auto;}
.btmnavText {position:relative; top:-5px;}

#backImg {background-image:url('images/stone-0.png');}
#prevImg {background-image:url('images/stone-l.png');}
#nextImg {background-image:url('images/stone-r.png');}

#back:active #backImg {background-image:url('images/stone-0h.png');}
#prev:active #prevImg {background-image:url('images/stone-lh.png');}
#next:active #nextImg {background-image:url('images/stone-rh.png');}

/* .WebYepMenuCurrentItem a {color:yellow;} */

h1 {
position:absolute;
margin-top:33px;
margin-left:273px;
font-family:'Pide Nashi LT W01 1';
font-size:49px;
color:#74281A;
font-weight:lighter;
}

strong {font-size:18px;}

.KURSIV {font-style:italic;}
.WICHTIG {font-size:18px; font-style:italic;}

.frame {
	border: 15px solid transparent;
	-webkit-border-image: url(./images/frame.png) 15 18 15 20 stretch;
	   -moz-border-image: url(./images/frame.png) 15 18 15 20 stretch;
	        border-image: url(./images/frame.png) 15 18 15 20 fill stretch;
	
	behavior: url(../PIE.php);
	padding:1px;
}

.frame-g {
	border: 11px solid transparent;
	-webkit-border-image:url(./images/frame-g.png) 11 11 11 11 stretch;
	   -moz-border-image:url(./images/frame-g.png) 11 11 11 11 stretch;
			 border-image:url(./images/frame-g.png) 11 11 11 11 fill stretch;

	behavior: url(../PIE.php);
	padding:0px;
}

.frame-g a img {border:none}

#topleft {position:absolute; top:108px; left:262px;}
#topright {position:absolute; top:108px; right:26px;}
#btmleft {position:absolute; bottom:138px; left:262px;}
#btmright {position:absolute; bottom:138px; right:26px;}

#img1 {position:absolute; top:108px; left:257px;}
#img2 {position:absolute; top:108px; right:23px;}
#img3 {position:absolute; bottom:138px; left:257px;}
#img4 {position:absolute; bottom:138px; right:23px;}

#bottom {position:absolute; bottom:42px; left:262px;}

.myimg {visibility:visible;}
.myimg img, .myimg a img {padding:1px; border:none;}
.shift {position:relative; top:-15px;}

.text {
position:absolute;
width:337px;
font-family: Arial, Verdana, Helvetica;
font-size: 13px;
font-weight:bold;
color: #370000;
}

.topleft {top:117px; left:275px;}
.topright {top:117px; right:41px; width:330px;}
.btmleft {top:408px; left:275px;}
.btmright {top:408px; right:41px; width:330px;}

#gallery {position:absolute; top:115px; left:270px;}

#contactform {position:absolute; top:260px; left:275px;}
.check {float:left; margin:2px 10px 20px 2px;}