/* reuss-transporte.de stylesheet definitions */
	/* line endings: unix; encoding: iso-8859-1 */

	@import url(news-style.css);
	@import url(csit-style.css);
	@import url(csc-style.css);


	/* format common elements */
	html {
		height: 100%;
		width: 100%;
	}

	body {
		height: 100%;
		width: 100%;
		background-color: white;
		margin: 0;
		border: none;
		padding: 0;
		font-family: Arial, Helvetica, sans-serif;
	}

	div#content h1 {
		font-size: 14pt;
	}

	div#content h2 {
		font-size: 12pt;
	}

	div#content h3 {
		font-size: 10pt;
	}

	/* clears float for mainmenu and breadcrumb navigation list */
	.clear {
		clear: both;
		height: 0;
		line-height: 0;
		font-size: 0;
	}

	/* == stylesheet definitions for start page ============================= */
	body#start {
		/* bug (?) in firefox displays scrollbars if 
		user clicks on links in the list */
		overflow: hidden;
	}

	body#start div#wrap {
		position: relative;
		height: 100%;
		width: 100%;
		margin: 0;
		border: none;
		padding: 0;
	}

	/* style all list with this definitions */
	body#start div#wrap ul {
		list-style-type: none;
		margin: 0;
		border: none;
		padding: 0;
		margin-top: 28px;
		float: left;
		width: 48.99%;
		/* avoid rounding errors in IE */
		_width: 48.99%;
	}

	body#start div#wrap ul li {
		display: block;
	}

	body#start div#wrap ul li a {
		display: block;
	}

	body#start div#wrap ul#left li.top,
	body#start div#wrap ul#left li.bottom {
		background-image: url('../img/bg-bebra.jpg');
		padding: 0;
	}

	body#start div#wrap ul#right li.top,
	body#start div#wrap ul#right li.bottom {
		background-image: url('../img/bg-malchow.jpg');
		padding: 0;
	}

	body#start div#wrap ul#left li.top a,
	body#start div#wrap ul#right li.top a {
		text-indent: -9999px;
		height: 198px;
		background-repeat: no-repeat;
		overflow: hidden;
	}

	body#start div#wrap ul#left li.top a {
		background-image: url('../img/start-bebra.png');
		background-position: right;
	}

	body#start div#wrap ul#right li.top a {
		background-image: url('../img/start-malchow.png');
		background-position: left;
	}

	body#start div#wrap ul#left li.middle a,
	body#start div#wrap ul#right li.middle a {
		text-indent: -9999px;
		height: 171px;
		background-repeat: no-repeat;
		background-position: center;
		overflow: hidden;
	}

	body#start div#wrap ul#left li.middle a {
		background-image: url('../img/logo-bebra.png');
	}
	
	body#start div#wrap ul#right li.middle a {
		background-image: url('../img/logo-malchow.png');
	}

	body#start div#wrap ul li.bottom {
		line-height: 106px;
	}

	body#start div#wrap div#footer {
		position: absolute;
		clear: both;
		bottom: 0;
		background-image: url('../img/bg-footer-dark.png');
		height: 42px;
		padding-top: 18px;
		width: 98%;
	}

	body#start div#wrap div#footer p {
		margin: 0;
		padding: 0;
	}

	body#start div#wrap div#footer p.contact {
		line-height: 22px;
		background-image: url('../img/bg-footer-light.png');
	}

	body#start div#wrap div#footer p.copyright {
		text-align: right;
		font-size: 8pt;
		padding-right: 15px;
	}

	body#start div#wrap div#footer p.copyright a {
		text-decoration: none;
		color: #635697;	
	}

	/* == stylesheet definitions for sequent pages ========================== */
	body#sequent {
		font-family: Arial;
	}

	body#sequent div#wrap {
		position: relative;
		min-height: 100%;
		_height: 100%;
		width: 100%;
		margin: 0;
		border: none;
		padding: 0;
	}

	body#sequent div#wrap ul#mainmenu {
		list-style: none;
		margin: 0;
		padding: 0;
		font-size: 9pt;
		margin-left: 30px;
	}

	body#sequent div#wrap ul#mainmenu li {
		/* put the margin here, to avoid the wrap-element to be bigger than 100% */
		margin-top: 9px;
		float: left;
	}

	body.bebra#sequent div#wrap ul#mainmenu li a,
	body.malchow#sequent div#wrap ul#mainmenu li a {
		border-left: 1px solid #291770;
		padding-left: 7px;
		padding-right: 15px;
		text-decoration: none;
		color: #291770;
	}

	body.bebra#sequent div#wrap ul#mainmenu li.active a {
		border-left: 1px solid #ffcc00;
	}

	body.malchow#sequent div#wrap ul#mainmenu li.active a {
		border-left: 1px solid #d9261c;
	}

	body.bebra#sequent div#wrap ul#mainmenu li.active a {
		color: #ffcc00;
	}

	body.malchow#sequent div#wrap ul#mainmenu li.active a {
		color: #d9261c;
	}

	body#sequent div#wrap div#header {
		position: relative;
		clear: both;
		margin-top: 9px;
		padding-left: 30px;
		height: 199px;
	}

	body.bebra#sequent div#wrap div#header {
		background-image: url('../img/bg-bebra.jpg');
	}

	body.malchow#sequent div#wrap div#header {
		background-image: url('../img/bg-malchow.jpg');
	}

	body#sequent div#wrap div#header img {
		position: relative;
		display: block;
		z-index: 0;
	}

	body#sequent div#wrap div#header h1 {
		/* hide the title, we use a header image, but for accessibility reasons we leave the h1-element */
		text-indent: -9999px;
		position: absolute;
		bottom: 0;
		left: 442px;
		z-index: 1;
		font-family: "Bookman Old Style", "Times New Roman", serif;
		font-size: 40pt;
		color: white;
		margin: 0;
		padding: 0;
	}

	body#sequent div#wrap div#contentcontainer {
		width: 100%;
		float: right;
		margin-left: -426px;
	}

	body#sequent div#wrap div#contentcontainer div#content {
		margin-left: 426px;
		margin-bottom: 43px; 
		padding: 16px;
		font-size: 9pt;
	}

	body#sequent div#wrap div#contentcontainer div#content ul#breadcrumb {
		position: relative;
		list-style-type: none;
		margin: 0;
		padding: 0;
		margin-bottom: 10px;
	}

	body#sequent div#wrap div#contentcontainer div#content ul#breadcrumb li {
		float: left;
		margin-bottom: 10px;
	}

	body#sequent div#wrap div#contentcontainer div#content ul#breadcrumb li.current {
		font-weight: bold;
	}

	body.bebra#sequent div#wrap div#contentcontainer div#content ul#breadcrumb li.current {
		color: #ffcc00;
	}
	body.malchow#sequent div#wrap div#contentcontainer div#content ul#breadcrumb li.current {
		color: #d9261c;
	}

	body#sequent div#wrap div#contentcontainer div#content ul#breadcrumb li.spacer {
		padding: 0 6px 0 6px;
	}

	body#sequent div#wrap div#contentcontainer div#content ul#breadcrumb li a {
		text-decoration: none;
		color: #291770;
	}

	body#sequent div#wrap div#left {
		position: relative;
		float: left;
		width: 426px;
	}

	body#sequent div#wrap div#left ul#submenu {
		list-style-type: none;
		margin: 0;
		padding: 0;
		margin: 45px 0 0 30px;
		font-size: 9pt;
	}

	body#sequent div#wrap div#left ul#submenu li {
		margin-bottom: 10px; 
	}

	body#sequent div#wrap div#left ul#submenu li a {
		border-left: 1px solid #291770;
		padding-left: 7px;
		color: #291770;
		text-decoration: none;
	}

	body.bebra#sequent div#wrap div#left ul#submenu li a {
		border-left: 1px solid #ffcc00;
	}

	body.malchow#sequent div#wrap div#left ul#submenu li a {
		border-left: 1px solid #291770;
	}

	body#sequent div#wrap div#left ul#submenu li.active a {
		font-weight: bold;
	}
	
	body.bebra#sequent div#wrap div#left ul#submenu li.active a {
		border-left: 1px solid #ffcc00;
		color: #ffcc00;
	}

	body.malchow#sequent div#wrap div#left ul#submenu li.active a {
		border-left: 1px solid #d9261c;
		color: #d9261c;
	}

	body#sequent div#wrap div#left img {
		position: absolute;
		left: 30px;
		top: 224px;
		/*margin-top: 95px;
		margin-left: 30px;*/
	}

	body#sequent div#wrap div#footer {
		position: absolute;
		clear: both;
		bottom: 0;
		background-image: url('../img/bg-footer-dark.png');
		height: 42px;
		width: 100%;
		padding-top: 18px;
	}

	body#sequent div#wrap div#footer p {
		margin: 0;
		padding: 0;
	}

	body#sequent div#wrap div#footer p.contact {
		line-height: 22px;
		background-image: url('../img/bg-footer-light.png');
		font-size: 8pt;
		color: white;
		padding-left: 30px;
	}

	body#sequent div#wrap div#footer p.copyright {
		text-align: right;
		font-size: 8pt;
		padding-right: 15px;
	}

	body#sequent div#wrap div#footer p.copyright a {
		text-decoration: none;
		color: #635697;	
	}