/* allgemein */

	/* Grundeinstellungen BG Farbe:  #1F3058*/
	body {
		background: #020202;
	}
	
	/* Positionierungen */
	div, DIV 			{position:absolute;}
	
		#header {
			top: 70px;
			left:400px;
			width:600px;
			height:80px;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-weight: bold;
			line-height: 20px;
			color: #CCCCCC;
		}

	
		#bildercontainer{
			left: 0px;
			top: 0px;
			
		}	

	/* Navigation #223562;*/	
		#Navi	{
			top:540px;
			left:0px;
			width:1000px;
			height:31px;
			background-color:#ccc;
			layer-background-color: #223562;
			z-index:1;
		}
		#t_nav
		{	
			
			width:97%; 
			height:30px; 		
		}

		#td_nav
		{	
			width: 15%;		
			text-align:center;
			vertical-align: middle;
		}
		
		#navcontainer	
		{		
			left: 0px;
			top: 570px;
			width:1000px;
			height:30px;
			background-color:#223562;
					
		}


		#navlist{
			margin:0px;
			padding:0px;
		}

		#navlist ul, #navlist li {
			margin: 0;
			padding: 20;
			display: inline;
		}

		#textlinks {
			float:right;
			margin-left: 10px;
			padding: 10px 5px 10px 10px;
			top: 150px;
			left:30px;
			width:290px;
			height:350px;

			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-style: normal;
			font-weight: normal;
			line-height: 20px;
			color: #C5C5C5;

			background-image: url(../pic/txt_bg_grau3.jpg);
			background-repeat: no-repeat;
   /*
			overflow: auto;
	*/

		}
           #textlinks2{
			float:right;
			margin-left: 10px;
			padding: 10px 5px 10px 10px;
			top: 150px;
			left:30px;
			width:300px;
			height:350px;

			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-style: normal;
			font-weight: normal;
			line-height: 20px;
			color: #C5C5C5;

			background-image: url(../pic/txt_bg_grau3.jpg);
			background-repeat: no-repeat;
			visibility:hidden
		}
		
		#txt_pic_kontakt{			
			
			top: 150px;
			left:30px;
			width:300px;
			height:350px;

			background-image: url(../pic/txt_bg_fisch.jpg);
			background-repeat: no-repeat;
			
		}

		#txt_pic_impress{			
		
		top: 150px;
		left:30px;
		width:300px;
		height:350px;

		background-image: url(../pic/txt_impress_snake2.jpg);
		background-repeat: no-repeat;
			
		}

		#txt_re{		
		
			top: 150px;
			left:700px;
			width:300px;
			height:120px;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-style: normal;
			font-weight: normal;
			line-height: 20px;
			color: #C5C5C5;

			
			background-repeat: no-repeat;
			z-index:2;
		}


		#pic_links{
			float:right;
			margin-left: 10px;
			padding: 10px 5px 10px 10px;
			top: 150px;
			left:30px;
			width:300px;
			height:350px;

			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-style: normal;
			font-weight: normal;
			line-height: 20px;
			color: #C5C5C5;

			background-image: url(../pic/txt_bg_grau3.jpg);
			background-repeat: no-repeat;
			visibility:hidden
		}


		 #dvdlinks{
			
			margin-left: 10px;
			padding: 10px 5px 10px 10px;
			top: 110px;
			left:30px;
			width:290px;
			height:408px;

			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-style: normal;
			font-weight: normal;
			line-height: 20px;
			color: #C5C5C5;	
			visibility:visible;	
			
		}	 
		 
		 #dvdlinks2{			
			margin-left: 10px;
			padding: 10px 5px 10px 10px;
			top: 110px;
			left:30px;
			width:290px;
			height:408px;

			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-style: normal;
			font-weight: normal;
			line-height: 20px;
			color: #C5C5C5;
			visibility:hidden;			
		}


		 #dvdrechts{
			
			margin-left: 10px;
			padding: 10px 5px 10px 10px;
			top: 110px;
			left:500px;
			width:290px;
			height:408px;

			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-style: normal;
			font-weight: normal;
			line-height: 20px;
			color: #C5C5C5;	
			visibility:visible;	
			
		}
		#dvdrechts2{			
			margin-left: 10px;
			padding: 10px 5px 10px 10px;
			top: 110px;
			left:500px;
			width:290px;
			height:408px;

			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-style: normal;
			font-weight: normal;
			line-height: 20px;
			color: #C5C5C5;
			visibility:hidden;			
		}


	#sidecounter{
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #C5C5C5;
		top: 500px;
		left:50px;
		width:300px;
		height:20px;
	}	
		
		
		
		
		
		
 /* short navi 
 
		#txt_weiter		  {position:absolute; width: 70px; height: 15px;  left: 280px;  top:500px; z-index:1; visibility:visible}
		#txt_weiter2	  {position:absolute; width: 70px; height: 15px;  left: 280px;  top:500px; z-index:1; visibility:hidden}
		#txt_zuruck       {position:absolute; width: 70px; height: 15px;  left:  25px;  top:500px; z-index:1; visibility:visible}
*/


		/* -------------------	background-image: url(..\pic/txt_trans_tempel.jpg);
			background-repeat: no-repeat;--------------------------------------------------------------------------------------- */

		////////////////////////LAYER///////////////////////

		div, p, td, .plain {
				font-family: Tahoma, Arial, Helvetica, sans-serif;
				color: #000000;
				font-weight: normal;
				font-size: 11px;
				font-style: normal;
				line-height: 18px;
				margin: 0px;
			}
		p.form {
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		color: #369;
		font-size: 18px;		
		}
		td.form{
		color: #000000;
		font-size: 12px;
		}
		th.form{
		color: #000;
		font-size: 14px;
		font-weight:: bold;
		border-bottom: 1px solid #000;
		}
		tr.form{
		color: #000000;
		font-size: 12px;
		
		}
		#background {
            
            left:0px;
			width:1000px;
			height:570px;
			z-index:0;
			background-color: #1F3058;
			layer-background-color: #1F3058;
			visibility:visible
		}
		
		#background_test {

            left:0px;
			width:300px;
			height:300px;
			z-index:0;
			background-color: #1F3058;
			layer-background-color: #1F3058;
			visibility:visible
		}
		
	    #logo_jr {
			top:40px;
			left:40px;
			width:283px;
			height:46px;
			border:0px;
			z-index:2;
		}


		#bildhome{
			position:absolute;

			top:150;
			left:400;
			width:600px;
			height:350px;
			z-index:1;
			
		}
		
		#bildecken{
			position:absolute;
			width:600px;
			height:350px;
			top:150;
			left:400;
			z-index:2;
			background-image: url(../pic/_eck_background.gif);
		}

		#bildtext{
			
			height:340px;
			text-align: left;
			padding: 0px 40px 10px 10px;
			top:10;
			left:10;
			right:10;
			z-index:1;
			overflow: auto;
		}

		
	#jochen_dvd_teaser{
			position:absolute;
			top:100;
			left:500;
			width:300px;
			height:400px;
			z-index:1;
			
		}
	#vorfilm{
		position: absolute;
		background-color: #ccc;
		width:400px;
		height:320px;	
		top:160;
		left:480;		
		}


		/* ------------------------------------------------------------------------------------------------------- */
		/* Seitenelemente */

			/* allgemeiner Seitenaufbau */
			#container 	{
				position: relative;
				top: 10px;
				left: 10px;
				width: 580px;
				text-align: left;
			}
		/* fuer die index - zum zentrieren der seite */
			#allinone_home {					
				height:360px;
				left:50%;
				margin-left:-15em;
				margin-top:-10em;
				position:absolute;
				top:50%;
				width:600px;
				}
			#allinone {
				position:absolute;
				top:30%;
				left:30%;
				width:1000px;
				height:570px;
				margin-left:-15em;
				margin-top:-9em;
			}
		/* -------------------------------------------------------------------------------------------------------- */

		/* allgemeine Schriftklassen */
			em 	{
				font-size: 10px;
				font-weight:bold;
				font-style:normal;
				color: #000000;
			}

			EM.head {
			
			font-size: 17px;
			font-style : normal;
			font-weight: normal;
			color: #EEE;
		}
		
			EM.head_books {
				font-size: 17px;
				font-style : normal;
				font-weight: normal;
				color: #1F3058;
		}
		
			EM.head_text {
				font-size: 17px;
				font-style : normal;
				font-weight: normal;
				color: #CCC;
		}
		
		
			EM.book {

			font-size: 15px;
			font-style : normal;
			font-weight: normal;
			color: #EEE;
		}

		EM.impressum {

			font-size: 12px;
			font-style : normal;
			font-weight: normal;

			color: #ccc/* #369; */
			
		}

		table {
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-style: normal;
			font-weight: normal;
			line-height: 16px;
			color: #FFFFFF;
		}
		
		table.books {
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-style: normal;
			font-weight: normal;
			line-height: 16px;
			color: #000;
		}

		table.cms{
			font-family: Verdana, Arial, Sans-Serif;
			font-size: 14px;			
			font-weight: bold;			
			color: #000;
			width: 100%;
		}
