/* Copyright (C) 2007 - 2009 YOOtheme GmbH */

/*

 * Page

 */

 

body {

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

	font-size: 12px;

	line-height: 150%;

	color: #646464;

}



body.yoopage {

	background: #C8CDD2 url(../images/page_bg.png) 50% 0 repeat-x;

}



/* 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/page_bg_img.jpg) 50% 0 no-repeat;

}



div#header {

	width: auto;  

	height: 160px;

	padding: 0px 0px 0px 0px;

	position: relative;

	z-index: 10;

	clear: both;  

}



div#toolbar {

	width: auto;  

	height: 25px;

	padding: 0px 5px 0px 5px;

	clear: both;  

	overflow: hidden;

	font-size: 85%;

	line-height: 250%;

}



div#date {

	margin: 0px 10px 0px 0px;

	float: left;

}



div#topmenu {

	margin: 0px 10px 0px 0px;

	float: left;

}



div#headerbar {

	width: auto;  

	height: 80px;

	padding: 0px 5px 0px 5px;

	clear: both;  

	overflow: hidden;

}



div#menubar {

	width: auto;  

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	clear: both;  

	background: url(../images/menubar_l.png) 0 0 no-repeat;

}



div#menubar div.menubar-2 {

	padding: 0px 25px 0px 25px;

	background: url(../images/menubar_r.png) 100% 0 no-repeat;

}



div#menubar div.menubar-3 {

	height: 55px;

	background: url(../images/menubar_m.png) 0 0 repeat-x;
	
	top: 0px

}



div#menu {

	position: absolute;

	top: 114px;

	left: 12px;

	z-index: 11;

	height: 35px;

}



div#logo {

	position: absolute;

	top: 20px;

	left: 5px;

}



div#search {

	position: absolute;

	top: 115px;

	right: 12px;

	z-index: 12;

	width: 134px;  

	height: 26px;

	padding: 7px 0px 0px 26px;

	background: url(../images/searchbox_bg.png) 0 0 no-repeat;

}



div#banner {

	position: absolute;

	top: 15px;

	right: -15px;

	width: 0px;

	z-index: 3;

}



div#top {

	width: auto;  

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	clear: both;  

}



div#top .topbox {

	margin-top: 15px;
	
	padding: 0px 0px 0px 0px;
	
	margin: 0px 0px 0px 0px;

}



div#middle {

	width: auto;  

	margin: 0px 0px 0px 0px;

	padding: 15px 5px 15px 5px;

	clear: both;  

}



div#middle .background {

	min-height: 200px;

	 

	 

	 

	 

}



 

div#middle .background {

	background: none;

}



 

.left div#middle .background {

	background: none;

}



 

.right div#middle .background {

	background: none;

}



div#left {

	width: 210px;  

	 

}



.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 225px;  

}



 

.right div#main {

	margin: 0px 225px 0px 0px;  

}



div#main div.main-tl {

	background: url(../images/main_tl.png) 0 0 no-repeat;

}



div#main div.main-tr {

	padding: 0px 10px 0px 10px;

	background: url(../images/main_tr.png) 100% 0 no-repeat;

}



div#main div.main-t {

	height: 10px;

	background: #ffffff;

}



div#main div.main-m {

	padding: 5px 15px 5px 15px;

	min-height: 300px;

	overflow: hidden;

	background: #ffffff;

}



div#main div.main-bl {

	background: url(../images/main_bl.png) 0 0 no-repeat;

}



div#main div.main-br {

	padding: 0px 10px 0px 10px;

	background: url(../images/main_br.png) 100% 0 no-repeat;

}



div#main div.main-b {

	height: 10px;

	background: #ffffff;

}



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#breadcrumbs {

	margin-bottom: 10px;

	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 5px 15px 5px;

	clear: both;  

}



div#bottom .bottomblock {

	margin-top: 15px;

	margin-bottom: -15px;

}



div#footer {

	width: auto;  

	min-height: 50px;

	 

	margin: 0px 0px 0px 0px;

	padding: 0px 5px 0px 5px;

	clear: both;  

	text-align: center;

	color: #323232;

}



div#footer a:link, div#footer a:visited {

	color: #323232;

}



div#footer a:hover {

	color: #323232;

}



div#footer a.anchor {

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