/*--------------------------------------------------------------------------------------------------------------------------------*/
/* MAIN 
/*--------------------------------------------------------------------------------------------------------------------------------*/

	html, body {
		
		background-image: url(../images/content/bg.jpg);
		background-repeat:repeat-x;
		background-color:#000000;
		margin:0;
		padding:0;
		font-family:'Times New Roman',Times, Georgia, Verdana, Tahoma, Arial;
		font-size:13px;
		color:#000000;
		font-weight:normal;
		
	}
	
/*--------------------------------------------------------------------------------------------------------------------------------*/
/* TYPO 
/*--------------------------------------------------------------------------------------------------------------------------------*/
	
	.fooTitle 	{
			font-size:12px;
			color:#fff;
			font-weight:bold;
			font-style:normal;
	}
	
	.fooText 	{
			font-size:12px;
			color:#999;
	}
	
	.green14bold 	{
			font-size:14px;
			color:#cccc00;
			font-weight:bold;
	}
	
	.white13bold 	{
			font-size:13px;
			color:#ffffff;
			font-weight:bold;
	}
	.white13regular 	{
			font-size:13px;
			color:#ffffff;
			font-weight:normal;
	}
	
	.black13bold 	{
			font-size:13px;
			color:#000;
			font-weight:bold;
	}
	
	.black20bold 	{
			font-size:20px;
			color:#000;
			font-weight:bold;
	}
	
	.black13regular	{
			font-size:13px;
			color:#000;
			font-weight:normal;
	}
	
	.white11italic 	{
			font-size:12px;
			color:#fff;
			font-style:italic;
	}
	
	.white11regular 	{
			font-size:12px;
			color:#fff;
	}
	
	
	
