/**

* @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: Arial, Sans-Serif, Verdana,;
	text-align: center;
	background-color: #FFFFFF;
	background-repeat: repeat;
	background-position: 0 0;
}



/* 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 3px;
	margin: 0 auto;
	text-align: left;
	font-size: 0.8em;
	line-height: 150%;
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	background-position: left top;
	background-image: url(../images/shadow-left.png);
}



	div#page-r

	{
	padding-top: 0;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 0;
	background-color: #FFFFFF;
	background-image: url(../images/shadow-right.png);
	background-repeat: repeat-y;
	background-position: right top;
}



	div#page-b

	{
	height: 60px;
	line-height: normal;
	font-size: 9pt /*ie*/;
	background-color: transparent;
	background-image: url(../images/shadow-bottom.png);
	background-repeat: repeat;
	background-position: center bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #5E6941;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}





		/* top header

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

		div#top-header

		{
	position: relative;
	height: 324px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	background-image: url(../images/baneri.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}



			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;
	overflow: auto;
	background-color: #D2DEF0;
	background-image: url(../images/topmod.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}



				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.png) 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: Arial, Verdana, sans-serif;}





		/* main section / content

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

		div#content

		{
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	background-position: left top;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}



		body.right-col div#content,

		body.no-col div#content

		{ background: #fff; }





			/* left sidebar

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

			div#content div#left-sidebar

			{
	float: left;
	width: 220px;
	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 10px;
	overflow: hidden;
	background-color: #5e6941;
	background-image: url(../images/mod-normal.png);
	background-repeat: repeat-y;
	background-position: 0 0;
}



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

			{
	line-height: 140%;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 229px;
}



			/* 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: 10pt;
	color: #FFFFFF;
	margin: 1em 0 0 241px;
	padding: 1em;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: left top;
}



				/* 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; }