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



/*



 * Browser Reset



 */







 



 



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {



	margin: 0; 



	padding: 0;



}







fieldset, img { border: 0; }







 



a:focus { outline: none; }







 



 



html {



	height: 100%;



	margin-bottom: 1px;



}







/*



 * New standard values



 */







/* paragraph */



p {	margin: 5px 0px 15px 0px; }







/* lists */



ul, ol, dl { margin: 1em 0; padding-left: 24px }



dl { margin: 1em 0; }



dd { padding-left: 40px; }







/* tables */



td, th { padding: 1px; }







/* forms */



 



fieldset { border: 1px solid #c8c8c8; }



legend { background: #ffffff; }



textarea, input[type='text'], input[type='password'], select { border: 1px solid #c8c8c8; background: #ffffff; }



textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaaaaa; }



textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #8c8c8c; outline: 2px solid #dcdcdc; }



input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; margin: 2px;}



input[type='hidden'] { display: none; }







fieldset { padding: 0 0.5em 0.5em 0.5em; }



legend { padding: 0 .6em 0 .6em; }



textarea, input[type='text'], input[type='password'] { padding: .1em 0 .1em .4em; }



option { padding: 0 0 .1em .4em; }



form div { margin: .02em 0 .02em 0; }



button, input[type='button'], input[type='submit'] { padding: .2em .3em .2em .1em; line-height: 100%; }







/* links */



a:link, a:visited { text-decoration: none; }



a:hover { text-decoration: underline; }







/* headings */



h1, h2, h3, h4, h5, h6 {



	font-weight: bold;



	margin-bottom: 5px;



	line-height: 100%;



}







h1 { font-size: 250%; }



h2 { font-size: 210%; }



h3 { font-size: 190%; }



h4 { font-size: 160%; }



h5 { font-size: 130%; }



h6 { font-size: 115%; }







/* horizontal rule */



hr {



	margin: 15px 0px 15px 0px;



	display: block;



	background: #c8c8c8;



	height: 1px;



	border: none;



}







/* blockquotes */



blockquote {



	margin: 10px 0 10px 15px;



	padding: 0px 0px 0px 0px;



	font-style: italic;



	font-size: 130%



}







blockquote:first-letter {



	font-size: 150%



}







/* preformatted text elements */



pre {



	margin: 10px 0 10px 0px;



	padding: 5px 0 5px 10px;



	border: 1px dotted #aab4be;



	border-left: 20px solid #b4b4b4;



	background: #fafafa;



	font-size: 90%;



	color: #2E8B57;



	font-family: "Courier New", Courier, monospace;



	/* Browser specific (not valid) styles to make preformatted text wrap */



	/* white-space: pre-wrap;       /* css-3 */



	/* white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */



}







/* acronym */



acronym, abbr {



	border-bottom: 1px dashed #969696;



	cursor: help;



	font-variant: small-caps;



	text-transform: lowercase;



}







/*



 * black styling



 * remove comments for dark colored templates



 */







/*



fieldset { border: 1px solid #323232; }



legend { background: #141414; }



textarea, input[type='text'], input[type='password'], select { border: 1px solid #323232; background: #141414; color: #646464; }



textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #464646; }



textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #646464; outline: 2px solid #282828; }







hr {



	background: #323232;



	color: #323232;



}







blockquote {



	border-top: 1px solid #323232;



	border-bottom: 1px solid #323232;



}







pre {



	border: 1px dotted #3c3c50;



	border-left: 20px solid #323232;



	background: #232328;



}







acronym, abbr {



	border-bottom: 1px dashed #969696;



}



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







/*



 * Page



 */



 



body {



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



	font-size: 12px;



	line-height: 150%;



	color: #464646;



}







body.yoopage {



	background: #d0d0d0 url(../images/page_bg_img.jpg) 50% 0 repeat-y;

	background-attachment: scroll;		



}







/* center page */



div.wrapper {



	margin: auto; 



}







/*



 * Layout



 */







div#absolute {



	position: absolute;



	z-index: 15;



	top: 0px;



	left: 0px;



	width: 100%;



}







div#page-body {



	background: transparent;

	background-attachment: fixed;	



}







div#page-body div.page-body-t {



     /*	background: url(../images/page_bg_toolbar.png) 0 0 repeat-x; */	



}







div#header {



	width: auto;  



	height: 114px;



	padding: 0px 0px 0px 0px;



	position: relative;



	z-index: 10;



	clear: both;  



}







div#toolbar {



	width: auto;  



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



	clear: both;  



	font-size: 85%;



	line-height: 100%;



	color: #141414;



	float: right;



}







div.toolbar-1 {



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



	padding: 0px 10px 0px 10px;



}







div.toolbar-2 {



	/*background: url(../images/toolbar_m.png) 0 0 repeat-x;*/



	height: 10px;



	padding: 6px 0px 0px 10px;



	overflow: hidden;



}







div#search {

	position: absolute;

	top: 132px;

	right: 15px;

	z-index: 10;

	width: 204px;  

}







div#date {



	margin: 0px 30px 0px 0px;



	float: right;



	color: #646464;



	font-style: italic;



}







div#topmenu {



	margin: 0px 5px 0px 0px;



	float: right;



}







div#headerbar {



	width: auto;  



	padding: 0px 0px 10px 0px;



	height: 50px;



	clear: both;  



	overflow: hidden;



	font-size: 85%;



	line-height: 180%;



	color: #141414;



}







div#logo {



	position: absolute;



	top: 30px;



	left: 0px;



}







div#menubar {



	width: auto;  



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



	clear: both;  



	overflow: hidden;



}







div.menubar-1 {



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



	padding: 0px 10px 0px 10px;



}







div.menubar-2 {



	height: 41px;



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



}







div#menu {



	position: absolute;



	top: 77px;



	left: 5px;



	z-index: 11;



}







div#banner {



	position: absolute;



	top: 75px;



	right: -15px;



	width: 0px;



	z-index: 3;



}







div.shadow-l {



	background: transparent none repeat scroll 0 0;



}







div.shadow-r {



	padding: 0px 0px 0px 0px;



	background: transparent none repeat scroll 0 0;



}







div#top {



	width: auto;  



	margin: 0px 0px 0px 0px;



	padding: 0px 0px 0px 0px;



	clear: both;  



	background: #545454 url(../images/top_bg.png) 0 0 repeat-x;



}







div.top-t {



	/*background: url(../images/top_bg_t.png) 0 0 repeat-x;*/



	padding: 0;



}







div#top .topbox {



	margin-top: 10px;



}







div#middle {



	width: auto;  



	margin: 0px 0px 0px 0px;



	clear: both;  



	background: transparent none repeat scroll 0 0;



}







div.middle-b {



	padding: 10px 10px 10px 10px;



	background: transparent none repeat scroll 0 0;	



}







div#middle .background {



	min-height: 200px;



	 



	 



	 



	 



}







 



div#middle .background {



	



}







 



.left div#middle .background {



	background: url(../images/left_bg_l.png) 225px 0 repeat-y;



}







 



.right div#middle .background {

	background: url(../images/left_bg_r.png) 88% 0 repeat-y;

}




div#left {

	width: 305px;  
}







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



}







 



.right div#main {

	margin: 0px 320px 0px 0px;  
}







div#maintop {

	padding: 0px 0px 0px 0px;
        background: #545454 url(../images/top_bg.png) repeat-x scroll 0 0;
}







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



	margin-bottom: 7px;



	font-size: 85%;



}







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



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



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



}







div.bottom-b {



	padding: 5px 15px 5px 15px;



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



}







div#bottom .bottomblock {



	margin-top: 10px;



}







div#footer {



	position: relative;



	width: auto;  



	margin: 0px 0px 0px 0px;



	padding: 0px 0px 0px 0px;



	clear: both;  



	text-align: center;



	background: #ddd url(../images/footer_bg_l.png) 0 0 no-repeat;



}







