﻿/* Standard Template 3 */
body {
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	font-size: 80%;
}

body {
	margin: 0;
	padding: 0;
}

/*	Layout only	*/

#toplogo, #navigation, #topbanner, #wrap_content, #footer, #powered {
	width: 960px; 
	margin: 0px auto;
	border: 0;
	position: relative;
}
#toplogo {
	min-height: 30px;
}
	#toplogo div.banner {
		padding-top: 20px;
		padding-bottom: 15px;
	}
	#toplogobox {
		position: absolute;
		right: 0;
		top: 0;
	}
#wrap_menu {
	position: relative;
	z-index: 100;
}
	#wrap_menu:before, #navigation:before {
		height: 3px;
		display: block;
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
	}
	#navigation:after, #wrap_content:after {
		clear: both;
		display: block;
		height: 0;
		content: ""; 
		visibility: hidden;
	}
	#breadcrumbs {
		width: 680px;
		padding: 5px 15px;
		position: absolute;
		right: 0;
		bottom: 100%;
		line-height: 20px;
	}
	#navigationbox {
		float: right;
		margin: 0 0 0 0;
		height: 45px;
		padding: 3px 0 0 0;
	}
#topbannerbox {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 600px;
	z-index: 100;
}
#wrap_body #topbannerbox {
	width: 710px;
}
#wrap_content {
	clear: both;
	z-index: 95;
}
#wrap_content:before {
	content: "";
	position: absolute;
	z-index: 96;
	top: 0;
	left: 0;
	bottom: 0;
	width: 250px;
}
#frontpage #wrap_content:before {
	width: 360px;
}
body.wide #wrap_content:before {
	display: none;
}
	#leftblock 
	{
		float: left;
		width: 250px; 
		padding: 0;
		margin: 0;
		position: relative;
		z-index: 98;
	}
		#leftblock div.block {
			padding: 12px;
			clear: both;
		}
	#content {
		position: relative;
		width: 710px;
		float: right;
		margin: 0 0 0 -5px;
	}
		#content div.block, div.wrap_pageblock {
			padding: 23px 30px; /* left padding for FF tables */
		}
		body.wide div.wrap_pageblock {
			padding: 23px 0;
		}
		#content h2.blockheads, #leftblock h2.blockheads, #topbannerbox h2.blockheads {
			font-size: 100%;
			font-weight: bold;
			margin: 0;
			clear: both;
		}
		#content h2.blockheads span, #leftblock h2.blockheads span, #topbannerbox h2.blockheads span {
			display: inline-block;
			padding: 5px 15px 5px 35px;
			line-height: 20px;
			background-position: 10px 50%;
			background-repeat: no-repeat;
		}
	body.wide #content {
		width: 100%;
	}
	#frontpage #leftblock {
		width: 360px;
	}
	#frontpage #content {
		width: 600px;
	}
	#printtip {
		padding: 0 35px 35px;
	}
		#printtip div.block {
			padding: 0;
			text-align: right;
		}
#wrap_footer {
	clear: both;
	position: relative;
}
	#footer {
		width: 650px;
		padding: 5px 30px 5px 280px;
		line-height: 20px;
	}
	#frontpage #footer {
		padding-left: 0;
		padding-right: 0;
		width: 960px;
		text-align: center;
	}

/* Top nav */

#topmenu, #topmenu ul
{
	list-style-type: none;
	margin: 0;
}
#topmenu {
	padding: 0;
	float: left;
}
#topmenu ul {
	left: 0;
	top: 100%;
	padding: 0;
	z-index: 102;
}
#topmenu ul ul {
	left: 100%;
	top: 0;
}


#topmenu li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	position: relative; /* for submenu positioning */
}
#topmenu li:hover {
	z-index: 101;
}
#topmenu a {
	float: left;
	line-height: 42px;

	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;

	border-top: 3px solid;
	padding: 0px 15px 3px;
	margin: 0;
}
#topmenu ul li {
	display: block;
	float: none;
	width: 200px;
}
#topmenu ul li a {
	display: block;
	float: none;
	line-height: normal;
	white-space: normal;
	font-weight: normal;

	width: 90%;
	border-top: none;
	padding: 4px 5%;
	margin: 0;
}
#topmenu ul li a {
	display: inline-block; /* fix IE7 gap at bottom */
}

#topmenu ul {
	display: none;
}
#topmenu li:hover > ul {
	position: absolute; /* IE7 hasLayout only on :hover! */
	display: block;
}

