/
 * Page
 */
 
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #646464;
}

body.yoopage {
	padding-bottom: 100px;
	background: #AAAFB4;
}

/* set body font size (styleswitcher) */
body.font-small {
	font-size: 11px;
}

body.font-medium {
	font-size: 12px;
}

body.font-large {
	font-size: 13px;
}

/* center page */
div.wrapper {
	margin: auto; 
}

/*
 * Layout
 */

div#absolute {
	position: absolute;
	z-index: 15;
	top: 0px;
	left: 0px;
	width: 100%;
}

div#page-body {
	background: #E6E9EB url(../images/page_t.png) 0 0 repeat-x;
}

div#page-body div.page-body-img {
	background: none;
}

div#page-body div.page-body-b {
	background: url(../images/page_b.png) 0 100% repeat-x;
}

div#header {
	width: auto;  
	padding: 0px 0px 0px 0px;
	position: relative;
	z-index: 10;
	clear: both;  
}

div#toolbar {
	width: auto;  
	height: 24px;
	padding: 1px 140px 0px 10px;
	clear: both;  
	background: url(../images/toolbar_bg.png) 0 0 repeat-x;
	color: #C8C8C8;
	overflow: hidden;
}

div#date {
	margin: 3px 10px 0px 0px;
	float: left;
	font-size: 85%;
}

div#topmenu {
	margin: 0px 10px 0px 0px;
	float: left;
}

div#styleswitcher {
	  
	height: 20px;
	margin: 1px 0px 0px 20px;
	float: right;
}

div#styleswitcher a {
	width: 15px;
	height: 20px;
	float: right;
	text-decoration: none;
	display: block;
	 
}

a#switchfontsmall {
	background: url(../images/styleswitcher_fontsmall.png) 0 0 no-repeat;
}

a:hover#switchfontsmall {
	background: url(../images/styleswitcher_fontsmall.png) 0 -20px no-repeat;
}

a#switchfontmedium {
	background: url(../images/styleswitcher_fontmedium.png) 0 0 no-repeat;
}

a:hover#switchfontmedium {
	background: url(../images/styleswitcher_fontmedium.png) 0 -20px no-repeat;
}

a#switchfontlarge {
	background: url(../images/styleswitcher_fontlarge.png) 0 0 no-repeat;
}

a:hover#switchfontlarge {
	background: url(../images/styleswitcher_fontlarge.png) 0 -20px no-repeat;
}

a#switchwidththin {
	background: url(../images/styleswitcher_widththin.png) 0 0 no-repeat;
}

a:hover#switchwidththin {
	background: url(../images/styleswitcher_widththin.png) 0 -20px no-repeat;
}

a#switchwidthwide {
	background: url(../images/styleswitcher_widthwide.png) 0 0 no-repeat;
}

a:hover#switchwidthwide {
	background: url(../images/styleswitcher_widthwide.png) 0 -20px no-repeat;
}

a#switchwidthfluid {
	background: url(../images/styleswitcher_widthfluid.png) 0 0 no-repeat;
}

a:hover#switchwidthfluid {
	background: url(../images/styleswitcher_widthfluid.png) 0 -20px no-repeat;
}

div#headerbar {
	width: auto;  
	height: 65px;
	padding: 10px 20px 10px 200px;
	clear: both;  
	background: #000000 url(../images/headerbar_bg.png) 0 100% repeat-x;
	color: #969696;
	overflow: hidden;
}

div#menubar {
	width: auto;  
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 40px;
	clear: both;  
	position: relative;
}

div#menubar div.menubar-m {
	height: 40px;
	background: url(../images/menubar_m.png) 0 0 repeat-x;
}

div#menubar div.menubar-l {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 40px;
	height: 40px;
	background: url(../images/menubar_l.png) 0 0 no-repeat; /* ie6png:scale */
}

div#menubar div.menubar-r {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 10px;
	height: 40px;
	background: url(../images/menubar_r.png) 0 0 no-repeat; /* ie6png:scale */
}

div#menu {
	position: absolute;
	top: 110px;
	left: 40px;
	z-index: 11;
	padding: 0px 0px 0px 1px;
	height: 40px;
	background: url(../images/menu_sep_black.png) 0 0 no-repeat;
}