div.footer-1 {



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



	padding: 0px 10px 0px 10px;



}







div.footer-2 {



	padding: 0px;



	background: #ddd url(../images/footer_bg_m.png) 0 0 repeat-x;



	overflow: hidden;



}







div#footer a.anchor {



	position: absolute;



	right: 15px;



	top: 10px;



	width: 30px;



	height: 5px;



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



	display: block;



	text-decoration: none;



}



div#footer a {

        color: #777777;

}

div#footer a:hover {

        color: #E24912;
	text-decoration: none;

}



/*



 * Clearing & Floating



 */







 



 



.clearfix:after {



	content: "."; 



	display: inline; 



	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: 25.999%; }



.width40 { width: 39.999%; }



.width45 { width: 44.999%; }



.width50 { width: 49.999%; }



.width54 { width: 53.999%; }



.width65 { width: 72.999%; }



.width75 { width: 74.999%; }



.width100 { width: 100%; }div.wrapper { width: 980px; }/* Copyright (C) 2007 - 2009 YOOtheme GmbH */



/*



 * headings



 */







h1, h2, h3, h4, h5, h6 {



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

	



}







h1 {



	font-weight: normal;



	color: #5ca300;



}







#page h1 a {



	color: #5ca300;



	text-decoration: none;



}







h2 {



	color: #5ca300;



}







h3 {



	color: #646464;



}







h4 {



	font-weight: normal;



	color: #5ca300;



}







h5 {



	color: #323232;



}







h6 {



	color: #5ca300;



}







/*



 * anchor



 */







a:link, a:visited {



	color: #5ca300;



}







a:hover {



	color: #5cc406;



	text-decoration: underline;



}







a.icon-folder {



        padding-left: 17px;



        background: url(../images/typography/icon_folder.png) 0 40% no-repeat;



}







a.icon-file {



        padding-left: 17px;



        background: url(../images/typography/icon_file.png) 0 40% no-repeat;



}







a.icon-download {



        padding-left: 17px;



        background: url(../images/typography/icon_download.png) 0 40% no-repeat;



}







a.icon-external {



        padding-left: 17px;



        background: url(../images/typography/icon_external.png) 0 40% no-repeat;



}







a.icon-pdf {



        padding-left: 17px;



        background: url(../images/pdf_button.png) 0 40% no-repeat;



}







/*



 * emphasis



 */







em.box { 



	padding: 0px 4px 0px 4px;



	background: #ffffff;



	border-bottom: 1px dotted #AAB4BE;



	font-style: normal;



}







/*



 * unsorted lists



 */







ul.arrow,



ul.checkbox,



ul.check,



ul.star {



	margin: 10px 0px 10px 0px;



	padding-left: 20px;



	list-style: none;



}







ul.arrow li,



ul.checkbox li,



ul.check li,



ul.star li {



	margin: 5px 0px 5px 0px;



	padding-left: 35px;



	font-weight: normal;



	line-height: 18px;  



}







ul.arrow li { background: url(../images/typography/list_arrow.png) 0 0 no-repeat; }



ul.checkbox li { background: url(../images/typography/list_checkbox.png) 0 0 no-repeat; }



ul.check li { background: url(../images/typography/list_check.png) 0 0 no-repeat; }



ul.star li { background: url(../images/typography/list_star.png) 0 0 no-repeat; }











/*



 * ordered lists



 */







ol.disc {



	margin: 10px 0px 10px 0px;



	padding: 0px 0px 0px 45px;



	background: url(../images/typography/list_disc.png) 20px 0px repeat-y;



}







ol.disc li {



	margin: 5px 0px 5px 0px;



	padding-left: 10px;



	font-weight: bold;



	line-height: 26px;  



}







/*



 * horizontal rule



 */



 



hr.dotted {



	margin: 15px 0px 15px 0px;



	display: block;



	background: url(../images/typography/line_dotted.png) 0 0 repeat-x;



	height: 1px;



	border: none;



}







/*



 * highlighted div and span tags



 */







span.note,



span.info,



span.alert,



span.download,



span.tip {



	display: block;



}







div.note, span.note {



	margin: 10px 0px 10px 0px;



	padding: 5px 10px 5px 10px;



	background: #ffffff;



	border-top: 1px dotted #AAB4BE;



	border-bottom: 1px dotted #AAB4BE;



	text-align:justify;



}







div.info, span.info,



div.alert, span.alert,



div.download, span.download,



div.tip, span.tip {



	margin: 10px 0px 10px 0px;



	padding: 8px 10px 8px 35px;



}







div.info, span.info {



	background: #ffffff url(../images/typography/box_info.png) 3px 5px no-repeat;



	border-top: 1px dotted #AAB4BE;



	border-bottom: 1px dotted #AAB4BE;



}







div.alert, span.alert {



	background: #FFF5EB url(../images/typography/box_alert.png) 3px 5px no-repeat;



	border-top: 1px dotted #FFB4A0;



	border-bottom: 1px dotted #FFB4A0;



}







div.download, span.download {



	background: #F5FAEB url(../images/typography/box_download.png) 3px 5px no-repeat;



	border-top: 1px dotted #78BE5A;



	border-bottom: 1px dotted #78BE5A;



}







div.tip, span.tip {



	background: #FFFDEB url(../images/typography/box_tip.png) 3px 5px no-repeat;



	border-top: 1px dotted #FFC864;



	border-bottom: 1px dotted #FFC864;



}







/*



 * p tag with dropcaps



 */



 



p.dropcap:first-letter {



	display: block;



	margin: 7px 4px 0px 0px;



	float: left;



	font-size: 280%;



	font-family: Georgia, "Times New Roman", Times, serif;



}







/*



 * blockquotes



 */







q.blockquote {



	display: block;



}







q.blockquote {



	margin: 10px 0px 10px 15px;



	padding: 0px 0px 0px 0px;



	font-style: italic;



	font-size: 130%;



}







q.blockquote:before,



q.blockquote:after {



  content: "";



}







blockquote:first-letter,



q.blockquote:first-letter,



blockquote.quotation p:first-letter {



	font-size: 150%;



}







blockquote.quotation {



	margin: 10px 0px 10px 0px;



	padding: 10px 35px 10px 35px;



	border: none;



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



	text-align:justify;



}







blockquote.quotation p {



	margin: 0px -35px -10px 0px;



	padding: 0px 35px 10px 0px;



	background: url(../images/typography/blockquote_end.png) 100% 100% no-repeat;



}







/*



 * floating boxes



 */







body .inset-left {



	margin: 15px 15px 10px 0px;



	float: left;



}







body .inset-right {



	margin: 15px 0px 10px 15px;



	float: right;



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



/*



 * 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 {



	display: block;



	height: 20px;



	padding: 0px 10px 0px 10px;



	background: url(../images/topmenu_item_bg.png) 0 6px repeat-y;



	float: left;



	overflow: hidden;  



	text-decoration: none;



}







div#topmenu li.first a {



	padding: 0px 10px 0px 0px;



	background: none;



}







div#topmenu li.last a {



	padding: 0px 0px 0px 10px;



}







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



	color: #323232;



}







div#topmenu a:hover {



	color: #323232;



	text-decoration: underline;



}







/*



 * menu



 */







 



div#menu ul {



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



	display: block;



	float: left;



	line-height: 32px;



	text-decoration: none;



	color: #333333;



}







div#menu li span {  



	display: block;



	cursor: pointer;



	background-repeat: no-repeat;  



	background-position: 95% 0px;  



}







div#menu li a.current {  







}







div#menu li li a.current {  



	font-style: italic;



}







div#menu a:hover,



div#menu span.separator:hover,



