@charset "UTF-8";

/* ################################################################
** # "YAML for TYPO3" (c) by You if you put something in here :) ##
** ################################################################
**
**  Date     : 23.8.07
**  File     : myOwnStyles.css
**  Function : This file is not part of the YAML-CSS-Framework.
**             It was included to give the user the possibility to quickly apply tests, changes or
**             whatever with no need to change the YAML-files and mess up anything.
**             Hmmm. Does this make sense? Anyway, use it or just leave it empty. It will do no harm.
**             This is the last stylesheet beeing imported. So, everything can be overwritten here.
**             Be careful what you put in here and don't hold us responsible for anything that goes wrong...
*/

@media all {

/* Your styles here */

	body {
		background: #fff url(../img/back_top_body.jpg) repeat-x fixed top left;
		padding-top: 0;
	}
	p.align-center {text-align: center;}
	p.align-justify {text-align: justify;}
	p.indent {text-indent: 20px;}

	#page {
		border: none;
		width: 1000px;
		margin: 0 auto;
	}
	
	#main {
		padding: 0;
	}
	
	#col1_content {
		padding: 10px;
	}
	
	#nav ul {
		margin-left: 0;
	}
	
	#submenu {
		margin-top: 0;
                font-weight: bold;
	}
	
	#submenu li a {
		background: #DA251E;
		color: #fff;
	}
	
	#submenu li a:hover {
		background: #E7791A;
		color: #fff;
	}

	#submenu li ul li a, #submenu li ul li strong {
		background: #E7791A;
		color: #fff;
                padding-left: 40px;
	}

	#submenu li ul li a:hover {
		background: #fff500;
		color: #000;
	}
	
	#submenu li strong {
		background: #DA251E;
		color: #fff;
	}
	
	#submenu li #title {
		border-bottom: none;
	}
	
	#header {
		background: #fff url(../img/back_top.jpg) repeat-x top left;
		top: 0;
		height: 174px;
		z-index: 100;
	}
	
	#header img.headImg1 {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 100;
	}
	
	#header #banner {
		position: absolute;
		top: 0;
		right: 0;
		width: 700px;
		background: #fff;
		z-index: 50;
	}
	
	#header #banner img.headImg2 {
		float: right;
	}
	
	#footer {
		background: #fff url(../img/bg5.gif) repeat top left;
	}
	
	#topnav {
                 position: absolute;
                 margin-top: 115px;
                 z-index: 500;
	}
	
	#topnav, #topnav a {
		color: #fff;
	}
	
	#teaser {
		background-color: #5F7992;
		color: #fff;
		border-top: solid 2px #efefef;
		border-bottom: solid 2px #efefef;
	}
	
	#teaser .rootline a {
		color: #fff;
	}
	
	#main {
		margin-top: 25px;
	}

	/* Image-menu */
	
	.ImageMenuContainer {
		background-color: #c8ddf3;
		background-color: #fff;
		padding: 0 2px;
		float: left;
	}
	
	.tx_imagemenu_menu {
		float: left;
	}
	
	.tx_imagemenu_item {
		background-color: inherit;
		padding: 0 2px;
		float: right;

	}
	
	.tx_imagemenu_item a img {
		filter: alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
                text-align: center;
	}
	
	.tx_imagemenu_item a:hover img {
		filter: alpha(opacity=100);
		-moz-opacity: 1.0;
		opacity: 1.0;
	}
	
	.tx_imagemenu_item a #title {
		color: #DA251E;
		font-size: 22px;
                width: 242px; 
                text-align: center;
	}
	
	.tx_imagemenu_item a:hover #title {
		color: #E7791A;
		font-size: 22px;
		text-decoration: none;
	}
	/* End image-menu */
	
	/* News plugin */
	
	.news-latest-container h2, .news-latest-gotoarchive {
		display: none;
	}
	
	.news-latest-container h3 {
		font-size: 100%;
		font-family: "Trebuchet MS", verdana;
	}
	
	.news-latest-container .news-latest-morelink a {
		float: right;
	}
	
	.news-list-item img {
		float: right;
	}
	
	.news-list-item .clearer, .news-latest-item .clearer {
		clear: both;
		padding: 0px;
		margin: 1px;
		color: #ccc;
		background-color: #ccc;
	}
	
	.news-latest-morelink {
		background: none;
		border: none;
		float: left;
	}
	
	.news-list-morelink {
		background: none;
		border-bottom: solid 1px #ccc;
		float: left;
	}
	
	/* End news plugin */
	
}