/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */
html,body {margin:0;padding:0}

body {
margin: 0;
padding: 0;
font-family: "trebuchet ms", "bitstream vera sans", verdana, lucida, arial, helvetica, sans-serif;
font-size: .9em;
text-align: center;
color: Black;
background: #DCDCDC url(layout/bg_body.jpg) repeat-x top;
height: 100%; /* Required */
}

a:link, a:visited, a:active { 
color: Red; 
}

a:hover, a:visited:hover
{
color: #5A88A9;
}
em, i { color: #076894; }

#container
{	
min-height:100%;
height:auto;
width:770px;
margin-left:auto;/* center it*/
margin-right:auto;/* center it*/
position:relative;
text-align:left;
background: url(layout/bg_container.jpg) repeat-y;
}

* html #container{
height:100%;
width:770px;/* box model hack for ie5.+*/
w\idth:768px
}

#top
{
min-height: 26px;
height: 26px;
width: 770px;
background: url(layout/bg_top.jpg) no-repeat top;
position: relative;
font-size: .9em;
float: left;
margin-top: 0px;
color: #483D8B;
}

#top p
{
height: 20px;
font-size: .9em;
margin: 0 0 0 195px;
width: 575px;
text-align: center;
}

#head
{
min-height: 78px;
height: 78px;
width: 770px;
background: url(layout/bg_head.jpg) no-repeat top;
position: relative;
font-size: .9em;
float: left;
margin-top: 0px;
color: #483D8B;
}

#head a, #head a:hover, #head a:active, #head a:visited
{
float: left;
width: 150px;
height: 70px;
margin-top: 5px;
margin-left: 30px;
text-align: center;
line-height: 90%;
z-index: 3;
position: relative;
font-size: 0;
background: none;
}

.topa
{
display: none;
}

#navi
{
min-height: 53px;
height: 53px;
width: 770px;
background: url(layout/bg_navi.jpg) no-repeat top;
position: relative;
font-size: .9em;
float: left;
margin-top: 0px;
color: #483D8B;
} 
#navi ul {
list-style-type: none;
margin-right: 40px;
margin-left: 201px;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px 0 6px 0px;
width: 350px;
}
#navi li { 
display: inline;
font-size: 1em;
height: 30px;
}

#navi a:link, #navi a:visited { 
color: #B83535;
padding: 5px 15px 6px 15px;
text-decoration: none;
font-weight: bold;
border-right: 3px solid White;
margin-left: -5px;
}

#navi #active a, #navi li#active a, #navi li#active a:hover, #navi li#active a:visited:hover
{ 
color: Black;
text-decoration: none;
 background-color: #E0EFF6;
cursor: default;
}

#navi a:hover, #navi a:visited:hover
{
color: #0782B4;
background-color: White;
}
#navi  ul.jazyk{
float: right;
margin: -24px 40px 0 0;
_margin: -24px 20px 0 0;
text-align: right;
}
#navi  .jazyk li{
display: inline;
}

#navi .jazyk a:link, #navi .jazyk a:visited, #navi .jazyk a:hover {
padding: 0;
border: 0;
background: none;
width: 28px;
height: 25px;
}

#navi .jazyk0 a:link, #navi .jazyk0 a:visited {
background: url(layout/lg_cz_of.gif) no-repeat;
width: 28px;
height: 25px;
padding: 0px 6px 2px 6px;
}

#navi .jazyk0 a:hover, #navi .jazyk0 a:visited:hover {
background: url(layout/lg_cz_on.gif) no-repeat;
width: 28px;
height: 25px;
padding: 0px 6px 2px 6px;
}

#navi .jazyk1 a:link, #navi .jazyk1 a:visited {
background: url(layout/lg_en_of.gif) no-repeat;
width: 28px;
height: 25px;
padding: 0px 6px 2px 6px;
}

#navi .jazyk1 a:hover, #navi .jazyk1 a:visited:hover {
background: url(layout/lg_en_on.gif) no-repeat;
width: 28px;
height: 25px;
padding: 0px 6px 2px 6px;
}