div#menu span.sfhover { 



	/* color: #000000; */



}







div#menu a.active, div#menu span.active {  



	color: #5ca300;



}







div#menu li.parent span.separator {  



	cursor: pointer;



}







 



div#menu ul.menu {



	padding-left: 2px;



}







div#menu li.level1 {



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



}







div#menu a.level1, div#menu span.level1 {



	padding: 0px 12px 0px 11px;



	font-size: 105%;



	line-height: 26px;



	text-transform: uppercase;

	

	font-weight: bold;



}







div#menu li.active a.level1 {   



	background: url(../images/menu_level1_item_active.png) 50% 100% no-repeat;



	height: 46px;



	position: relative;



	z-index: 15;



}







div#menu a.level1 span, div#menu span.level1 span {



	margin-top: 0px;



}







 



div#menu a.level1 span.title, div#menu span.level1 span.title{



	padding: 1px 0 0 0;



	font-size: 100%;



	line-height: 23px;



        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);



}







 



div#menu a.level1 span.sub, div#menu span.level1 span.sub {



	margin-top: -2px;



	background: none;



	font-size: 10px;



	font-weight: normal;



	color: #333333;



	line-height: 10px;



	text-transform: none;



	letter-spacing: -0.01em;



        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);



}







 



div#menu ul.menu ul {



	position: absolute;



	top: 38px;



	left: -999em;  



	width: 163px;



	padding: 5px 0px 0px 0px;



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



	border: 1px solid #878787;



	border-top: none;



}







div#menu li:hover ul, div#menu li.sfhover ul {



	left: -2px;  



	z-index: 14;



}







div#menu li.level1 li {



   	width: 100%;  



	text-indent: 15px;



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



}







div#menu li.level1 li.last { background: none; }







div#menu li.level1 li a, div#menu li.level1 li span.separator {



	height: 25px;



	padding: 0px;



	background: none;



	float: none;  



	display: block;



	line-height: 25px;



}







div#menu li.level2 a.parent, div#menu li li.level2 span.parent {  



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



}







div#menu li.level2 a.active, div#menu li.level2 span.active {  



}







div#menu li.level2 a:hover,



div#menu li.level2 span.separator:hover,



div#menu li.level2 span.sfhover {  



}











 







 



div#menu li ul ul {



	margin: -43px 0 0 163px;  



}







div#menu ul.level2 ul {



	padding: 0px 0px 0px 0px;



	background-position: 0 -5px;



	border: 1px solid #878787;



}







div#menu li:hover ul ul, div#menu li.sfhover ul ul {



	



}







 



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;



}







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



	text-decoration: none;



	color: #333333;



}







div#middle ul.menu li span {  



	display: block;



	background-repeat: no-repeat;  



	background-position: 100% 0px;  



}







div#middle ul.menu a.current {  



	font-style: italic;



	color: #5ca300;



}







div#middle ul.menu a:hover,



div#middle ul.menu span.separator:hover,



div#middle ul.menu span.sfhover {  



	/* color: #5ca300; */



}







div#middle ul.menu a.active, div#middle ul.menu span.active {  



	/*color: #ffffff;*/



}







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: url(../images/submenu_l_item.png) 0 0 no-repeat;



}







div#middle ul.menu li.parent a.level1, div#middle ul.menu li.parent span.level1 { 



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



}







div#right div#middle ul.menu a.level1, div#middle ul.menu span.level1 {  



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



}







div#right div#middle ul.menu li.parent a.level1, div#middle ul.menu li.parent span.level1 {  



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



}







 



div#middle ul.menu li.level2 {



	background: url(../images/submenu_level2_item.png) 10px 0px no-repeat;



}







div#middle ul.menu a.level2 {



	text-indent: 25px;



}







div#middle ul.menu a.level2 span {



}







 



div#middle ul.menu li.level3 {



	background: url(../images/submenu_l_level2_item.png) 20px 0px no-repeat;



}







div#middle ul.menu a.level3 {



	text-indent: 35px;



}







div#middle ul.menu a.level3 span {



}







 



div#middle ul.menu li.level4 {



	background: url(../images/submenu_l_level2_item.png) 30px 0px no-repeat;



}







div#middle ul.menu a.level4  {



	text-indent: 45px;



}







div#middle ul.menu a.level4 span {



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



/*



 * module headers



 */







/* reset header for all modules */



div.module h3.header {



	margin: 0px 0px 5px 0px;



	padding: 0px 0px 0px 0px;



	font-size: 175%;



	color: #646464;



	font-weight: normal;



	letter-spacing: -1px;



}







div.module h3.header {



	color: #646464;



}







div.module h3.header span.color {



	color: #65b300;



}







/* header span's */



div.module span.header-2,



div.module span.header-3 {



	display: block;



}







/*



 * space for adjoining modules



 */







.separator div.module {



	margin: 0px 5px 0px 0px;



}







#left div.module,



#right div.module {



	margin: 0px 0px 15px 0px;



}







#top .topblock div.module {



	margin: 10px 0px 0px 0px;



}







div#bottom .bottombox div.module {



	padding: 10px 0px 10px 0px;



}







#bottom .bottomblock div.module {



	margin: 0px 0px 10px 0px;



}







/*



 * styling for special positions



 */







div#toolbar div.mod-blank {



	margin: 0px 15px 0px 0px;



	float: right;



}







div#headerbar div.module {



	margin-left: 10px;



	float: right;



}







/*



 * badge styling for all modules



 */



 



div.module {



	position: relative;



}



 



div.module div.badge-new, div.module div.badge-top, div.module div.badge-pick {



	position: absolute;



	top: 0px;



	right: 0px;



	width: 39px;



	height: 39px;



	z-index: 1;



}







div.module div.badge-new {



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



}







div.module div.badge-top {



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



}







div.module div.badge-pick {



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



}







div.module div.badge-circle {



	position: absolute;



	top: -5px;



	left: -5px;



	width: 34px;



	height: 34px;



	z-index: 1;



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



}







/*



 * module: blank



 */



 



 



div.mod-blank div.module {



	overflow: hidden;



}







div.mod-blank h3.module {



}







#top div.mod-blank div.module,



#bottom div.mod-blank div.module,



#top div.mod-blank h3.header,



#bottom div.mod-blank h3.header {



	color: #323232;



}







/*



 * module: rounded



 */







div.mod-rounded div.box-t1 {



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



}







div.mod-rounded div.box-t2 {



	padding: 0px 10px 0px 10px;



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



}







div.mod-rounded div.box-t3 {



	height: 15px;



	background: url(../images/module_rounded_t.png) 0 0 repeat-x;



}







div.mod-rounded div.box-1 {



	background: url(../images/module_rounded_l.png) 0 0 repeat-y;



}







div.mod-rounded div.box-2 {



	padding: 0px 5px 0px 5px;



	background: url(../images/module_rounded_r.png) 100% 0 repeat-y;



}







div.mod-rounded div.box-3 {



	padding: 0px 10px 10px 10px;



	background: #fcfdfe url(../images/module_rounded_bg.png) 0 100% repeat-x;



	min-height: 20px;



	overflow: hidden;



}







div.mod-rounded div.box-b1 {



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



}







div.mod-rounded div.box-b2 {



	padding: 0px 10px 0px 10px;



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



}







div.mod-rounded div.box-b3 {



	height: 10px;



	background: url(../images/module_rounded_b.png) 0 0 repeat-x;



}







div.mod-rounded div.badge-new, div.mod-rounded div.badge-top, div.mod-rounded div.badge-pick {



	top: 5px;



	right: 5px;



}







#headerbar div.mod-rounded div.deepest {



	height: 50px;



}







/*



 * module: rounded (only for header position)



 */



 



div.mod-rounded-header div.module {



}







div.mod-rounded-header div.box-1 {



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



}