/*--------------------------------------------------------------------------------------------------------------------------------*/
/* LINKS
/*--------------------------------------------------------------------------------------------------------------------------------*/
	
	a.footerLink:link 			{color:#999;			text-decoration:none; 			font-size:12px;			 font-weight:normal;}
	a.footerLink:visited 		{color:#999;			text-decoration:none;			font-size:12px;			 font-weight:normal;}
	a.footerLink:hover 		{color:#fff;			text-decoration:underline;	font-size:12px;			 font-weight:normal;}
	a.footerLink:active 		{color:#999;			text-decoration:none;			font-size:12px;			 font-weight:normal;}
	
	a.newsTextLink:link 			{color:#fff;			text-decoration:none; 			font-size:13px;			 font-weight:normal;}
	a.newsTextLink:visited 		{color:#fff;			text-decoration:none;			font-size:13px;			 font-weight:normal;}
	a.newsTextLink:hover 		{color:#fff;			text-decoration:underline;	font-size:13px;			 font-weight:normal;}
	a.newsTextLink:active 		{color:#fff;			text-decoration:none;			font-size:13px;			 font-weight:normal;}
	
	a.newsTextLinkGreen:link 			{color:#cccc00;			text-decoration:none; 			font-size:13px;			 font-weight:normal;}
	a.newsTextLinkGreen:visited 		{color:#cccc00;			text-decoration:none;			font-size:13px;			 font-weight:normal;}
	a.newsTextLinkGreen:hover 		{color:#cccc00;			text-decoration:underline;	font-size:13px;			 font-weight:normal;}
	a.newsTextLinkGreen:active 		{color:#cccc00;			text-decoration:none;			font-size:13px;			 font-weight:normal;}
	
	
	a.green11bold:link 			{color:#fff;			text-decoration:underline; 			font-size:11px;			 font-weight:normal;}
	a.green11bold:visited 		{color:#fff;			text-decoration:underline;			font-size:11px;			 font-weight:normal;}
	a.green11bold:hover 		{color:#cccc00;			text-decoration:underline;	font-size:11px;			 font-weight:normal;}
	a.green11bold:active 		{color:#fff;			text-decoration:underline;			font-size:11px;			 font-weight:normal;}
	
	a.marc:link 			{color:#000;			text-decoration:underline; 			font-size:13px;			 font-weight:bold;}
	a.marc:visited 		{color:#000;			text-decoration:underline;			font-size:13px;			 font-weight:bold;}
	a.marc:hover 		{color:#cccc00;			text-decoration:underline;	font-size:13px;			 font-weight:bold;}
	a.marc:active 		{color:#000;			text-decoration:underline;			font-size:13px;			 font-weight:bold;}
	
	
	a.start { 
		
		background:url(../images/menu/start0.png);
		background-repeat:no-repeat;
		display: block; 
		width: 142px; 
		height: 60px; 
		
	}

	a.start:hover { 
		
		background:url(../images/menu/start1.png);
		background-repeat:no-repeat;
		
	}
	
	a.jugendbus { 
		
		background:url(../images/menu/jugendbus0.png);
		background-repeat:no-repeat;
		display: block; 
		width: 142px; 
		height: 60px; 
		
	}

	a.jugendbus:hover { 
		
		background:url(../images/menu/jugendbus1.png);
		background-repeat:no-repeat;
		
	}
	
	a.kontakt { 
		
		background:url(../images/menu/kontakt0.png);
		background-repeat:no-repeat;
		display: block; 
		width: 142px; 
		height: 60px; 
		
	}

	a.kontakt:hover { 
		
		background:url(../images/menu/kontakt1.png);
		background-repeat:no-repeat;
		
	}
	
	a.geschichte { 
		
		background:url(../images/menu/geschichte0.png);
		background-repeat:no-repeat;
		display: block; 
		width: 142px; 
		height: 60px; 
		
	}

	a.geschichte:hover { 
		
		background:url(../images/menu/geschichte1.png);
		background-repeat:no-repeat;
		
	}
	
	a.busretter { 
		
		background:url(../images/menu/busretter0.png);
		background-repeat:no-repeat;
		display: block; 
		width: 142px; 
		height: 60px; 
		
	}

	a.busretter:hover { 
		
		background:url(../images/menu/busretter1.png);
		background-repeat:no-repeat;
		
	}
	
	a.film { 
		
		background:url(../images/menu/film0.png);
		background-repeat:no-repeat;
		display: block; 
		width: 142px; 
		height: 60px; 
		
	}

	a.film:hover { 
		
		background:url(../images/menu/film1.png);
		background-repeat:no-repeat;
		
	}
	
	a.presse { 
		
		background:url(../images/menu/presse0.png);
		background-repeat:no-repeat;
		display: block; 
		width: 142px; 
		height: 60px; 
		
	}

	a.presse:hover { 
		
		background:url(../images/menu/presse1.png);
		background-repeat:no-repeat;
		
	}
	
/*-------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/

	a.arrowLeft { 
		
		background:url(../images/head/arrowLeft0.png);
		background-repeat:no-repeat;
		display: block; 
		width: 60px; 
		height: 60px; 
		
	}

	a.arrowLeft:hover { 
		
		background:url(../images/head/arrowLeft1.png);
		background-repeat:no-repeat;
		
	}
	
	a.arrowRight { 
		
		background:url(../images/head/arrowRight0.png);
		background-repeat:no-repeat;
		display: block; 
		width: 60px; 
		height: 60px; 
		
	}

	a.arrowRight:hover { 
		
		background:url(../images/head/arrowRight1.png);
		background-repeat:no-repeat;
		
	}
	
/*-------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/

	a.newsArrowLeft { 
		
		background:url(../images/content/newsArrowLeft2.gif);
		background-repeat:no-repeat;
		display: block; 
		width: 13px; 
		height: 13px; 
		
	}

	a.newsArrowLeft:hover { 
		
		background:url(../images/content/newsArrowLeft1.gif);
		background-repeat:no-repeat;
		
	}
	
	a.newsArrowRight { 
		
		background:url(../images/content/newsArrowRight2.gif);
		background-repeat:no-repeat;
		display: block; 
		width: 13px; 
		height: 13px; 
		
	}

	a.newsArrowRight:hover { 
		
		background:url(../images/content/newsArrowRight1.gif);
		background-repeat:no-repeat;
		
	}
	
	
/*-------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/

	a.footer { 
		background-color:#333333;
		display: block; 
		width: 100%; 
		height: 44px; 
		
	}

	a.footer:hover { 
		
		background-color:#434343;
		display: block; 
		
	}

/*--------------------------------------------------------------------------------------------------------------------------------*/
/* CONTENT
/*--------------------------------------------------------------------------------------------------------------------------------*/

	#clear {
		
		clear:left;
		clear:top;
		
	}
	
	#main {
		
		width: 842px;
		margin-left:-421px;
		top:0px;
		left:50%;
		position:absolute;
		
	}
	
	#head {
		
		background:url(../images/head/head.png);
		background-repeat:no-repeat;
		width:842px;
		height:328px;
		position:absolute;
		top:30px;
		
		z-index:10;
			
	}
	
	#headMask {
		
		background:url(../images/head/mask.png);
		background-repeat:no-repeat;
		width:842px;
		height:328px;
		position:absolute;
		top:30px;
		
		z-index:9;
			
	}
	
	#headContent {
		
		width:842px;
		height:327px;
		position:absolute;
		top:30px;
		overflow:hidden;
		z-index:8;
			
	}
	
	#headImgs {
		
		width:3000px;
		height:327px;
		position:absolute;
			
	}
	
	#imgBox1 {
		
		width:842px;
		height:327px;
		float:left;
		position:absolute;
		
	}
	
	#imgBox2 {
		
		width:842px;
		height:327px;
		left:842px;
		float:left;
		position:absolute;
		
	}
	
	#imgBox3 {
		background-color:#cccccc;
		width:842px;
		height:327px;
		left:1684px;
		float:left;
		position:absolute;
		
	}
	
	#imgBox4 {
		background-color:#dddddd;
		width:842px;
		height:327px;
		left:2526px;
		float:left;
		position:absolute;
		
	}
	
	#imgBox5 {
		background-color:#666666;
		width:842px;
		height:327px;
		left:3368px;
		float:left;
		position:absolute;
		
	}
	
	#imgBox6 {
		background-color:#666666;
		width:842px;
		height:327px;
		left:4210px;
		float:left;
		position:absolute;
		
	}
	
	#imgBox7 {
		background-color:#666666;
		width:842px;
		height:327px;
		left:5052px;
		float:left;
		position:absolute;
		
	}
	
	#imgBox8 {
		background-color:#666666;
		width:842px;
		height:327px;
		left:5894px;
		float:left;
		position:absolute;
		
	}
	
	#imgBox9 {
		background-color:#666666;
		width:842px;
		height:327px;
		left:6736px;
		float:left;
		position:absolute;
		
	}
	
	#imgBox10 {
		background-color:#666666;
		width:842px;
		height:327px;
		left:7578px;
		float:left;
		position:absolute;
		
	}
	
	
	#arrowLeft {
		
		width:60px;
		height:60px;
		float:left;
		position:relative;
		top:165px;
		left:-31px;
		z-index:21;
		visibility:hidden;
			
		}
	
	#arrowLeftOff {
		
		background:url(../images/head/arrowLeft0.png);
		background-repeat:no-repeat;
		width:60px;
		height:60px;
		float:left;
		position:relative;
		top:165px;
		left:-151px;
		z-index:22;
		visibility:visible;
			
	}
	
	#arrowRight {
		
		width:60px;
		height:60px;
		float:left;
		position:relative;
		top:165px;
		left:753px;
		z-index:21;
		visibility:visible;
			
	}
	
	#arrowRightOff {
		
		background:url(../images/head/arrowRight0.png);
		background-repeat:no-repeat;
		width:60px;
		height:60px;
		float:left;
		position:relative;
		top:165px;
		left:633px;
		z-index:22;
		visibility:hidden;
		
			
	}
	
	#logo {
		background:url(../images/head/logo.png);
		background-repeat:no-repeat;
		width:270px;
		height:90px;
		position:relative;
		top:265px;
		left:570px;
		z-index:23;
			
		}
	
