* {margin: 0px; padding: 0px;}

/* Body
*********************************************************/
body{
  font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	
	color: #fff;
	overflow: auto;
	z-index: 0;
	margin: 0px;
	padding: 0px;
	}

body h1 {
  position: absolute;
  color: #fff;
  font-size: 8px;
  opacity: 0.5;

}
img {
	border: 0px;
}
                            
.left {float: left;}
.right {float: right;}

.red{
	color: #ff0000;
}

.feldgrau{
	color: #474b40;
}

p{
	color: #ccc;
	margin: 10px;
}

a {
	color: #ccc;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #fff;
	text-decoration: none;
}

a:visited {
	color: #a3a49c;
}
                              
a.selected{   
 color: #92cf42;
 text-transform: uppercase;
}        

                
  
/* Container
*********************************************************/
#container{
	position: relative;
	width: 100%;
	z-index: 10;
	margin: 0px;
	padding: 0px;
	
		}	

 .intro{
     border-radius: 5px;	
    -moz-border-radius: 5px;	
    -webkit-border-radius: 5px;   
  }
  
	#container #left_menu{      
		position: relative;   
		text-align: left;                     
		background-color: #161616;   
		float: left;
		z-index: 10;          
		width: 15%;       
		margin: 0.5%;
		padding: 1% 0.5% 1% 0.5%;
		min-height: 350px;    
		opacity: 0.9;
	}                 
	#container #right_menu{      
		position: relative;   
		text-align: left;                      
		background-color: #161616;   
		float: right;
		z-index: 10;          
		width: 15%;   
		margin: 0.5%;         
		padding: 1% 0.5% 1% 0.5%;
		min-height: 350px;   
		opacity: 0.90;
	}       
	
 #container #content{
		position: relative;                           
		background-color: #161616;      
		margin: 0.5%;
		padding: 2%;                   
		float: left;
		width: 61%;
		min-height: 100%;
		text-align: left;
		z-index: 15;
		opacity: 0.90;
	}                         
	
  #content #inner{  
		position: relative;                                            
		clear: both;      	
	}
	#content #inner h1{                                                  
    font: bold 28px "Trebuchet MS";
		margin: 20px auto 30px;  
		color: #fff;   	
	}
	#content #inner h2{                                                  
    font: bold 25px "Trebuchet MS";
		margin: 20px auto 30px;  
		color: #fff;
	
	}

	#content #inner h3{
		font-weight: bold;
		text-align: center;
		font-size: 20px;
		margin: 20px auto;
		margin-bottom: 50px;
	
		}

		#container #content p.left{
			text-align: left;
		}
	               
	#content .filter{                                                  
    font: bold 14px "Trebuchet MS";
		margin: 20px;  
		color: #fff;   	
	}                          
	#content .pagination{                                                  
    font: bold 14px "Trebuchet MS";
		margin: 20px;  
		float: left;
		color: #fff;   	
	}                       
	#content .counter{                                                  
    font: bold 14px "Trebuchet MS";
		float: right;          
		margin: 20px;  
		color: #fff;   	
		clear: right;
	}

  

/* footer
*********************************************************/
#footer{		
	position: relative; 
	height: 30px;
	margin: 0 auto 0.5% auto;
	line-height: 30px;
	width: 40%;
	font-size: 11px;
	z-index: 25;	
	text-align: center;   
  clear: both; 
  background: #222;   
  opacity: 0.85;
}

	#footer #cloosigns{
		position: relative;
		border: 0px;
		margin: 0px 0px 0px 10px;
  	color: #fff;       
  	font-weight: bold;
	}

	#footer a {
		position: relative;
		text-decoration: none;
		border: 0px;
	}               
	

  .status_1 { color: #92cf42; }   
  .status_2 { color: #ede159; }
  .status_3 { color: #59a6ed; }
  .status_4 { color: #c0c0c0; }

  table.main{
    border-collapse: collapse;
    width: 100%;
  }               
    table.main th{
      text-align: left;
    }         
    table.main td{
      padding: 3px;
    }         
    table.main tr.odd{
      background: #222;
    }            
      table.main tr:hover{
        background: #2e3223;
      }                        
      table.main tr:hover a{
        text-decoration: underline;
      }

      
      

/************************************/

 /*  /////////////////////////
TOOLTIP dodatocny styling */

#tooltip{
	position:absolute;
	background: #000;
	padding:2px 5px;
	color:#fff;
	display:none;
	z-index:50;
	opacity: 0.85;
	font-size: 12px;
}