/*** @version      $Id: layout.css 33 2007-09-28 12:16:13Z spook.68 $* @package      Joomla!* @subpackage   68portal* @copyright    Copyright (c)2007 Axel Wehner. All rights reserved.* @license      GNU/GPL**//*********************************************************************************************************	general*********************************************************************************************************//* reset */html, body, div, ul, ol, li, dl, dt, dd, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{ margin: 0; padding: 0; }fieldset, img{ border: 0; }/* now we can start :) */html[xmlns]{ height: auto; padding-bottom : .01em; }body{ min-height: 100%; position: relative; font-size: 1em; color: #000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;text-align: center; background: #C0C0C0 url(../images/body.png) 0 0 repeat; }/* clearing****************************//* you can find the ie clearing in the iefixes.css */.clearfix:after, #header:after, #content:after, div.content-modules:after, div.blog_row:after, ul.meta:after, .filter:after,.contentdescription:after, #footer:after, #main:after, .pagination:after{ content: "."; display: block; height: 0; line-height: 0; clear: both; visibility: hidden; }#ie_clearing { display: none }.clear{ clear:both; height: 0; line-height: 1px; }/*********************************************************************************************************	layout*********************************************************************************************************//* page / shadow****************************/div#page-l{ max-width: 95%; min-width: 760px; padding: 0 0 0 0px; margin: 0 auto; text-align: left; font-size: 0.8em; line-height: 150%; background: #FFFFFF url(../images/shadow-left.png) left top repeat-y; }	div#page-r	{ padding: 0 0px 0 0; background: #fff /*url(../images/shadow-right.png) right top repeat-y */; }	div#page-b	{ height: 3px; line-height: 0; margin: 0 auto; font-size: 1px /*ie*/; background: transparent /*url(../images/shadow-bottom.png) left bottom repeat-x*/; }		/* top header		****************************/		div#top-header		{ position: relative; height: 120px; background: url(../images/top-header.png) left bottom repeat-x; border-bottom: 1px solid #fff; }			div#top-header h1			{ width: 240px; text-align: center; line-height: normal; margin: 0; padding: 0; }			div#top-header form			{ position:absolute; top: 10px; right: 10px; }							div#top-header form label				{ position: absolute; top: -999em; left: -999em; }								div#top-header form input				{ border: 1px solid #D2DEF0; padding: 0.2em; }		/* header		****************************/		div#header		{ height: 166px; font-size: 0.85em; line-height: 155%; border-bottom: 1px solid #fff; position: relative; }			div#header div#topmod			{ height: 166px; width: 240px; /*float: left;*/ position: absolute; top: 0; left: 0; background: #D2DEF0 url(../images/topmod.png) 0 0 no-repeat; overflow: auto; }				div#header div#topmod .article_separator				{ display: none; }				/* module layout -> template_css.css */			div#header div#image			{ position: relative; left: 241px; margin: 0 241px 0 0; height: 166px; background: url(../images/header-image.jpg) left 0 repeat-x; }							div#header div#image h2#slogan				{ position: absolute; right: 10px; bottom: 5px; margin: 0; color: #fff; font-size: 1.3em; letter-spacing: 0.05em; font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif }		/* main section / content		****************************/		div#content		{ padding: 0 0 0px 0; /* padding for the #page-r background */		background: url(../images/left-column.png) left top repeat-y; }		body.right-col div#content,		body.no-col div#content		{ background: #fff; }			/* left sidebar			****************************/			div#content div#left-sidebar			{ float: left; width: 240px; display: block }			/* breadcrumb / pathway			****************************/			div#content div#breadcrumb			{ font-size: 0.85em; margin: 0 -10px 10px -9px; color: #fff; padding: 0.6em 0 0.5em 15px;			background: #000000 url(../images/mod-normal.png) 0 0 repeat-y; overflow: hidden; }			/* variable module layouts */			body.no-col div#content div#breadcrumb,			body.right-col div#content div#breadcrumb			{ margin: 0 -10px 10px -10px; }			/* opera padding fix */			div#content div#breadcrumb.opera			{ padding: 0.5em 0 0.45em 15px; }				/* breadcrumb heading */				div#content div#breadcrumb h3				{ float: left; color: #fff; font-size: 1em; margin: 0 0.5em 0 0; text-transform: none; }				/* breadcrumb list */				div#content div#breadcrumb ul				{ margin: 0; padding: 0; list-style: none; }				div#content div#breadcrumb ul li				{ float: left; margin: 0 0.5em 0 0; font-weight: bold; }					/* breadcrumb links */					div#content div#breadcrumb ul li a:link, div#content div#breadcrumb ul li a:visited					{ font-weight: normal; color: #fff; background: url(../images/breadcrumb.gif) 100% 80% no-repeat; padding: 0 10px 0 0; }					div#content div#breadcrumb ul li a:hover, div#content div#breadcrumb ul li a:active, div#content div#breadcrumb ul li a:focus					{ color: #fff; text-decoration: none; }			/* main content			****************************/			div#content div#main			{ margin: 0 10px 0 250px; line-height: 140%;}			/* variable module layouts */			body.right-col div#content div#main,			body.no-col div#content div#main			{ margin: 0 10px 0 10px; }				div#content div#main div#main-content				{ float: left; width: 68.7%; }				/* variable module layouts */				body.left-col div#content div#main div#main-content,				body.no-col div#content div#main div#main-content				{ width: 100%; }					div#content div#main div#main-content div.content-modules					{ margin: 0 0 0.5em 0; }						div#content div#main div#main-content div.content-modules div.float1						{ float: left; width: 49%; }						div#content div#main div#main-content div.content-modules div.float2						{ float: right; width: 49%; }					/* right sidebar					****************************/					div#content div#main div#right-sidebar					{ margin: 0 0 0 70%; }				/* footer				****************************/				div#content div#footer				{ font-size: 0.85em; color: #006633; margin: 1em 0 0 241px; padding: 1em;				background: #fff url(../images/footer.png) top left repeat-x; }				/* variable module layouts */				body.right-col div#content div#footer,				body.no-col div#content div#footer				{ margin: 1em 0 0 0;}					div#content div#footer p					{ margin: 0; float: right; }					div#content div#footer p.copyright					{ float: left; margin: 0;  }						div#content div#footer p img						{ vertical-align: middle; }