/*
		p	{
			font-family: Verdana, Arial, Sans-Serif;
			font-size: 14px;
			font-style: normal;
			font-weight: normal;
			line-height: 16px;
			color: #1F3058;
		}
		
	*/	

			/* allgemeine Linkklassen */
	
			a.text				{ color: #FF0033; }
			a.text:hover 		{ cursor:hand; color: #767072; text-decoration:none}
			
			a.mail				{ color: #ccc; }
			a.mail:hover 		{ cursor:hand; color: #CCCCCC; text-decoration:none}


			a 				{ color: #fffccc; text-decoration: none; }
			a:hover 		{ cursor:hand; color: #767072; }

			a.bestell		{ color: #fffccc; text-decoration: none; }
			a.bestell:hover { cursor:hand; color: #cccccc; }

			a.Admin			{ color: #cccccc;  font-size: 10px; text-decoration: none; }


			/*Navi */	
			
			a.navi		{ 				  
						
						color: #fffccc; color: #369; 
						font-size: 15px; 
						text-decoration: none; 
			}
			a.navi:hover{ 	
						color: #ccc;  
						font-size: 15px; 
						text-decoration: none; 
			}
			
		
			a.me					{ color: #369;		font-size: 15px; text-decoration: none;  }
			a.menot					{ color: #fffccc;	font-size: 15px; text-decoration: none;  }