/**#########################
 * #### 1. Global Reset ####
 * #########################
 *
 * @section 	 Global Reset
 * @description Resetting all elements for same style in all browser
 */
	 * { margin: 0; padding: 0; font-size: 1em; list-style: none; }

	html { overflow-x: hidden; }

/**################################
 * #### 2. Main Element Styles ####
 * ################################
 *
 * @section 	Body and HTML
 * @description Format for the main elements of the website
 */
	
	body {
		background: #93ba19 url(Fahrtenbuch/Background/bgBody.png) top left repeat-x; 
		font: 12px/20px Arial, Verdana, sans-serif;
		color: #59585a; 
		line-height: 1.6em;
		min-height: 100.1%; 		
	}
	
	#pageWrapper 	{ position: relative; width: 816px; margin: 0 auto; background: transparent url(Fahrtenbuch/Background/MAXTAXPageWrapper.jpg) top center repeat-y; }
	#header	 		{ padding: 0 8px; height: 251px; background: url(Fahrtenbuch/Background/maxtax-Header.jpg) center top no-repeat; }	
	#content 		{ position: relative; background: url(Fahrtenbuch/Background/MAXTAXContentTop.png) center top no-repeat;  padding: 0 42px 42px;  }	

	h1,h2,h3,h4 { font-weight: normal; }
	
	h2 { font-size: 24px; font-weight: bold; color: #59585a; margin: 0 0 13px; }
	h3 { font-size: 18px; font-weight: bold; color: #59585a; margin: 0 0 8px; }


/**################################
 * #### HEader Classes ############
 * ################################
 *
 * @section 	Header Classes
 * @description Formatierungen für Elementen in dem #header Container
 */	
	#header { position: relative; }
	h1 { position: absolute; top: 13px; left: 36px; }
	h1 a { display: block; width: 110px; height: 82px; background: url(Fahrtenbuch/Background/MAXTAXH1.png) left top no-repeat; text-indent: -9999px; }
	#header .teaser { position: absolute; top: 65px; left: 165px; background: url(Fahrtenbuch/Background/MAXTAXTeaser.png) left top; width: 274px; height: 30px; text-indent: -9999px; margin: 0; padding: 0; }

	#navi { position: absolute; top: 5px; right: 260px; font-size: 11px; }
	#navi li { float: left; padding: 0 2px; }
	#navi a { color: #555; }
	

/**################################
 * #### Content Classes ###########
 * ################################
 *
 * @section 	Content Classes
 * @description Formatierungen für Elementen in dem #content Container
 */	 
	#contentHome 	{ padding-top: 250px; }
	#contentNormal 	{ padding-top: 25px; }
	 
	.textBoxLeft { position: absolute; top: -14px; left: 42px; width: 375px; background: url(Fahrtenbuch/Background/MAXTAXTextboxLeft.png) left top no-repeat; height: 217px; }
	.textBoxLeft li { text-indent: -9999px; padding: 2px 5px; margin: 0; }
	
	.buyBox { position: absolute; top: 0; right: 24px; text-indent: -9999px; }
	.buyBox a { display: block; width: 299px; height: 191px; background: url(Fahrtenbuch/Background/MAXTAXBuyBox.png) right top no-repeat; }
	.buyBox p { display: none; }	

	h2.h2_01 { background: url(Fahrtenbuch/Background/MAXTAX_H2_01.png) left top no-repeat; height: 55px; width: 500px; text-indent: -9999px; margin: 0 0 8px }
	h2.h2_02 { background: url(Fahrtenbuch/Background/MAXTAXH2_02.png) left top no-repeat; height: 27px; width: 372px; text-indent: -9999px; margin: 0 0 8px }
	
	h3.h3_01 { background: url(Fahrtenbuch/Background/MAXTAXH3_01.png) left top no-repeat; height: 34px; width: 375px; text-indent: -9999px; margin: 0 0 8px }
	h3.h3_02 { background: url(Fahrtenbuch/Background/MAXTAXH3_02.png) left top no-repeat; height: 34px; width: 375px; text-indent: -9999px; margin: 0 0 8px }
	
	.leftBox01 { float: left; width: 410px; }	
	.rightForm { width: 306px; height: 550px; float: right; background: url(Fahrtenbuch/Background/MAXTAX_Start.png) right top no-repeat; text-indent: -9999px; }
	.rightScreens { width: 306px; height: 1524px; margin-top: 10px; float: right; background: url(Fahrtenbuch/Background/MAXTAXScreens.png) right top no-repeat; text-indent: -9999px; }

/**################################
 * #### Footer Classes ############
 * ################################
 *
 * @section 	Footer Classes
 * @description Formatierungen für Elementen in dem #footer Container
 */
	#footer { background: url(Fahrtenbuch/Background/MAXTAX_Footer.png) left top no-repeat; padding: 0 42px; height: 140px; }	
	
/**################################
 * #### Standard Classes ##########
 * ################################
 *
 * @section 	 Standard Classes
 * @description Same formats for every project. Replacing existing html attributes troughout CSS.
 */	
	/*** Replacing standard html alignments	***/
	.align-right 	{ text-align: right; }
	.align-left 	{ text-align: left; }	
	.center			{ text-align: center; }
	
	.float-left  { float: left; }
	.float-right { float: right; }	

	.float-left .framed 	{ margin-right: 2em; }
	.float-right .framed	{ margin-left: 2em; }

	.marg_auto  { margin-left: auto; margin-right: auto; }
	.marg_1_r	{ margin-right: 1em; }
	.marg_1_l	{ margin-left:  1em; }	
	.marg_2_r	{ margin-right: 2em; }
	.marg_2_l	{ margin-left:  2em; }	

	.notype { list-style-type: none !important; list-style: none !important; }
	
	.grid_bo_ho { background: url(gfx/Backgrounds/MAXTAX_DotHorizontal.png) bottom left repeat-x; padding:0 0 .25em; margin: 0; }

	strong { font-weight: bold; }
	em, i  { font-style: italic; }

	big 	 { font-size: 1.25em; }
	small	 { font-size: .95em; }
	.xsmall { font-size: 11px; }
	
	p 	{ padding-bottom: 1.25em; }
	
	.squared, .squared li { list-style-type: square; margin: 0 8px; padding: 3px 3px; }
	
	hr { border-bottom: 1px solid #ccc; background: 0 none; color: white; }
	
	/*** Different line-height settings	***/
	.lhs { line-height: 1.3; }
	.lhm { line-height: 1.5; }
	.lhl { line-height: 1.7; }

	/*** Defining the main colors	***/
	.black 	{ color: #333; }
	.red		{ color: #990000; }
	.grey, .grey a	{ color: #777; }
	.xgrey	{ color: #999; }
	.orange 	{ color: #cc7722; }
	.yellow 	{ color: #ffdd11; }
	.blue		{ color: #336699; }
	.green	{ color: #59585a; }
	
	.hidden { display: none; }
	
	a img { border: 0 none; }

	.framed { background: white; padding: 3px; border: 1px solid #ccc; }

	/*** Hiding skiplinks for CSS-View ***/
	#quickskip li { position: absolute;	visibility: hidden;	}		

/* ### Breiten für Float-Spalten im Content Layout ##################################################### */

	.marg_auto  { margin: auto; }

	.w_perc_90 { width: 88%; }
	.w_perc_85 { width: 83%; }
	.w_perc_80 { width: 78%; }
	.w_perc_75 { width: 74%; }
	.w_perc_70 { width: 68%; }
	.w_perc_65 { width: 64%; }
	.w_perc_60 { width: 58%; }
	.w_perc_55 { width: 53%; }
	.w_perc_50 { width: 48%; }
	.w_perc_45 { width: 44%; }
	.w_perc_40 { width: 38%; }
	.w_perc_35 { width: 33%; }
	.w_perc_30 { width: 28%; }
	.w_perc_25 { width: 24%; }
	.w_perc_20 { width: 18%; }
	.w_perc_15 { width: 13%; }
	.w_perc_10 { width:  8%; }
		
	.odd 	{ background-color: #eee; }
	.even 	{ background-color: #f5f5f5; }	
	
	tr.odd td, tr.even td, tr.bottom td { padding: .5em; line-height: 1.6; font-size: 12px; empty-cells: show; }
	
	tr.odd td strong, tr.even td strong { color: #ee6600; }
	
	tr.bottom td { background: #f4f9ff; }
	
	th {
		padding: 1em .5em;
		background: #ccc; 
		color: #333;
	}
	
/**################################
 * #### 4. Clearfix Hack ##########
 * ################################
 *
 * @section 	 Clearfix Hack
 * @description Resetting floating elements
 */	
 	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		font-size: 0.1em;
		visibility: hidden;
	}	

	/* Workaround: Clearfix-Anpassung für diverse IE-Versionen */
	/* 
	** IE5.x/Mac - x
	** IE7       - x
	*/	
	.clearfix { display: inline-block; }  /* ... Clearing für IE5/Mac und IE7 */

	/*
	** IE5.x/Win - x
	** IE6       - x
	*/	
	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%; }   /* ... für IE5 + IE6/Win | IE-Clearing aktivieren */
	.clearfix { display: block; }      /* ... für IE5,IE6,IE7 | Mac-Einstellungen für IE/Win zurücksetzen */
	/* End hide from IE-mac */


/* ########################################################################
/* ###### MICROSITES ######################################################
/* ########################################################################
*/				
	#microLinks		{ position: absolute; bottom: 8px; left: 32px; clear: both; line-height: 1.3em; color: #fff;  font-size: 12px; padding: 1em 0; margin: 1em 0 0; }
	#microLinks p 	{ clear: both; font-size: 11px; padding: 1em 0; margin: 1em 0; }
	#microLinks ul, #microLinks li { list-style: none; margin: 0; padding: 0; white-space: nowrap; line-height: 1.45; }
	#microLinks li 	{ float: left; border: 0 none; }
	#microLinks .copy { font-weight: bold; }
	#microLinks li a { display: inline; padding: 0; color: #ffd673; }
	#microLinks li a:link, a:visited { color: #ffd673; text-decoration: underline; }
	#microLinks li a:hover, a:active { color: #ffd673; text-decoration: none; }	

/* ########################################################################
/* ###### Imprint ########################################################
/* ########################################################################
*/	
	#imprint { clear: both; line-height: 1.3em; color: #666; font-size: 11px;  border-top: 1px solid #ccc; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 1em 0; margin: 1em 0 0; }
	#imprint a { display: inline; padding: 0; color: #555; }