#navi .jazyk2 a:link, #navi .jazyk2 a:visited {
padding: 0;
background: url(layout/lg_de_of.gif) no-repeat;
width: 28px;
height: 25px;
padding: 0px 6px 2px 6px;
}

#navi .jazyk2 a:hover, #navi .jazyk2 a:visited:hover {
padding: 0;
background: url(layout/lg_de_on.gif) no-repeat;
width: 28px;
height: 25px;
padding: 0px 6px 2px 6px;
}

#navi .texta {
	visibility: hidden;
}

#menu {
background: url(layout/bg_menu.jpg) no-repeat top;
width: 195px;
min-height: 600px;
float: left;
}

* html #menu{
height:600px;
}

#menu ul
{
list-style-type: none;
margin: 40px 0 0 0px;
_margin: 40px 0 0 40px;
display: block;
}

#menu li {
display: block;
float: left;
width: 155px;
font-weight: bold;
font-size: .7em;
margin-bottom: 2px;
}

#menu li a, #menu li a:link, #menu li a:visited
{
padding-right: 10px; 
display: block; 
padding-left: 25px; 
padding-bottom: 0px; 
color: #9F3131; 
padding-top: 0px;
text-decoration: none;
width: 120px;
background: url(layout/bg_menu_a.gif) repeat-y left;
}

#menu li a:hover, #menu li a:visited:hover
{
color: #FF6347; 
text-decoration: none;
background: url(layout/bg_menu_a2.gif) repeat-y left;
}

#menu li#active a, #menu li#active a:hover, #menu li#active a:visited:hover
{
color: Navy; 
text-decoration: none;
background: url(layout/bg_menu_aa.gif) repeat-y left;
cursor: default;
}

#content 
{ 
width: 575px;
float: left;
clear: right;
background: url(layout/bg_content.jpg) no-repeat top;
min-height: 340px;
}

#main 
{ 
margin-left: 6px;
margin-right: 40px;
padding-top: 5px;
width: 525px;
}

#main p 
{
text-align: justify;
font-size: .9em;
line-height: 150%;
margin-left: 5px;
margin-right: 0px;
color: #575757;
}

#main h2
{
font-size: 1.3em;
color: #B93535;
font-weight: bold;
background: #F0F9FE;
padding-left: 5px;

}

#main h3 
{
font-size: 1.3em;
color: #B93535;
font-weight: bold;
background: #F0F9FE;
padding-left: 5px;
border-bottom: 2px solid #AFDEF8;
}

#main h4
{
font-size: .9em;
color: #B93535;
font-weight: bold;
background: #F0F9FE;
padding-left: 5px;
border-bottom: 2px solid #AFDEF8;
border-right: 2px solid #AFDEF8;
}

#main b, #main strong
{
color: #B93535;
font-weight: bold;
}

#clearfooter {
clear:both;
height:60px;
width:100%
}

#footer {
width:770px;
position:absolute;
bottom:0;
left:0;
height:60px;
color: #000000;
text-align: center;
_padding-top: 15px;
background: url(layout/bg_foot.jpg) no-repeat bottom;
}

#footer p {
margin: 20px 37px 10px 197px;
_margin: 35px 37px 5px 197px;
color: #B83535;
font-size: .8em;
font-weight: bold;
}
	
.float 
{
  float: left;
  padding: 1px 1px 3px 1px;
  background: #FAF4F4;
  margin: 0 5px 10px 0;
   text-align: center;
	border: 1px solid #BEBEBE;
	width: 165px;
 }
  
.float p {
	font-size: 1em;
	margin-top: 0px;
   } 
	
.float a, .float a:link, .float a:visited {
	color: #B93535; 
	text-decoration: underline;
}
.float a:hover, .float a:visited:hover {
	color: Red; 
	text-decoration: underline;
}
.float img {
	border: 1px solid #B93535;
	margin-top: 3px;
   }
	
.float1
{
  float: left;
  padding: 3px 3px 3px 3px;
  margin: 0px 15px 8px 0px;
  text-align: center;
	border: 1px solid #B93535;
 }
	
.float2
{
  float: right;
  padding: 3px 3px 3px 3px;
  margin: 0px 0px 8px 15px;
  text-align: center;
	border: 1px solid #B93535;
 }