/* BASIC STUFF #################################################################*/

* {
	padding: 0; 
	margin: 0;
}
 
body {
	font-size: 70%; 
	background-color: #c0c0c0; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	/* => 0.7em bzw. 11px; http://www.reeddesign.co.uk/test/points-pixels.html */ 
}

/* BASIC LAYOUT STYLING ########################################################*/

#container {
	width: 90em; 
	margin: 0px auto; 
	margin-bottom: 0.63em; 
	border: solid 1px #000000;
	background-color: #fafaf7; 
	font-size: 1.0em;
}

#main-area {
	clear: both;  
}

#content {
	width: 90em;
	background: url(../images/contentmain-top-bg.jpg) no-repeat;
}

#main-content {
	display: inline; /*Fix IE floating margin bug*/ 
	float: left; 
	width: 51em; 
	margin: 4em 0 0 1.88em; 
    overflow: visible !important /*Firefox*/; 
	overflow: hidden /*IE6*/;
}

#additional-content {
	display: inline; /*Fix IE floating margin bug*/ 
	float: right; 
	width: 29em;
    margin: 4em 3em 0 0;
    padding: 0.6em 0 0 2.2em;
	overflow: visible !important /*Firefox*/; 
	overflow: hidden /*IE6*/;
}


#site-info {
	clear: both;  
	padding: 1.0em 0 1.0em 0;  
	font-size: 1.0em; 
	overflow: visible !important /*Firefox*/; 
	overflow: hidden /*IE6*/;
}



/* CLEAR FLOATS #################################################################*/

#container:after, 
#branding:after, 
#main-area:after, 
#additional-content:after, 
#main-content:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#site-info:after, 
p:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clear-contentunit {
	clear: both; 
	width: 54em; 
	height: 0.2em; 
	border: none; 
	background: rgb(210,210,210); 
	color: rgb(210,210,210);
}

/* HEADER IMAGE #############################################################*/

#branding-image {
    float: left;
    width: 53.7em;
	height: 23.3em;
	background: #000000 url(../images/home-header.jpg) no-repeat;
	margin: 0;
	padding: 0;
}

/* NAVIGATIONS ##################################################################*/
/* ##############################################################################*/

/* MAINNAVIGATION ###############################################################*/

#mainnavigation {
    float: right;
	width: 36.3em;
	height: 23.3em;
	background: #9f1b1e url(../images/mainnavigation-background.jpg) no-repeat;
	margin: 0;
	padding: 0;
}

#mainnavigation li {
	width: 13.05em;
	font-size: 1.2em;
	background: url(../images/mainnavigation-underline.gif) bottom left no-repeat;
	
}

#mainnavigation li a {
	display: block;
	padding: 0.5em 0 0.7em 1em;
	color: #eacfd0;
	background: url(../images/mainnavigation-bullet.gif) 0em 0.8em no-repeat;
}

#mainnavigation li a:hover {
	background: #FFFFFF;
	color: #9d181c;
}

#mainnavigation ul {
	float: left;
	margin: 3em 0 0 1.5em;	
}

/* METANAVIGATION #############################################################*/

#metanavigation {
	position: relative;
    height: 2.3em;
    background-color: #000000;
	padding: 0;  
	font-size: 0.95em; 
    font-family: Trebuchet MS, Trebuchet, Verdana, Helvetica, Sans-Serif; 
	overflow: visible !important /*Firefox*/; 
	overflow: hidden /*IE6*/;
}

#metanavigation ul.level1 {
	position: absolute;
    top: 0.5em;
    right: 14em;
    margin: 0;
}

#metanavigation li {
	display: inline;
	margin: 0 2.5em 0 0;
}

#metanavigation a {
	color: #e1e1b8;
}

#metanavigation h3 {
	position: absolute;
    right: 8em;
    top: 0.5em; 
    margin: 0;
	color: #e1e1b8;
}

#metanavigation ul#fontsize {
    position: absolute;
    right: 2em;
    color: #898181;
	margin: 0;
}

#metanavigation ul#fontsize li {
	position: absolute;
    right: 0;
    margin: 0;
}

#metanavigation ul#fontsize li.small {
	position: absolute;
    right: 5em;
}

#metanavigation ul#fontsize li.medium {
	position: absolute;
    right: 3em;
}

#metanavigation ul#fontsize li.large {
	position: absolute;
    right: 1em;
}