div.mod-rounded-header div.box-2 {



	padding: 0px 10px 0px 10px;



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



}







div.mod-rounded-header div.box-3 {



	height: 50px;



	padding: 10px 5px 0px 5px;



	/*background: url(../images/module_headerposition_m.png) 0 0 repeat-x;*/



	overflow: hidden;



}







/*



 * module: window



 */







div.mod-window div.box-t1 {



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



}







div.mod-window div.box-t2 {



	padding: 0px 25px 0px 25px;



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



}







div.mod-window div.box-t3 {



	height: 23px;



	background: url(../images/module_window_t.png) 0 0 repeat-x;



}







div.mod-window div.box-1 {



	background: url(../images/module_window_l.png) 0 0 repeat-y;



}







div.mod-window div.box-2 {



	padding: 0px 20px 0px 20px;



	background: url(../images/module_window_r.png) 100% 0 repeat-y;



}







div.mod-window div.box-3 {



	padding: 8px 8px 8px 8px;



	background: #F3F4F5 url(../images/module_window_bg.png) 0 100% repeat-x;



	overflow: hidden;



}







div.mod-window div.box-b1 {



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



}







div.mod-window div.box-b2 {



	padding: 0px 20px 0px 20px;



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



}







div.mod-window div.box-b3 {



	height: 22px;



	background: url(../images/module_window_b.png) 0 0 repeat-x;



}







div.mod-window div.badge-new, div.mod-window div.badge-top, div.mod-window div.badge-pick {



	top: 5px;



	right: 5px;



}







/* menu */







/*



 * module: concave



 */







div.mod-concave div.box-t1 {



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



}







div.mod-concave div.box-t2 {



	padding: 0px 10px 0px 10px;



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



}







div.mod-concave div.box-t3 {



	height: 10px;



	background: url(../images/module_concave_t.png) 0 0 repeat-x;



}







div.mod-concave div.box-1 {



	background: #f0f1f2 url(../images/module_concave_l.png) 0 0 repeat-y;



}







div.mod-concave div.box-2 {



	padding: 0px 10px 0px 10px;



	background: url(../images/module_concave_r.png) 100% 0 repeat-y;



	overflow: hidden;



}







div.mod-concave div.box-b1 {



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



}







div.mod-concave div.box-b2 {



	padding: 0px 10px 0px 10px;



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



}







div.mod-concave div.box-b3 {



	height: 10px;



	background: url(../images/module_concave_b.png) 0 0 repeat-x;



}







/*



 * module: angled



 */







div.mod-angled div.box-1 {



	padding: 10px 15px 10px 15px;



	border-top: 1px solid #FFFFFF;



	border-bottom: 1px solid #A8AAAA;



	background: #EEF0F0 url(../images/module_angled_bg.png) 0 100% repeat-x;



	overflow: hidden;



}







/*



 * module: grey



 */



 



div.mod-grey div.box-t1 {



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



}







div.mod-grey div.box-t2 {



	padding: 0px 20px 0px 20px;



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



}







div.mod-grey div.box-t3 {



	height: 20px;



	background: url(../images/module_grey_t.png) 0 0 repeat-x;



}







div.mod-grey div.box-1 {



	background: url(../images/module_grey_l.png) 0 0 repeat-y;



}







div.mod-grey div.box-2 {



	padding: 0px 5px 0px 5px;



	background: url(../images/module_grey_r.png) 100% 0 repeat-y;



}







div.mod-grey div.box-3 {



	padding: 0px 9px 0px 9px;



	background: #fcfdfe url(../images/module_grey_inner.png) 0 100% repeat-x;



}







div.mod-grey div.box-4 {



	padding: 0px 1px 0px 1px;



	background: #828282 url(../images/module_grey_border.png) 0 100% repeat-x;



}







div.mod-grey div.box-5 {



	padding: 4px 10px 5px 10px;



	min-height: 41px;



	background: #828282 url(../images/module_grey_bg.png) 0 100% repeat-x;



	overflow: hidden;



	color: #ffffff;



}







div.mod-grey div.box-b1 {



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



}







div.mod-grey div.box-b2 {



	padding: 0px 20px 0px 20px;



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



}







div.mod-grey div.box-b3 {



	height: 20px;



	background: url(../images/module_grey_b.png) 0 0 repeat-x;



}







div.mod-grey h3.header {



	color: #ffffff;



}







div.mod-grey h3.header span.color {



	color: #ffffff;



}







div.mod-grey div.box-5 a:link,



div.mod-grey div.box-5 a:visited,



div.mod-grey div.box-5 a:hover {



	color: #ffffff;



	text-decoration: underline;



}











div.mod-grey div.badge-new, div.mod-grey div.badge-top, div.mod-grey div.badge-pick {



	top: 5px;



	right: 5px;



}







/*



 * module: separator



 */







div#bottom .bottombox div.mod-separator div.module {



	padding: 0px 0px 0px 0px;



}







 .separator div.mod-separator div.module {



	margin: 0px 0px 0px 0px;



}



 



.separator div.mod-separator div.box-1 {



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



}







div.mod-separator div.box-2 {



	padding: 20px 0px 20px 0px;



}







.separator div.mod-separator div.box-2 {



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







}







div.mod-separator div.box-3 {



	padding: 0px 10px 0px 10px;



}







.separator div.mod-separator div.box-3 {



	padding-right: 25px;



	background: url(../images/module_separator_m.png) 100% 0 repeat-y;



}







#top div.mod-separator div.box-3,



#bottom div.mod-separator div.box-3,



#top div.mod-separator h3.header,



#bottom div.mod-separator h3.header {



	color: #323232;



}







/*



 * module: line



 */



 



div.mod-line div.module {



	padding: 0px 0px 15px 0px;



}







div.mod-line div.box-1 {



	overflow: hidden;



}







div.mod-line h3.header {



	margin: 0px 0px 3px 0px;



	padding:0px 0px 6px 0px;



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



}







/*



 * module: polaroid



 */







div.mod-polaroid div.badge-tape {



	position: absolute;



	top: -13px;



	left: 50%;



	width: 114px;



	height: 38px;



	margin-left: -57px;



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



	z-index: 1;



}







div.mod-polaroid div.box-1 {



	margin-top: 13px;



	padding: 10px 10px 5px 10px;



	border-top: 1px solid #C8C8C8;



	border-left: 1px solid #C8C8C8;



	border-right: 1px solid #C8C8C8;



	background: #ffffff url(../images/module_polaroid_bg.png) 0 100% repeat-x;



	overflow: hidden;



}







div.mod-polaroid div.box-2 {



	margin-bottom: 5px;



	background: #000000;



}







div.mod-polaroid div.box-3 {



	padding: 10px 15px 10px 15px;



	overflow: hidden;



	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;



	font-style: italic;



	color: #C8C8C8;



}







div.mod-polaroid div.box-b1 {



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



}







div.mod-polaroid div.box-b2 {



	padding: 0px 70px 0px 70px;



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



}







div.mod-polaroid div.box-b3 {



	height: 5px;



	background: url(../images/module_polaroid_b.png) 0 0 repeat-x;



}







div.mod-polaroid h3.header {



	height: 25px;



	margin: 0px 0px 0px 0px;



	font-size: 140%;



	line-height: 25px;



	text-align: center;



	letter-spacing: -1px;



	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;



	font-style: italic;



	color: #323232;



}







/*



 * module: postit



 */







div.mod-postit div.box-1 {



	background: #FFFFAA;



	color: #323232;



}







div.mod-postit div.box-2 {



	padding: 15px 15px 0px 15px;



	overflow: hidden;



	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;



	font-style: italic;



}







div.mod-postit div.box-b1 {



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



}







div.mod-postit div.box-b2 {



	padding: 0px 90px 0px 60px;



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



}







