article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block;}
audio,canvas,video {display: inline-block;} 
[hidden] {display: none;}
a:link {text-decoration:none;}


body {background:#d5d5c5 url(../gfx/bg.jpg) no-repeat 50% 76px; margin:0; padding:0; font:0.75em/1.8em Verdana, sans-serif; text-rendering: optimizeLegibility;}
.body-i {background:#d5d5c5 url(../gfx/bg.jpg) no-repeat 50% 220px; margin:0; padding:0; font:0.75em/1.8em Verdana, sans-serif;}
#wrap {margin:0 auto; max-width:1280px; min-width : 816px}
#header {background-color: #3e464b;}
#logo {width:840px; margin:-25px auto 0 auto; position:relative; top:35px;}
#logo img.ie {display:none; visibility:hidden;}
#pics {height:147px; overflow:hidden; margin:0 auto; white-space:nowrap;}
#topmenu {width:840px; height:0; margin:-25px auto 0 auto; position:relative; top:30px;}
#topmenu h2 {color:#dad8ce; position:relative; margin-top:-50px; float:right;}
#topmenu p {color:#fff; position:relative; margin-top:-30px; float:right;}
#topmenu p a {color:#d8d7cc;}
#topmenu p a:hover {color:#fff; -webkit-transition-duration:0.4s;}
#pics img {border:none; margin:0 1px -3px 1px;}
#print {display:none;}
#content {background:white; width:820px; margin:50px auto 0 auto; padding:15px 32px 15px 34px;}
#content-i {background:white; width:820px; margin:50px auto 0 auto; padding:0 32px 15px 34px;}
#content-en {background:white; width:820px; margin:50px auto 0 auto; padding:0 32px 15px 34px; color:#000;}
.leftcol {width:410px; float:left; margin:0;  padding:0;}
.rightcol {width:370px; margin:0 0 0 452px; padding:0;}
.leftcol-archive {width:230px; float:left; margin:0;  padding:0;}
.rightcol-archive {width:440px; margin:0 0 0 340px; padding:0;}
.leftcol-i {width:360px; float:left; margin:0;}
.rightcol-i {width:440px !important; margin:0 0 0 389px;}
#noprint {visibility:visible;}
.imgtext {float: right; width: 38%; margin-top: -4px; line-height: 1.5em; color:#a74300;}
.imgtext:hover {color:#a74300;}
a:link {border-bottom:1px solid #bbb;}
#logo a, a.leftlink, a.fancybox, logo.a {border:none;}
.pubdata {border:1px solid #bbb; padding:5px; margin-top:-5px;}

footer, .footer {border-top: 1px solid #ccc; clear:both;}
footer p, .footer p {margin-bottom:80px;}

.fullcol {width:816px; margin:0;}
a.up {float:right; margin-right:-45px; margin-top:-45px; border:none;}

#toTop {display:none; text-decoration:none; position:fixed; bottom:10px; right:50%; overflow:hidden; width:34px; height:34px; border:none; text-indent:100%; 	background:url(../gfx/up.png) no-repeat left top;}

#cred {float:right; margin-right:-20px;margin-top:-58px;}

.archivedate {position:absolute; margin:18px 470px -35px -105px; background:url(../gfx/date2.png) left top no-repeat; height:78px; width:90px;}
.archivedate-old {position:absolute; margin:18px 470px -35px -105px; background:url(../gfx/date2.png) left top no-repeat; height:78px; width:90px;}
.archivedate+h2, .archivedate-old+p {padding-top:10px;border-top:1px solid #d5d5c5;}
.indexdate {float:left; margin-top:12px; margin-bottom:-10px; background:url(../gfx/date2.png) left top no-repeat; height:78px; width:90px;}

span.week {position:absolute; margin-left:3px; margin-top:8px; font-size:0.6em; color:#503d25; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);}
span.number {position:absolute; margin-left:24px; margin-top:-22px;font-size:2.6em; color:#503d25;}
span.year {position:absolute; margin-left:16px; margin-top:-2px;font-size:1.5em; color:#fff;}

.archivedate span.week {position:absolute; margin-left:3px; margin-top:8px; font-size:0.6em; color:#503d25; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);}
.archivedate span.number {position:absolute; margin-left:24px; margin-top:8px;font-size:2.6em; color:#503d25;}
.archivedate span.year {position:absolute; margin-left:16px; margin-top:16px;font-size:1.5em; color:#fff;}

.box {display:block; color:#000 !important; padding: 2px 5px; margin: 0 0 0 -5px; text-decoration:none;}
.box:hover {background-color:#f9f8f2; border-color: #f9f8f2;}
.box span {margin:10px 0 10px 0; letter-spacing:0.4em; padding:0; color:#a74300;}

.box2 {display:block; color:#000; padding: 1px 5px; margin: 0 0 0 -5px; text-decoration:none;}
.box2 span,.box2 a span, p span, p.h {color:#a74300;}
.box2 span:hover,.box2 a span:hover, p span:hover {color:#14a301;}
.box2 p.h:hover {color:#a74300;}

.hr {border-bottom:1px solid #a74300;}

/*  Type  */
h1 {font: 22px/24px  Arial, Helvetica, sans-serif; margin:0 0px 15px 0px; padding:0px; letter-spacing:0.5em; color:#000; background-color: transparent;}
h2 {font: 16px/20px  arial, helvetica, sans-serif; margin:32px 0 10px 0; letter-spacing:0.4em; padding:0; color:#a74300; background-color:transparent;}	
h2 a {font: 16px/18px  arial, helvetica, sans-serif; letter-spacing:0.4em; padding:0; color:#a74300; background-color:transparent;}
h2 a:hover {color:#14a301; -webkit-transition-duration:0.4s;}
h3 {font: 1.1em bold arial, helvetica, sans-serif; margin:10px 0 5px 0; letter-spacing:0.05em;	padding:0; color:#a74300; background-color:transparent;}
a {color:#000;}
a:hover {color:#14a301; -webkit-transition-duration:0.4s; border-bottom:1px solid #14a301;}
a.lang {color:#14a301;}
a.lang:hover {color:#fff;}
a.fancybox-next, a.fancybox-prev, a.fancybox-close {text-decoration:none; border-bottom: 0;}
sup, sub {height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; font-size: smaller;}
sup {bottom: 1ex;}
sub {top: .5ex;}

/*  List, form, images  */
ul {list-style-image: url(../gfx/dot.png); margin-left:0; padding-left:16px;}
.list {font-style:italic;}
a img, a[rel], a:link img  {border:none; text-decoration:none;}
.left {float:left;	margin-right:10px; padding:0; border:none; display: block;}
.right {float:right;	margin-left:10px; padding:0; border:none; display: block;}
.center {margin:0 auto;}
.backlink:before {content: " " url("../gfx/prevlabel.png"); margin-left:-45px; padding-right:10px; vertical-align:-60%;}
.nextlink:after {content: " " url("../gfx/nextlabel.png"); margin-right:-45px; vertical-align:-60%; text-align:right; padding-left:15px;}
.english {float:right;}
.english:after {content: " " url("../gfx/en.gif"); margin-left:5px; vertical-align:-10%;}
.expand:after {content: " " url("../gfx/up.png"); margin-left:12px; vertical-align:-70%; text-decoration:none;}
p.books {margin-top:50px; line-height:260px;}
p.books img {vertical-align:top;}


p.rightlink {text-align:right; margin-right:5px; float:right; width:400px;}
p.leftlink {text-align:left; margin-left:2px;}
blockquote {margin:0; padding:0; font-style:italic;}
.include {margin:0 25px; line-height:1.4em; color:#666;}




input {padding:5px;}
input, textarea {background-color:transparent; color: #000; border:1px solid #ccc; margin-right:4px; font-size:100%; width:360px;} 
input.formalert, textarea.formalert {background-color: transparent;  color:red; border:0; margin-left:30px; padding:0; font-style:italic;}
input[type=submit] {background-color:#d5d5c5; padding:7px 30px; border-bottom:2px solid #a29e83; border-left:1px solid #a29e83;}
input[type=reset] {background-color:#fff; color:#000; text-decoration:underline; border:0; padding:7px 30px;}
input[type=submit]:hover{background-color:#6d6855; color:#fff; -webkit-transition-duration:0.2s;}
input[type=reset]:hover {background-color:#fff; color:#58d348; -webkit-transition-duration:0.2s;}


/* Mail form  */
fieldset {border: none; margin: 0; padding: 0}
::-webkit-input-placeholder {color:#bbb; font-style:italic;}
:-moz-placeholder {color:#bbb; font-style:italic;}
::-moz-placeholder {color:#bbb; font-style:italic;}
:-ms-input-placeholder {color:#bbb; font-style:italic;}
input {padding:5px;}
input, textarea {background-color:transparent; color: #000; border:1px solid #ccc; margin-right:4px; font-size:100%;} 
.formalert {display:none; color:#f97940; font-style: italic;}
input[type=submit], input[type=reset] {max-width:12em;}
input[type=submit]:hover, input[type=reset]:hover { -webkit-transition-duration:0.4s;}

/* Fancybox */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {	padding: 0; margin: 0; border: 0; outline: none; vertical-align: top;}
.fancybox-wrap {position: absolute;	top: 0;	left: 0; z-index: 8020;}
.fancybox-skin {position: relative;	background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px;  -moz-border-radius: 4px; border-radius: 4px;}
.fancybox-opened {z-index: 8030;}
.fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner {position: relative;}
.fancybox-inner {overflow: hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}
.fancybox-error {color: #444; margin: 0; padding: 15px;	white-space: nowrap;}
.fancybox-image, .fancybox-iframe {display: block; width: 100%;	height: 100%;}
.fancybox-image {max-width: 100%; max-height: 100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('../gfx/fancybox_sprite.png');}
#fancybox-loading {position: fixed;	top: 50%; left: 50%; margin-top: -22px;	margin-left: -22px;	background-position: 0 -108px; opacity: 0.8; cursor: pointer;z-index: 8060;}
#fancybox-loading div {width: 44px;	height: 44px; background: url('../gfx/fancybox_loading.gif') center center no-repeat;}
.fancybox-close {position: absolute; top: -18px; right: -18px; width: 36px;	height: 36px; cursor: pointer; z-index: 8040; border:none;}
.fancybox-nav {position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none;  border:none; background: transparent url('../gfx/blank.gif'); -webkit-tap-highlight-color: rgba(0,0,0,0);	z-index: 8040;}
.fancybox-prev {left: -35px;}
.fancybox-next {right: -35px;}
.fancybox-nav span {position: absolute;	top: 50%; width: 36px; height: 34px; margin-top: -18px;	cursor: pointer; z-index: 8040;	visibility: hidden;}
.fancybox-prev span {left: 10px; background-position: 0 -36px;}
.fancybox-next span {right: 10px; background-position: 0 -72px;}
.fancybox-nav:hover span {visibility: visible;}
.fancybox-tmp {position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important;}
.fancybox-lock {overflow: hidden;}
.fancybox-overlay {position: absolute; top: 0; left: 0;	overflow: hidden; display: none; z-index: 8010;	background: url('../gfx/fancybox_overlay.png');}
.fancybox-overlay-fixed {position: fixed; bottom: 0; right: 0;}
.fancybox-lock .fancybox-overlay {overflow: auto; overflow-y: scroll;}
.fancybox-title {visibility: hidden; position: relative; text-shadow: none;	z-index: 8050;}
.fancybox-opened .fancybox-title {visibility: visible;}
.fancybox-title-float-wrap {position: absolute; bottom: 0; right: 50%; margin-bottom: 0; z-index: 8050;	text-align: center;}
.fancybox-title-float-wrap .child {display: inline-block; margin-right: -100%; padding: 2px 20px; background: #fff;	color: #000; font-weight: bold;	line-height: 24px; white-space: nowrap;}
.fancybox-title-outside-wrap {position: relative; margin-top: 10px;	color: #fff;}
.fancybox-title-inside-wrap {padding-top: 10px;}
.fancybox-title-over-wrap {position: absolute; bottom: 0; left: 0; color: #fff;	padding: 10px; background: #000; background: rgba(0, 0, 0, .8);}


/* Responsiveness */
	
/* Small pads vertical, iPhone*/
@media handheld, only screen and (max-width: 850px) {
	body {width:auto; -webkit-text-size-adjust: none; background:#fff !important;}
	#logo {margin-left:20px;}
	#header {width:auto; height:210px;}
	#topmenu {display:block; position:relative; width:auto; float:none;}
	#topmenu h2 {display:block; color:#dad8ce; float:none; margin:5px 0 10px 10px;}
	#topmenu p {display:block; color:#fff; float:none;  margin:5px 0 10px 10px;}
	#pics img {max-width:35%; height:35%;}
	img, object, embed, video { max-width:100%; _width:100%; } /* Fluid images */
	img { border:0; -ms-interpolation-mode:bicubic; } /* Improve IE's resizing of images */	
	#cred {position:fixed; right:0; top:120px;}
	#content, #content-i {width:98%; margin:10px 0 0 0 ;}
	.leftcol-test {width:40%; display:block;}
	.rightcol-test {width:50%; display:block; margin-left:0;}	
	.box2 {min-height:94px;}
	a.up {display:none;}
	p.leftlink {margin-left:10px;}
	.backlink:before {content: " " url("../gfx/prevlabel.png"); margin-left:-5px; padding-right:10px; vertical-align:-60%;}
	}
	
/* Small pads vertical, iPhone*/
@media handheld, only screen and (max-width: 739px) {	
	#fullcol, #content-i {width:95%; margin:10px 0 0 0 ;}
	.leftcol {width:45%; display:block;}
	.rightcol {width:45%; display:block; margin-left:0;}
	.rightcol-i {width:440px !important; margin:0 0 0 0;}
	.leftcol-test {width:40%; display:block; margin-left:0;}
	.rightcol-test {width:50%; display:block; margin-left:0;}	
	}	

/* Mobile except iPhone*/
@media handheld, only screen and (max-width: 539px) { 
	body {width:100%; margin:0; -webkit-text-size-adjust: none;  background:#fff !important;}
	#logo {margin-left:20px; width:auto;}
	#header {width:auto; height:180px;}
	#topmenu {display:block; position:relative; width:auto; float:none;}
	#topmenu h2 {display:block; color:#dad8ce; float:none; margin:5px 0 10px 10px;}
	#topmenu p {display:block; color:#fff; float:none;  margin:5px 0 10px 10px;}
	#content-en {background:white; width:94%; margin:50px auto 0 auto; padding:0 32px 15px 34px; color:#000;}
	#pics img {max-width:25%; height:25%;}
	img, object, embed, video { max-width:100%; _width:100%; } /* Fluid images */
	img { border:0; -ms-interpolation-mode:bicubic; } /* Improve IE's resizing of images */	
	#content, #content-i {width:98%; margin:10px 0 0 0;}
	#cred {position:fixed; right:0; top:120px;}
	.leftcol {width:98%; display:block;}
	.rightcol {width:98%; display:block;}
	.leftcol-test {width:98%; display:block;}
	.rightcol-test {width:98%; display:block;}
	.box2 {min-height:94px;}
	a.up {display:none;}
	.backlink:before {content: " " url("../gfx/prevlabel.png"); margin-left:-5px; padding-right:10px; vertical-align:-60%;}
	}

/* print styles */
@media print {
* {background: transparent !important; color: #444 !important; text-shadow: none;}
a, a:visited {color: #444 !important; text-decoration: none; border:none;}
a:after {content: " (" attr(href) ")";}
abbr:after {content: " (" attr(title) ")";}    
.ir a:after {content: ""; }  /* Don't show links for images */    
pre, blockquote {border: 1px solid #999; page-break-inside: avoid;}    
img {page-break-inside:avoid; border:none;}
@page {margin:.5cm;}
p, h2, h3 {orphans: 3; widows: 3;}
h2, h3 {page-break-after:avoid;}
#header, #header #pics, #cred, #header #logo {display:none; visibility:hidden;}
#print {visibility:visible;} 
}