/**
 * style.css 
 *
 * Cascading Style Sheets file with styles for screen design and content.
 * 
 * LICENSE: GNU General Public License Version 2
 *
 * @author		   Daniel Fuhrmannek http://danfuh.de
 * @copyright	   Daniel Fuhrmannek (c) March, 2010
 * @license		   URL to license used (http://www.gnu.org/licenses/gpl-2.0.html)
 * @license_terms  The reference to the author below the design (in the footer) and in the 
 *                 source code may not be modified or removed.
 * @template_name  DanFuh Business 02
 * @version		   0.1
 * @platform	   Website Baker 2.8.x
*/

/***************************************************************
************************* Screen CSS ***************************
****************************************************************

****************************************************************
****************************************************************
***     _____              ______     _           _          ***
***    |  __ \            |  ____|   | |         | |         ***
***    | |  | | __ _ _ __ | |__ _   _| |__     __| | ___     ***
***    | |  | |/ _` | '_ \|  __| | | | '_ \   / _` |/ _ \    ***
***    | |__| | (_| | | | | |  | |_| | | | | | (_| |  __/    ***
***    |_____/ \__,_|_| |_|_|   \__,_|_| |_(_)___,_|\___|    ***
***    Template and Design by Daniel Fuhrmannek danfuh.de    ***
***                                                          ***
****************************************************************
****************************************************************

****************************************************************
****************************************************************
***   EN:                                                    ***
***   This is the Cascading Style Sheets (CSS) file          ***
***   for the Website Baker Template "DanFuh Business 02"    ***
***                                                          ***
****************************************************************
***   DE:                                                    ***
***   Dieses ist die Cascading Style Sheets (CSS) Datei      ***
***   für das Website Baker Template "DanFuh Business 02"    ***
***                                                          ***
****************************************************************
***************************************************************/


/*****************************************
* EN: START  - general formatting        *
* DE: ANFANG - allgemeine Formatierungen *
******************************************/
body {
	color: #323232;
	font-size:80%;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	background-color: #dedede;
}

	/*************************
	* EN: START  - forms     *
	* DE: ANFANG - Formulare *
	**************************/
	#content_inner input, #content_inner textarea, #content_inner select {
		background-color: #efefef;
		border: 1px solid #76b938;
		color: #a3a3a3;
		font-weight: bold;
	}
	#content_inner textarea, #content_inner select {
		width: 530px;
	}
	#content_inner select {
		width: 532px;
	}
	#content_inner input:focus, #content_inner textarea:focus, #content_inner select:focus  {
		border: 1px solid #ababab;
		color: #000000;
		background-color: #ffd573;

	}
	#content_inner input:hover, #content_inner textarea:hover, #content_inner select:hover  {
		border: 1px solid #000000;
		color: #ffffff;
		background-color: #ababab;
	}
	#content_inner input[type=text] {
		height: 20px;
		width: 526px;
		padding: 3px 0 0 4px;
	}
	#content_inner input[type=submit], #content_inner input[type=reset] {
		height: 28px;
		padding-bottom: 2px;
		background-color: #ffffff;
		border: 1px solid #76b938;
		color: #76b938;
		float: left;
	}
	#content_inner input[type=submit]:hover, #content_inner input[type=reset]:hover {
		border: 1px solid #363932;
		color: #ffffff;
		background-color: #363932;
	}
	#content_inner input[type=radio], #content_inner input[type=checkbox] {
		border: 0px;
		background-image: none;
	}

	#content_inner td.field_title {
		width: 150px;
	}
	/***********************
	* EN: END  - forms     *
	* DE: ENDE - Formulare *
	***********************/

/***************************************
* EN: END  - general formatting        *
* DE: ENDE - allgemeine Formatierungen *
***************************************/

/*************************************************
* EN: START  - design specific formating         *
* DE: ANFANG - Design-spezifische Formatierungen *
*************************************************/