div.mod-postit div.box-b3 {



	height: 40px;



	background: url(../images/module_postit_b.png) 0 0 repeat-x;



}







div.mod-postit h3.header {



	height: 30px;



	margin: -15px -15px 5px -15px;



	background: #FFFFDA;



	font-size: 140%;



	line-height: 30px;



	text-indent: 15px;



	letter-spacing: -1px;



	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;



	font-style: italic;



	color: #323232;



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



/*



 * global CSS



 * not inside joomla CSS class



 */







/* readmore button */



p.readmore {



	overflow: hidden;



}







div.module p.readmore {



	margin-bottom: 0px;



}







a.readmore {



	height: 29px;



	padding: 0px 5px 6px 10px;



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



	display: block;



	width: 95px;



	float: left;



	line-height: 29px;



}







a.readmore:link, a.readmore:visited,



div.module a.readmore:link, div.module a.readmore:visited {



	color: #5ca300;



	text-decoration: none;



}







a.readmore:hover,



div.module a.readmore:hover{



	background: url(../images/readmore.png) 0 -35px no-repeat;



	color: #6ff007;



	text-decoration: none;



}







/* tooltips */



.tool-tip {



	float: left;



	background: #ffc;



	border: 1px solid #D4D5AA;



	padding: 5px;



	max-width: 200px;



	color: #323232;



}







.tool-title {



	padding: 0;



	margin: 0;



	font-size: 100%;



	font-weight: bold;



	margin-top: -15px;



	padding-top: 15px;



	padding-bottom: 5px;



	background: url(../../system/images/selector-arrow.png) no-repeat;



}







.tool-text {



	font-size: 100%;



	margin: 0;



}







/*



 * general



 * used by Jommla core components



 */







div.joomla h1 {



	letter-spacing: -1px;



}







div.joomla h2,



div.joomla h3,



div.joomla h4,



div.joomla h5 {



	letter-spacing: -1px;



}







div.joomla h1.pagetitle {



	color:#545454;

	font-family:arial,helvetica,sans-serif;

	font-size:300%;

	font-weight:bold;



}







div.joomla div.description {



	margin: 10px 0px 10px 0px;



	overflow: hidden;



}







div.joomla div.description img.left {



	margin-right: 15px;



	float: left;



}







div.joomla div.description img.right {



	margin-left: 15px;



	float: right;



}







div.joomla div.filter {



	margin: 10px 0px 10px 0px;



}







div.joomla th {



	padding: 5px 5px 5px 5px;



	background: url(../images/article_separator.png) 50% 100% repeat-x;



	font-weight : bold;



}







div.joomla tr.even td,



div.joomla tr.odd td {



	padding: 5px 5px 5px 5px;



	background: url(../images/article_separator.png) 50% 100% repeat-x;



}







 



div.joomla span.number {



	color: #969696;



	font-style: italic;



}







/*



 * com_content



 * blog layout (frontpage, category, section)



 * sub selectors: blog



 */



 



div.joomla div.blog div.description {  



	margin: 10px 0px 15px 0px;



	padding-bottom: 20px;



	background: url(../images/article_separator.png) 50% 100% repeat-x;



}







div.joomla div.leadingarticles {



	overflow: hidden;



}







div.joomla div.teaserarticles {



	overflow: hidden;



}







div.joomla div.item {



	margin-bottom: 15px;



}







div.joomla div.item-bg {



	padding-bottom: 5px;



	background: url(../images/article_separator.png) 50% 100% repeat-x;



	overflow: hidden;



}







div.joomla div.multicolumns div.item {



	margin: 0px 15px 15px 15px;



}







div.joomla div.multicolumns div.first div.item {



	margin-left: 0px;



}







div.joomla div.multicolumns div.last div.item {



	margin-right: 0px;



}







div.joomla div.morearticles {



	margin: 10px 0px 10px 0px;



}







div.joomla div.pagination {



	text-align: center;



}







div.joomla div.pagination p.results {



}







/*



 * com_content



 * list layout (frontpage, category, section)



 * sub selectors: sectionlist, categorylist



 */







/*



 * com_content



 * article layout



 * sub seletors: article



 */







div.joomla div.headline {



	overflow: hidden;



}







div.joomla h1.title {



	float: left;



}







div.joomla div.multicolumns h1.title {



	font-size: 200%;



	letter-spacing: -1px;



}







div.joomla span.icon {



	display: block;



	margin-top: 10px;



	float: right;



}







div.joomla div.multicolumns span.icon {



	margin-top: 5px;



}







div.joomla span.edit {



	margin-left: 10px;



	float: left;



}







div.joomla span.pdf {



	margin-right: 5px;



}







div.joomla span.print {



	margin-right: 5px;



}







div.joomla span.email {



}







div.joomla span.printscreen {



}







div.joomla p.iteminfo {



	margin: 0px 0px 15px 0px;



}







div.joomla p.articleinfo {



	margin-top: 0px;



	text-transform: uppercase;



	font-size: 80%;



	letter-spacing: 1px;



	line-height: 150%;



}







div.joomla p.articleinfo span.modified,



div.joomla p.articleinfo span.author,



div.joomla p.articleinfo span.created,



div.joomla p.articleinfo span.url {



	white-space: nowrap;



}







/*



 * com_content



 * editing an article



 * sub seletors: edit-article



 */







div.joomla div.edit-article fieldset {



	margin-bottom: 30px;



}







div.joomla div.edit-article fieldset div {



	overflow: hidden;



}







div.joomla div.edit-article label.label-left {



	display: block;



	width: 150px;



	float: left;



}







div.joomla div.edit-article div.save {



	margin: 0px;



	float: right;



}







div.joomla div.edit-article div#editor-xtd-buttons {



	margin-bottom: 0px;



	overflow: hidden;



}







div.joomla div.edit-article div#editor-xtd-buttons div {



	margin: 0px;



}







div.joomla div.edit-article div#editor-xtd-buttons div.button2-left {



	margin-right: 5px;



}







div.joomla div.edit-article div#editor-xtd-buttons a:link,



div.joomla div.edit-article div#editor-xtd-buttons a:visited,



div.joomla div.edit-article div#editor-xtd-buttons a:hover {



	color: #323232;



}







/*



 * com_weblinks



 * sub seletors: weblinks



 */







div.joomla div.weblinks fieldset {



}







div.joomla div.weblinks fieldset div {



	overflow: hidden;



}







div.joomla div.weblinks label.label-left {



	display: block;



	width: 150px;



	float: left;



}







/*



 * com_search



 * sub seletors: search



 */







div.joomla div.search p.info {



	margin: 0px;



	color: #969696;



	font-style: italic;



}







div.joomla div.search span.highlight {



	background: #ffffff;



	color: #323232;



}







/*



 * com_poll



 * sub seletors: poll



 */







div.joomla div.poll fieldset {



	margin: 15px 0px 10px 0px;



}







/*



 * com_contact



 * sub seletors: contact



 */







div.joomla div.contact h1 {



	margin-bottom: 0px;



	font-size: 250%;



	font-weight: normal;



	letter-spacing: -1px;



}







div.joomla div.contact h2 {



	margin-bottom: 10px;



	font-size: 120%;



	font-weight: normal;



	text-transform: uppercase;



	letter-spacing: 0px;



}







div.joomla div.contact div.image {



	float: right;



}







div.joomla div.contact table {



	margin-bottom: 10px;



}







div.joomla div.contact label.label-top {



	display: block;



}







/*



 * com_user



 * sub seletors: user



 */







div.joomla div.user label.label-left,



div.joomla div.user span.label-left  {



	display: block;



	width: 130px;



	float: left;



}







/*



 * mod_newsflash



 */







div.module-newsflash {



	overflow: hidden;



}