div#logo {
	position: absolute;
	top: 25px;
	left: 0px;
}

div#search {
	position: absolute;
	top: 2px;
	right: 5px;
	z-index: 12;
	width: 120px;  
}

div#banner {
	position: absolute;
	top: 25px;
	right: -10px;
	width: 0px;
	z-index: 3;
}

div#wrapper {
	width: auto;  
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;  
}

div#wrapper div.wrapper-container-t {
	padding: 0px 10px 0px 10px;
	position: relative;
}

div#wrapper div.wrapper-t {
	height: 10px;
	background: url(../images/wrapper_t.png) 0 0 repeat-x; /* ie6png:scale */
}

div#wrapper div.wrapper-tl {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 10px;
	background: url(../images/wrapper_tl.png) 0 0 no-repeat; /* ie6png:scale */
}

div#wrapper div.wrapper-tr {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 10px;
	height: 10px;
	background: url(../images/wrapper_tr.png) 0 0 no-repeat; /* ie6png:scale */
}

div#wrapper div.wrapper-b {
	background: #ffffff url(../images/wrapper_b.png) 0 100% repeat-x;
}

div#wrapper div.wrapper-l {
	background: url(../images/wrapper_l.png) 0 0 repeat-y;
}

div#wrapper div.wrapper-r {
	background: url(../images/wrapper_r.png) 100% 0 repeat-y;
}

div#wrapper div.wrapper-bl {
	background: url(../images/wrapper_bl.png) 0 100% no-repeat;
}

div#wrapper div.wrapper-br {
	padding: 0px 10px 100px 10px;
	background: url(../images/wrapper_br.png) 100% 100% no-repeat;
	overflow: hidden;
}

div#wrapper div.wrapper-container {
	margin-top: -10px;
}

div#top {
	width: auto;  
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;  
}

div#top .topbox {
	margin-top: 10px;
}

div#middle {
	width: auto;  
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;  
}

div#middle .background {
	min-height: 400px;
	 
	 
	 
	 
}

 
div#middle .background {
	padding: 0px 0px 0px 0px;
	background: none;
}

 
.left div#middle .background {
	padding: 0px 0px 0px 0px;
	background: none;
}

 
.right div#middle .background {
	padding: 0px 0px 0px 0px;
	background: none;
}

div#left {
	width: 200px;  
	 
}

.left div#middle div#left {
	float: left;
}

.right div#middle div#left {
	float: right;
}

div#main {
	width: auto;
	 
}

 
div#main {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

 
.left div#main {
	margin: 0px 0px 0px 210px;  
}

 
.right div#main {
	margin: 0px 210px 0px 0px;  
}

div#maintop {
	padding: 0px 0px 10px 0px;
}

div#mainmiddle {
	margin: 0px 0px 10px 0px;
}

.showright div#mainmiddle {  
	background: none;
}

div#right {
	width: 180px;  
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
}

div#content {
	width: auto;
	 
}

 
div#content {
	margin: 0px 0px 0px 0px;
}

 
.showright div#content {
	margin: 0px 190px 0px 0px;  
}

div#contenttop {
	margin: 0px 0px 10px 0px;
}

div#breadcrumb {
	height: 19px;
	font-size: 85%;
}

div#contentbottom {
	margin: 10px 0px 0px 0px;
}

div#mainbottom {
	padding: 0px 0px 0px 0px;
}

div#bottom {
	width: auto;  
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;  
}

div#bottom .bottomblock {
	margin-top: 10px;
	margin-bottom: -10px;
}

div#footer {
	width: auto;  
	margin: 10px -8px 0px -8px;
	padding: 18px 10px 2px 10px;
	clear: both;  
	background: #DCDFE1 url(../images/footer_bg.png) 0 0 repeat-x;
	text-align: center;
	zoom: 1;
}

div#footer a.anchor {
	margin: -10px 0px 0px 0px;
	width: 30px;
	height: 5px;
	background: url(../images/footer_anchor.png) 0 0 no-repeat;
	display: block;
	float: right;
	text-decoration: none;
}