/* EN: div outer - DE: äußeres div */
#all_outer {
	width: 100%;
	margin: 0 auto;
	padding:0px;
	float: left;
	background-color: #ffffff;
	display: block;
}
	#header_outer {
		width: 100%;
		background-color: #ffffff;
		color: #a3a3a3;
		border-top: 0px solid #ffffff;
		border-bottom: 0px solid #ffffff;
	}

	/* EN: Topmenu - DE: oberes Menue */
	#topmenu {
		height: 20px;
		width: 940px;
		margin: 0 auto;
		padding:0px;
		clear: both;
		text-align: right;
		color: #797979;
		font-size: 0.9em;
		padding-top: 4px;
	}
	#topmenu a {
		color: #797979;
		text-decoration: none;
	}
	#topmenu a:hover {
		color: #474747;
		border-bottom: 1px dotted;
	}
	

	/* EN: header - DE: Kopfzeile */
	#header {
		height: 159px; /* 267 110px; */
		width: 940px;
		margin: 0 auto;
		padding:0px;
		clear: both;
	}
		/* EN: logo - DE: Logo */
		#logo {
			float: left;
			width: auto;
		}
		/* EN: header text - DE: Text in der Kopfzeile */
		#header_text {
			float: left;
			height: 70px;
			width: 684px;
			font-size: 1.1em;
			padding: 14px;
			text-align: center;
			color: #f5f5f5;
		}

	/**************************************
	* EN: START  - horizontal main menu   *
	* DE: ANFANG - horizontales Hauptmenü *
	***************************************/
	#menu_outer {
		width: 100%;
	}
	#menu {
		height: 32px;
		width: 940px;
		margin: 0 auto;
		padding:0px;
		clear: both;
		margin-top: 10px;
		margin-bottom: 6px;
	}
	#menu span a {
		display: block;
		background-color: #fff;
		height: 32px;
		line-height: 31px;
		font-size: 1.0em;
		font-weight: bold;
		color: #76b938;
		text-decoration: none;
		float: left;
		padding: 0 8px 0 8px;
		margin-right: 5px;
		width: auto;
		border: 1px solid #76b938;
	}
	#menu span a:hover {
		background-color: #363932;
		color: #ffffff;
	}
	#menu span.menu-current a, #menu span.menu-parent a {
		background-color: #76b938;
		color: #ffffff;
	}
	#menu span.menu-current a:hover, #menu span.menu-parent a:hover {
		text-decoration: underline;
	}
	/**************************************
	* EN: START  - horizontal main menu   *
	* DE: ANFANG - horizontales Hauptmenü *
	***************************************/
	
	/* EN: div inner over all - DE: inneres div alles umschließendumschließend */
	#all_inner {
		width: 940px;
		margin: 0 auto;
		padding:0px;
	}
	/* EN: middle part of the design - DE: mittlerer Teil des Designs */
	#main {
		float: left;
		width: auto;
		border: 1px solid #76b938;
	}

	#content_header {
		background-color: #fff;
		width: 929px;
		display: block;
		height: 26px;
		font-weight: bold;
		font-size: 1.2em;
		padding: 4px 0 0 10px;
		color: #363932;
		border: 1px solid #d7d6d4;
		margin-bottom: 4px;
		float: left;
		margin-bottom: 15px;
	}
	/* EN: START search - DE: ANFANG Suche */	
	#top_search {
		border: 1px solid #d7d6d4;
		width: 208px;
		float: right;
		background: #fff;
		height: 26px;
		padding: 0px;
		margin: 0px;
		padding: 2px 0 2px 10px;
	}

	#top_search form {
		border: 1px solid #0000ff;
		height: 10px;
	}

	#sidebar_search_form {
		border: 1px solid #ffffff;
		width: 165px;
		z-index: 1;
	}
	/* IE6 Hack */
	* html #sidebar_search_form {
		width: 165px;
	}
	#sidebar_search_submit {
		border: 0px;
		background: #ffffff url(../images/search-button.jpg) no-repeat;
		width: 22px;
		height: 22px;
		position: relative;
		left: 6px;
		top: 1px;
		z-index: 2;
	}
	#sidebar_search_submit:hover {
		background-position: 0 -22px;
	}
	/* EN: END search - DE: ENDE Suche */	
	
		/* EN: main content outer - DE: Hauptinhalt aussen */
		#content {
			width: 698px;
			float: left;
			margin-right: 18px;
			margin-bottom: 55px;
			background-color: #ebebeb;
			border: 0px solid #76b938;
		}
			/* IE6 Hack */
			* html #content {
				margin-right: 10px;
			}


			/* EN: main content inner - DE: Hauptinhalt innen */
			#content_inner {
				background-color: #ffffff;
				padding: 0 8px 8px 10px;
				overflow: auto;
				width: 680px;
			}
			/* IE6 Hack */
			* html #content_inner {
				width: 680px;
			}

				/**********************************************
				* EN: START  - Formatting in the main content *
				* DE: ANFANG - Formatierungen im Hauptinhalt  *
				**********************************************/
							
				/* EN: headings - DE: Überschriften */
				#content_inner h1 {
					font-size: 2.0em;
					margin: 8px 0 5px 0;
					color: #76b938;
					font-weight: bold;							
				}
				#content_inner h2 {
					font-size: 1.7em;
					margin: 6px 0 4px 0;
					color: #76b938;
					font-weight: bold;												
				}
				#content_inner h3 {
					font-size: 1.5em;
					margin: 5px 0 3px 0;
					color: #76b938;
					font-weight: bold;							
				}
				#content_inner h4 {
					font-size: 1.3em;
					margin: 4px 0 2px 0;
					color: #76b938;
					font-weight: bold;							
				}
				#content_inner h5 {
					font-size: 1.1em;
					margin: 3px 0 1px 0;
					color: #76b938;
					font-weight: bold;							
				}
				#content_inner h6 {
					font-size: 0.9em;
					margin: 2px 0 0 0;
					color: #76b938;
					font-weight: bold;							
				}
				#content_inner p {
					margin: 6px 0 6px 0;
				}

				/* EN: quotations - DE: Zitate */
				#content_inner blockquote, #content_inner cite {
					margin: 6px 2px 6px 40px;
					padding-left: 5px;
					display: inline-block;
					border-left: 5px solid #363932;
				}
				/* EN: pre - DE: pre */
				#content_inner pre {
					/*position: relative;
					left: 0px;*/
					overflow: auto;
				}
				/* IE6 Hack */
				* html #content_inner pre  {
					overflow: scroll;
				}

				/* EN: code - DE: Code */
				#content_inner code {
					font-family: "Times New Roman", Times, serif;
					font-size: 1.1em;
					display: block;
					border: 1px solid #363932;
					background-color: #efefef;
					padding: 5px;
					margin: 4px 0 4px 0;
				}

				/* EN: person - DE: Personen */
				#content_inner person {
					font-style: italic;
					font-weight: bold;
				}

				/* EN: address - DE: Adresse */
				#content_inner address {
					border: 1px solid #bbbbbb;
					background-color: #ffe9b7;
					width: auto;
					margin: 4px;
					padding: 5px;
					font-style: italic;
				}

				/* EN: horizontal line - DE: horizontale Linie */
				#content_inner hr {
					border: 1px dashed #363932;
				}

				/* EN: links - DE: Links */
				#content_inner a {
					color: #a67400;
					font-weight: bold;
					text-decoration: none;
					font-size: 1.0em;
				}
				#content_inner a:hover {
					text-decoration: underline;
					color: #343434;
				}
				
				/* EN: images - DE: Bilder */
				#content_inner img {
					border: 0px solid #ffffff;
					padding: 8px;
					background-color: #ffffff;
					margin: 2px;
					max-width: 660px;
				}
				/* EN: linked images - DE: verlinkte Bilder */
				#content_inner a img {
					border: 0px solid #a67400;
				}
				#content_inner a:hover img {
					border: 1px solid #363932;
					background-color: #ffe9b7;
				}

				/* EN: breadcrumb navigation - DE: Brotkrumenavigation */
				#breadcrumb {
					font-size: 0.8em;
					color: #a3a3a3;
					font-weight: normal;
					margin-bottom: 7px;
				}
				#breadcrumb img {
					padding: 0px;
					margin: 0px;
					border: 0px solid;
				}
				#breadcrumb a {
					color: #a3a3a3;
					font-weight: bold;
					text-decoration: none;
				}
				#breadcrumb a:hover {
					color: #ffb211;
				}
				/********************************************
				* EN: END  - Formatting in the main content *
				* DE: ENDE - Formatierungen im Hauptinhalt  *
				********************************************/

			/* EN: footer - DE: Fußzeile */
			#content_footer {
				text-align: center;
				height: 100%;
				padding-top: 20px;
			}
			
			#footermenu span.menu-parent a {
				background-color: #363932;
				color: #ffffff;
			}
			#footermenu span.menu-parent a:hover {
				text-decoration: underline;
			}
			

		/****************************
		* EN: START  - sidebar      *
		* DE: ANFANG - Seitenleiste *
		****************************/
		#sidebar {
			width: 220px;
			float: right;
			color: #000000;
		}
		#sidebar_menu, 
		#menuside_login, 
		#block5output, 
		#block6output, 
		#block7output, 
		#sidebar_print, 
		#w3logos {
			background-color: #fff;
			margin-bottom: 15px;
			width: 208px;
			padding: 5px;
			border: 0px solid #d7d6d4;
		}
			/* EN: sidebar headings - DE: Überschriften in der Seitenleiste */
			#sidebar span.sidebar_header {
				background-color: #fff;
				display: block;
				height: 26px;
				font-weight: bold;
				font-size: 1.2em;
				padding: 4px 0 0 10px;
				color: #a3a3a3;
			}
			
			/* EN: padding under sidebar sections - DE: Abstand unter den Seitenleisten-Abschnitten */
			#sidebar_menu, #menuside_login {
				padding-bottom: 5px;
			}
				

			/* EN: START login - DE: ANFANG Login */
			#menuside_login {
			}		
			#menuside_login a {
				color: #b5b5b5;
				font-weight: bold;
				text-decoration: none;
				font-size: 0.9em;
			}
			#menuside_login a:hover {
				color: #ffb211;
				text-decoration: underline;
			}
			#sidebar_login_name, #sidebar_login_pass {
				border: 1px solid #d6d5d4;
				width: 200px;
				height: 18px;
				font-weight: bold;
				padding-top: 2px;
				background-color: #f2f2f2;
			}
			#sidebar_login_name:hover, #sidebar_login_pass:hover {
				background-color: #ababab;
				border: 1px solid #000;
			}

			#sidebar_login_name:focus, #sidebar_login_pass:focus {
				border: 1px solid #000;
				background-color: #ffd573;
			}
			#sidebar_login_submit {
				background-color: #f2f2f2;
				height: 28px;
				font-weight: bold;
				padding-bottom: 2px;
				border: 1px solid #d6d5d4;
				color: #000000;
				margin-bottom: 5px;
				margin-top: 6px;
			}
			#sidebar_login_submit:hover {
				color: #fff;
				background-color: #363932;
			}
			/* EN: END login - DE: ENDE Login */	

			/******************************************************************
			* EN: START  - Submenu items of the main menu in the sidebar      *
			* DE: ANFANG - Untermenüpunkte des Hauptmenüs in der Seitenleiste *
			******************************************************************/
			#sidebar_menu ul {
				list-style: none;
				padding: 0px;
				margin: 0px;
			}
			/* Menu level 10 */
			#sidebar_menu ul ul ul ul ul ul ul ul ul a {
				width: 153px;
				margin-left: 40px;
				background-position: -48px 0px;
			}
			/* IE6 Hack */
			* html #sidebar_menu ul ul ul ul ul ul ul ul ul a {
				width: 150px;
			}
			/* Menu level 9 */
			#sidebar_menu ul ul ul ul ul ul ul ul a {
				width: 158px;
				margin-left: 35px;
				background-position: -43px 0px;
			}
			/* IE6 Hack */
			* html #sidebar_menu ul ul ul ul ul ul ul ul a {
				width: 155px;
			}
			/* Menu level 8 */
			#sidebar_menu ul ul ul ul ul ul ul a {
				width: 163px;
				margin-left: 30px;
				background-position: -38px 0px;
			}
			/* IE6 Hack */
			* html #sidebar_menu ul ul ul ul ul ul ul a {
				width: 160px;
			}
			/* Menu level 7 */
			#sidebar_menu ul ul ul ul ul ul a {
				width: 168px;
				margin-left: 25px;
				background-position: -33px 0px;
			}
			/* IE6 Hack */
			* html #sidebar_menu ul ul ul ul ul ul a {
				width: 165px;
			}
			/* Menu level 6 */
			#sidebar_menu ul ul ul ul ul a {
				width: 173px;
				margin-left: 20px;
				background-position: -28px 0px;
			}
			/* IE6 Hack */
			* html #sidebar_menu ul ul ul ul ul a {
				width: 170px;
			}
			/* Menu level 5 */
			#sidebar_menu ul ul ul ul a {
				width: 178px;
				margin-left: 15px;
				font-size: 0.8em;
				background-position: -23px 0px;
			}
			/* IE6 Hack */
			* html #sidebar_menu ul ul ul ul a {
				width: 175px;
			}
			/* Menu level 4 */
			#sidebar_menu ul ul ul a {
				width: 183px;
				margin-left: 10px;
				font-size: 0.9em;
				background-position: -18px 0px;
			}
			/* IE6 Hack */
			* html #sidebar_menu ul ul ul a {
				width: 180px;
			}
			/* Menu level 3 */
			#sidebar_menu ul ul a {
				width: 188px;
				margin-left: 5px;
				font-size: 1.0em;
				background-position: -13px 0px;
			}
			/* IE6 Hack */
			* html #sidebar_menu ul ul a {
				width: 185px;
			}
			/* Menu level 2 */
			#sidebar_menu ul a {
				display: block;
				color: #000000;
				font-size: 1.1em;
				text-decoration: none;
				height: auto;
				width: 193px;
				padding: 3px 3px 3px 6px;
				margin-bottom: 2px;
				margin-top: 2px;
				border-left: 4px solid #d6d5d4;
			}
			/* IE6 Hack */
			* html #sidebar_menu ul a {
				width: 190px;
			}
			#sidebar_menu ul a:hover,
			#sidebar_menu ul li.menu-current a, 
			#sidebar_menu ul li.menu-current ul li a:hover {
				color: #484848;
				border-left: 4px solid #363932;
			}
			#sidebar_menu ul li.menu-current ul li a {
				color: #000000;
				border-left: 4px solid #484848;
			}


			/****************************************************************
			* EN: END  - Submenu items of the main menu in the sidebar      *
			* DE: ENDE - Untermenüpunkte des Hauptmenüs in der Seitenleiste *
			****************************************************************/

			/* EN: print icon - DE: Druck Icon */
			#sidebar #sidebar_print {
				text-align: right;
			}
			#sidebar  #sidebar_print a#print_page img {
				border: 0px;
				border-bottom: 2px solid #d7d7d7;
			}
			#sidebar  #sidebar_print a#print_page:hover img {
				border-bottom: 2px solid #363932;
			}

			/* EN: w3c logos - DE: w3c Logos */
			#sidebar #w3logos {
				text-align: center;
			}
			#sidebar #w3logos a img {
				border: 1px solid #fff;
				width: 88px;
				height:31px;
				padding: 6px 2px 6px 6px;
			}
			#sidebar #w3logos a:hover img {
				border: 1px solid #bbb;
				background-color: #eee;
			}
			/******************************************************************
			* EN: START  - Submenu items of the main menu in the sidebar      *
			* DE: ANFANG - Untermenüpunkte des Hauptmenüs in der Seitenleiste *
			******************************************************************/

		/**************************
		* EN: END  - sidebar      *
		* DE: ENDE - Seitenleiste *
		**************************/

	/*******************************************************
	* EN: START  - top of page - print                     *
	* DE: ANFANG - zum seitenanfang - drucken              *
	*******************************************************/
	#toplink_outer {
		width: 680px;
		height 32px;
		margin: 0 auto;
		padding:0px;	
		float: right;
		text-align: center;
		background-color: #dedede;
	}
		#toplink_print {
			width: 680px;	
			margin-top: 10px;
			margin-right:55px;

		}
		#toplink_print a {
			display: block;
			background-color: #fff;
			height: 32px;
			line-height: 31px;
			font-size: 1.0em;
			font-weight: bold;
			color: #76b938;
			text-decoration: none;
			float: right;
			padding: 0 8px 0 8px;
			margin-left: 5px;
			width: auto;
			border: 1px solid #76b938;
		}
		#toplink_print a:hover {
			background-color: #76b938;
			color: #ffffff;
		}
	/*******************************************************
	* EN: START  - Footer at the bottom of the page        *
	* DE: ANFANG - Fußzeile am unteren Rand der Seite      *
	*******************************************************/

	#bottom_outer {
		float: left;
		width: 100%;
		background-color: #363932;
		margin-top: 100px;
	}
		#bottom  {
			border-top: 1px solid #bbb;
		}
			#bottom_inner {
				width: 945px;
				margin: 0 auto;
				padding:0px;
			}
	
				/* EN: START footer menu - DE: ANFANG Fusszeilenmenue */
				#footermenu {
					width: 100%;
					float: left;
					text-align: center;
					color: #76b938;
					height: 32px;
				}
				#footermenu span a {
					display: block;
					background-color: #76b938;
					height: 32px;
					line-height: 31px;
					font-size: 1.0em;
					font-weight: bold;
					color: #363932;
					text-decoration: none;
					float: left;
					padding: 0 8px 0 8px;
					margin-right: 5px;
					width: auto;
					border: 1px solid #bbbbbb;
					border-top: 0px;
				}
				#footermenu span a:hover {
					background-color: #585858;
					color: #ffffff;
				}
				#footermenu span.menu-current a, #footermenu span.menu-parent a {
					background-color: #363932;
					color: #ffffff;
				}
				#footermenu span.menu-current a:hover, #footermenu span.menu-parent a:hover {
					background-position: 100% -28px;
					text-decoration: underline;
				}

				/* EN: END footer menu - DE: ENDE Fusszeilenmenue */

	/*****************************************************
	* EN: END  - Footer-line at the bottom of the design *
	* DE: ENDE - Fußleiste am unteren Rand des Designs   *
	*****************************************************/

	/**********************************************************
	* EN: START  - Below the designs (autor text and links)   *
	* DE: ANFANG - Unterhalb des Designs Autor text und Links *
	***********************************************************/
	#licenselink {
		text-align: center;
		font-size: 0.9em;
		color: #363932;
		padding: 20px 0 20px 0;
		float: left;
		width: 100%;
	}
	#licenselink a {
		color: #363932;
		text-decoration: underline;
	}
	#licenselink a:hover {
		color: #ababab;
		text-decoration: none;
	}
	/********************************************************
	* EN: END  - Below the designs (autor text and links)   *
	* DE: ENDE - Unterhalb des Designs Autor text und Links *
	********************************************************/

	/***********************
	* EN: START  - Blocks  *
	* DE: ANFANG - Blöcke  *
	************************/
	#block2output, #block3output {
		border: 1px solid #363932;
		background-color: #efefef;
		padding: 5px;
		margin: 5px 0 5px 0;
	}
	#block4output {
		text-align: center;
		color: #ffffef;
		float: left;
		width: 100%;
	}
	#block4output a {
		color: #feb200;
		text-decoration: none;
		font-weight: bold;
	}
	#block4output a:hover {
		text-decoration: underline;
	}
	#block5output, #block6output {
		padding-bottom: 5px;
	}
	/*********************
	* EN: END  - Blocks  *
	* DE: ENDE - Blöcke  *
	**********************/
	
