@charset "UTF-8";


/**
 * colordef RGB(178, 0, 0); 		wine red; 	primary color
 * colordef RGB(139, 193, 65); 		grass green; 	secondary color
 * colordef black;			black
 * colordef RGB(242, 242, 242); 	extralight grey
 * colordef RGB(236, 236, 236); 	light grey
 * colordef RGB(213, 213, 213); 	grey
 * colordef white;			white
 */



.support {
	display: none;
}


#sidebar .block { margin-bottom: 2em; }



/**
 * Styles
 */
a {
	color: RGB(178, 0, 0);
}

#content h1 {
	margin: 1.2em 0 -15px -17px;
	padding: 0.3em 0 15px 17px;
	background: url("headline.png") no-repeat;
}

form, form p, table{
	border-color: RGB(242, 242, 242);
}

form fieldset {
	border-color: RGB(213, 213, 213);
}

form p, tfoot {
	background-color: RGB(236, 236, 236);
}

thead {
	background-color: RGB(178, 0, 0);
	color: white;
}



/**
 * Layout
 */

/**
 * @workaround
 * @affected IE7
 * @valid no
 */
*+html {
	overflow-x:hidden;
}

body {
	padding: 3em 0;
}

#header, #body, #footer {
	padding: 0 2.5em;
}

#header .viewport {
	position: relative;
	height: 100px;
}

#main .viewport {
	margin: 0 auto;
	min-width: 60em;
	max-width: 1200px;
}

#body {
	clear: both;
	min-width: 60em; /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
}

#top.noSidebar #body { min-width: 22em; }

#container {
	padding-left: 15em; /* LC fullwidth */
	padding-right: 24em; /* RC fullwidth + CC padding */
	overflow: hidden !important;
}

#top.noSidebar #container { padding-right: 4em; }

/**
 * @workaround
 * @affected IE6
 * @valid yes
 */
* html #container {
	border-bottom: 1px solid white;
	margin-bottom: -2em;
}

#content {
	padding: 0 2em; /* CC padding */
	width: 100%;
}

#navigation {
	width: 15em; /* LC width */
	padding: 4.5em 0 0; /* LC padding */
	right: 19em; /* LC fullwidth + CC padding */
	margin-left: -100%;
}

/**
 * @workaround
 * @affected IE6
 * @valid yes
 */
#top.noSidebar #navigation:not(:root:root) {
	left: -19em;
}

/**
 * @workaround
 * @affected IE6
 * @valid yes
 */
* html #navigation {
	left: 25.2em;
	padding-top: 5.7em;
}
* html #top.noSidebar #navigation {
	left: 4.2em;
}

/**
 * @workaround
 * @affected IE7
 * @valid yes
 */
*+html #navigation {
	padding-top: 5.7em;
}

/**
 * @workaround
 * @affected IE8
 * @valid yes
 */
html:first-child [id|=navigation] {
	left: -15em;
}

#sidebar {
	width: 18em; /* RC width */
	padding: 4.5em 1em 0; /* RC padding */
	margin-right: -100%;
}

#top.noSidebar #sidebar { display: none; }
*+html #top.noSidebar #sidebar { display: inline; position: absolute; top: -999em; left: -999em; width: 1px; height: 1px; }
* html #top.noSidebar #sidebar { display: inline; position: absolute; top: -999em; left: -999em; width: 1px; height: 1px; }

/**
 * @workaround
 * @affected IE8
 * @valid yes
 */
html:first-child [id|=sidebar] {
	left: 4em;
}

#container .column {
	position: relative;
	float: left;
	padding-bottom: 1003em; /* X + padding-bottom */
	margin-bottom: -1000em; /* X */
}

/**
 * @workaround
 * @affected IE6
 * @valid no
 */
* html #container .column {
	padding-bottom: 0;
	margin-bottom: 0;
}

/**
 * @workaround
 * @affected IE7
 * @valid no
 */
*+html #container .column {
	padding-bottom: 0;
	margin-bottom: 0;
}

/**
 * @workaround
 * @affected IE6
 * @valid no
 */
* html #sidebar {
	padding-top: 5em;
	border-right: 1px solid;
	left: -1px;
	height: expression(Math.max(document.all.navigation.offsetHeight, document.all.content.offsetHeight));
}

