/* ######################################################################################################
** # "Yet Another XHTML Layout" - Multicolumn Template Scheme for TYPO3
** # @author: Torsten Schrade <t.schrade@connecta.ag> (http://www.connecta.ag/)
** #
** # CSS techiques and XHTML used for this template scheme are based on and inspired by:
** # "Yet Another Multicolumn Layout (c) by Dirk Jesse (http://www.highresolution.info/webdesign/yaml/)
** ######################################################################################################
**
** base.css : this simply prepares the page and sets things equal for most browsers
**
** Don't make any changes to this file. Any changes should be placed in your own stylesheets in your
** fileadmin folder or template plugin.
**
** suggested order:
** ################
** display
** visibility
** list-style-type
** position
** 		top/right/bottom/left
** z-index
** float
** clear
** (min-)width
** (max-)height
** overflow
** margin
** border
** padding
** color
** background
** font
**	- font-family
**	- font-size
**	- font-style
**	- font-variant
** line-height
** letter-spacing
** text-align
** vertical-align
** text-decoration
** white-space
** other text styles (e.g. text-indent)
** cursor
** content

** table of contents
** #################
** basic elements
**	- html / body
**	- container
**	- header
**	- main
**	- columns
**	- footer
**  - specials
*/

html {
	height:100%
}

body {
	position: relative;
         min-height: 101%;
	padding: 10px;
	color: #000;
	background: #fff;
	font-size: 100.01%;
	font-size: small;
	text-align: left;
}

/* making things equal */

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
}

/* BASICS */

#main {
	z-index: 10;
	width: 100%;
	clear: both;
}

#content-01-wrap,
#content-02-wrap,
#content-03-wrap {
	position: relative;
}

#content-01-wrap {
	float: left;
	z-index: 3;
	width: 200px; /* standard value is 200px if not set from TypoScript */
}

#content-02-wrap {
	float: right;
	z-index: 5;
	width: 200px; /* standard value is 200px if not set from TypoScript */
}

#content-03-wrap {
	width: auto;
	z-index: 1;
   	margin-left: 200px; /* standard value is 200px if not set from TypoScript */
   	margin-right: 200px; /* standard value is 200px if not set from TypoScript */
}

#content-01,
#content-02,
#content-03 {
	position: relative;
}

#content-01 {
	z-index: 4;
}

#content-02 {
	z-index: 6;
}

#content-03 {
	z-index: 2;
}

#footer {
	clear: both;
	width: auto;
}

/* clearfix method - clearing of floats within the template */
.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

/* this is needed for Safari */
.clearfix {
	display: block;
}

/* global clear for the three columns using the <hr> */
hr.clearer {
	display: block;
	float: left;
	clear: both;
	height: 0px;
	visibility: hidden;
	margin: -2em 0 0 0;
	padding: 0;
	line-height: 0px;
	content: ".";
}

.skip {
	position: absolute;
	left: -1000em;
	width: 20em;
}