/*

 * YOOtheme CSS file

 *

 * @author yootheme.com

 * @copyright Copyright (C) 2007 YOOtheme Ltd. & Co. KG. All rights reserved.

 */ 



/*

 * Page

 */

 

body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 150%;

	color: #646464;

}



body.yoopage {

	padding-bottom: 10px;

	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%;

}



.datebas a {

    color:#c8c8c8;

}



div#page-body {

	background: #E6E9EB url(../images/black/page_img.jpg) 0 0 repeat-x;

}



div#page-body div.page-body-img {

	background: none;

}



div#page-body div.page-body-b {

	background: url(../images/black/page_b.png) 0 100% repeat-x;

}



body.tyup {

  background: #525252 url(../images/black/page_img.jpg) top 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 a {

	color: #c8c8c8;

	text-decoration: none;

}



div#date a:hover {

	color: #ffffff;

	text-decoration: none;

}



div#topmenu {

	margin: 3px 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: 232px;

	padding: 10px 20px 10px 200px;

	clear: both;  

	background: #000000 url(../images/bg_lo_tp.jpg) 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: 278px;

	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: 40px;

	left: 20px;

}



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/black/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/black/wrapper_bl.png) 0 100% no-repeat;

}



div#wrapper div.wrapper-br {

	padding: 0px 10px 100px 10px;

	background: url(../images/black/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 0px 0px 0px;  

}



div#maintop {

	padding: 0px 0px 10px 0px;

}



div#mainmiddle {

	margin: 0px 0px 10px 0px;

}



.showright div#mainmiddle {  

	background: none;

}



div#content {

	width: auto;

	 

}



 

div#content {

	margin: 0px 0px 0px 0px;

}



 

.showright div#content {

	margin: 0px 0px 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%; }

.width60 { width: 59.999%; }

.width65 { width: 64.999%; }

.width75 { width: 74.999%; }

.width100 { width: 100%; }





.navigation {

	color:#666; 

	border:0px;

}



.navigation a:link,

.navigation a:visited,

.navigation a:hover,

.navigation a:active {

	text-decoration:none;

	color: #636363;

	background:#F9F9F9;

	border:1px solid #E6E6E6;

	padding:3px 6px;

	font-size:11px

}



.navigation a:hover {

	background: url(../images/grad-1.gif) repeat-x top #D58400;

	color:#FFFFFF;

	border-color:#E6E6E6;

}



.navigation span {

	text-decoration:none;

	background:#fff;

	padding:3px 6px;

	border:1px solid #E6E6E6;

	color:#ccc;

	font-size:11px;

}



.conteinerd {

    border: 1px solid #c8c8c8;

    padding: 5px;

}



.teroyp {

    padding-top: 50px;

}



div.dirt img {

    padding-right: 10px;

}