/* General styles */
body 
{
	overflow-x: hidden;
	margin:0;
	padding:0;
	border:0;			   /* This removes the border around the viewport in old versions of IE */
	width:98%;			/*Hack for IE, if 100% IE shows scrollbar
	min-width:600px;     /* Minimum width of layout - remove line if not required */
								/* The min-width property does not work in old versions of Internet Explorer */
}
	


h1, h2, h3 
{
	margin:.8em 0 .2em 0;
	padding:0;
}

p 
{
	margin:.4em 0 .8em 0;
	padding:0;
}

img
{
	border:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}
	
#frame
{
	clear:left;
	margin-left:auto;
	margin-right:auto;
	width: 600px;
}
	
/* Header styles */
#header 
{
	width:562px;
	margin:5px auto;
	
}

#content
{
	float:left;
	text-align:left;
	/*border: dotted 1px #aaa;*/
	overflow: hidden;
}

#content .left
{
	width:120px;
	float:left;
}

	#content .left .header
	{
		background-color: #FF9900;
		color: #333399;
		text-align: center;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 0.8em;
		padding: 5px 0px 5px 0px;
	}

	#content .left .container 
	{
		margin-top: 5px;
		font-size: 0.8em;
		overflow:hidden;
	}

		#content .left .container .header
		{
			color:#333399;
			background-color:#3366CC;
			font-weight:normal;
			padding: 2px 0px 2px 0px;
			height: 13px;
			font-size: 1.0em;
		}
		
		#content .left .container .header .correctCenter
		{
			/* corrects text align in container header */
			position:relative;
			left: -10px;
			
		}

		#content .left .container .content
		{
			background-color: #6699CC;
			text-align: left;
			overflow-x: hidden;
			overflow:hidden;
			word-wrap: break-word;
		}

	#content .left .imprint, #content .left .smartphone
	{
		background-color: #FF9900;
		color: #0099CC;
		text-align: center;
		text-transform: uppercase;
		font-weight: bold;
		
		padding: 5px 0px 5px 0px;
	}
	
	#content .left .imprint a:visited, 
	#content .left .smartphone a:visited {
		color: #FFFF00;
	}

	#content .left .hermesSurfTipHeader
	{
		text-align: center;
		color:#fff;	
		font-weight: bold;
	}
	#content .left .hermesSurfTipContent
	{
		text-align: left;
		color:#fff;
		line-height: 12px;
	}



#content .middle
{
	float:left;
	padding: 0px 15px 0px 15px;
	width:348px;
}

	#content .middle .news
	{
		margin: 0px 10px 10px 10px;

	}
	
		#content .middle .news .teaser
		{
			font-size: 1.0em;
			font-weight: bold;
		}
		
		#content .middle .news .headline
		{
			color:#FF9900;
			font-size:1.5em;
			line-height:20px;
			font-weight:bold;
		}
		
		#content .middle .news .article
		{
			text-align: justify;
			padding-top:8px;
		}
		
		#content .middle img
		{
			float:none;
		}
		

#content .right
{
	float:left;
	width:100px;
}

	#content .right .container
	{
		margin-bottom: 5px;
		background-color: #6699CC;
		text-align: center;
	}


/* Custom classes */
.lastUpdated 
{
	color:#fff;
	font-size: 0.75em;
	margin-left:2px;
	text-align:left;
	float:left;
}

.lastUpdated img
{
	float:right;
	vertical-align:top;
}