/*(c) TN 2006 */

/* --------------------------------------------------------------------
							HTML TAGS
 --------------------------------------------------------------------*/
html, body, textarea, input {font-family: Arial, Helvetica, sans-serif; color: #000;}
body {font-size: 0.75em; } td {_font-size: 0.75em; _f\ont-size: 100%;}
input, textarea, select {font-size: 100%;}

html, body { margin: 0; padding: 0; }
body { background: #fff url(/images/chrome/mainbg.gif); }

form {margin:0px; display: inline}/* entfernen des abstandes bei Form-Elementen */
th {text-align: left; font-weight: bold; }
img {border:none;}

p { margin: 0 0 13px 0;   }


/*  allgemeine HEADliNE-Styles -  Gr��e bezieht sich immer auf Elternelement */
h1 {font-size: 1.8em; margin: 0 0 15px 0; padding: 0 0 6px 0; color: #000; font-weight: normal; border-bottom: 2px solid #2f6713; font-family: Georgia, "Times New Roman", Times, serif;}
h2 { font-size: 1.1em; font-weight: bold; color: #666; margin: 0 0 10px 0; }
h3 {font-size: 1em; color: #fff; margin: 0 0 5px 0; padding: 2px; }
h4 {font-size: 1em; font-weight: bold; color: #000; margin: 0; display: inline; }

hr, .cssForm hr { height:1px; color: #ccc; background: #c0c0c0; border: none; margin: 4px 0 6px 0; padding: 0; line-height: 2px;}

.right{ float: right; margin: 0 0 5px 5px; }
.left{ float: left; margin: 0 5px 5px 0; }

/* -------------------------------------------------------------------------------
							STANDARD CLASSES
 -------------------------------------------------------------------------------------*/

.small, .bildText{font-size: .8em;} /* bezieht sich immer auf Elternelement */

a:link, a:visited, a:hover, a:active  { color : #2f6713; text-decoration: none;}
a:hover, a:active { text-decoration: underline;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ TABELLEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* OPTIC1 standard - nur abst?nde und ausrichtund wird optimiert*/
table.optic1 td, table.optic1 th {
	padding: 3px;
	vertical-align: top;
}

 
/*~###################################################################################################
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                         								LAYOUT
----------------------------------------------------------------------------------------------------*/								

#widthMaker {
	width:978px;
	margin: 0 auto;
}
#head { height: 164px; background: transparent url(/images/chrome/headbg.png) no-repeat;  margin: 28px 0 0 0; position:relative; z-index:5;}
	#logoLink { position:absolute; bottom:60px; left:180px; font-size:18px; font-weight:bold; color:#ffefc3; }
	#head ul { float: right; list-style: none; margin: 17px 0 0 0; padding: 0; width: 165px; }
		#head ul li{ list-style: none; margin: 0; padding: 0; }
			#head ul a:link, #head ul a:visited, 
			#head ul a:hover, #head ul a:active { color: #ffefc3; }

			
table.threeCols { background: #fff url(/images/chrome/bodybg.gif) repeat-y; height: 460px; position:relative; top:-43px;  }
	table.threeCols td { vertical-align: top; padding-top:30px; }
	table.threeCols td.colOne { background: transparent url(/images/chrome/colone-bg.jpg) no-repeat left bottom; width: 209px; }
		ul#leftNav { list-style: none; margin: 25px 0 0 0; padding: 0 0 0 7px; 	}
		ul#leftNav li { list-style: none; margin: 0; padding: 0; display: inline;	}
			ul#leftNav li a:link, ul#leftNav li a:visited, 
			ul#leftNav li a:hover, ul#leftNav li a:active { 
				border: 1px solid #cdcdcd; 
				display: block;
				background: #fafafa url(/images/chrome/nav1-bg.gif) 0 0 repeat-x; 
				font-weight: bold;
				color: #595959;
				padding: 0 0 0 16px;
				line-height: 24px;
				height: 24px;
				width: 149px;
				margin: 0 0 3px 0;
				text-decoration: none;
			}
			ul#leftNav li.active a:link, ul#leftNav li.active a:visited, 
			ul#leftNav li.active a:hover, ul#leftNav li.active a:active,
			ul#leftNav li a:hover, ul#leftNav li a:active { 
				color: #2f6713;
				background-position: 0 -24px;
			}
				ul#leftNav li.active li a:link, ul#leftNav li.active li a:visited, 
				ul#leftNav li.active li a:hover, ul#leftNav li.active li a:active {	color: #000; background-position: 5px 0;	}

			ul#leftNav ul {display: none; list-style: none; margin: 0; padding: 0; }
				ul#leftNav li.active ul {display: block; }

				ul#leftNav li li a:link, ul#leftNav li li a:visited, 
				ul#leftNav li li a:hover, ul#leftNav li li a:active { 
					background: transparent url(/images/chrome/nav2-bg.gif) 5px 0 no-repeat;
					border: none;
					line-height: 21px;
					height: 21px;
					border-bottom: 1px solid #cdcdcd;
					color: #000;
					font-weight: normal; 
				}
			ul#leftNav li li.active a:link, ul#leftNav li li.active a:visited, 
			ul#leftNav li li.active a:hover, ul#leftNav li li.active a:active,
			ul#leftNav li li a:hover, ul#leftNav li li a:active { 
				color: #2f6713 !important;
				background-position: 5px -21px !important;
			}
	
	table.threeCols td.colTwo {line-height: 140%; padding: 30px 30px 0 0; }
	body.hasThirdNav table.threeCols td.colTwo {padding-right: 165px; }
		table.threeCols td.colTwo div { position: relative; }


	table.threeCols td.colThree {
		background: transparent url(/images/chrome/colthree-bg.gif) no-repeat right bottom;
		width: 130px;
		padding: 30px 35px 0 13px 
	}
		table.threeCols td.colThree h2 { margin: 0; padding: 0; color: #666; }
			table.threeCols td.colThree h2 span { font-size: 1.4em; font-weight: bold; color: #2f6713; letter-spacing: -0.05em; }
		table.threeCols td.colThree p.teaser { text-align: center; }
	

#footer { background: #cdcdcd url(/images/chrome/footer-bg.gif) no-repeat; height: 2px; position:relative; top:-43px; }	
		#footer span { position: absolute; top: -20px; color: #fff; font-size: .9em; left: 10px;  }