HTML       { margin:0; padding:0;}
 BODY       { margin:0; padding:0; background:#EEEEEE; font: 0.7em Verdana, Geneva, Arial, Helvetica, sans-serif; color:#666666;}
 P          { margin: 3 0 10 0; position: relative;}
 A          { color: #FF8000 ; TEXT-DECORATION: underline;}
 A:link     { color: #FF8000;}
 A:visited  { color: #F05B79;} /*#FFD700*/
 A:active   { color: #FF8000;}
 A:hover    { TEXT-DECORATION: none; } 
 H1, H2, H3 { FONT-WEIGHT: normal; COLOR: #ff8000; padding:0; margin: 0 0 3 0;  position: relative;}
 H1 A, H2 A, H3 A { TEXT-DECORATION: none;}
 H1         { FONT-SIZE: 1.8em; color: black;} 
 H2         { FONT-SIZE: 1.6em; }
 H3         { FONt-SIZE: 1.2em; }
 H4         { FONt-SIZE: 1em; }
 UL         { LIST-STYLE-TYPE: square;}
 STRONG     { FONT-WEIGHT: bold; }
 TABLE      { FONT-SIZE: 0.9em; MARGIN-BOTTOM: 5px; BACKGROUND-COLOR: #f5f5dc; border-collapse: collapse; border-color: silver;}
 IMG        { border: 1px solid #666666; margin: 0 10 10 0; float:left;} 
 HR {	clear: both; visibility: hidden;	size: 1;}
 
 #header    {  margin:0; padding:0 auto; background:#EEEEEE; min-height: 100px;}
 #header H1 {  margin:30 0 30 20% ; color: black; text-align: left;}
 #header H1:first-letter {text-transform: none;}
 #header A  {  color: black; text-decoration: none; }
 #header A:hover { text-decoration: none;}
 #header IMG     { margin: 0 0 0 40; border: none;}
 
 #menu1, #menu2 { margin:0 0 0 0; padding:2 0 2 20%; font-size: 0.9em; word-spacing: 1em;}
 #menu1  {background:#666666; border-bottom: 1px solid white; color: white;}
 #menu1 A {color: silver; text-decoration: none;}
 #menu1 A.active, #menu2 A.active {text-decoration:line-through;}
 #menu1 A:hover {color: white; }
 #menu2  {margin:0 0 7 0; background:#FF8000; border-bottom:1px solid #666666;}
 #menu2 A {color: white; text-decoration: none;}
 #menu2 A:hover {color: black; }
 #menu3 { margin:0 0 0 0; padding:2 0 2 7; font-size: 0.9em;}
 #menu3 A {color: #666666; text-decoration: underline;}
 #menu3 A:hover {text-decoration: none;}
  
 #footer {margin:0; padding:0;background:#FFEEEE; color: #FF8000; background: #EEEEEE; FONT-SIZE: 0.8em; text-align: center;}
 #footer P {margin:0; padding:0;}
 #footer A {text-decoration: none}


 
 #main1 {margin:0; padding:0; background:#EEEEEE;}
 #main2 {margin:0; padding:0; background:none;}
 
 #left { float:left; width:20%; margin:0; padding:0; }
 #left H1, H2, H3 {margin-top: 5px;}
 #left H2 {FONt-SIZE: 1.2em;}

 #right {float:right; width:20%; margin:0; padding:0;}

 #middle {margin-left:20%; margin-right:20%; background:#EEEEEE;}
 #middle .frame  { width: 30%; margin: 0 10 2 0; padding: 10; float: left;}
 #middle .frame2 { width: 400px; margin: 0 10 10 0; padding: 10;}
 .column-in {margin:0; padding:0.5em 0.5em;}

 .cleaner  { clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent}
 .frame    { margin: 0 0 7 0; padding: 0; background: #ff8000; border: 1px solid white;} 
 .frame UL { margin: 0 0 0 5; padding: 0; LIST-STYLE-TYPE: none; }
 .frame A  { color: white;	text-decoration: none; }
 .frame A:visited  { color: white;	}
 .frame A:active  { color: white;	}
 .frame LI { background-color: gray; margin: 0 0 1 0; padding: 2 0 2 5; }
 .frame LI:hover { background-color: #FF8000; color: white;}
 
 .frame2   { border: 1px solid silver; margin: 0 0 7 0; padding: 5px; background: #f5f5dc;} 
 .frame2 P { margin: 3 0 3 0;}
 .up       { FONT-SIZE: 0.8em; COLOR: #ff8000; TEXT-ALIGN: left; margin-bottom: 5px;}
 .up A     { text-decoration: none;}
 .clanek   { color: #FF8000;}
 .clanek A { text-decoration: none;}
 .clanek A:hover { text-decoration: underline;}
 .foto           { margin: 0 5 5 0; padding: 5px; 
                   border: 1px solid silver; background: black; 
  				   width: 165px; height: 205px; 
			  	   font-size: .8em; color: Silver; text-align:center; float: left; vertical-align: bottom;}
 .foto IMG       { float: none; margin: auto;}