*{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:346px;
	height:25px;
	padding-top:19px;
/*	border:1px solid red;*/
	}
	
		#headerbox 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;
			left:111px;
			top:21px;
			}
			
			select.changelanguage{
			position:absolute;
			left:139px;
			top:19px;
			height:19px;
			width:145px;
			line-height:15px;
			color:#000;
			font-size:11.7px;
			font-family:Ms Shell Dlg;
			}
			
			.submitchange {
			position:absolute;
			right:18px;
			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;
}

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

	#rightcolumn{
	width:100%;	
	background:url(images/bg_inner.gif) top repeat-x;
	}
	
		#inner{
		position:relative;
		margin-left:198px;
		padding-right:217px;;
		display:block;
		}
			
			#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:0;
			top:0;
			width:198px;
			padding-left:19px;
			background:#fff;
			}
			
			#information {
			padding: 40px 0px 40px 0px;
			text-align: left;
			background:url(images/footer_line.gif) left 38px repeat-x;
			}
			
				#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;
				}
		
	#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{
				color:text-decoration:underline;
				text-decoration:underline;
				}

#footer {
position: relative;
margin-top: -21px; /* negative value of footer height */
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
*/