div.module-newsflash div.item {



	padding-bottom: 15px;



	overflow: hidden;



}







div.module-newsflash div.last {



	padding-bottom: 0px;



}







/*



 * mod_search



 */







div.module-search {



	width: 120px;



	height: 18px;



	padding: 0px;



	margin: 0px;



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



}







div.module-search input {



	width: 93px;



	height: 14px;



	padding: 2px 2px 2px 7px;



	border: none;



	outline: none;



	background: none;



	float: left;



	color: #646464;



	font-size: 80%;



}







div.module-search input:focus {



	outline: none;



}







div.module-search button {



	width: 18px;



	height: 18px;



	padding: 0px;



	border: none;



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



	cursor: pointer;



	text-indent: 100px;



	line-height: 0px;



}







div.module-search:hover{



	background: url(../images/search_bg.png) 0 -18px no-repeat;



}







div.module-search:hover input {



	color: #000000;



}







div.module-search input:focus {



	color: #000000;



}







/*



 * legacy Joomla styling only for third party components



 */







.contentheading,



.componentheading {



background:#65b300 none repeat scroll 0 0;

border-left:10px solid #398500;

color:#FFFFFF;

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

font-size:185%;

font-weight:bold;

line-height:100%;

margin:0;

padding:10px 14px 10px 2px;

text-shadow:1px 1px 1px rgba(0, 0, 0, 0.7);

letter-spacing: -1px;



}





}







/*



 * Joomla! system CSS file: system.css



 */



 



/* OpenID icon style */



input.system-openid {



   background: url(http://openid.net/login-bg.gif) no-repeat;



   background-color: #fff;



   background-position: 0 50%;



   color: #000;



   padding-left: 18px;



}











/* Unpublished */



.system-unpublished {



background: #e8edf1;



border-top: 4px solid #c4d3df;



border-bottom: 4px solid #c4d3df;



}







/* System Messages */



#system-message    { margin-bottom: 10px; padding: 0;}



#system-message dt { font-weight: bold; }



#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; padding: 0;}



#system-message dd ul { color: #006600; margin-bottom: 10px; list-style-position: inside; list-style-image: url(../images/typography/list_check.png); padding: 10px; border-top: 3px solid #4c9d4c; border-bottom: 3px solid #4c9d4c;}







/* System Standard Messages */



#system-message dt.message { display: none; }



#system-message dd.message {  }







/* System Error Messages */



#system-message dt.error { display: none; }



#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}







/* System Notice Messages */



#system-message dt.notice { display: none; }



#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}







/* Debug */



#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }



#system-debug div { font-size: 11px;}







/*



 * Joomla! system CSS file: general.css



 */



 



 /* Form validation */



.invalid { border-color: #ff0000; }



label.invalid { color: #ff0000; }







/* Buttons */



#editor-xtd-buttons {



	padding: 5px;



}







.button2-left,



.button2-right,



.button2-left div,



.button2-right div {



	float: left;



}







.button2-left a,



.button2-right a,



.button2-left span,



.button2-right span {



	display: block;



	height: 22px;



	float: left;



	line-height: 22px;



	font-size: 11px;



	color: #666;



	cursor: pointer;



}







.button2-left span,



.button2-right span {



	cursor: default;



	color: #999;



}







.button2-left .page a,



.button2-right .page a,



.button2-left .page span,



.button2-right .page span {



	padding: 0 6px;



}







.page span {



	color: #000;



	font-weight: bold;



}







.button2-left a:hover,



.button2-right a:hover {



	text-decoration: none;



	color: #0B55C4;



}







.button2-left a,



.button2-left span {



	padding: 0 24px 0 6px;



}







.button2-right a,



.button2-right span {



	padding: 0 6px 0 24px;



}







.button2-left {



	background: url(../../system/images/j_button2_left.png) no-repeat;



	float: left;



	margin-left: 5px;



}







.button2-right {



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



	float: left;



	margin-left: 5px;



}







.button2-left .image {



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



}







.button2-left .readmore {



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



}







.button2-left .pagebreak {



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



}







/* Tooltips */



div.tooltip {



	float: left;



	background: #ffc;



	border: 1px solid #D4D5AA;



	padding: 5px;



	max-width: 200px;



}







div.tooltip h4 {



	padding: 0;



	margin: 0;



	font-size: 95%;



	font-weight: bold;



	margin-top: -15px;



	padding-top: 15px;



	padding-bottom: 5px;



	background: url(../../system/images/selector-arrow.png) no-repeat;



}







div.tooltip p {



	font-size: 90%;



	margin: 0;



}







/* Caption fixes */



.img_caption .left {



	float: left;



	margin-right: 1em;



}







.img_caption .right {



	float: right;



	margin-left: 1em;



}







.img_caption .left p {



	clear: left;



	text-align: center;



}







.img_caption .right p {



	clear: right;



	text-align: center;



}







/* Calendar */



a img.calendar {



	width: 16px;



	height: 16px;



	margin-left: 3px;



	background: url(../../system/images/calendar.png) no-repeat;



	cursor: pointer;



	vertical-align: middle;



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

/*

 * YOOsearch

 */



#page div.yoo-search div.resultbox {

	position: absolute;

	right: 0px;

	top: 26px;

	z-index: 20;

}




/*
 * YOOcarousel: Slideshow
 */

#page div.slideshow div.yoo-carousel .prev,
#page div.slideshow div.yoo-carousel .next { top: 0px; }

#page div.slideshow div.yoo-carousel .prev a,
#page div.slideshow div.yoo-carousel .next a {
	width: 50px;
	display: block;
}

#page div.slideshow div.yoo-carousel .prev a { background: url(../images/yoocarousel/button_prev.png) 0 45% no-repeat; }
#page div.slideshow div.yoo-carousel .next a { background: url(../images/yoocarousel/button_next.png) 0 45% no-repeat; }
#page div.slideshow div.yoo-carousel .prev a:hover { background: url(../images/yoocarousel/button_prev.png) -50px 45% no-repeat; }
#page div.slideshow div.yoo-carousel .next a:hover { background: url(../images/yoocarousel/button_next.png) -50px 45% no-repeat; }



/*

 * YOOtweet

 */



#page div.list div.yoo-tweet ul li {

	border-top: none;

}



#page div.list div.yoo-tweet ul li.first {

	border: none;

}



#page div.list div.yoo-tweet ul li.odd {

	background: url(../images/article_separator.png) 50% 100% repeat-x;

}



#page div.list div.yoo-tweet ul li.even {

	background: url(../images/article_separator.png) 50% 100% repeat-x;

}



/*

 * YOOscroller

 */



#top div.blank-h div.yoo-scroller {

	margin-bottom: -10px;

}



#top div.blank-h div.yoo-scroller div.scrollarea {

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

}



#top div.blank-h div.yoo-scroller div.scrollarea-l {

	padding: 0px 30px 0px 30px;

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

}



#top div.blank-h div.yoo-scroller div.scrollarea-r {

	background: url(../../../modules/mod_yoo_scroller/styles/blank-h/images/scrollarea_m.png) 0 0 repeat-x;

}



#top div.blank-h div.yoo-scroller div.back {

	position: absolute;

	left: 20px;

}



#top div.blank-h div.yoo-scroller div.forward {

	position: absolute;

	right: 20px;

}



#top div.blank-h div.yoo-scroller div.scrollbar {

	position: absolute;

	left: 41px;

}



/*

 * YOOlogin

 */



 

/* quick */

#headerbar span.quick span.yoo-login { 

}



#headerbar span.quick span.yoo-login span.login {

	width: 231px;

}



#headerbar span.quick span.yoo-login span.login span.login-button-text,

#headerbar span.quick span.yoo-login span.login span.login-button-icon {

	margin-right: 0px;

}