#topmenu a.current {
	font-weight: bold;
}
#topmenu ul a.current {
	font-weight: normal; /* reset for submenus */
}
#topmenu div.search form {
	padding: 0 5px 5px;
}


#topmenu li li.arrow > a:after {
	content: "›";
	font-weight: bold;
	position: absolute;
	right: 2px;
	top: 4px;
	bottom: 4px;
	left: auto;
	line-height: 1;
	vertical-align: top;
}
/* arrow for any levels! do not touch! 
#topmenu li li.arrow > a {
	background-image: url(images/arrow.gif);
	background-position: 98% 50%;
	background-repeat: no-repeat;
	background-attachment: scroll;
}
#topmenu li li.arrow > a:hover {
	background-image: url(images/arrow_inv.gif);
}*/
#topmenu > li {
	border-right: 1px solid;
}

/*	Shortcuts Absolute */

ul.shortcuts, ul.shortcuts ul {
	margin: 0;
	padding: 0 ;
	list-style-type: none;
}
ul.shortcuts li {
	float: left;
	margin: 0;
	padding: 0 5px 0 19px;
	background-image: url(images/sep1.gif);
	background-position: 7px 0;
	background-repeat: no-repeat;
}
ul.shortcuts a {
	line-height: 21px;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
}
ul.shortcuts a:hover {
	text-decoration: underline;
}

/*	Breadcrumbs text separator, only use with IE8.js! */

ul.breadcrumbs ul:before, ul.breadcrumbs li {
	padding-left: 0.5em;
	background-image: none;
}
ul.breadcrumbs li:before {
	content: "»";
	position: relative;
	left: -0.5em;
}
ul.breadcrumbs li:first-child:before {
	content: "";
}
ul.breadcrumbs a {
	text-decoration: none;
}

/* Search form */
#navigationbox form {
	margin: 0;
	padding: 12px 10px 12px 0;
	height: 21px;
}
#navigationbox input.button {
	margin: 0 0 0 10px;
	border: none;
	padding: 0;
	height: 21px;
	float: left;
}
#navigationbox input.searchwords {
	width: 123px;
	height: 21px;
	line-height: 21px;
	border: none;
	margin: 0;
	padding: 0 5px;
	float: left;
}

/* Side Menu */

#smenu, #smenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#smenu li {
	margin: 0;
}
* html #smenu a
{ height: 1% } /* hasLayout */

#smenu a {
	text-decoration: none;
	display: block;
	line-height: 20px;

	border-bottom: 1px solid;
	padding: 5px 8px 5px 12px;
}
#smenu ul a {
	padding-left: 26px;
	font-weight: normal;
}
#smenu ul a:before {
	content: "›";
	font-weight: bold;
	float: left;
	margin-left: -14px;
}
#smenu ul ul a {
	padding-left: 26px;
	font-style: italic;
}
#smenu ul ul a:before {
	content: "";
	display: none;
}
#smenu ul ul ul a {
	padding-left: 40px;
	font-style: normal;
}
#smenu ul ul ul ul a {
	padding-left: 52px;
	font-style: italic;
}
#smenu ul ul ul ul ul a {
}


#smenu div.search {
	display: none; /* hide unwanted search box */
}

/* News */

div.news {
}
div.news.first {
}
div.news div.t_text {
	padding-left: 19px;
}
div.news div.t_text h3 {
	font-weight: bold;
	font-size: 100%;
	padding: 3px 2px 1px 0;
	margin: 0;
	text-align: left;
}
div.news div.t_text h3:before {
	content: "›";
	font-weight: bold;
	float: left;
	margin-left: -17px;
}
div.news div.t_text p {
	margin: 5px 0;
	padding: 0;
}
div.news a {
	text-decoration: none;
}
div.news a:hover {
	text-decoration: underline;
}
div.news span.t_date {
	font-size: 80%;
	font-weight: bold;
	margin: 5px 0;
}
div.news div.t_readmore {
	text-align: right;
	font-size: 80%;
	font-weight: bold;
}
div.news div.rm_text div.t_readmore:after {
	content: " ›";
}

/* teasertxt */

