/* Some general styles, overridden when needed */
body
{
	font-family: 			Helvetica,Arial,sans-serif;
	font-size:				12px;
	background-color: 		white;
}

h1, h2, h3, p, ul, ol, dl
{
	padding: 				0;
    color:					#404040;
}

h1, h2, h3
{
	font-family: 			"Trebuchet MS", serif;
}

h1
{
	margin-top: 			20px;
	margin-bottom: 			5px;
	font-weight: 			normal;
	font-size: 				20px;
	text-transform: 		uppercase;
}

h2
{
	margin-top: 			12px;
	margin-bottom: 			3px;
	font-weight: 			normal;
	font-size: 				14pt;
}

h3
{
	margin: 				0 0 15px 0;
	padding: 				0;
	font-weight: 			bold;
	font-size: 				12pt;
}

img
{
	border: 				0;
}


div.index h1
{
	margin: 0;
	padding: 0;
	font-size: 30px;
	height: 30px;
	color: #c0c0c0;
	border-bottom: solid 2px #c0c0c0;
}

div.index dl
{
	margin-bottom: 20px;
}

dl
{
	margin: 0;
	padding: 0;
}

dt
{
	font-weight: bold;
}

dd
{
	margin-left: 10px;
}

a.external:after
{
	content: " " url(img/x_xlink.gif)
}

a:link, a[href]
{
	color: #000;
}

a:visited[href]
{
	color: #444;
}

a[href]:hover
{
	background: #ffa;
}

q:lang(de) { quotes: "«" "»" '"' '"' }
q:before { content: open-quote }
q:after  { content: close-quote }


/* Main layout: navigation and main */

div#nav
{
	position: fixed;
	top: 10px;
	left: 0;
	width: 130px;
	margin: 0;
	padding: 10px 10px 20px 5px;
	background: white;
	z-index: 2;
}

div#main
{
	position: absolute;
	top: 10px;
	left: 145px;
    max-width: 500px;
	background: white;
	z-index: 1;
}

@media print
{
	div#nav
	{
		display: none;
	}
	
	div#main
	{
		left: 20px;
	}
}

/* Formatting for #nav */

div#nav
{
	text-align: right;
	padding: 0;
	margin: 0;
}

div#nav h1
{
	margin: 0 0 0 10px;
	line-height: 12px;
	padding: 3px 5px 3px 5px;
	font-size:12px;
	font-weight: bold;
	background-color: #F4F4F4;
	border: solid 1px #e0e0e0;
}

div#nav ul
{
	margin: 0 0 30px 10px;
	position: relative;
	top: -1px;
	list-style: none;
	padding: 3px 5px 3px 5px;
	border: solid 1px #e0e0e0;
}


/* #main is divided into header, content and footer */

div.content
{
	padding: 10px 30px 10px 30px;
	line-height: 25px;
	text-align: justify;
	clear: right;
	background-color: #F4F4F4;
	border: solid 1px #e0e0e0;
	margin: 10px 0 10px 0;
}

div.header
{
	padding: 5px 30px 5px 30px;
	background-color: #e0e0e0;
	border: solid 1px #c0c0c0;
}

div.footer
{
	padding: 5px 30px 5px 30px;
	margin: 0 0 10px 0;
	background-color: #e0e0e0;
	border: solid 1px #c0c0c0;
}

/* #main header */

div.header h1
{
	font-size: 24px;
	margin-top: 5px;
}

div.header p
{
	font-style:italic;
}

div.header img.logo
{
	float: right;
	margin-left: 20px;
}


/* #main content */

div.content p
{
	margin: 0 0 15px 0;
	padding: 0;
}

div.content a:link, div.content a[href]
{
	border-bottom: dotted 1px black;
}

div.content a[href]:hover
{
	background: #ffa;
}

div.content ul, div.content ol
{
	margin-left: 15px;
}

div.content img.float
{
	float: right;
	clear: right;
	padding: 0 0 20px 20px;
}

div.content div.small_image
{
	float: right;
	clear: right;
	padding: 0;
	margin: 0 0 10px 20px;
	text-align: center;
	font-style:italic;
	font-size: 10px;
	line-height: 1.3em;
}

div.content div.small_image img
{
	margin: 5px 0 0 0;
	padding: 0;
}

div.content div.small_image p
{
	max-width: 160px;
	margin: 0 auto 0 auto;
	padding: 0;

}


div.content div.textbox
{
	float: right;
	clear: right;
	width: 200px;
	padding: 10px;
	margin: 0 0 0 15px;
	font-style:italic;
	font-size: 12px;
	line-height: 1.4em;
	text-align: center;
	border: solid 1px #e0e0e0;
	background: #f8f8f8;
}