#headerbar span.quick span.yoo-login span.login span.lostpassword, 

#headerbar span.quick span.yoo-login span.login span.lostusername,

#headerbar span.quick span.yoo-login span.login span.registration {

	margin-top: 5px;

}



#headerbar span.quick span.yoo-login span.logout {

	margin-top: 10px;

	overflow: visible;

}



#headerbar span.quick span.yoo-login span.logout span.logout-button-text,

#headerbar span.quick span.yoo-login span.logout span.logout-button-icon {

	margin-right: 0px;

}



/* nifty quick */

#headerbar span.niftyquick span.yoo-login { 

}



#headerbar span.niftyquick span.yoo-login span.login {

	width: 268px;

}



#headerbar span.niftyquick span.yoo-login span.login span.login-button {

	margin-right: 0px;

}



#headerbar span.niftyquick span.yoo-login span.login span.lostpassword, 

#headerbar span.niftyquick span.yoo-login span.login span.lostusername,

#headerbar span.niftyquick span.yoo-login span.login span.registration {

	margin-top: 5px;

}



#headerbar span.niftyquick span.yoo-login span.logout {

	margin-top: 10px;

	overflow: visible;

}



#headerbar span.niftyquick span.yoo-login span.logout span.logout-button {

	margin-right: 0px;

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







/*







 * This CSS file is for customization purpose only







 *







 * To make it easier to update a YOOtheme template to the latest version use







 * this custom.css file for small CSS modifications.







 *







 * How it works:







 * For example if you want to change a color which is applied in layout.css







 * just copy the original styling into this file right after the commented







 * section. Do this for all CSS modifications.







 *







 * In case you have to update the template save the custom.css file on your computer.







 * De-install and re-install the updated template version. And copy your saved







 * custom.css file back in place. Now compare your modification with the new CSS







 * files and make sure they are working.







 *







 * To load this file when Gzip is enabled in the template parameters do the following:







 * Open css/template.css.php and take a look at the last line. Uncomment follwing line:







 * // include(PATH_ROOT . 'custom.css');







 *







 * To load this file when Gzip is disabled in the template parameters do the following:







 * Open lib/php/yootools.php and take a look at line 100. Uncomment follwing line:







 * // $document->addStyleSheet($baseurl.'/css/custom.css');







 *







 */ 































/*







 * layout.css







 */































/*







 * general.css







 */































/*







 * menus.css







 */































/*







 * modules.css







 */































/*







 * joomla.css







 */











.contenttoc {







       background:#FAFAFA none repeat scroll 0 0;







    /* border:2px outset #AAAAAA; TEMP REMOVING BORDER*/







       clear:none;







       color:inherit;







       float:right;







       font-family:Trebuchet MS,Arial,Helvetica,Sans-Serif;







       font-size:100%;







       font-style:italic;







       height:auto;







       margin:34px 0px 20px 15px;







       padding:5px;







       width:30%;







}











.pagenavcounter {







       font-style:italic;







       font-weight:bold;







       margin:15px 10px;







}















.pagenavbar {







       font-family:Trebuchet MS,Arial,Helvetica,Sans-Serif;







       font-size:105%;







       font-style:italic;







       font-weight: bold;







       margin:15px;







       padding:5px;







}















/*







 * extensions.css







 */











.allvideos { }



















/*







 * [color]-[specific].css







 * Place here your color specific CSS changes depending on your choosen color variation







 */































/*







 * ie7hacks.css







 * use IE7 browser hacks to apply the styling only to IE7







 * For example: Star-Plus-HTML-Hack: *:first-child+html #YOURSELECTOR { attribute:value; }







 */































/*







 * ie6hacks.css







 * Use IE6 browser hacks to apply the styling only to IE6







 * For example: Star-HTML-Hack: * html #YOURSELECTOR { attribute:value; }







 */









/*******************************



 * inline module: video-rounded



 *******************************/











#video-mod {



	position: relative;



        color: #ffffff;



        z-index:0;



}







#video-mod h5 {



        color: #ffffff;



}







div.video-mod div.video-icon {



	position: absolute;



	top: 0px;



	right: 0px;



	height: 42px;



	width: 42px;



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



        z-index: 100;



}







div.video-mod div.box-t1 {



	background: /*url(../images/custom/module_rounded_tl.png) 0 0 no-repeat;*/



	z-index: 1;



}







div.video-mod div.box-t2 {



	padding: 0px 10px 0px 10px;



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



	z-index: 1;



}







div.video-mod div.box-t3 {



	height: 15px;



	background: /*url(../images/custom/module_rounded_t.png) 0 0 repeat-x;*/



	z-index: 1;



}







div.video-mod div.box-1 {



	background: /* url(../images/custom/module_rounded_l.png) 0 0 repeat-y;*/



	z-index: 1;



}







div.video-mod div.box-2 {



	padding: 0px 5px 0px 5px;



	background: /* url(../images/custom/module_rounded_r.png) 100% 0 repeat-y;*/



	z-index: 1;



}







div.video-mod div.box-3 {



	padding: 0px 10px 40px 10px;



	background: /* #4d4d4d url(../images/custom/module_rounded_bg.png) 0 0 repeat-x;*/



	min-height: 20px;



	overflow: hidden;



	z-index: 1;



}







div.video-mod div.box-b1 {



	background: /* url(../images/custom/module_rounded_bl.png) 0 0 no-repeat;*/



	z-index: 1;



}







div.video-mod div.box-b2 {



	padding: 0px 10px 0px 10px;



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



	z-index: 1;



}







div.video-mod div.box-b3 {



	height: 10px;



	background: /* url(../images/custom/module_rounded_b.png) 0 0 repeat-x;*/



	z-index: 1;



}























/*******************************



 * inline module: photo-rounded



 *******************************/











#photo-mod {



	position: relative;



        z-index:0;



}







div.photo-mod div.photo-icon {



	position: absolute;



	top: 0px;



	right: 0px;



	height: 42px;



	width: 42px;



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



        z-index: 100;



}







div.photo-mod div.box-t1 {



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



	z-index: 1;



}







div.photo-mod div.box-t2 {



	padding: 0px 10px 0px 10px;



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



	z-index: 1;



}







div.photo-mod div.box-t3 {



	height: 15px;



	background: /* url(../images/module_rounded_t.png) 0 0 repeat-x;*/



	z-index: 1;



}







div.photo-mod div.box-1 {



	background: /* url(../images/module_rounded_l.png) 0 0 repeat-y;*/



	z-index: 1;



}







div.photo-mod div.box-2 {



	padding: 0px 5px 0px 5px;



	background: /* url(../images/module_rounded_r.png) 100% 0 repeat-y;*/



	z-index: 1;



}







div.photo-mod div.box-3 {



	padding: 0px 10px 40px 10px;



	background: /* #fcfdfe url(../images/photo_mod_bg.png) 0 100% repeat-x;*/



	min-height: 20px;



	overflow: hidden;



	z-index: 1;



}







div.photo-mod div.box-b1 {



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



	z-index: 1;



}







div.photo-mod div.box-b2 {



	padding: 0px 10px 0px 10px;



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



	z-index: 1;



}







div.photo-mod div.box-b3 {



	height: 10px;



	background: /* url(../images/module_rounded_b.png) 0 0 repeat-x;*/



	z-index: 1;



}







div.photo-mod div.box-t1 {



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



}







div.photo-mod div.box-t2 {



	padding: 0px 10px 0px 10px;



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



}







div.photo-mod div.box-t3 {



	height: 15px;



	background: /* url(../images/module_rounded_t.png) 0 0 repeat-x;*/



}







div.photo-mod div.box-1 {



	background: /* url(../images/module_rounded_l.png) 0 0 repeat-y;*/



}







