/********************************************
*                                           *
*   CSS file of http://www.tripodo.com/     *
*   Copyright (c) 2009. Tripodo GmbH        *
*                                           *
*********************************************/

	* {
		margin: 0;
		padding: 0;
		border: none;
		text-decoration: none;
	}
	html {
		background: url(../images/header.gif) #fff 50% 0% no-repeat;
		font: 65% "Arial", "Helvetica", sans-serif;
		height: 100%;
		color: #002544;
	}
	#container {
		width: 960px;
		margin: 0 auto;
		padding: 114px 0 0 0;
		position: relative;
	}
	#content, #column, #footer {
		float: left;
		font-size: 120%;
	}
	#content {
		clear: both;
		width: 633px;
		padding: 15px 15px 30px 0;
	}
	#column {
		width: 292px;
		background: url(../images/bg-column.gif) #EAEFEC 0% 100% no-repeat;
		padding: 0 10px 10px 10px;
	}
	#footer {
		clear: both;
		width: 100%;
		text-align: center;
		background: url(../images/footer.gif) #1D464D 0% 0% repeat-x;
		padding: 15px 0;
		color: #598E9F;
		border-top: 2px solid #ACCD5D;
	}
	#footer p {
		margin: .3em 0;
	}
	#footer a:hover {
		color: #ACCD5D;
		text-decoration: underline;
	}
	#top span {
		position: absolute;
		top: -9999px;
	}
	#top a {
		display: block;
		position: absolute;
		width: 175px;
		height: 80px;
		top: 14px;
		left: 20px;
		text-indent: -9999px;
	}

/* text & colors */
	a:link, a:visited {
		color: #6E980A;
	}
	a:hover {
		color: #435D04;
	}
	#content h1, h2.featured {
		color: #6E980A;
		font: normal 180% "Trebuchet MS", "Verdana", "Arial", sans-serif;
		margin: .5em 0;
		clear: both;
	}
	h2, h3 {
		color: #377286;
		font: bold 120% "Trebuchet MS", "Verdana", "Arial", sans-serif;
		margin: 0 0 .5em 0;
		clear: both;
	}
	#column h2 {
		color: #377286;
		margin: .5em 0 0 0;
	}
	#content img {
		border: 3px solid #ACCD5D;
		padding: 1px;
	}
	#content .left {
		float: left;
		clear: both;
		margin: 0 10px 5px 0;
	}
	#content a {
		text-decoration: underline;
	}
	div.left {
		width: 300px;
		padding: 0 10px 0 0;
		float: left;
		background: url(../images/separator01.gif) 100% 0% repeat-y;
	}
	div.right {
		width: 300px;
		padding: 0 0 0 10px;
		float: left;
	}
	div.left h3, div.right h3 {
		clear: none;
	}
	div.left p, div.right p {
		margin-bottom: 25px;
	}
	p.teaser {
		font: italic 110% "Trebuchet MS", "Verdana", "Arial", sans-serif;
		letter-spacing: -0.05em;
		color: #194047;
		margin: 0 0 10px 0;
	}
	ul.offers {
		margin-top: 10px;
	}
	ul.offers li {
		list-style: none;
		width: 190px;
		float: left;
		text-align: center;
		padding: 0 20px 20px 0;
	}
	ul.offers p {
		text-align: justify;
	}
	ul.offers li.clear {
		clear: both;
	}
	
/* menu */
	#menu {
		margin-bottom: 20px;
	}
	#menu li {
		display: inline;
		list-style: none;
		position: relative;
	}
	#menu a {
		display: block;
		float: left;
		height: 16px;
		padding: 6px 10px 12px 10px;
		color: #fff;
		font: bold 16px "Trebuchet MS", "Verdana", "Arial", sans-serif;
	}
	#menu a:hover {
		color: #377286;
		background: url(../images/bg-menu-hover.gif) 0% 0% repeat-x;
	}
	#menu ul {
		position: absolute;
		top: 34px;
		left: auto;
		width: 900px;
		display: none;
	}
	#menu ul a {
		color: #194047;
		font: normal 120% "Arial", sans-serif;
		height: 10px;
		padding: 6px 10px 8px 10px;
		border-top: 1px solid #fff;
	}
	#menu ul a:hover {
		text-decoration: underline;
		background: none;
	}
	#menu li:hover ul {
		display: block;
	}

/* right menu */
	#column ul {
		background: url(../images/bullet03.gif) 0% 0% repeat-y;
		padding: 8px 0 0 0;
	}
	#column ul a {
		font-size: 140%;
		font-weight: bold;
	}
	#column ul ul a {
		font-size: 110%;
		font-weight: normal;
	}
	#column ul li {
		padding: 0 0 0 10px;
		list-style: none;
		line-height: 25px;
	}
	#column ul ul {
		background: none;
		margin: 0;
		padding: 0;
	}
	#column ul ul li {
		background: url(../images/bullet02.gif) 0% 7px no-repeat;
	}
	#column ul ul ul {
		margin: 0 0 -6px 10px;
	}
	#column .active {
		font-weight: bold;
		color: #1A4148;
	}
	

/* clearing */
	div.clear, dl:after, #menu:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}


#seolist li{
	clear:left;
	margin-bottom:10px;
	width:950px;
}
#seolist li a{
	background: url(../images/public/layout/elements.png) no-repeat 0px -119px;
	color:#000000;
	display:block;
	font:116.7% "Arial","Helvetica",sans-serif;
	height:21px;
	padding:7px 0px 0px 30px;
	width:920px;
}
#seolist li a:hover{
	background: url(../images/public/layout/elements.png) no-repeat 0px -147px;
	color:#666666;
}