div.content div.textbox h1
{
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

div.content div.textbox p
{
	margin: 0;
	padding: 0 0 0 5px;
}

/* #main footer */

div.footer
{
	clear: both;
}

div.footer p
{
	text-align: right;
}

/* "Box"-type table */

table.box
{
	border: solid 1px #e0e0e0;
	margin: 0 0 15px 0;
	padding: 5px;
	border-spacing: 0;
	border-collapse: collapse;
	line-height: 1.3em;
}

table.box tr
{
	margin: 0;
	padding: 0;
}

table.box th, table.box td
{
	border: dotted 1px #e0e0e0;
	margin: 0;
	padding: 3px;
}

table.box th
{
	background: #eaeaea;
}

/* picture gallery */

/* zhumbnail view for gallery */

div.thumbnails div.thumb 
{
	float: left;
	text-align: center;
	font-size: 10px;
	line-height: 12px;
	margin: 0 10px 0 0;
	padding: 0;
	height: 120px;
	width: 90px;
}

div.thumbnails a:link, div.thumbnails a[href]
{
	border-style: none;
}

/* main gallery pages */

div#gallery
{
	position: absolute;
	top: 10px;
	left: 145px;
    width: 700px;
	background: white;
	z-index: 1;
}

ul.picnav
{
	float: right;
	list-style: none;
}

ul.picnav li
{
	float: left;
	display: block;
	width: 50px;
	height: 1.5em;
	border: solid 1px #c0c0c0;
	text-align: center;
	margin: 0 0 0 3px;
	line-height: 1.5em;
	font-size: 10px;
	color: #c0c0c0;
}

ul.picnav a
{
	display: block;
	width: 50px;
	height: 1.5em;
	background-color: #F4F4F4;
}

div.picframe
{
	clear: both;
	text-align: center;
	line-height: 1.5em;
}

div.picframe img
{
	margin: 0 0 10px 0;
	padding: 5px;
	background-color: #f8f8f8;
	border: solid 1px #c0c0c0;
}

div.picframe p
{
}

div.picframe p.piccredit
{
	color: #aaa;
	font-size: 10px;
}

div.picicons
{
	text-align: center;
	margin: 0 auto 10px auto;
	padding: 0;
	height: 58px;
}

div.picicon
{
	display: inline;
	float: left;
	width: 55px;
	height: 50px;
	padding: 0;
	margin: 0;
}

div.picicon a:link, div.picicon a[href]
{
	border: none;
	padding: 0;
	margin: 0;
}

div.picicon p
{
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 8px;
	line-height: 8px;
	color: #c0c0c0;
}

div.picicon_sel
{
	display: inline;
	float: left;
	width: 55px;
	height: 50px;
	padding: 0;
	margin: 0;
}

div.picicon_sel a:link, div.picicon_sel a[href]
{
	border: none;
	padding: 0;
	margin: 0;
}

div.picicon_sel p
{
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 8px;
	line-height: 8px;
}

/* reviews */

div#review
{
	position: absolute;
	top: 10px;
	left: 145px;
    width: 700px;
	background: white;
	z-index: 1;
}

div#review div.content
{
	padding: 1em 3em 1em 3em;
	line-height: 1.8em;
	text-align: justify;
	clear: none;
	background-color: #F4F4F4;
	border: solid 1px #e0e0e0;
	margin: 1em 0 1em 0;
	width: 440px;
}

div#navbar
{
	width: 700px;
	font-size: 9px;
	margin: 10px 0 0 0;
}

div#navbar a
{
	margin-right: 10px;
}

div#summary
{
	float: right;
	width: 160px;
	padding: 5px;
	margin: 1em 0 1em 1em;
	background-color: #f4f4f4;
	border: solid 1px #e0e0e0;
}

div#summary h1
{
	margin: 10px 0 0 0;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
}

div#summary img
{
	padding: 5px;
}

div#summary p
{
	font-size: 10px;
	margin: 0;
	padding: 0;
}

div#summary table
{
	border: solid 1px #e0e0e0;
	margin: 0 10px 0 5px;
	border-spacing: 0;
	border-collapse: collapse;
	line-height: 1.3em;
	font-size: 10px;
	width: 150px;
}

div#summary table tr
{
	border: solid 1px #e0e0e0;
}

div#summary table th
{
	text-align: left;
	font-weight: normal;
}

div#summary table td
{
	text-align: right;
}

div#summary table img
{
	padding: 0 10px 0 10px;
	margin: 0;
}

div#anime_index a
{
	display: block;
}