/* JUMP NAVIGATION #######################################################*/

#jumpnavigation {
    background-color: #000000;
	color: #B2B2B2;
	padding: 0.5em 0 0.8em 1em;  
	font-size: 0.8em; 
    font-family: Trebuchet MS, Trebuchet, Verdana, Helvetica, Sans-Serif; 
	overflow: visible !important /*Firefox*/; 
	overflow: hidden /*IE6*/;
}

#jumpnavigation h3 {
	float: left;
}

#jumpnavigation li {
	display: inline;
	margin: 0 0 0 1em;
}

#jumpnavigation a {
	color: #B2B2B2;
}

/* SUBNAVIGATION #######################################################*/

#subnavigation {
	background: #e4e4d0 url(../images/c-content-right-bg.jpg) repeat-x;
    padding-top: 1.4em;
}

#subnavigation ol.level1 {
	list-style-type: none;
	padding: 0;
	width: 31em;
}

#subnavigation ol.level1 li {
	padding-left: 3em;
    padding-bottom: 0.8em;
}

#subnavigation ol.level1 a {
	display: block;
	padding: 0 0 0.5em 0;
	color: #000000;
	background: url(../images/dotted-underline.gif) bottom left repeat-x;
    font-size: 1.5em;
}

#subnavigation ol.level1 ul a {
	display: block;
	color: #9d181c;
	font-size: 1.2em;
	padding: 0.5em 0;
	margin: 0;
	background: url(../images/dotted-underline.gif) bottom left repeat-x;
}

#subnavigation ul.level2 {
	margin: 0;
}

#subnavigation ul.level2 li {
	padding-left: 0;
    padding-bottom: 0;
}

#subnavigation ul.level2 li.act a {
	color: #000000;
}

#subnavigation ul.level2 li.cur a {
    color: #000000;
}

#subnavigation ul.level2 li.no a {
    font-size: 1.2em;
    color: #9d181c; 
}

#subnavigation ul.level3 li a {
	padding-left: 1.2em;
	background: url(../images/subnavigation-ul-act-bullet.gif) 0 0.7em no-repeat;
}

#subnavigation ul.level3 li.cur a {
	background: url(../images/subnavigation-ul-bullet.gif) 0 0.7em no-repeat;
	color: #000000;
}

#subnavigation ul.level3 li.last {
	background: url(../images/dotted-underline.gif) bottom repeat-x;
}

#subnavigation #sublevel1_1 {
	margin: 0;
	background: url(../images/subnavigation-ol-1.gif) no-repeat;
}

#subnavigation #sublevel1_2 {
	margin: 0;
	background: url(../images/subnavigation-ol-2.gif) no-repeat;
}

#subnavigation #sublevel1_3 {
	margin: 0;
	background: url(../images/subnavigation-ol-3.gif) no-repeat;
}

#subnavigation #sublevel1_4 {
	margin: 0;
	background: url(../images/subnavigation-ol-4.gif) no-repeat;
}

#subnavigation #sublevel1_5 {
	margin: 0;
	background: url(../images/subnavigation-ol-5.gif) no-repeat;
}

#subnavigation #sublevel1_6 {
	margin: 0;
	background: url(../images/subnavigation-ol-6.gif) no-repeat;
}

#subnavigation #sublevel1_7 {
	margin: 0;
	background: url(../images/subnavigation-ol-7.gif) no-repeat;
}

#subnavigation #sublevel1_8 {
	margin: 0;
	background: url(../images/subnavigation-ol-8.gif) no-repeat;
}

#subnavigation #sublevel1_9 {
	margin: 0;
	background: url(../images/subnavigation-ol-9.gif) no-repeat;
}

#subnavigation ul.level2 li.last a {
	margin: 0 0 1.5em 0;
}

#subnavigation ul.level3 li.last a {
	margin: 0;
}

#subnavigation ol.level1 li a:hover {
    color: #656564; 
}

/* SITE INFO NAVIGATION #######################################################*/

#site-info #info-navigation {
	float: left;
    font-family: Trebuchet MS, Trebuchet, Verdana, Helvetica, Sans-Serif; 
}

#info-navigation ul {
	margin: 0.5em 0 0 0;
}

#info-navigation ul li {
	display: inline;
	margin: 0 2em 0 0;
}

#site-info #info-navigation a {
	color: #cfcfaf;
}

#searchform {
        display: none;
}