/* replace background color */
html, body {
	background-color: #000000;
}

.top-left, .top-right, .bottom-left, .bottom-right {
	background-image: url("./images/rounded.gif");
	height: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
}
.top-left, .bottom-left {
	margin-right: 20px; /* CHANGE: replace by the width of one of your corners */
}
.top-right, .bottom-right {
	margin-left: 20px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -20px;  /* CHANGE: replace by the height of one of your corners */
}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
}
.bottom-left  {
	background-position: 0 -20px;    /* CHANGE: replace second number by negative height of one of your corners */
}
.bottom-right {
	background-position: 100% -20px; /* CHANGE: replace second number by negative height of one of your corners */
}
.inside {
	border-left: 1px solid #161616; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #161616;/* YCC: color & properties of the right-borderline */
	background: #1a1a1a;            /* YCC: background-color of the inside */
	color: #c2c2c2;                 /* YCC: default text-color of the inside */
	padding-left: 0px;             /* YCC: all texts at some distance of the left border */
	padding-right: 0px;
	padding-top: 2px;             /* YCC: all texts at some distance of the right border */
}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */

.outside {
	margin: 0 auto;
	width : 940px;
	padding: 10px;
}



/*ADDON*/

#header
{
 margin-top: -5px;
 width: 99%;
 height: 150px
}				

.head-mutant
{
 float: left;
}				

.head-name
{
 float: right;
}

#paticka
{
 width: 100%;
 bottom: 0;
 left: 0;
 height: 114px;
 text-align: left;
 margin-left: 0;
 background-image: url(http://www.x-mencz.net/images/admini/footbg.jpg);
 color: #7F9CA4;
}

.footimg
{
 margin-top: 0;
 margin-bottom 0;
 float: left;
 margin-right: -162px; 
}

.focus
{
 margin-top: 0;
 margin-bottom 0;
 text-align: center;
 margin-right: auto;
 margin-left: auto;
}

				/*MENU*/

#noodle
{
 width: 99%;
 text-align: center;
 height: 30px;
 margin-top: 3px;
 background-image: url(http://www.x-mencz.net/images/admini/menubg.jpg);  
}

#menu-background
{
 width: 600px;
 height: 30px; 
 float: center;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 background-image: url(http://www.x-mencz.net/images/admini/menucenter.jpg); 
}

.menu
{
 width: 400px;
 margin-left: 35px;
 margin-right: auto;
 margin-top: 1px; 
}

.menu a
{
 text-decoration: none;
 font-size: 10px;
 display: block;
 margin-top: auto;
 margin-bottom: auto; 
 text-align: center;
}

.menu ul, .menu li
{
 list-style-type: none;
 margin-top: auto;
 margin-bottom: auto;
 font-weight: bold;
 font-size: 10px;
 color: #FFFFFF; 
}

ul.uroven1 li.polozka1
{
 float: left;
 width: 55px;
 position: relative;
 font-weight: none;
 padding: 9px 0px;
 height: 0px;
 _width: 1px; /* IE */
}

ul.uroven2
{
 position: absolute;
 top: 20px;
 _top: 20px; /* IE */
 width: 160px;
 border: 0;
 visibility: hidden;
 padding: 8px 0px;
 margin-left: 0px;
 color: #FFFFFF;  
}


ul.uroven2 li.polozka2 a
{
 font-weight: normal;
 text-align: left;
 background-color: #000000; 
}

ul.uroven2 li.polozka2 a:hover
{
 width: 100%;
 background-color: #1B1F20;
}

.menu a:hover
{
 text-decoration: underline;
 color: #FFFFFF;
}

.menu a:visited
{
 color: #FFFFFF;
}

ul.uroven1 li.polozka1
{
 behavior: url(hover.htc);
}

ul.uroven1 li.polozka1Hover ul.uroven2,
ul.uroven1 li.polozka1:hover ul.uroven2
{
 visibility: visible;
 text-decoration: none;
}