/**
 * @workaround
 * @affected IE7
 * @valid no
 */
*+html #sidebar {
	padding-top: 5em;
	border-right: 1px solid;
	left: -1px;
	height: expression(50 + Math.max(document.all.navigation.offsetHeight, document.all.content.offsetHeight));
}

#partners { margin: 1em -0.8em 1em 0; }
#partners a { margin: 0 0.8em 0 0; }

#footer {
	clear: both;
}

#footer .viewport p {
	margin: 0;
	padding: 0 1em;
}



/**
 * Design
 */
html {
	background-color: RGB(242, 242, 242);
	color: black;
}

#header, #footer {
	background-color: RGB(213, 213, 213);
	border: solid white;
	border-width: 1px 0;
}

.viewport {
	border: solid white;
	border-width: 0 1px;
	background-color: RGB(178, 0, 0);
	color: white;
}

#body .viewport {
	background-color: white;
	color: black;
}

#sidebar {
	background-color: RGB(236, 236, 236);
	border-color: white;
}

#footer .viewport {
	font-size: 90%;
}

#header a, #footer a {
	color: white;
}

#banners {
	list-style: none;
	margin: 3em auto 0;
	padding: 0;
	text-align: center;
}

#banners li {
	display: inline;
	margin: 0 2em;
}








/**
 * Logo
 */
#logo {
	position: absolute;
	width: 252px;
	height: 206px;
	left: 15em;
	top: -38px;
	margin: 0 0 0 -245px;
}









/**
 * Title
 */
#title {
	margin: 0;
	position: absolute;
	left: 17em;
	top: 23px;
}

#title a {
	display: block;
	text-decoration: none;
}

#title a strong {
	font-size: 180%;
	line-height: 100%;
}

#title a em {
	font-size: 120%;
}















/**

 * Brand
 */




#brand {
	margin: 0;

	position: absolute;
	right: 0;
	top: 0;
	width: 20em;
	height: 100px;
	border-left: 1px solid white;
	text-align: center;
	padding-top: 23px;
}

#top.noSidebar #brand { border-left: 0; }

/**
 * @workaround
 * @affected IE6
 * @valid no
 */
* html #brand {
	padding-left: 1px;
}

/**
 * @workaround
 * @affected IE7
 * @valid no
 */
*+html #brand {
	padding-left: 1px;
}







/**
 * Menu
 */
#menu, #lang {
	margin: 1em 0 2em;
	list-style: none;
	padding: 0;
}

#menu li, #lang li {
	margin: 5px 0;
}

/**
 * @workaround
 * @affected IE6
 * @valid yes
 */
* html #menu li, * html #lang li {
	height: 1%;
	margin: 0 0 3px;
}

#menu li span a, #lang li span a {
	display: block;
	padding: 0.1em 1em;
	background: RGB(213, 213, 213) url("menuitem.png") repeat-y left;
	text-align: right;
	color: black;
	text-decoration: none;
}

/**
 * @workaround
 * @affected IE6
 * @valid yes
 */
* html #menu li span a, * html #lang li span a {
	width: 13em;
}

#menu li span a:hover, #lang li span a:hover {
	background-image: none;
}

#menu ul {
	margin: 0.5em 0 1em;
	list-style-type: disc;
}

#menu ul ul {
	margin: 0.2em 0;
}

#menu ul li {
	margin: 0.1em 0;
}

#menu ul li span a {
	display: inline;
	padding: 0;
	background: none;
	text-align: left;
	text-decoration: underline;
	color: RGB(178, 0, 0);
}

#menu ul li span a:hover {
	text-decoration: none;
}

#menu li ul {
	display: none;
}

#menu li.active ul {
	display: block;
}

#menu li.active span a, #lang li.active span a {
	background: RGB(178, 0, 0);
	color: white;
}

#menu li.active li span a {
	background: none;
	color: RGB(178, 0, 0);
}

#menu li.active li.active span a,
#menu li.active li.active li.active span a {
	color: black;
	font-weight: bold;
	text-decoration: none;
}

#menu li.active li.active li span a,
#menu li.active li.active li.active li span a {
	color: RGB(178, 0, 0);
	font-weight: normal;
	text-decoration: underline;
}

#menu li.active li.active li span a:hover,
#menu li.active li.active li.active li span a:hover {
	text-decoration: none;
}