/*
* Apfelbaum: http://www.apfelbaum-aalen.de
* Copyright (c) 2002-2010 Marco Siegl - email@buerosiegl.com
* -----------------------------------------------------------
* $Id: default.css, v1.0 2010-01-29 16:33:28 msiegl Exp $
**/

/* tested with: 
	 (PC) IE 7.+ | FF 3.57 |
	(Mac) 	     | FF 3.57 | SAF 4.03 |
*/

/* HTML DEFAULT */
HTML {direction:ltr;font-size:100.01%;height:100%;width:100%}
BODY {
	margin:0pt;padding:0pt;
	background:#ff0101 url(../img/page/gradient.gif) repeat-x top fixed;
	color:#27190d;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:normal;
	font-style:normal;
	font-stretch:normal;
	font-variant:normal;
	font-size:1em;	/* 16px */
	line-height:1.25em; /* 20px */
}

/* COLORS */
.color0 {color:white}
.color1 {color:#27190d}	/* darkwood */
.bg-color0 {background-color:white}
.bg-color1 {background-color:#27190d}

/* BACKGROUND TILES */
.bg-tree {background:url(../img/page/ab.3-.png) no-repeat top left}
.bg-wood {background:url(../img/page/wood.jpg) repeat top}
.bg-stripes {background:url(../img/page/stripes.png)}
.border-wood {border-top:1px solid #27190d;border-right:2px solid #27190d;border-bottom:2px solid #27190d;border-left:1px solid #27190d}
#navigation {background:url(../img/page/bg-menu.jpg) no-repeat top}

/* LAYER */
#page 		{visiblity:visible;height:auto;width:auto;}
#navigation {visiblity:visible;overflow:hidden;position:fixed}
#foreground {visiblity:visible;overflow:hidden;position:fixed}
#fg-part1, #fg-part2, #fg-part3 {visiblity:visible;overflow:hidden;position:fixed}

/* scrollable */
#page {z-index:1;}
#page {padding:0pt 1em 100px 137px;margin:0pt;}

/* animated */
#navigation {z-index:6;}
#navigation {bottom:-250px;left:210px;height:340px;width:600px;}
#navigation-col-left {width:299px;height:100%;padding:100px 0pt 0pt 60px;margin:0pt}
#navigation-col-right {width:299px;height:100%;padding:115px 0pt 0pt 0pt;margin:0pt}

/* fixed */
#foreground {z-index:11;}
#fg-part1 {z-index:12;}
#fg-part2 {z-index:12;}
#fg-part3 {z-index:12;}
#fg-part1 {bottom:0px;left:0px;height:56px;width:268px;}
#fg-part2 {bottom:55px;left:0px;height:369px;width:134px;}
#fg-part3 {bottom:424px;left:0px;height:600px;width:800px;}

/* CONTENT RENDERING: ext-template */
#ext-template {}
#ext-template P {
	text-indent: 0pt;
	margin:0pt 0pt 0pt 0pt;
	padding:0pt 0pt 0pt 0pt;
	text-align:left;
	color:#27190d;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:normal;
	font-style:normal;
	font-stretch:normal;
	font-variant:normal;
	font-size:1em;	/* 16px */
	line-height:1.25em; /* 20px */
}
#ext-template TABLE.imgtext-table {}
#ext-template H1, .typo3_header_layout1 {}
#ext-template H2, .typo3_header_layout2 {}
#ext-template OL, #ext-template UL {}
#ext-template LI {}
#ext-template IMG {}
#ext-template .typo3-caption {}
#ext-template A {color:#27190d;text-decoration:none}
#ext-template A:hover {color:#27190d;text-decoration:underline}

#typo3-marker-left,
#typo3-marker-normal,
#typo3-marker-right,
#typo3-marker-border {padding:0.5em}

.typo3_header_layout1 {font-size:2em;line-height:1em;font-weight:bold}
.typo3-content-element {background:url(../img/page/stripes.png); padding:0.5em 0.5em 1em 0.5em;margin-bottom:1em;}

DIV.tx-jkpoll-pi1 H1 {font-size:2em;line-height:1em;font-weight:bold;font-style:italic}
DIV.tx-rgsmoothgallery-pi1 {margin:auto} /* center gallery */

/* FORM ELEMENTS */
FORM {padding:0pt;margin:0pt}
TEXTAREA {font-family:Arial, Helvetica, sans-serif}
TEXTAREA,
INPUT[type="text"] {width:100%}
INPUT[type="submit"] {
	background-color:transparent;
	border: 2px dashed white;
	text-transform:uppercase;
	font-weight:bold;
	font-style:italic
}
.label, .field {padding:0.5em}

/* STANDARDIZED */
.valigntop {vertical-align:top !important}
.alignleft {text-align:left !important}
.alignright {text-align:right !important}
.aligncenter {text-align:center !important}
.clearboth {clear:both;display:block}
.displaynone {display:none !important}
.floatleft {float:left !important}
.floatright {float:right !important}
.italic {font-style:italic !important}
.nobr {white-space:nowrap !important}
.underline {text-decoration:underline !important}