@font-face {font-family: 'Anna';src:  url('/x/woff2/NotoSans-Regular.woff2') format('woff2'); font-display:block;}
body,a,td,tr,table,p,input,div,header,footer {
 font-family: "Anna", sans-serif;
 line-height:1.5em;
}
html {/*allways show scrollbars*/
	overflow-y: scroll;
	box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
html,body{margin:0;padding:0}

a {text-decoration:none;color:#05c;}
a:hover {text-decoration:underline}
.clear_both{clear:both;}
/*a.sitename {color:#000;}*/

header nav h1 {margin:0;_font-size:95%;_font-weight:normal}
table caption {
    background-color: #ccc;
    border-bottom: 1px solid #bbb;
    font-weight: 600;
    text-align: left;
    padding: 0 5px;
}
table th{background-color: #ddd;}
h1,h2,h3,h4,h5,h6{clear:both}

body {
	width: 100%;
}
html.w1000 body{
	max-width:1000px;margin:auto;
}

iframe{
 border: 0;
 height:600px;
 width:100%;
}

/***** common *****/
header,footer,main {
	width:100%;
	margin:auto;
}
header nav,footer nav{
	padding:0px 4px;	
}
main{
	margin-top:0px;
}

header > div,
main > div,
footer > div
{
	min-width: 320px;
	padding:0 8px;
}


/***** header *****/
header{
	background-color:#eee;
	_position:fixed;
    _top:0px;
    font-size: 120%;
	background: rgba(255,255,255,0.9);
	border-bottom:1px solid #111;
}

header a.sitename {
    margin-left:4px;
}

header a.logo {  
    height: 22px;
    margin: 2px;
	float: left;
}
header img.logo {  
    height: 22px;
    margin: 0px 0px 0px 0px;
	float: left;
}

/***** footer *****/
footer{
	border-top:1px solid #111;
	font-size:90%;
}
header a, footer a{
	_color:#000;
}
/***** main *****/
main{
	_padding:32px 0 0 0;
	padding:0;
}
table.content {
	border-collapse: collapse;
	color: black;
	min-width:300px;
	float:left;
	margin:5px;
}
table.content > tr > th,
table.content > tr > td,
table.content > * > tr > th,
table.content > * > tr > td {
	border-bottom: 1px #ccc dotted;
	padding: 0.2em;
	vertical-align:top;
}
/*table.content > tr > th,
table.content > * > tr > th {
	background-color: #eee;
	text-align: center;
}*/
table.content > caption {
	font-weight: bold;
}
div.banner img.i300x150{
	width:300px;
	height:150px;
	margin:8px;
}
div.banner img.i300x300{
	width:300px;
	height:300px;
	margin:8px;
}