div.teasertxt {
	float: left;
	display: inline; /* IE6 */
	position: relative;
	margin: 0 0 20px 0;
	min-height: 100px;
}
div.teasertxt.first {
	clear: left;
	margin-left: 0;
}
div.teasertxt a.t_img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
div.teasertxt a.t_img img {
	width: 120px;
	height: 100px;
	display: block;
	border: 0;
}
div.teasertxt div.t_text {
	position: static;
/* note: you MUST NOT set height/width, coz IE sucks */
	padding: 0 0 0 130px;
}
div.teasertxt div.t_text h3 {
	font-weight: bold;
	font-size: 100%;
	padding: 3px 2px 1px;
	margin: 0;
	text-align: left;
}
div.teasertxt div.t_text p {
	margin: 0;
	padding: 0 2px;
}
div.teasertxt a {
	text-decoration: none;
}
div.teasertxt a:hover {
	text-decoration: underline;
}
div.teasertxt span.t_date {
	font-size: 80%;
	font-weight: bold;
}
div.teasertxt div.t_readmore {
	text-align: right;
	font-size: 80%;
	font-weight: bold;
}
div.teasertxt div.rm_text div.t_readmore:after {
	content: " ›";
}

/* TeaserImg */

div.teaserimg {
	float: left;
	display: inline; /* IE6 */
	position: relative;
	width: 120px;
	margin: 0 0 20px 20px;
}
div.teaserimg.first {
	clear: left;
	margin-left: 0;
}
div.teaserimg a.t_img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
div.teaserimg a.t_img img {
	width: 120px;
	height: 120px;
	display: block;
	border: 0;
}
div.teaserimg div.t_text {
	position: static;
/* note: you MUST NOT set height/width, coz IE sucks */
	padding: 120px 0 0px 0;
}
div.teaserimg div.t_text h3 {
	font-weight: bold;
	font-size: 100%;
	padding: 3px 2px 1px;
	margin: 0;
	text-align: center;
}
div.teaserimg div.t_text p {
	margin: 0;
	padding: 0 2px;
}
div.teaserimg a {
	text-decoration: none;
}
div.teaserimg a:hover {
	text-decoration: underline;
}
div.teaserimg span.t_date {
	font-size: 80%;
	font-weight: bold;
}
div.teaserimg div.t_readmore {
	text-align: right;
	font-size: 80%;
	font-weight: bold;
}
div.teaserimg div.rm_text div.t_readmore:after {
	content: " ›";
}



/*	Powered by */
#powered {
	text-align: right;
	padding: 0 1em;
}

/*	Colors */
body {
	color: #333;
	background-color: #fff;
}
a, span.t_date, div.t_text h3 a:visited {
	color: #5c615b;
}
a:visited {
	color: #5c615b;
}
#wrap_menu:before {
	background-color: #bcbfbc;
}
#navigation:before {
	background-color: #666668;
}
#topmenu, #topmenu a, #smenu a {
	color: #fff;
	background-color: #5c615b;
	border-color: #4a4b45;
}
#navigation, #navigationbox input.button {
	color: #f4f5f8;
	background-color: #777c76;
}
a#current-topmenu, #topmenu a.current, #topmenu li:hover > a {
	color: #fff;
	background-color: #8ab202;
	border-color: #809723;
}
#smenu ul #current-smenu, #smenu a:hover {
	color: #fff;
	background-color: #8ab202;
	border-color: #809723;
}
#content h2.blockheads, #leftblock h2.blockheads, #topbannerbox h2.blockheads, 
#topmenu li li a, #topmenu ul, #wrap_menu, #breadcrumbs, #smenu ul a {
	color: #5c615b;
	background-color: #e2e3e2;
}
/*
#topmenu li li.arrow > a {
	background-image: url(images/arrow-sport2.gif);
}
#topmenu li li.arrow > a:hover {
	background-image: url(images/arrow_inv-sport2.gif);
}*/
#smenu a, #smenu a:hover, #smenu ul #current-smenu {
	border-color: #f4f5f8;
}
#wrap_footer {
	background-color: #cecfcd;
}
#footer, #footer a {
	color: #fff;
	background-color: #5c615b;
}
#toplogobox a {
	color: #666;
}
#content h2.blockheads span, #leftblock h2.blockheads span, #topbannerbox h2.blockheads span {
	color: #fff;
	background-color: #5c615b;
	background-image: url(images/dot1-business.gif);
}
#leftblock div.block, #wrap_content:before {
	color: #333;
	background-color: #f4f5f8; /* grey over grey faux */
}
div.news div.t_text h3:before {
	color: #5c615b;
}
#topmenu > li {
	border-color: #fff;
}
a.sitename, span.sitename {
	color: #5c615b;
}

