/*
author: André Arnold
file name:	format.css
file home:	http://www.japaninleipzig.de/format.css
last edit:	2011-04-05
*/

body
{
	background-color: #CDB;
	background-image: url(img/bg_sakura2.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	padding: 0px; margin: 0px;
	color: #342;
	font-size: 12pt;
	font-family: sans-serif;
}
p,dl
{
	margin: 0.75em 10px;
}
h3
{
	margin: 1em 0 0.5em 0;
	font-size: 1.5em;
	color: #a55;
	font-weight: bold;
	font-family: serif;
}
h5
{
	margin: 1em 0 0.5em 0;
	font-size: 1.2em;
	color: #a55;
	text-decoration: underline;
	font-weight: normal;
	font-family: serif;
}
td
{
	vertical-align: top;
}

a img
{
	border: none;
}

dd
{
	margin-left: 0.5em;
}
dd+dt
{
	margin-top: 0.5em;
}

.left
{
	text-align: left;
}
.center
{
	text-align: center;
}
.right
{
	text-align: right;
}
.bold
{
	font-weight: bold;
}
.float-l
{
	float: left;
}
.float-r
{
	float: right;
}
.clear-l
{
	clear: left;
}
.clear-r
{
	clear: right;
}
.clear-b
{
	clear: both;
}
.hl1
{
	color: #a55;
	font-weight: bold;
}
.hl2, dt
{
	color: #a55;
	font-style: italic;
}
.hl3
{
	color: #a55;
}
div.t1, div.t2
{
	padding: 5px;
}
.t2, .sx-event-odd
{
	background-image: url(img/bodybg.png);
}
.t1, .sx-event-even
{
	background-image: url(img/leftmenubg.png);
}
.no-tb-margin
{
	margin-top: 0;
	margin-bottom: 0;
}
.first-letter
{
	font-size: 3em;
	float: left;
	margin: -0.35em 0.05em -0.4em 0;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	font-family: serif;
}
.smaller
{
	font-size: 0.8em;
}
table.data
{
	margin-left: 1em;
}
table.data th, table.data td
{
	margin: 0; padding: 0;
}
table.data th
{
	text-align: right;
	vertical-align: top;
	padding-right: 0.5em;
	font-weight: normal;
	font-style: italic;
}
.sx-event
{ padding:0.1em; }
.sx-event-title
{ font-weight:bold; }
.sx-event-item
{ float:left; font-style:italic; width:8em; text-align:right; padding:0; margin:0; }
.sx-event-item:after
{ content:':'; }
.sx-event-value
{ margin-left:8.5em; }

#mainframe
{
	padding: 0px; margin: 0px auto;
	border: none;
	position: relative;
	min-width: 700px;
	width: 75%;
	max-width: 2000px;
	overflow: hidden;
	margin-bottom: 2em;
}

#small-header
{
	font-size: 1.5em;
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin-top: 2em;
	padding: 20px;
	border: solid 2px #675;
	background-image: url(img/leftmenubg.png);
	background-position: center bottom;
	background-repeat: repeat;
}

#header
{
	height: 354px;
	width: 100%;
	margin-bottom: -165px;
	background-image: url(img/headbg.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}

#headmenu
{
	/*float: left;*/
	width: 100%;
	text-align: center;
}
#headmenu ul
{
	width: auto;
	list-style-type: none;
	margin: 0px; padding: 0px;
	border: solid 1px #a55;
	background-image: url(img/headmenubg.png);
	background-position: center;
	overflow: hidden;
}
#headmenu li
{
	float: left;
	width: 20%;
	/*background-color: #DAA;
	background-image: url(img/headmenubg.png);
	background-position: center;*/
}
#headmenu abbr
{
	text-decoration: none;
	border: none;
}
#headmenu a
{
	display: block;
	padding: 0;
	margin: 0;
	text-align: center;
	text-decoration: none;
	color: white;
	background-color: transparent;
	border: solid 1px transparent;
	font-weight: bold;
}
#headmenu li + li > a
{
	margin-left: 4px;
}
#headmenu a.x
{
	background-image: url(img/buttondown.png);
	background-position: center;
	background-repeat: repeat-x;
	border-color: #a55;
}
#headmenu a:hover,#headmenu a:focus
{
	text-decoration: none;
	color: #a55;
	background-color: #daa;
	background-image: url(img/button.png);
	background-position: center;
	background-repeat: repeat-x;
	border-color: #fff;
}

#leftmenu
{
	float: left;
	width: 20%;
	/*background-color: #ab9;*/
	background-image: url(img/leftmenubg.png);
	background-position: center;
	border: solid 1px #675;
	border-width: 0 0 1px 1px;
}
#leftmenu hr
{
	border: none;
	height: 1px;
	background-color: #675;
	color: #675;
	margin: 0.1em 0em;
}
#leftmenu ul
{
	width: 100%;
	list-style-type: none;
	margin: 0px; padding: 0px;
}
#leftmenu a
{
	display: block;
	margin: 5px 0px;
	padding: 0px 10px;
	background-color: transparent;
	border: solid 1px transparent;
	text-decoration: none;
	color: white;
}
#leftmenu a:hover,#leftmenu a:focus
{
	text-decoration: none;
	color: #675;
	background-color: #ab9;
	background-image: url(img/button.png);
	background-position: center;
	background-repeat: repeat-x;
	border-color: #fff;
}

#small-content
{
	margin: 0 30px;
	top: -1px;
	border: solid 1px #675;
	border-top: none;
	padding: 10px;
	background-image: url(img/bodybg.png);
	background-position: left top;
	background-repeat: repeat;
}

#content
{
	padding: 10px;
	margin-left: 20%;
	background-image: url(img/bodybg.png);
	background-position: left top;
	background-repeat: repeat;
	border: solid 1px #675;
	border-top: none;
}
/*#content:hover
{
	background-color: #fff;
}*/
#content fieldset.part
{
	border-color: transparent;
	border-top-color: #675;
	border-style: dotted;
	border-width: 2px;
	margin: 0.25em;
	margin-bottom: 1em;
}
#content fieldset.part legend
{
	font-size: 1.5em;
	font-family: serif;
	color: #a55;
}

#content a, #small-content a, #infobox a
{
	color: #342;
	text-decoration: underline;
	display: inline;
	border: none;
	padding: 1px 3px;
}
#content a:hover, #content a:focus, #small-content a:hover, #small-content a:focus, #infobox a:hover, #infobox a:focus
{
	color: #342;
	border: none;
	text-decoration: none;
	background-image: url(img/headmenubg.png);
	background-repeat: repeat;
}
#content a:visited, #content a:active, #small-content a:visited, #small-content a:active, #infobox a:visited, #infobox a:active
{
	color: #675;
}

#footer
{
	position: fixed; bottom: 0px; left: 0px;
	width: 100%;
	border-top: solid 1px #675;
	padding: 0.2em 0em;
	background-color: #ab9;
	color: #342;
	font-size: 11pt;
}
#footer p
{
	margin: 0px 1%;
	padding: 0px;
	float: left;
	width: 31.333%;
}
#footer a
{
	color: #342;
	text-decoration: none;
	border-bottom: solid 1px #342;
	padding: 0 2px;
}
#footer a:hover, #footer a:focus
{
	border-color: #daa;
	border-bottom-color: transparent;
	background-image: url(img/headmenubg.png);
}
#infobox
{
	border: solid 1px #675;
	color: #342;
	margin: 2px;
	padding: 3px;
}
#infobox label
{
	font-style: italic;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: underline;
}