/* You may only use Arial, because other fonts will mess up your special chars */
/* -----  ALL MEDIA DEFINITION ----- */
*	{
	padding:0;
	margin:0;
}
ul	{
	padding-left:1em;
	margin-left:0;
	list-style:square;
}
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address	{
	margin-bottom: 1em;
}
body	{
	font:80% "Arial",sans-serif;
	margin:0em;
	padding:0em 0em 2em 0em;
}
a,em	{
	color:red;
	font-style:normal;
}
h1,h2,h3 {
	margin:0em 0em 0.5em 0em;
	padding:0em;
}
h2	{font-size:1.4em;}
h3	{font-size:1em; border-top:1px dotted #aaa;margin-top:1.4em;}
h3 span {
	display:block;
	font-size:0.8em;
	color:#444;
}
table	{width:100%;}
table, tr, td {
	border-collapse:collapse;
	border-spacing:none;
	vertical-align:top;
	font-size:1em;
}
p	{
	margin:0em 0em 0.7em 0em;
	text-align:justify;
}
img	{border:none;}
address	{font-style:normal;}
fieldset	{border:none;}
#footer	{
	font-weight:bold;
	font-size:0.8em;
	color:gray;
	text-align:right;
	clear:both;
}
#footer a	{color:gray;}
/* -----  ALL MEDIA DEFINITION ----- */
@media all	{
	#content .inline	{
		float:right;
		border:1px solid black;
		margin:0em 0em 0.8em 1em;
	}
	#content	{
		line-height:1.6em;
	}
	/* FORMS */
	input, textarea, select	{width:95%;	font:1em "Arial",sans-serif;}
	.label	{width:10em;}
	button	{margin-top:0.3em;}

}
/* -----  SCREEN DEFINITION ----- */
@media screen	{
	.noscreen	{display:none;}
	html {
		height:100%;
		padding-bottom:1px;
	}
	body	{
		color:white;
		background:#444 url(body.gif) bottom repeat-x fixed;
		text-align:center;
		scrollbar-base-color:black;
		scrollbar-arrow-color:red;
	}
	h2,h3,h4	{margin-left:-10px;}
	#container	{
		width:760px;
		margin:0em auto;
		text-align:left;
		background:#777 url(container.gif) repeat-x 0px -19px;
		color:black;
		border:1px solid black;
		position:relative;
	}
	#header	{
		background:black;
		width:90px;
		position:absolute;
		top:0px;
		left:0px;
	}
	#message	{
		background:#ffe;
		width:20em;
		position:absolute;
		text-align:left;
		top:1em;
		right:5em;
		padding:0.1em 0.5em;
		border:1px solid #666;
	}
	/* ----- Navigation ----- */
	a.selected	{cursor:default;}
	#navigation,
	#navigation li,
	#subnavigation,
	#subnavigation li,
	#lang,
	#lang li {
		margin:0em;
		padding:0em;
		display:block;
		list-style:none;
		text-indent:0em;
	}
	#navigation {
		position:absolute;
		top:63px;
		left:100px;
		width:580px;
	}
	#navigation li {
		float:left;
	}
	#navigation a {
		color:white;
		text-transform:lowercase;
		font:1em "Arial",sans-serif;
		font-weight:bold;
		text-decoration:none;
		border:1px solid #777;
		padding:2px 5px;
		width:92px;
		display:block;
		float:left;
		margin-right:2px;
	}
	#navigation a:hover {
		background:#777;
	}	
	#navigation a.selected {
		background:url(navigation_selected.gif) black repeat-x 0px 1.25em;
	}
	/* ----- Lang select ----- */
	#lang {
		position:absolute;
		top:63px;
		right:2px;
		width:75px;
	}
	#lang li {
		float:left;
	}
	#lang img	{
		border:1px solid #555;
		margin:0px 0px 4px 3px;
	}
	/* ----- Subnavigation ----- */
	#sidebar {
		position:absolute;
		top:100px;
		left:5px;
		width:180px;
	}
	#subnavigation a {
		overflow:hidden;
		color:white;
		font-weight:bold;
		display:block;
		text-transform:lowercase;
		width:160px;
		text-decoration:none;
		border-top:1px solid #aaa;
		margin:5px 0px 0px 0px;
		padding:0px 0px 0px 20px;
		background:url(subnavigation.gif) no-repeat 0px -1px;
	}
	#subnavigation .indent1 {font-size:0.9em;margin-left:16px;}
	#subnavigation .indent1 a {width:144px;font-weight:normal !important;}
	#subnavigation a:hover	{
		background-image:url(subnavigation_hover.gif);
	}
	#subnavigation a.selected	{
		background-image:url(subnavigation_selected.gif);
	}
	/* ----- Search ----- */
	#search	{
		margin-top:30px;
	}
	#search input	{
		width:100px;
		border:1px solid #333;
		background:#ccc;
	}
	#search button	{
		text-align:left;
		cursor:pointer;
		border:none;
		background:transparent;
	}
	#search button img	{
		margin-top:2px;
	}
	/* ----- Content ----- */
	#content	{
		background:#d2d2d2 url(content_2.gif) top right no-repeat;
		color:black;
		margin:94px 5px 5px 185px;
		padding:15px 30px;
	}
	.ref	{padding-bottom:500px !important;}
	#content .bar {
		float:right;
		width:25%;
		border-left:1px solid #333;
		margin:0em 0em 1em 1.5em;
		padding:0.2em 0em 0em 1em;
		font-size:0.8em;
		background:none;
	}
	#content .bar p {
		font-size:1.1em;
		text-align:left;
	}
	#content .bar h2, #content .bar h3 {
		margin-left:0em;
	}
}
/* -----  PRINT DEFINITION ----- */
@media print	{
	.noprint	{display:none;}
	body	{
		font-size:11pt;
		background:white;
		color:black;
	}
	#header {
		clear:both;
		border-bottom:1px solid black;
		text-align:right;
	}
	#navigation, #lang, #sidebar	{display:none;}
}