body {
	margin: 0;
	padding: 0;
	font-family: "Segoe UI",Arial,Helvetica,sans-serif;
	color: #333;
	font-size: 0.75em;
	line-height: 1.5em;
}

h1 {
	font-size: 1.8em;
	line-height: 1.3em;
	border-bottom: 1px solid #cccccc;
	margin: 0;
}

h2 {
	font-size: 1.25em;
	color: #999;
	font-weight: bold;
	text-align: right;
}

a {
	text-decoration: none;
	color: #113993;
}

a:hover {
	color: #333333;
}

hr {
	background-color: #cccccc;
	height: 1px;
	border: none;
}

ul {
	padding-left: 2em;
}

body div#container {
	margin-left: auto;
	margin-right: auto;
	margin-top: 80px;
	width: 960px;
}

div#container div.column {
	margin-bottom: 50px; /* footer height */
}

body div#container div.column.main {
	float: left;
	width: 560px;
}

body div#container div.column.main div#content {
	padding: 0 1em 0 3em;
}

div#content p {
	text-align: justify;
}

body div#container div.column.main div#content p.quote {
	text-align: right;
	color: #808080;
	font-weight: bold;
	margin-bottom: 2em;
	min-height: 8em;
	overflow: auto;
}

/* homepage HACK: cancel the h1 border */
body.index h1 {
	border: none;
}

/* homepage HACK: hide the breadcrumb */
body.index ul.breadcrumb {
	display: none;
}

/* homepage HACK: push the main content down (the breadcrumb is hidden) and vertically align the right sidebar to it */
body.index div#container div.column.main div#content,
body.index div#container div.column.sidebar.right {
	margin-top: 2em;
}

/* inline images */
body div#container div.column.main div#content img.inline.left {
	float: left;
	margin-right: 20px;
}

body div#container div.column.main div#content img.inline.right {
	float: right;
	margin-left: 20px;
}

body div#container div.column.main div#content img.center {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

/* the shadows and the backgrounds */
div.page-background {
	position: fixed;
	width: 100%;
	height: 100%;
}

div.page-background.dark {
	background: #f6f6f6 url(../../static/img/dark_gray_1px.gif) repeat-x;
	left: 0;
	z-index: -200;
}

div.page-background.light {
	background: #FFFFFF url(../../static/img/light_gray_1px.gif) repeat-x;
	position: fixed;
	margin-left: 224px; /* left sidebar + content padding left + content padding right */
	z-index: -100;
}

/* left sidebar */
body div#container div.column.sidebar.left {
	float: left;
	margin-top: 3em; /* 1.8 * 1.3 (h1) + 3.66 (breadcrumb) - 3 (shortcuts) */
	width: 200px;
}


body div#container div.column.sidebar.left nav.shortcuts ul {
	padding: 0;
	height: 1em;
}

body div#container div.column.sidebar.left nav.shortcuts ul li {
	float: left;
	list-style-image: none;
	list-style-type: none;
	border-left: 1px solid #000000;
	padding: 0px 5px;
}

body div#container div.column.sidebar.left nav.shortcuts ul li:first-child {
	border-width: 0;
	padding-left: 0;
}

/* main menu */
body div#container div.column.sidebar.left nav.mainmenu ul {
	padding-left: 1.5em;
}

body div#container div.column.sidebar.left nav.mainmenu ul li a {
	display: block;
	padding: 2px 0;
}

body div#container div.column.sidebar.left nav.mainmenu ul.level-0 > li > a {
	color: #333333;
}

body div#container div.column.sidebar.left nav.mainmenu ul.level-0 li a:hover {
	color: #113993;
}

body div#container div.column.sidebar.left nav.mainmenu ul.level-0 > li > a:hover {
	background-color: #DDDDDD;
}

body div#container div.column.sidebar.left nav.mainmenu ul.level-1 {
	font-size: 0.92em;
}

/* hide the submenus by default */
body div#container div.column.sidebar.left nav.mainmenu ul li ul {
	display: none;
}

/* show them if they're hosting the current page or if the parent item has been selected */
body div#container div.column.sidebar.left nav.mainmenu ul li.children-active ul,
body div#container div.column.sidebar.left nav.mainmenu ul li.active ul {
	display: block;
}

/* style the top level active/children-active menu item */
body div#container div.column.sidebar.left nav.mainmenu ul.level-0 > li.children-active > a,
body div#container div.column.sidebar.left nav.mainmenu ul.level-0 > li.active > a {
	background-color: #FFFFFF;
	color: #113993;
}

/* right sidebar */
body div#container div.column.sidebar.right {
	float: left;
	width: 200px;
	margin-top: 6em; /* aligned with the h1 bottom border; 1.8 * 1.3 (h1) + 3.66 (breadcrumb) */
}

div.column.sidebar.right div.badge {
	margin: 0;
	border: 1px solid #E9E9E9;
	border-radius: 6px;
	margin-bottom: 20px;
}

div.column.sidebar.right div.badge h3 {
	margin: 0;
	line-height: 2em;
	border-bottom: 1px solid #E9E9E9;
	color: #113993;
	font-weight: bold;
	text-align: center;
}

div.column.sidebar.right div.badge p {
	margin-left: 1em;
	margin-right: 1em;
}

/* breadcrumb */
ul.breadcrumb {
	height: 3.66em;
	padding-left: 3em;
	vertical-align: bottom;
	display: table-cell;
}
ul.breadcrumb li {
	float: left;
	list-style-image: none;
	list-style-type: none;
	margin-right: 0.5em;
}

ul.breadcrumb li.parent:after {
	margin-left: 0.5em;
	content: "›";
}

/* lists */
ul li {
	list-style-image: url(../../static/img/bullet.gif);
}

/* header */
#header {
	position: fixed;
	top: 0;
	margin: 0;
	padding: 0;
	height: 80px;
	z-index: 998;
	background: #333333 none repeat scroll 0 0;
	width: 100%;
}

#header .content {
	width: 960px;
	overflow: none;
	margin: 0 auto;
	height: 80px;
}

#header .content ul#locale
{
	margin: 0px;
}

#header .content ul#locale li
{
	list-style-image: none;
	list-style-type: none;
	float: right;
	margin-left: 5px;
}

/* the header animation */
#header-animation {
	background: url('../../static/img/header_background.gif');
	height: 80px;
	width: 600px;
	float: right;
	margin-bottom: -80px; /* pull the mask over the animation */
}

#header-mask {
	background: url('../../static/img/header-mask.png');
	height: 80px;
	width: 602px;
	float: right;
}

/* footer */
#footer {
	background: #F6F6F6 url("../../static/img/grad3.gif") repeat-x scroll 0 100%;
	border-top: 5px solid #CCC;
	clear: both;
	height: 50px;
	position: fixed;
	bottom: 0;
	width: 100%;
}

/* embedded BCs */
div#content p.bc-logo {
	text-align: center;
	margin-top: 3em;
}

div#content p.bc-content {
	text-align: center;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #706D6E;
	white-space: pre-line;
	margin-bottom: 3em;
}

div#content p.bc-footer {
	text-align: center;
	padding: 0.5em 0 0.5em 0;
	background-color: #eee;
	border: 0px;
	border-top: 1px solid lightgray;
	white-space: pre-line;
}

/* the imprint pages don't have the right sidebar */
body.imprint div#container div.column.sidebar.right {
	display: none;
}
/* expand the main column accordingly */
body.imprint div#container div.column.main {
	width: 760px;
}