*{margin: 0;padding: 0;list-style: none;}

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

h2 {
padding: 15px 0px 0px 0px;
font-size: 14px;
}

:focus{
outline: 0;
}

img{
border: 0;
display:block;
}

body{
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:13px;
background-color:#fff;
}

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {
position:relative;
padding-top:133px;
padding-bottom: 21px;
}  /* must be same height as the footer */

#header{
position:absolute;
top:0;
width:100%;
height:100px;
}

	a#logo{
	position:absolute;
	top:18px;
	left:18px;
	display:block;
	}
	
		a#logo img{
		width:135px;
		height:45px;
		background:url(images/logo.gif) no-repeat;
		}
		
	ul#mainnav{
	position:absolute;
	bottom:0;
	width:100%;
	height:23px;
	background:#d5d5d5;
	border-top:1px solid #969696;
	border-bottom: 1px solid #5F5F62;
	}

		#mainnav li{
		float:left;
		height:23px;
		padding-left:1px;
		background:url(images/nav_trenner.gif) left bottom no-repeat;
		}
		
			#mainnav li.first{
			background:none;
			padding-left:0;
			}
		
			#mainnav a{
			display:block;
			float:left;
			height:19px;
			width:98px;
			padding:4px 0 0 6px;
			font-weight:bold;
			color:#5F5F62;
			text-decoration:none;
			}
			
			#mainnav a:hover{
			color:#5F5F62;
			background:url(images/nav_over.gif) left bottom repeat-x;
			}
			
	#headerbox{
	position:relative;
	float:right;
	width:439px;
	height:21px;
	padding-top:19px;
	}
		
		#headerbox ul li{
		float:left;
		}
		
		#headerbox a{
		color:#00a1c9;
		font-size:11.7px;
		display:block;
		line-height:18px;
		text-decoration:underline;
		padding:0 5px 0 4px;
		background:url(images/trenner_header.gif) right 5px no-repeat;
		}
		
			#headerbox a.last{
			background:none;
			}
			
			img#world{
			position:absolute;
			right:196px;
			top:21px;
			}
			
			.changelanguage{
			position:absolute;
			right: 46px;
			top:19px;
			height:19px;
			width:145px;
			line-height:14px;
			color:#000;
			font-size:11.7px;
			font-family:Ms Shell Dlg;
			padding: 1px 1px 0px 1px;
			}
			
			.submitchange {
			position:absolute;
			right:2px;
			top:19px;
			font-size:11.7px;
			padding:0 6px 0 6px;
			font-weight: bold;
			background-color: #D5D5D5;
			color: #5F5F62;
			border: 1px solid #5F5F62;
			}

			.submitchange {
			width:auto;
			}

	#headerbox2{
	clear:right;
	position:relative;
	float:right;
	width:439px;
	height:25px;
	padding-top:0px;
	}
	
		#headerbox2 li{
		float:left;
		}
		
		#headerbox2 a{
		color:#00a1c9;
		font-size:11.7px;
		display:block;
		line-height:18px;
		text-decoration:underline;
		padding:0 5px 0 4px;
		}
		
			img#search{
			position:absolute;
			right:196px;
			top:3px;
			}
			
			.searchf{
			position:absolute;
			right: 44px;
			top:3px;
			height:17px;
			width:143px;
			line-height:15px;
			color:#000;
			font-size:11.7px;
			font-family:Ms Shell Dlg;
			padding-left: 2px;
			}
			
			.submits {
			position:absolute;
			right:1px;
			top:3px;
			font-size:11.7px;
			padding:0 6px 0 6px;
			font-weight: bold;
			background-color: #D5D5D5;
			color: #5F5F62;
			border: 1px solid #5F5F62;
			}


