* {
margin:0;
padding:0;
}


html, body {
height: 100%;
width: 100%;
background-color: #e8e8e8;
background-image:url(images/bg.jpg);
background-repeat:no-repeat;
background-position:bottom;
-moz-background-size:auto;
-webkit-background-size:auto;
background-size:100%;

}

#distance {
width: 0px;
height: 50%;
margin-bottom: -394px;
float: left;
background-color: #f00;
}

#container {

margin: 0 auto;
position: relative;
height: 768px;
width: 1024px;
clear: left;
padding-bottom:10px;
background-color: transparent;
background-image:url(images/bg_cont.png);
background-repeat:repeat;


-moz-border-radius:5px 5px 5px 5px; /* Firefox */
-webkit-border-radius:5px 5px 5px 5px; /* Chrome, Safari */
-khtml-border-radius:5px 5px 5px 5px; /* Konqueror */
border-radius:5px 5px 5px 5px; /* CSS3 */
behavior:url(border-radius.htc); /* Internet Explorer */
}


#content{

background-color: transparent;
width:900px;
margin-top:25px;
margin-left: auto; 
margin-right: auto;
height:555px;
/*padding-top:15px;
padding-left:15px;
padding-right:15px; */
font:12px Verdana;
color:#555555;
line-height: 1.3;
height:485px;
overflow:auto;
}

#content-l{
background-color:transparent;
float: left;
width:420px;
text-align: justify; 
}

#content-l-kl{
background-color:transparent;
float: left;
width:400px;
line-height: 170%;
text-align: justify; 
list-style-type:disc;
}

#content-l-kl a:link{
font:12px Verdana;
color:red;
text-decoration:none;
}
#content-l-kl a:visited{
font:12px Verdana;
color:red;
text-decoration:none;
}
#content-l-kl a:hover{
font:12px Verdana;
color:red;
text-decoration:none;
font-weight:bold;
}







#content-r{
background-color:transparent;
width:420px;
height: 450px;
text-align: justify;
margin-left: 480px;  
}

#content-r-index{
background-color:transparent;
width:420px;
height: 450px;
text-align: justify;
margin-left: 480px;  
background-image:url(images/bg.png);
}





#logo {
width: 100%;
height: 150px;
background-image:url(images/logo_hud.png);
background-repeat:no-repeat;
background-position:right;
background-color:#fcfcfc;
}









#bottom
{
position:absolute;
bottom:0px;
background-color:grey;
width:100%;
height:25px;
text-align:right;
vertical-align:middle;
line-height:21px;
}


#foot
{

position:absolute;
bottom:0px;
height:100%;
right:5px;
width:500px;

text-align:right;
vertical-align:middle;

}


#foot a:active, a:focus {outline: none;}

#foot li{
width:500px;
list-style:none;
display:inline;
/*padding:10px;*/
text-shadow: 0 1px 1px #000;
vertical-align:middle;

}

#foot li a {
color:rgb(255,255,255);
text-decoration:none;
font:11px Arial, Verdana, Helvetica, sans-serif;
font-weight:bold;
letter-spacing:1px;
 -webkit-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.4;11:40 25.09.2012
-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

#foot li a:hover{
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}



/*
#navi {
width: 100%;
height: 52px;
background-color:red;
}

*/
#menu {
height:100%;
width:100%;
margin-left:auto;
margin-right:auto;
background:url(images/bar.png) repeat-x;
text-align:center;
/*padding-top:14px; */
line-height:52px;
}

#menu li{
margin:0; 
list-style:none;
display:inline;
padding-left: 11px;
padding-right: 11px;
text-shadow: 0 1px 1px #000;
}

#menu li a {
color:white;
text-decoration:none;
font:13px Arial, Verdana, Helvetica, sans-serif;
font-weight:bold;
letter-spacing:2px;
height:100%;
padding-top:18px;
padding-bottom:17px;
padding-left:17px;
padding-right:17px;

 -webkit-opacity: 0.50;
  -moz-opacity: 0.50;
  opacity: 0.6;
-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
   border-color:#b90505;
  border-right-style:solid;
   border-left-style:solid;
	border-width:1px;
}

#menu li a:hover{
background-repeat: no-repeat;
background-position: center center;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
background:url(images/bar_dark.png);
padding-left:17px;
padding-right:17px;

	
}


.selected 
{
background:url(images/nav4.png);

 -webkit-opacity: 1.00;
  -moz-opacity: 1.00;
  opacity: 1.0;
-webkit-transition: all 0s ease;
  -moz-transition: all 0s ease;
  -ms-transition: all 0s ease;
  -o-transition: all 0s ease;
  transition: all 0s ease;
 }


ul {
    list-style-type: disc;
}