﻿/*	....................................................	core 	.......................................................................	*/

		* 
			{
				margin				: 0; 
				padding				: 0;
			}		
																				/* ... ie.thethreepixeltextjog.hack  ... \*/
		* html#content 
			{ 
				height				: 1%;
			} 
																				/* ... ie.thethreepixeltextjog.hack  ... /*/
		body
			{
				margin				: 0;
				padding				: 0;
				font				: 90%/1.1 georgia,'bitstream vera serif', serif; 
				text-align			: center;
				color				: #000;
				background			: #fff url(stripe.jpg) repeat-x  0 92px;			
			}
		#container
			{
				margin				: 0 auto;									/* opera.mozilla */ 
				width				: 770px;
				text-align			: left;
				color				: #000;
				background			: #fff url(body.jpg) repeat-y;
			}	

		#header
			{
				height				: 290px;
				background			: url(header.jpg);
				list-style-image	: none;
			}
/*	....................................................	content				.......................................................................	*/

		#content 
			{ 
				margin-left			: 225px;
				margin-right		: 15px;
			}

		ul													
			{
				margin-top			: 10px;	
				margin-left			: 25px;
				list-style			: url('p.gif') none;
			}

		#p1																	
			{
				margin-left			: 25px;
			}
		#p2	
			{
				margin-left			: 50px;
			}

	 	.uline 
			{ 
				text-decoration		: underline; 
			}

		#postit
			{
				float				: left;
				list-style-type		: none;
				height				: 180px;
				width				: 200px;								
				margin				: 150px auto 0 -9px;
				display				: inline;									/* ie doubled float.mrgin bug */	
				padding				: 0;
				background			: transparent url(postit.jpg) no-repeat;
			}

/*	....................................................	navigation			.......................................................................	*/

		ul#navigation 
			{
				position			: absolute; 
				list-style-type		: none;
				width				: 175px;									/* bildgröße:200px, wg. firefoxrahmen auf 175px beschnitten */ 
				margin				: 0 auto 0 20px;
				background			: inherit;
				padding				: 0;
				height				: 200px;
				display				: inline;									/* internet explorer doubled float.margin bug */ 			
			}

		ul#navigation li a 
			{
				position			: absolute;
				width				: 175px;									/* bildgröße:200px, wg. firefoxrahmen auf 175px beschnitten */ 
				text-indent			: -9999px;
				text-decoration		: none;
				padding				: 0 0 0 0 ;
				overflow			: hidden;
				height				: 25px !important; 
				height /**/			: 25px; /* IE5/Win */
				background			: transparent url(nav.gif) no-repeat;
			}

				body#welcome li#abc a 			{ background-position: 0		      0; 	left: 0;				}
				body#welcome li#def a 			{ background-position: 0          -25px; 	left: 0; top: 25px;		}
				body#welcome li#ghi a 			{ background-position: 0 		  -50px; 	left: 0; top: 50px;		}
				body#welcome li#jkl a 			{ background-position: 0 		  -75px; 	left: 0; top: 75px;		}
				body#welcome li#mno a 			{ background-position: 0 		 -100px; 	left: 0; top: 100px;	}
				body#welcome li#pqr a 			{ background-position: 0 		 -125px; 	left: 0; top: 125px;	}

				body#welcome li#abc a:hover		{ background-position: -201px 	      0; 							}
				body#welcome li#def a:hover		{ background-position: -201px 	  -25px; 							}
				body#welcome li#ghi a:hover		{ background-position: -201px 	  -50px; 							}
				body#welcome li#jkl a:hover		{ background-position: -201px 	  -75px; 							}
				body#welcome li#mno a:hover		{ background-position: -201px 	 -100px; 							}
				body#welcome li#pqr a:hover		{ background-position: -201px 	 -125px; 							}

/*	....................................................	selektor			.......................................................................	*/

		ul#test
			{

				float				: left;
				height				: 55px;									
				width				: 275px;									
				list-style-type		: none;
				margin				: 105px auto 0 485px;
				background			: inherit;
				padding				: 0;
				display				: inline;									/* internet explorer doubled float.margin bug    */ 			
				list-style-image	: none;
			}
		ul#test li
			{
				float				: left;
				width				: 55px;									
			}
		ul#test li a 
			{
				display				: block;				
				height				: 55px;									
				width				: 55px;									
				text-indent			: -9999px;
				text-decoration		: none;
				padding				: 0;
				overflow			: hidden;
				height				: 55px !important; 
				background			: transparent url(selektor.jpg) no-repeat;
			}
				body li#cba a 			{ background-position: 0	     0;}
				body li#fed a 			{ background-position: -55px	 0;}
				body li#ihg a 			{ background-position: -110px	 0;}
				body li#lkj a 			{ background-position: -165px	 0;}
				body li#onm a 			{ background-position: -220px	 0;}

/*	....................................................	footer				.......................................................................	*/

		#footer	
			{
				height				: 185px;
				background			: #fff url(footer.jpg);
				clear				: both;
			}
/*	....................................................	image replacement	.......................................................................	*/
		td
			{
				padding-left		: 10px;
			}