/*-------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/
	
	#menu {
		
		width: 852px;
		height: 142px;
		margin-left:-426px;
		float:left;
		top:362px;
		left:50%;
		position:absolute;
		z-index:2;
		
	}
	
	#btnStart {
		
		width: 121px;
		height: 60px;
		float:left;
		visibility:hidden;

	}
	
	#btnJugendbus {
		
		width: 121px;
		height: 60px;
		float:left;

	}
	
	#btnGeschichte {
		
		width: 121px;
		height: 60px;
		float:left;

	}
	
	#btnBusretter {
		
		width: 121px;
		height: 60px;
		float:left;

	}
	
	#btnFilm {
		
		width: 121px;
		height: 60px;
		float:left;

	}
	
	#btnPresse {
		
		width: 121px;
		height: 60px;
		float:left;

	}
	
	#btnKontakt {
		
		width: 121px;
		height: 60px;
		float:left;

	}
	
	#activeBtns {
		
		width: 852px;
		height: 142px;
		margin-left:-426px;
		float:left;
		top:362px;
		left:50%;
		position:absolute;
		z-index:1;
		
	}
	
	#activeStart {
		
		background:url(../images/menu/start1.png);
		background-repeat:no-repeat;
		width: 121px;
		height: 60px;
		left:15px;
		float:left;
		visibility:visible;

	}
	
	#activeJugendbus {
		
		background:url(../images/menu/jugendbus1.png);
		background-repeat:no-repeat;
		width: 121px;
		height: 60px;
		float:left;
		visibility:hidden;

	}
	
	#activeGeschichte {
		
		background:url(../images/menu/geschichte1.png);
		background-repeat:no-repeat;
		width: 121px;
		height: 60px;
		float:left;
		visibility:hidden;

	}
	
	#activeFilm {
		
		background:url(../images/menu/film1.png);
		background-repeat:no-repeat;
		width: 121px;
		height: 60px;
		float:left;
		visibility:hidden;

	}
	
	#activeBusretter {
		
		background:url(../images/menu/busretter1.png);
		background-repeat:no-repeat;
		width: 121px;
		height: 60px;
		float:left;
		visibility:hidden;

	}
	
	#activePresse {
		
		background:url(../images/menu/presse1.png);
		background-repeat:no-repeat;
		width: 121px;
		height: 60px;
		float:left;
		visibility:hidden;

	}
	
	#activeKontakt {
		
		background:url(../images/menu/kontakt1.png);
		background-repeat:no-repeat;
		width: 121px;
		height: 60px;
		float:left;
		visibility:hidden;

	}
	
/*-------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/
	
	#startA {
		
		width: 284px;
		top:445px;
		left:-5px;
		position:absolute;
		visibility:visible;
		z-index:51;

	}
	
	#startB {
		
		width: 284px;
		top:445px;
		left:278px;
		position:absolute;
		visibility:visible;
		z-index:51;

	}
	
	#jugendA {
		
		width: 284px;
		top:445px;
		left:-5px;
		position:absolute;
		visibility:hidden;
		z-index:52;

	}
	
	#jugendB {
		
		width: 284px;
		top:445px;
		left:278px;
		position:absolute;
		visibility:hidden;
		z-index:52;

	}
	
	#geschichteA {
		
		width: 284px;
		top:445px;
		left:-5px;
		position:absolute;
		visibility:hidden;
		z-index:53;

	}
	
	#geschichteB {
		
		width: 284px;
		top:445px;
		left:278px;
		position:absolute;
		visibility:hidden;
		z-index:53;

	}
	
	#filmDiv {
		display:block;
		width: 840px;
		height:480px;
		top:445px;
		left:0px;
		position:absolute;
		visibility:hidden;
		z-index:61;
		overflow:hidden;

	}
	
	#busretterA {
		
		width: 284px;
		top:445px;
		left:-5px;
		position:absolute;
		visibility:hidden;
		z-index:53;

	}
	
	#busretterB {
		
		width: 284px;
		top:445px;
		left:278px;
		position:absolute;
		visibility:hidden;
		z-index:53;

	}
	
	#newsA {
		
		width: 284px;
		top:445px;
		left:-5px;
		position:absolute;
		visibility:hidden;
		z-index:54;

	}
	
	#newsB {
		
		width: 284px;
		top:445px;
		left:278px;
		position:absolute;
		visibility:hidden;
		z-index:54;

	}
	
	#kontaktA {
		
		width: 284px;
		top:445px;
		left:-5px;
		position:absolute;
		visibility:hidden;
		z-index:55;

	}
	
	#kontaktB {
		
		width: 284px;
		top:445px;
		left:278px;
		position:absolute;
		visibility:hidden;
		z-index:55;

	}
	
	#kontaktBsend {
		
		width: 284px;
		top:445px;
		left:278px;
		position:absolute;
		visibility:hidden;
		z-index:56;

	}
	
	#impressumA {
		
		width: 284px;
		top:445px;
		left:-5px;
		position:absolute;
		visibility:hidden;
		z-index:55;

	}
	
	#impressumB {
		
		width: 284px;
		top:445px;
		left:278px;
		position:absolute;
		visibility:hidden;
		z-index:55;

	}

	

	
	#contentTop {
		
		background:url(../images/content/contentTop.png);
		background-repeat:no-repeat;
		width: 284px;
		height: 24px;

	}
	
	#contentMain {
		
		background-color:#cccccc;
		background:url(../images/content/contentMain.png);
		background-repeat:repeat-y;
		width: 284px;

	}
	
	#contentBottom {
		
		background:url(../images/content/contentBottom.png);
		background-repeat:no-repeat;
		width: 284px;
		height: 24px;

	}
	
	#contentText {

		width: 244px;
		padding-left:20px;
		padding-right:20px;
		padding-top:5px;
		padding-bottom:0px;
		text-align: justify;
		line-height:13pt;
	}
	
	#newsContentTextA {

		width: 244px;
		padding-left:20px;
		padding-right:20px;
		padding-top:5px;
		padding-bottom:0px;
		text-align: justify;
		line-height:13pt;
	}
	
	#newsContentTextB {

		width: 244px;
		padding-left:20px;
		padding-right:20px;
		padding-top:5px;
		padding-bottom:0px;
		text-align: justify;
		line-height:13pt;
	}
	
	#mailContentTextB {

		width: 244px;
		padding-left:20px;
		padding-right:20px;
		padding-top:5px;
		padding-bottom:0px;
		text-align: justify;
		line-height:13pt;
	}

/*-------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/
	#news {
		width:274px;
		height:670px;
		top:435px;
		left:568px;
		position:absolute;
		overflow:hidden;
		visibility:visible;


	}
	
	#newsTitle {
		background:url(../images/content/newsTitle.png);
		background-repeat:no-repeat;
		width:250px;
		height:88px;
		top:0px;
		left:12px;
		position:relative;

	}
	
	#newsOutline {

		width:274px;
		height:490px;
		top:90px;
		left:0px;
		position:absolute;
		overflow:hidden;

	}
	
	#newsBody {

		width:274px;

		top:0px;
		left:0px;
		position:absolute;
		overflow:hidden;

	}
	
	#newsText {


		width:270px;
		top:0px;
		left:0px;
		padding-left:10px;
		padding-top:5px;
		padding-right:10px;
		position:relative;

	}
	
	#newsArrows {


		width:273px;
		height:17px;
		top:1040px;
		left:568px;
		position:absolute;
		visibility:visible;
		

	}
	
	#newsArrowLeft {
		
		width:13px;
		height:13px;
		position:relative;
		top:2px;
		float:left;
		left:125px;
		visibility:hidden;
			
	}
	
	#newsArrowLeftOff {
		
		background:url(../images/content/newsArrowLeft0.gif);
		background-repeat:no-repeat;
		width:13px;
		height:13px;
		position:relative;
		top:2px;
		float:left;
		left:99px;
		visibility:hidden;
			
	}
	
	#newsArrowRight {
		
		width:13px;
		height:13px;
		position:relative;
		top:2px;
		float:left;
		left:130px;
		visibility:hidden;
			
	}
	
	#newsArrowRightOff {
		
		background:url(../images/content/newsArrowRight0.gif);
		background-repeat:no-repeat;
		width:13px;
		height:13px;
		position:relative;
		top:2px;
		float:left;
		left:104px;
		visibility:hidden;
			
	}
	
	
/*-------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/
	
	#presse {

		width:274px;
		height:670px;
		top:435px;
		left:568px;
		position:absolute;
		overflow:hidden;
		visibility:hidden;

	}
	
	#presseTitle {
		
		background:url(../images/content/presseTitle.png);
		background-repeat:no-repeat;
		width:250px;
		height:88px;
		top:0px;
		left:12px;
		position:relative;

	}
	
	#presseBody {

		width:274px;

		top:0px;
		left:0px;
		position:absolute;
		overflow:hidden;

	}
	
	
	
/*-------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/
	
	#spacer {
		
		width: 100px;
		height: 200px;
		margin-left:-421px;
		left:50%;
		position:relative;
		
	}
	
	
	
	
	#footer{
		

		background-color:#333;

		width:100%;
		height:270px;
		position:absolute;
		top:1720px;
		z-index:60;

	 }
	 
	 #footerHead{
		background-color:#000;
		width: 100%;
		height:1px;
		top:1px;
		position:relative;

	 }
	 
	 
	 
	 #footerContents{
		
		width: 800px;
		height: 250px;
		margin-left:-400px;
		top:0px;
		left:50%;
		position:relative;

	 }
	 
	 #fooA{
		
		width: 140px;
		height: 180px;
		float:left;
		padding-top:20px;
		padding-left:10px;
		padding-right:10px;
		top:0px;
		position:relative;
		line-height:13pt;

	 }
	 
	 #fooB{
		
		width: 140px;
		height: 180px;
		float:left;
		padding-top:20px;
		padding-left:10px;
		padding-right:10px;
		top:0px;
		left:10px;
		position:relative;
		line-height:13pt;

	 }
	 
	 #fooC{
		
		width: 140px;
		height: 180px;
		float:left;
		padding-top:20px;
		padding-left:10px;
		padding-right:10px;
		top:0px;
		left:20px;
		position:relative;
		line-height:13pt;

	 }
	 
	  #fooD{
		
		width: 140px;
		height: 180px;
		float:left;
		padding-top:20px;
		padding-left:10px;
		padding-right:10px;
		top:0px;
		left:30px;
		position:relative;
		line-height:13pt;

	 }
	 
	 #fooE{
		
		width: 140px;
		height: 180px;
		float:left;
		padding-top:20px;
		padding-left:10px;
		padding-right:10px;
		top:0px;
		left:40px;
		position:relative;
		line-height:13pt;

	 }
	 
	 #facebookImg{
		 
		background:url(../images/footer/facebook.png);
		background-repeat:repeat-x;
		width: 23px;
		height: 22px;
		float:left;
		
		top:0px;
		left:10px;
		position:relative;

	 }
	
/*-------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/