/*
 * Clearing & Floating
 */

 
 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0;  
	clear: both; 
	visibility: hidden;
}
	
 
.clearfix { display: block; }

 
.floatbox { overflow:hidden; }

.float-left { float: left; overflow: hidden; }
.float-right { float: right; overflow: hidden; }

.width15 { width: 14.999%; }
.width18 { width: 18.333%; }
.width20 { width: 19.999%; }
.width23 { width: 22.999%; }
.width25 { width: 24.999%; }
.width33 { width: 33.333%; }
.width35 { width: 34.999%; }
.width40 { width: 39.999%; }
.width45 { width: 44.999%; }
.width50 { width: 49.999%; }
.width54 { width: 53.999%; }
.width65 { width: 64.999%; }
.width75 { width: 74.999%; }
.width100 { width: 100%; }

/
 * topmenu
 */

 
div#topmenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;  
}

div#topmenu li {
	margin: 0px;
	padding: 0px;
	float: left;
	display: block;
}

div#topmenu li a {
	height: 20px;
	padding: 0px 10px 0px 10px;
	background: url(../images/topmenu_item_bg.png) 0 4px no-repeat;
	float: left;
	display: block;
	position: relative;
	line-height: 17px;
	overflow: hidden;  
	font-size: 85%;
	text-decoration: none;
}

div#topmenu li.item1 a {
	padding: 0px 10px 0px 0px;
	background: none;
}

div#topmenu a:link, div#topmenu a:visited {
	color: #C8C8C8;
}

div#topmenu a:hover {
	color: #ffffff;
}

/*
 * menu
 */

 
div#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;  
}

div#menu li {
	position: relative;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	z-index: 5;  
}

div#menu li a, #menu li span.separator {
	height: 40px;
	display: block;
	float: left;
	line-height: 32px;
	text-decoration: none;
	color: #646464;
}

div#menu li span {  
	display: block;
}

div#menu li span {  
	background-repeat: no-repeat;
	background-position: 95% 0px;
}

div#menu li a.current {  
	color: #aa1428;
}

div#menu a:hover, div#menu span.separator:hover, div#menu span.sfhover {  
	color: #000000;
}

div#menu li.active {  
	font-weight: bold;
}

div#menu li.active ul {  
	font-weight: normal;
}

div#menu li.parent span.separator {  
	cursor: pointer;
}

 
div#menu li.fancy {
	position: absolute;
	top: 0px;
	visibility: hidden;
	z-index: 4;
	overflow: hidden;
	background: none;
}

div#menu li.fancy div {
	background: none;
}

div#menu li.fancy div div {
	height: 39px;
	background: url(../images/menu_level1_item_hover.png) 0 0 repeat-x;
}

 
div#menu ul.menu {
	padding-right: 1px;
	background: url(../images/menu_sep_white.png) 100% 0 no-repeat;
}

div#menu li.level1 {
	background: url(../images/menu_sep_white.png) 0 0 no-repeat;
}

div#menu a.level1, div#menu span.level1 {
	background: url(../images/menu_sep_black.png) 100% 0 no-repeat;
	color: #464646;
	font-size: 135%;
	line-height: 250%;
}

div#menu a.level1 span, div#menu span.level1 span {
	padding: 0px 20px 0px 20px;
}

div#menu li:hover a.level1, div#menu li.sfhover a.level1, div#menu li:hover span.level1, div#menu li.sfhover span.level1 {  
	color: #000000;
}

div#menu li.active a.level1, div#menu li.active span.level1 {  
	color: #aa1428;
	font-weight: normal;
}

 
div#menu a.level1 span.title, div#menu span.level1 span.title{
	padding: 0px;
	line-height: 200%;
}

 
div#menu a.level1 span.sub, div#menu span.level1 span.sub {
	padding: 0px;
	font-size: 60%;
	font-weight: normal;
	color: #969696;
	margin-top: -6px;
	line-height: 10px;
}

 
div#menu li:hover a.level1 span.sub, div#menu li:hover span.level1 span.sub, div#menu li.sfhover a.level1 span.sub, div#menu li.sfhover span.level1 span.sub {
	color: #ffffff;
}

 
div#menu ul.menu ul {
	position: absolute;
	top: 40px;
	left: -999em;  
	width: 165px;
	padding: 0px 0px 10px 0px;
	background: url(../images/menu_dropdown_bg.png) 0 100% no-repeat;
}

