body
{
	margin:2em;

	font-family:"Georgia",serif;
	line-height:1.45;
}

h1, h2, h3, h4, h5, h6, a:link, a:visited
{
	/*color:#585858;*/
	color:#4f4f4f;
}

h1, h2, h3, h4, h5, h6
{
	font-weight:normal;
}

h1
{
	margin-top:0;
	margin-bottom:0;
}

a img
{
	border-color:#4f4f4f; /* same as color of a:link; only for IE <= 7 */
}

blockquote
{
	font-style:italic;
}

.googleMap
{
	font-size:0.8em;
}

#wrapper
{
	max-width:1152px;
	margin:auto;
}

#header
{
	margin-right:1em; /* 1em extra margin between #flag and screen border */
	padding-bottom:2em;

	background-image:url("flag.png");
	background-repeat:no-repeat;
	background-position:right bottom;
}

#header small
{
	font-size:medium;
}

#logo
{
	float:left; /* clear in #languages */
	margin-right:1.5em;
}

#languages
{
	clear:left; /* float in #logo */
	float:right; /* clear in #sidebar */
	width:12.4em; /* 11em (width of #sidebar) + 1.4em (margin-left of #languages li) */
	margin-top:0;
	margin-bottom:0;
	margin-left:0; /* ie */
	padding-top:0.5em;
	padding-bottom:0.5em;
	padding-left:0;
}

#languages li
{
	display:inline;
	margin-left:1.4em;
}

#languages a:link, #languages a:visited, #languages .current,
#navigation a:link, #navigation a:visited, #navigation .current
{
	color:#ffffff;
}

#languages a:link, #languages a:visited, #languages .current
{
	font-style:italic;
}

#navigation
{
	margin:0 -2em 2em -2em;
	padding:0.5em 2em; /* padding-top and padding-bottom same as of #navigation a:link etc. */

	background-color:#1c920f;
	background-image:url(navigation.png);
	background-repeat:repeat-x;
}

#navigation li
{
	display:inline;
}

#navigation a:link, #navigation a:visited, #navigation .current
{
	padding:0.5em 0.7em;

	background-color:#1c920f;
	background-image:url(navigation.png);
	background-repeat:repeat-x;
	font-weight:bold;
	text-decoration:none;
}

#navigation a:hover, #navigation a:active, #navigation .current
{
	padding-top:1em; /* overrides padding-top of #navigation .current */

	background-position:0 0.5em;
	background-color:#296621;
}

#sidebar
{
	clear:right; /* float in #languages */
	float:right; /* clear in #footer */
	width:11em;
	margin-top:0;
	margin-bottom:2em;
	padding-left:1em;

	list-style-type:none;
	border-left:1px dotted #6c6c6c;
}

#sidebar .current, #footer .current
{
	font-style:italic;
}

#main
{
	margin-right:14em; /* 11em (width of #sidebar) + 1em (padding-left of #sidebar) + 2em (margin); same as margin-right of #footer */
	margin-bottom:2em;
}

#footer
{
	clear:right; /* float in #sidebar */
	margin-right:14em; /* same as margin-right of #main */
	padding-top:1em;

	border-top:1px dotted #6c6c6c;
}

#footernavigation
{
	margin-top:0;
	margin-bottom:0;
	margin-left:-1.4em; /* same as margin-left of #footernavigation li */
	padding-left:0;

	list-style-type:none;
}

#footernavigation li
{
	display:inline;
	margin-left:1.4em;
}

/*
	Only IE 7
	This hack is performed because #language is hidden by the background of #navigation.

	An overflow:auto fixes this problem...
*/
*:first-child+html #navigation
{
	overflow:auto;
}

/*
	#navigation also needs a background...
*/
*:first-child+html #languages
{
	background-color:#1c920f;
	background-image:url(navigation.png);
	background-repeat:repeat-x;
}
/*
	Therefore the hover and current link effect of "#navigation a" gets lost, so it is replaced with an italic style...
*/
*:first-child+html #navigation a:hover, *:first-child+html #navigation a:active, *:first-child+html #navigation .current
{
	font-style:italic;
}