div.photo-mod div.box-2 {



	padding: 0px 5px 0px 5px;



	background: /* url(../images/module_rounded_r.png) 100% 0 repeat-y;*/



}







div.photo-mod div.box-3 {



	padding: 0px 10px 40px 10px;



	background: /* #fcfdfe url(../images/photo_mod_bg.png) 0 100% repeat-x;*/



	min-height: 20px;



	overflow: hidden;



}







div.photo-mod div.box-b1 {



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



}







div.photo-mod div.box-b2 {



	padding: 0px 10px 0px 10px;



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



}







div.photo-mod div.box-b3 {



	height: 10px;



	background: /* url(../images/module_rounded_b.png) 0 0 repeat-x;*/



}



























/*******************************



 * inline module: drawings-rounded



 *******************************/











#drawings-mod {



	position: relative;



        z-index:0;



}







div.drawings-mod div.drawings-icon {



	position: absolute;



	top: 0px;



	right: 0px;



	height: 42px;



	width: 42px;



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



        z-index: 100;



}







div.drawings-mod div.box-t1 {



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



	z-index: 1;



}







div.drawings-mod div.box-t2 {



	padding: 0px 10px 0px 10px;



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



	z-index: 1;



}







div.drawings-mod div.box-t3 {



	height: 15px;



	background: /*url(../images/module_rounded_t.png) 0 0 repeat-x;*/



	z-index: 1;



}







div.drawings-mod div.box-1 {



	background: /*url(../images/module_rounded_l.png) 0 0 repeat-y;*/



	z-index: 1;



}







div.drawings-mod div.box-2 {



	padding: 0px 5px 0px 5px;



	background: /*url(../images/module_rounded_r.png) 100% 0 repeat-y;*/



	z-index: 1;



}







div.drawings-mod div.box-3 {



	padding: 0px 10px 40px 10px;



	background: /*#fcfdfe url(../images/drawings_mod_bg.png) 0 100% repeat-x;*/



	min-height: 20px;



	overflow: hidden;



	z-index: 1;



}







div.drawings-mod div.box-b1 {



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



	z-index: 1;



}







div.drawings-mod div.box-b2 {



	padding: 0px 10px 0px 10px;



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



	z-index: 1;



}







div.drawings-mod div.box-b3 {



	height: 10px;



	background: /*url(../images/module_rounded_b.png) 0 0 repeat-x;*/



	z-index: 1;



}







div.drawings-mod div.box-t1 {



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



}







div.drawings-mod div.box-t2 {



	padding: 0px 10px 0px 10px;



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



}







div.drawings-mod div.box-t3 {



	height: 15px;



	background: /*url(../images/module_rounded_t.png) 0 0 repeat-x;*/



}







div.drawings-mod div.box-1 {



	background: /*url(../images/module_rounded_l.png) 0 0 repeat-y;*/



}







div.drawings-mod div.box-2 {



	padding: 0px 5px 0px 5px;



	background: /*url(../images/module_rounded_r.png) 100% 0 repeat-y;*/



}







div.drawings-mod div.box-3 {



	padding: 0px 10px 40px 10px;



	background: /*#fcfdfe url(../images/drawings_mod_bg.png) 0 100% repeat-x;*/



	min-height: 20px;



	overflow: hidden;



}







div.drawings-mod div.box-b1 {



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



}







div.drawings-mod div.box-b2 {



	padding: 0px 10px 0px 10px;



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



}







div.drawings-mod div.box-b3 {



	height: 10px;



	background: /*url(../images/module_rounded_b.png) 0 0 repeat-x;*/



}































/*****************************



 * inline module: ext-rounded



******************************/







#ext-mod {



	position: relative;



        z-index:0;



}







#ext-mod.a:link, #ext-mod.a:visited {



	font-weight: bold;



}







div.ext-mod div.ext-icon {



	position: absolute;



	top: 0px;



	right: 0px;



	height: 42px;



	width: 42px;



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



        z-index: 100;



}







div.ext-mod div.box-t1 {



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



	z-index: 1;



}







div.ext-mod div.box-t2 {



	padding: 0px 10px 0px 10px;



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



	z-index: 1;



}







div.ext-mod div.box-t3 {



	height: 15px;



	background: /*url(../images/module_rounded_t.png) 0 0 repeat-x;*/



	z-index: 1;



}







div.ext-mod div.box-1 {



	background: /*url(../images/module_rounded_l.png) 0 0 repeat-y;*/



	z-index: 1;



}







div.ext-mod div.box-2 {



	padding: 0px 5px 0px 5px;



	background: /*url(../images/module_rounded_r.png) 100% 0 repeat-y;*/



	z-index: 1;



}







div.ext-mod div.box-3 {



	padding: 0px 10px 40px 10px;



	background: /*#fcfdfe url(../images/ext_mod_bg.png) 0 100% repeat-x;*/



	min-height: 20px;



	overflow: hidden;



	z-index: 1;



}







div.ext-mod div.box-b1 {



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



	z-index: 1;



}







div.ext-mod div.box-b2 {



	padding: 0px 10px 0px 10px;



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



	z-index: 1;



}







div.ext-mod div.box-b3 {



	height: 10px;



	background: /*url(../images/module_rounded_b.png) 0 0 repeat-x;*/



	z-index: 1;



}







div.ext-mod div.box-t1 {



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



}







div.ext-mod div.box-t2 {



	padding: 0px 10px 0px 10px;



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



}







div.ext-mod div.box-t3 {



	height: 15px;



	background: /*url(../images/module_rounded_t.png) 0 0 repeat-x;*/



}







div.ext-mod div.box-1 {



	background: /*url(../images/module_rounded_l.png) 0 0 repeat-y;*/



}







div.ext-mod div.box-2 {



	padding: 0px 5px 0px 5px;



	background: /*url(../images/module_rounded_r.png) 100% 0 repeat-y;*/



}







div.ext-mod div.box-3 {



	padding: 0px 10px 40px 10px;



	background: /*#fcfdfe url(../images/ext_mod_bg.png) 0 100% repeat-x*/;



	min-height: 20px;



	overflow: hidden;



}







div.ext-mod div.box-b1 {



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



}







div.ext-mod div.box-b2 {



	padding: 0px 10px 0px 10px;



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



}







div.ext-mod div.box-b3 {



	height: 10px;



	background: /*url(../images/module_rounded_b.png) 0 0 repeat-x;*/



}







/*****************************************



 * Homepage Channel Buttons



******************************************/



/********************

 * DESIGN PROS

*********************/



div.DesignProsBut {

	text-align: left;
	
	background: transparent url(../images/design_pros_but_over.png) no-repeat 500px 500px;

	width: 230px; 

	height: 50px;
	
	margin-top: 10px;

}

/********************

 * GREEN BUILDING

*********************/



div.GreenBldgBut {

	text-align: left; 

	background: transparent url(../images/green_bldg_but_over.png) no-repeat 500px 500px;

	width: 230px; 

	height: 50px;
	
	margin-top: 10px;

}

/********************

 * HOME IMPROVEMENT

*********************/



div.HomeImprovBut {

	text-align: left; 

	background: transparent url(../images/home_improv_but_over.png) no-repeat 500px 500px;

	width: 230px; 

	height: 50px;
	
	margin-top: 10px;

}


/********************

 * CONSTRUCTION PROS

*********************/



div.ConstProsBut {

	text-align: left; 

	background: transparent url(../images/const_pros_but_over.png) no-repeat 500px 500px;

	width: 230px; 

	height: 50px;
	
	margin-top: 10px;

}

/********************

 * FACILITIES MANAGEMENT

*********************/



div.FacMgmtBut {

	text-align: left; 

	background: transparent url(../images/fac_mgmt_but_over.png) no-repeat 500px 500px;

	width: 230px; 

	height: 50px;
	
	margin-top: 10px;

}