div#menu li:hover ul, div#menu li.sfhover ul {
	left: 0px;  
	z-index: 100;
}

div#menu li.level1 li {
   	width: 100%;  
	text-indent: 15px;
}

div#menu li.level1 li a, div#menu li.level1 li span.separator{
	height: 25px;
	padding: 0px;
	margin: 0px 1px 0px 1px;;
	background: #ebeced url(../images/menu_level2_item.png) 100% 0 no-repeat;
	float: none;  
	display: block;
	line-height: 25px;
}

div#menu li.level2 a.parent, div#menu li li.level2 span.parent {  
	background: #ebeced url(../images/menu_level2_item_parent.png) 100% 0 no-repeat;
}

 

 
div#menu li ul ul {
	margin: -41px 0 0 164px;  
}

div#menu li:hover ul ul, div#menu li.sfhover ul ul {
	border-top: 1px solid #c8c8c8;
}

 
div#menu li:hover ul ul, div#menu li.sfhover ul ul,  
div#menu li:hover ul ul ul, div#menu li.sfhover ul ul ul,  
div#menu li:hover ul ul ul ul, div#menu li.sfhover ul ul ul ul {  
	left: -999em;
}

 
div#menu li li:hover ul, div#menu li li.sfhover ul,  
div#menu li li li:hover ul, div#menu li li li.sfhover ul,  
div#menu li li li li:hover ul, div#menu li li li li.sfhover ul {  
	left: 0;
	z-index: 100;
}


/*
 * sub menu
 */
 
 
div#middle div.mod-menu div.module ul,
div#middle div.mod-menu div.module ul {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	list-style: none;
	background: #ebeced;
}

div#middle ul.menu li {
	margin: 0px;
	padding: 0px;
	display: block;
}

div#middle ul.menu a, div#middle ul.menu span.separator {
	height: 25px;
	display: block;
	line-height: 25px;
	text-decoration: none;
	color: #646464;
}

div#middle ul.menu li span {  
	display: block;
}

div#middle ul.menu li span {  
	background-repeat: no-repeat;
	background-position: 95% 0px;
}

div#middle ul.menu a.current, div#middle ul.menu a.current:hover {  
	color: #aa1428;
}

div#middle ul.menu a:hover, div#middle ul.menu span.separator:hover, div#middle ul.menu span.sfhover {  
	color: #000000;
}

div#middle ul.menu li.active {  
	font-weight: bold;
}

div#middle ul.menu li.active li {  
	font-weight: normal;
}

div#middle ul.menu li.parent span.separator {  
	cursor: pointer;
}

 
div#middle ul.menu li.level1 {
}

div#middle ul.menu a.level1, div#middle ul.menu span.level1 {
	background: #ebeced url(../images/submenu_level1_item.png) 100% 0 no-repeat;
	text-indent: 15px;
}

div#middle ul.menu li.parent a.level1, div#middle ul.menu li.parent span.level1 {  
	background: #ebeced url(../images/submenu_level1_item_parent.png) 100% 0 no-repeat;
}

 
div#middle ul.menu li.level2 {
}

div#middle ul.menu li.level2 a {
	height: 20px;
	line-height: 20px;
}

div#middle ul.menu a.level2 {
	background: #ebeced url(../images/submenu_level2_item.png) 100% 0 no-repeat;
	text-indent: 35px;
}

div#middle ul.menu a.level2 span {
	background: url(../images/submenu_level2_item_icon.png) 15px 2px no-repeat;
}

 
div#middle ul.menu li.level3 {
}

div#middle ul.menu a.level3 {
	background: #ebeced;
	text-indent: 45px;
}

div#middle ul.menu a.level3 span {
	background: url(../images/submenu_level3_item_icon.png) 25px 2px no-repeat;
}

 
div#middle ul.menu li.level4 {
}

div#middle ul.menu a.level4  {
	background: #ebeced;
	text-indent: 55px;
}

div#middle ul.menu a.level4 span {
	background: url(../images/submenu_level4_item_icon.png) 35px 2px no-repeat;
}