/**
 * @version $Id: template.css 10498 2008-07-04 00:05:36Z ian $
 * @author Design & Accessible Team ( Angie Radtke / Robert Deutz )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */





		
		
		
		
		
		
		/*
		[Layout] 
			
		<@- LAYOUT STRUCTURE GUIDE -@>
		
		+ Body
			+ Wrapper / #Wrapper
				+ Header / #myHeader
				+ Content / #Content
					- Flash / #hFlash
					- Left column / #LeftColumn
					- Middle column / #MiddleColumn
					- Right column / #RightColumn					
						
				+ Footer / #Footer
			
		* Navigation	#mainNavigation
		* Flash			#hFlash
		* Movie			none	
		
		<@- END -@> 		
		
		*/		
	
		
				
		* /*<@- Asign MARGIN, PADDING=0 to all default Tag Selector's -@>*/
		{
			padding		: 0px;
			margin		: 0px;			
		}
		
		html, body
		{
			/*height		: 100%;*/
			padding		: 0px;
			margin		: 0px;
		}
		
		body 
		{
			background	: #fff ;
			color		: #000000;
			font		: normal 12px Verdana, Arial, Helvetica, sans-serif;		
			
			/*width		: 100%;*/
			height		: auto;	
				
			text-align	: center; 	/* To move content center */
			margin		: 0px auto;	
		}
		
					
		a:link, a:active, a:visited  /*<@- Default hyperlink style -@>*/
		{
			color			: #000;
			font			: normal 12px Verdana, Arial, Helvetica, sans-serif;
			text-decoration	: none;
		}
		
		a:hover
		{
			color			: #666; 
			font			: normal 12px Verdana, Arial, Helvetica, sans-serif;
			text-decoration	: none;
		}
		
		p 
		{
			margin		: 5px auto;
			padding		: 0px;
			text-align	: justify;
			font		: normal 12px Verdana, Arial, Helvetica, sans-serif;
		}
		
		ul, li, ol 
		{
			font		: normal 12px Verdana, Arial, Helvetica, sans-serif;
			list-style	: none;
			text-align	: left;			
		}
		
		table, td, th
		{
			border-collapse	: collapse;
			font			: normal 12px Verdana, Arial, Helvetica, sans-serif;
		}
		
		div 
		{
			font		: normal 12px Verdana, Arial, Helvetica, sans-serif;
		}
		
		img 
		{
			float		: none;
			border		: 0px;
		}
		
		span 
		{
			font		: normal 12px Verdana, Arial, Helvetica, sans-serif;
		}
		
		form, input, select
		{
			font		: normal 12px Verdana, Arial, Helvetica, sans-serif;			
		}
		
		/* [ End for default Tag Selector ] */		
		
		body.contentpane {
		
		width : auto;
		margin : 10px;
		line-height : 1.4em;
		text-align: left;
		}
		
		/* TOC */
		table.contenttoc{
			float: right;
		}
		
		/* Tooltips */
		.tool-tip {
			float: left;
			background: #ffc;
			border: 1px solid #D4D5AA;
			padding: 5px;
			max-width: 200px;
			text-align:left;
		}
		
		.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;
		}
		
				
		/* [ Contents style ] */
		
		#myWrapper
		{
			width		:970px;
			text-align	:center;
			
			margin		:0px auto;
		}
		
		#myheader #ThomakLogo
		{
			height		:85px;
			text-align	:left;
			
			margin-top	:35px;
			margin-bottom:10px;
		}		
		
		
		#ContentBase
		{
			width		:100%;
			height		:auto;
			
			clear		:both;
		}
		
		#ContentBase .TopLeft
		{
			background	:url(../images/bg_top_0.gif) no-repeat 0 0 ;
			
			width		:27px;
			height		:27px;
		}
		
		#ContentBase .TopMiddle
		{
			background	:url(../images/bg_top_1.jpg) no-repeat 0 0 ;
			
			width		:auto;
			height		:27px;
		}
		
		
		#ContentBase .TopRight
		{
			background	:url(../images/bg_top_2.gif) no-repeat 0 0 ;
			
			width		:25px;
			height		:27px;
		}
		
		#ContentBase .BottomLeft
		{
			background	:url(../images/bg_bottom_0.gif) no-repeat 0 0 ;
			
			width		:27px;
			height		:27px;
		}
		
		#ContentBase .BottomMiddle
		{
			background	:url(../images/bg_bottom_1.gif) repeat-x 0 0 ;
			
			width		:auto;
			height		:27px;
		}
		
		#ContentBase .BottomRight
		{
			background	:url(../images/bg_bottom_2.gif) repeat-x 0 0 ;
			
			width		:27px;
			height		:27px;
		}
		
		#ContentBase .MiddleRight
		{
			background	:url(../images/right_bg.gif) repeat-y 0 0 ;
			
			width		:25px;
			height		:auto;
		}
		
		#ContentBase .MiddleLeft
		{
			background	:url(../images/left_bg.gif) repeat-y 0 0 ;
			
			width		:27px;
			height		:auto;
		}
		
		
		#ContentBase #Contents
		{
			background	:#d3d3d3;
		}
		
		#Contents .TopLeft
		{
			background	:url(../images/top_1.gif) no-repeat 0 0 ;
			
			width		:23px;
			height		:45px;
		}
		
		#Contents .TopMiddle
		{
			background	:url(../images/top_2.gif) repeat-x 0 0 ;
			
			width		:auto;
			height		:45px;
		}
		
		#Contents .TopRight
		{
			background	:url(../images/top_3.gif) no-repeat 0 0 ;
			
			width		:23px;
			height		:45px;
		}
		
		
		#Contents .BottomLeft
		{
			background	:url(../images/bottom_1.gif) no-repeat 0 0 ;
			
			width		:23px;
			height		:23px;
		}
		
		#Contents .BottomMiddle
		{
			background	:url(../images/bottom_2.gif) repeat-x 0 0 ;
			
			width		:auto;
			height		:23px;
		}
		
		#Contents .BottomRight
		{
			background	:url(../images/bottom_3.gif) no-repeat 0 0 ;
			
			width		:23px;
			height		:23px;
		}
		
		#Contents .Reflaction
		{			
			background	:#ffffff url(../images/reflaction.jpg) no-repeat 0px 2px;
			height		:73px;
		}
		
		#Contents .leftColumn
		{
			width		:209px;
			height		:auto;
			
			padding-right:23px
		}
		
		#Contents .middleColumn
		{
			width		:389px;
			height		:auto;
		}		
		
		#Contents .dottedColumn
		{
			width		:47px;
			height		:auto;
			
			background:url(../images/dotted_line.gif) repeat-y center center;
		}
		
		#Contents .rightColumn
		{
			width		:203px;
			height		:auto;
			
			text-align	:left;
		}
		
		#Contents .rightColumn .textBox
		{
			border		:solid 1px #acacac;
			background	:#e4e4e4;
			
			height		:15px;
			width		:180px;
			
			margin		:5px auto;
			padding		:3px 10px 2px 10px;
		}
		
		
		#Contents .rightColumn .send
		{
			border		:solid 1px #acacac;
			background	:#b8b8b8;
			
			height		:20px;
			width		:45px;
			
			padding		:0px;
			margin		:3px 0px;				
		}
		
		 
		#Contents .Contents
		{
			padding-top:23px;
			min-height:400px;
			height:400px;
		}
		
		#Contents .img
		{
			border: solid 10px #e3e3e3;
			
			margin-bottom:15px;
		}
		
		.Contents p
		{
			margin:0px 0px 10px 0px;
		}
		
		#Contents .datTime
		{
			color		:#FFFFFF;
			
		}
		
		#Contents .newsTitle
		{
			font-weight	:bold;
			
		}
		
		
		/* [ Footer style ] */
		
		#myFooter
		{
			height		:26px;
			width		:100%;
			color		:#000;	
			
			background:none;					
		}
		#myFooter span
		{
			float		:left;
			color		:#000;
		}
		
		#myFooter .FooterLeft
		{
			background	:url(../images/footer_left.gif) no-repeat 0 0 ;
			width		:23px;
			height		:26px;
			color		:#000;
		}
		
		#myFooter .FooterMiddle
		{
			background	:url(../images/footer_mid.gif) repeat-x 0 0 ;
			color		:#000;
			height		:26px;
		}
		
		#myFooter .FooterRight
		{
			background	:url(../images/footer_right.gif) no-repeat 0 0 ;
			width		:23px;
			height		:26px;
			color		:#000;
		}
		
				
		#myheader #MainNavigation
		{
			height		:30px;
			width		:100%;	
			
			/*margin-top	:3px;*/		
		}
			
		#MainNavigation ul li
		{
			float		:left;
			margin		:0px 10px;
			padding-left:15px;
			
			background:url(../images/plus_icon.gif) no-repeat left center;
			
			color:#000;
		}	
		
		#MainNavigation ul li a{
			color:#000;
			cursor:pointer;
		}
		
		/* [ QC credit style ] */
		
		#qc
		{
			position	:absolute;			
			
		}
		
		.qc 
		{	
			font			: normal 12px Verdana, Arial, Helvetica, sans-serif;			
			color			: #ccc;
			width			: 100%;		
			
			margin-bottom	: 10px;	
		}
		
		.qc a:link, .qc a:visited, .qc a:active 
		{
			
			color			: #999;
			text-decoration	: none;
		}	
		
		.qc a:hover
		{			
			color			: #000;
			text-decoration	: none;
		}
		
		/* [ end ] */
