/* * YOOtheme CSS file * * @author yootheme.com * @copyright Copyright (C) 2007 YOOtheme Ltd. & Co. KG. All rights reserved. */ /* * Page */ body {	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	font-size: 12px;	line-height: 150%;	color: #646464;}body.yoopage {	background: #385A81;}body.noon { background: #385A81 50% 0 repeat-x fixed; }body.noon-small { background: #385A81 50% 0 repeat-x fixed; }body.evening { background: #4C5469) 50% 0 repeat-x fixed; }body.evening-small { background: #385A81 50% 0 repeat-x fixed; }body.night { background: #293947 50% 0 repeat-x fixed; }body.night-small { background: #385A81 50% 0 repeat-x fixed; }body.morning { background: #395066 50% 0 repeat-x fixed; }body.morning-small { background: #385A81 50% 0 repeat-x fixed; }/* 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: url(../images/header_bg.png) 50% 0 repeat-x;}body.evening div#page-body { background: url(../images/header_bg_evening.png) 50% 0 repeat-x; }body.night div#page-body { background: url(../images/header_bg_night.png) 50% 0 repeat-x; }body.morning div#page-body { background: url(../images/header_bg_morning.png) 50% 0 repeat-x; }div#header {	width: auto;  	height: 95px;	padding: 0px 0px 0px 0px;	position: relative;	z-index: 10;	clear: both;  }div#toolbar {	width: auto;  	height: 24px;	padding: 1px 160px 0px 20px;	clear: both;  	color: #ffffff;	overflow: hidden;}div#date {	margin: 2px 10px 0px 0px;	float: left;	font-size: 85%;}div#topmenu {	margin: 2px 10px 0px 0px;	float: left;}div#styleswitcher {	  	height: 20px;	margin: 2px 0px 0px 20px;	float: right;}div#styleswitcher a {	width: 15px;	height: 20px;	float: right;	text-decoration: none;	display: block;	overflow: hidden;	 }a#switchfontsmall { background: url(../images/styleswitcher_fontsmall.png) 0 0 no-repeat; }a#switchfontmedium { background: url(../images/styleswitcher_fontmedium.png) 0 0 no-repeat; }a#switchfontlarge { background: url(../images/styleswitcher_fontlarge.png) 0 0 no-repeat; }a#switchwidththin { background: url(../images/styleswitcher_widththin.png) 0 0 no-repeat; }a#switchwidthwide { background: url(../images/styleswitcher_widthwide.png) 0 0 no-repeat; }a#switchwidthfluid { background: url(../images/styleswitcher_widthfluid.png) 0 0 no-repeat; }a:hover#switchfontsmall { background: url(../images/styleswitcher_fontsmall.png) 0 -20px no-repeat; }a:hover#switchfontmedium { background: url(../images/styleswitcher_fontmedium.png) 0 -20px no-repeat; }a:hover#switchfontlarge { background: url(../images/styleswitcher_fontlarge.png) 0 -20px no-repeat; }a:hover#switchwidththin { background: url(../images/styleswitcher_widththin.png) 0 -20px no-repeat; }a:hover#switchwidthwide { background: url(../images/styleswitcher_widthwide.png) 0 -20px no-repeat; }a:hover#switchwidthfluid { background: url(../images/styleswitcher_widthfluid.png) 0 -20px no-repeat; }div#menu {	position: absolute;	top: 45px;	left: 250px;	z-index: 11;	height: 50px;}div#logo {	position: absolute;	top: 35px;	left: 170px;}div#search {	position: absolute;	top: 3px;	right: 20px;	z-index: 12;	width: 120px;  }div#banner {	position: absolute;	top: 110px;	right: -15px;	width: 0px;	z-index: 3;}div#top {	width: auto;  	margin: 0px 0px 0px 0px;	padding: 0px 15px 0px 15px;	clear: both;  }div#top .topbox {	margin-top: 15px;}div#middle {	width: auto;  	margin: 0px 0px 0px 0px;	padding: 15px 15px 15px 15px;	clear: both;  }div#middle .background {	min-height: 200px;	 	 	 	 } 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: 210px;  	 }.left div#middle div#left {	float: left;}.right div#middle div#left {	float: right;}div#main {	width: auto;	 	padding: 15px 15px 15px 15px;	background: url(../images/main_bg.png) 0 0px repeat;} div#main {	margin: 0px 0px 0px 0px;} .left div#main {	margin: 0px 0px 0px 225px;  } .right div#main {	margin: 0px 225px 0px 0px;  }div#maintop {	padding: 0px 0px 15px 0px;}div#mainmiddle {	margin: 0px 0px 15px 0px;	 	 }.showright div#mainmiddle {  	background: url(../images/right_bg.png) 100% 0 repeat-y;}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 210px 0px 0px;  }div#contenttop {	margin: 0px 0px 15px 0px;}div#breadcrumb {	height: 19px;	font-size: 85%;}div#contentbottom {	margin: 15px 0px 0px 0px;}div#mainbottom {	padding: 0px 0px 0px 0px;}div#bottom {	width: auto;  	margin: 0px 0px 0px 0px;	padding: 0px 15px 15px 15px;	clear: both;  }div#bottom .bottomblock {	margin-top: 15px;	margin-bottom: -15px;}div#footer {	width: auto;  	min-height: 90px;	 	margin: 0px 0px 0px 0px;	padding: 0px 15px 0px 15px;	clear: both;  	text-align: center;	color: #ffffff;}div#footer a:link, div#footer a:visited {	color: #ffffff;}div#footer a:hover {	color: #ffffff;}div#footer a.anchor {	margin: 0px 0px 0px 0px;	width: 30px;	height: 5px;	background: url(../images/footer_anchor_white.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%; }