@media screen {
			body 		{ text-align: center;
						  background: #f9f9f9;
						  font-size: 100%;
						  font-family: Georgia, "Times New Roman", Times, serif;
						  }


			#header 	{ 
						background: #fffbe8; 
						background: url(/img/y-bg2.jpg) top left repeat-x;
						text-align: right; 
						border: 4px solid #ffea9a; 
						border-width: 8px 0 4px 0;
						margin: 0 0 5px 0; 
						padding: 0;
						line-height: 400%; 
						_line-height: 200%; 
						vertical-align: middle;
					}
			#header h1, #header p { 
					font-size: 200%; 
					margin: 0 0.7em 0 0; 
					font-weight: normal; 
					/* color: #666699; */ 
					color: #000; 
					display: block; 
					}
			
			#logo {float: left; border: none; }

			#page 		{ width: 770px;
						  _width: 776px;		/* IE */
						  _wid\th: 770px;		/* IE 6+ */
						  margin: 0 auto; text-align: left;
			 			  background: #fff;
			 			  border: 1px solid #3cf; padding: 2px; }


			#main 		{ background: url(/img/b-bg.jpg) top left repeat-x; _height: 1em; }

			#content 	{ width: 590px; 
					  _width: 587px;
						float: right;
						  background: #fff; min-height: 400px; _height: 400px;
						  line-height: 1.3em;
						  }

			#content-in { margin: 1em 1.5em;  }
 			/* italic hack \*/
			* html #content-in { overflow: hidden; o\verflow: visible; he\ight: 1%; }
      			/* */
      			
      			#flags 		{	
      						background-color: #CDF1FF;
      						border-top: 2px solid #fff;
      						text-align: center;
      						padding: 5px 0 0 0;
      					}
      			#flags a 	{ margin: 0 5px;  }
      			#flags img	{ border: 1px solid #000; }

			.promo {
      					background-color: #CDF1FF;
					padding: 0.5em 1em 0 1em;
					font-size: 80%;
				}
			.note {
					font-size: 70%;
					font-style: italic;
				}

			#col 		{ width: 180px; float: left; margin: 0; padding: 0;
						  background: #e8f8ff;
						  /* border-bottom: 2px solid #fff; */
						  }

			#navig { list-style: none; margin: 0; padding: 0;
					 border: 1px solid #3cf; border-width: 1px 1px 0 1px;
					}

			#navig a, #navig strong { 
					width: 148px;
					_width: 178px; /* IE */
					_wid\th: 148px; /* IE 6+ */
					padding: 3px 10px 3px 20px;
					display: block; 
					font-weight: normal; text-decoration: none;
					background: url(/img/p-bull-2.png) 5px 0.55em no-repeat;
					background-color: #e8f8ff;
					color: #000; border-bottom: 2px solid #3cf;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 90%;
			}
			#navig a.act, #navig strong { background-image: url(/img/p-bull.png); background-color: #ffea9a; font-weight: bold; }
			#navig a:hover { background-color: #fffbe8; }
			#navig a:hover.act { background-color: #ffea9a; }

			#navig ul { 
				list-style-type: none; /* display: none; */ 
				margin: 0;
				padding: 0 0 0 20px;
			}
			#navig ul.act { 
				display: block; 
			}
			#navig ul a, #navig ul strong {
					width: 138px;
					_width: 158px; /* IE */
					_wid\th: 138px; /* IE 6+ */
					padding: 3px 10px 3px 10px;
					background-image: none;
					font-size: 80%;
			}


			#admin-menu {
				font-size: 90%;
				background-color: #eef;
				border: 1px solid #00f;
				padding: 4px 10px; 
				margin: 0 10px 0 20px;
				text-align: right;
			}
			#admin-menu a { color: #00f !important; }
					
			#footer 	{ background: #ffea9a; text-align: right; font-size: 80%; padding: 0.2em 0.6em; }
			#footer a 	{ text-decoration: none; color: #000; }
			#footer hr  { display: none; }


			table th, table td { margin: 2px; padding: 3px 10px; }

			#content h1, #content h2, #content h3, #content h4, #content h5 {
					color: #ff33b4;
					margin: 0.7em 0 0.2em 0;

					line-height: 1.3em;
					font-family: Arial, Helvetica, sans-serif;
				    font-weight: normal;
				}
			#content h1 { font-size: 170%; }
			#content h2 { font-size: 130%; }
			#content h3 { font-size: 110%; }
			#content h4 { font-size: 100%; }

			#content a 			{ color: #00f; }
			#content a:link		{ color: #00f; }
			#content a:visited	{ color: #551a8b; }
			#content a:active	{ color: #ff0000; }
			#content a:hover	{ color: #ff33b4; }

			#content p { margin: 0 0 1em 0; line-height: 1.3em; }
			#content ul { list-style-type: none; margin: 0; padding: 0; }
			#content ul li { background: url(/img/p-bull.png) 0 0.4em no-repeat; padding: 0 0 0 0.8em; }
			#content table th { background: #fffbe8; text-align: left; }

			ul.navig { width: 130px; float: left; }

			img.right 	{ float: right; margin-left: 1em; border: 2px solid #ffea9a; }
			img.left	{ float: left; margin-right: 1em; border: 2px solid #ffea9a; }

			.galerie .im, .galerie a { position: relative; width: 250px; height: 220px; float: left; background-color: #fffbe8;
						   margin: 4px; text-align; center;
						   border: 1px solid #ffea9a;
						   }

			.galerie .im img, .galerie a img { border: none; display: block; margin: 0 auto; }
			.galerie .im img.v, .galerie a img.v { position: absolute; top: 50%; left: 50%;
								 width: 150px; height: 200px;
								 margin-left: -75px; margin-top: -100px; }
			.galerie .im img.h, .galerie a img.h { position: absolute; top: 50%; left: 50%;
								 width: 200px; height: 150px;
								 margin-left: -100px; margin-top: -75px; }

			.im-h, .im-v { border: 2px solid #ffea9a; margin: 5px; }
			.im-h { width: 250px; float: left; }
			.im-v {	width: 200px; float: left; }

			.letter {
					/* font-family: "Courier New", "Courier", sans-serif; */
					font-style: italic;
			}
			.no-border { border: none !important; }

		}

		@media print {

			body { font-family: serif; }

			#navig { display: none; }

			img.right 	{ float: right; margin-left: 1em; }
			img.left	{ float: left; margin-right: 1em; }

			a { text-decoration: none; color: black; }
			a[href]:after { content: " [" attr(href) "]"; }
			a[href|="#"]:after, a[href|="javascript:"]:after { content: ""; }

			#content table th { text-align: left; }

			#footer { text-size: 80%; }
		}

		.clr { clear: both; height: 0; content: ' '; overflow: hidden; }
		.clr hr {
		        display: none;
	      	}
			.hide { display: none; }