#content{
position: relative;
width:100%;
}

	#rightcolumn{
	width:100%;	
	background:url(images/bg_inner.gif) top repeat-x;
	}
	
		#inner{
		position:relative;
		display:block;
		margin-left:198px;
		margin-right:217px;
		padding-bottom: 40px;
		}
		
			#inner div.teaser{
				position: relative;
				min-height:75px;
				height:auto !important;
				height:75px;
				padding: 20px 0px 20px 0px;
				margin: 0px 0px 0px 0px;
				border-bottom: 1px solid #C0C0C0;
			}
			
			#inner div.t_first{
				padding-top: 50px;
			}
			
				#inner div.teaser a{
					position: absolute;
					margin: 0px;
					padding: 0px;
				}
				
					#inner div.teaser a img{
						margin: 0px;
						padding: 0px;
					}
				
				#inner div.teaser h4{
					margin: 0px;
					padding: 0px 0px 0px 90px;
				}
					#inner div.teaser h4 a{
						position: relative; 
						padding: 0px;
						font-weight: bold;
						color: #01A1FF;
						text-decoration: underline;
					}
					#inner div.teaser h4 a:hover{
						text-decoration: none;
					}
				
				#inner div.teaser p{
					margin: 0px;
					padding: 0px 0px 0px 90px;
				}

			
			#inner p{
			padding-top:13px;
			line-height:16px;
			}
			
			#inner h1{
			font-size:41.6px;
			line-height:48px;
			color:#969696;
			font-weight:normal;
			padding:38px 0 7px 0;
			border-bottom:1px solid #C0C0C0;
			}
			
					
			#inner #blackinfo{
			position:absolute;
			left:0;
			top:0;
			font-size:13px;
			color:#fff;
			padding:2px 0 0 5px;
			line-height:15px;
			display:block;
			}
			
			#rightbox{
			position:absolute;
			right:0px;
			top:0;
			width:198px;
			padding-left:19px;
			background:#fff;
			}
			
			#information{
			position: absolute;
			bottom: -40px;
			left: 0px;
			width: 100%;
			padding: 0px 0px 40px 0px;
			text-align: left;
			}
			
				#information li {
				float: none;
				display: inline;
				}
				
				#information li a {
				padding: 0px 0px 0px 11px;
				color: #969696;
				font-size: 10px;
				text-decoration:none;
				background:url(images/trenner_footer.gif) no-repeat 4px 3px;
				}
				
				#information li a.first {
				padding: 0px 0px 0px 0px;
				background: none;
				}
				
				#information li a:hover {
				text-decoration: underline;
				}
			
			#information2{
			position: absolute;
			bottom: -40px;
			left: 0px;
			width: 100%;
			padding: 0px 0px 30px 0px;
			text-align: left;
			border-top: 1px solid #C0C0C0;
			}
			
				#information2 li {
				float: none;
				display: inline;
				}
				
				#information2 li a {
				padding: 0px 0px 0px 11px;
				color: #969696;
				font-size: 10px;
				text-decoration:none;
				background:url(images/trenner_footer.gif) no-repeat 4px 3px;
				}
				
				#information2 li a.first {
				padding: 0px 0px 0px 0px;
				background: none;
				}
				
				#information2 li a:hover {
				text-decoration: underline;
				}
		
	#leftcolumn{
	position: absolute;
	top: 0;
	left:0;
	width:198px;
	float:left;
	background:#fff;
	}

		ul#sidebarnav{
		width:178px;
		border-top:1px solid #C0C0C0;
		border-right:1px solid #C0C0C0;
		background:#fff;
		font-size:10.4px;
		font-weight:bold;
		}
		
			#sidebarnav li{
			height:28px;
			border-bottom:1px solid #C0C0C0;
			}
		
			#sidebarnav a{
			display:block;
			height:20px;
			padding:8px 0 0 8px;
			color:#5f5f62;
			text-decoration:none;
			background:url(images/submenue_arrow.png) 162px 12px no-repeat;
			}
			
				#sidebarnav a.active{
				background-color:#D3D3D3;
				}
		
				#sidebarnav a:hover{
				text-decoration:underline;
				}

#footer {
position: relative;
margin-top: 0px;
height: 17px;
padding:4px 18px 0 0;
clear:both;
background:url(images/bg_footer.gif) repeat-x;
color:#5F5F62;
text-align:right;
font-size:11px;
}

	#footer a{
	color:#5F5F62;
	font-size:11px;
	text-decoration:underline;
	}

/* CLEAR FIX*/
.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/