/************************************************
* EN: END  - design specific formating          *
* DE: ENDE - Design-spezifischen Formatierungen *
************************************************/

/************************************************
* EN: START  - exemple of a styled table        *
* DE: ANFANG - Muster einer gestalteten Tabelle *
************************************************/
#content_inner table.styled {
	border-collapse: collapse;
}
#content_inner table.styled caption {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 2px;
}
#content_inner table.styled thead th {
	border: 1px solid #333333;
	padding: 4px;
	background-color: #363932;
}
#content_inner table.styled tbody td {
	border: 1px solid #333333;
	background-color: #ffe9b7;
	padding: 4px;
}
#content_inner table.styled tfoot td {
	background-color: #eeeeee;
	padding: 4px;
}
/**********************************************
* EN: END  - exemple of a styled table        *
* DE: ENDE - Muster einer gestalteten Tabelle *
**********************************************/

/********************************************
* EN: START  - exemple of a styled box      *
* DE: ANFANG - Muster einer gestalteten Box *
*********************************************/
#content_inner .styled_box {
	border: 1px solid #363932;
	background-color: #efefef;
	padding: 5px;
	margin: 5px 0 5px 0;
}
/******************************************
* EN: END  - exemple of a styled box      *
* DE: ENDE - Muster einer gestalteten Box *
******************************************/