body
{
	margin-top		: 5px;
	margin-bottom	: 5px;
	background-color: #000033;
	text-align		: center;
}

#header
{
	margin			: auto;
	background-image: url('../jpg/header.jpg');
	width			: 800px;
	height			: 193px;
	text-align		: left;
}

#navi
{
	font-family		: Verdana, Arial, Helvetica, Sans-serif; 
	font-size		: 11px; 
	color			: #ff0000;
	padding-left	: 42px;
	padding-top		: 169px;

}

#navi a
{
	font-family		: Verdana, Arial, Helvetica, Sans-serif; 
	font-size		: 11px; 
	font-weight		: bold; 
	color			: #ffffff; 
	text-decoration	: none;
}

#navi a:hover
{
	color			: #B9B9B9;
}

#navi a.active
{
	font-family		: Verdana, Arial, Helvetica, Sans-serif; 
	font-size		: 11px; 
	font-weight		: bold; 
	color			: #65A2FE; 
	text-decoration	: none;
}

#navi a.active:hover
{
	color			: #B9B9B9;
}

#main
{
	text-align		: left;
	margin			: auto;
	width			: 800px;
	background-image: url('../gif/main.gif');
}

#left
{
	width			: 192px;
	float			: left;
	min-height		: 470px;
}

#subnavi
{
	background-image: url('../jpg/subnavi.jpg');
	font-weight		: bold; 
	font-family		: Verdana, Arial, Helvetica, Sans-serif; 
	font-size		: 10px;
	margin			: left;
	vertical-align	: middle;
	height			: 343px;
	width			: 107px;
	background-color: #6D6D6D;
	padding-left	: 85px;
	padding-top    : 45px;
}

#subnavi .item
{
	border-width	: 0px 0px 1px 0px;
	border-style	: solid;
	border-color	: #ffffff;
	width		    : 100px;
        padding-top: 3px;
        padding-bottom: 3px;
}

#subnavi a
{
	line-height		: 16px;
	vertical-align	: middle;
	color			: #ffffff; 
	text-decoration	: none;
}

#subnavi a:hover
{
	color			: #DA6D03;
}

#subnavi a.active
{
	line-height		: 16px;
	vertical-align	: middle;
	color			: #DA6D03; 
	text-decoration	: none;
}

#subnavi a.active:hover
{
	color			: #DA6D03;
}

#weather
{
	width			: 171px;
	padding-left		: 21px;
	min-height		: 82px;
}

#content
{
	margin			: left;
	width			: 404px;
	background-color: #A8C6E8;
	float			: left;
	min-height		: 460px;
	padding			: 5px;
	
}

#teaser
{
	margin			: left;
	width			: 187px;
	float			: left;
	padding			: 3px;
	min-height		: 464px;
}



#footer
{
	background-image: url('../gif/footer.gif');
	margin			: auto;
	height			: 19px;
	width			: 800px;
	background-color: #6D6D6D;
}


.title
{
	font-family		: Verdana, Arial, Helvetica, Sans-serif; 
	font-weight		: bold;
 	color			: #0A069C;
	font-size		: 12px;
	margin-top: 10px;
        margin-bottom	: 10px;
        margin-left: 5px;
}

.subtitle
{
	font-family		: Verdana, Arial, Helvetica, Sans-serif; 
	font-weight		: bold;
 	color			: #DA6D03; 
	font-size		: 10px; 
        margin-top: 5px;
        margin-bottom	: 5px;
        margin-left: 7px;
}

.subtitleweather
{
	font-family		: Arial, Verdana, Helvetica, Sans-serif; 
	font-weight		: bold;
 	color			: #ffffff; 
	font-size		: 12px; 
	text-transform : uppercase; 
}

a.subtitle
{
	font-family		: Verdana, Arial, Helvetica, Sans-serif; 
	font-weight		: bold;
 	color			: #313f2c; 
	font-size		: 12px;
}

.picture
{
	font-family		: Verdana, Arial, Helvetica, Sans-serif; 
	font-weight		: bold;
 	color			: #313f2c; 
	font-size		: 9px; 
}

.text
{
	font-family		: Verdana, Arial, Helvetica, Sans-serif; 
	font-size		: 11px;  
	color			: #003469; 
        margin-left: 10px;
        margin-right: 10px;
}

.textsmall
{
	font-family		: Verdana, Arial, Helvetica, Sans-serif; 
	font-size		: 8px;  
	color			: #003469; 
}

#teaser ol
{
	margin			: 2px;
	padding-left	: 28px;
	list-style-image:url('../jpg/listicon.jpg');
}

#teaser ul
{
	margin			: 2px;
	padding-left	: 28px;
	list-style-image:url('../jpg/listicon.jpg');
}

#teaser li
{
	font-family		: Verdana, Arial, Helvetica, Sans-serif; 
	font-size		: 10px;  
	color			: #330000;
}

a
{
	font-family		: Verdana, Arial, Helvetica, Sans-serif; 
	color			: #330000; 
}

#navi a.active:hover
{
	font-family		: Verdana, Arial, Helvetica, Sans-serif; 
	color			: #330000;
}



.clearboth
{
	clear			: both;
	visibility		: hidden;
}



*html #left
{
	height			: 470px;
}

*html #content
{
	height			: 470px;
}

*html #teaser
{
	height			: 470px;
}

*html #weather
{
	height			: 82px;
}