img { border:0 }



.top {

background-color: #FFFFFF;

}



.lhs {

	background-image: url(images/shade-l.gif);

	background-repeat: repeat-y;

}

.rhs {

	background-image: url(images/shade-r.gif);

	background-repeat: repeat-y;

}

.btm {

	background-image: url(images/shade-b.gif);

	background-repeat: repeat-x;

}



.white { background-color: #FFFFFF; 

         background-image: url(images/bgcenter.jpg);

  	 padding: 10px;

}



.whitehydraulika { background-color: #FFFFFF; 

         background-image: url(images/bgcenter.jpg);

  	 padding: 10px;

}



.blue { background-color: #2905A0; }

.silver { background-color: #8E8E8E; }

.red { 

       background-color: #CE142B; 

       background-image: url(images/control2bg.png);

}



.topshade {

	background-image: url(images/topshade.gif);

	background-repeat: repeat-x;

}



.menushade {

	background-image: url(images/menushade.gif);

	background-repeat: repeat-x;

	background-color: #FFFFFF;

}



p {


font-family: Arial;

font-size: 12px;

	color: #000;

	padding: 0;

	margin: 0;


}







//FLAGI !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!





#navlist {

font-family: Arial;

font-size: 11px;

margin: 0;

background: #A5AEB5;
}

#navlist li {

display: inline-block;

list-style-type: none;

margin: 0;

padding: 0;

white-space: nowrap;



}

#navlist ul {
width: 100%;
margin: 0;

padding: 0;




}

#navlist a {

padding: 8px 10px 7px 10px;

background: #A5AEB5;

font-size: 11px;

line-height: 30px;

text-decoration: none;


}

#navlist a img{
	vertical-align: middle;
	text-align: center;
}

#navlist a:link, #navlist a:visited {

color: #FFFFFF;

}

#navlist a:hover, #navlist a:active,

#uberlink a:link, #uberlink a:visited,

#uberlink a:hover, #uberlink a:active {

background-color: #CCCCCC;


color: #FFFFFF;

}







dl, dt, dd {

	display: block;

	margin: 0;

	padding: 0;
	
	text-align: left;

}


dt{
	font-size: 14px;
	color: #fff;
	padding: 5px 0 5px 20px;
}

dl {

	width: 100%;

	padding: 1px 3px;

	background-color: #C0C6C7;

	border: 0px #28e;
	border-top: 4px solid #CFCFCF;


}







dd {

	border-top: 1px solid #CFCFCF;

}



dl a:link, dl a:visited {

	display: block;

	width: 100%;

	text-decoration: none;

	padding: 7px;



	background-color: #8B9397;

	color: #FFF;

	border-left: 15px solid #717A7D;

}



dl a:hover {

	background-color: #E4D848;
	color: #000;

}



@media only screen and (max-width: 899px) {
	
	dl {
		width: 100%;
	}
	dt {
		padding: 10px 0 10px 5px;
	}
	dl a:link, dl a:visited {
		width: 100%;
		padding: 7px;
		border-left: 0;
	}
	#navlist ul {
		padding: 10px 0;
	}
	#navlist a {
		padding: 7px 12px 7px 12px;
	}
	
}