/* ----- layout.css ----- */
div, p, input, label, textarea, td, th, form, h1, h2, h3 {
 font-family: Tahoma, Verdana, Arial;
 font-size: 14px;
}
div, p, input, img, table, textarea, tr, td, form, h1, h2, h3 {
 border: 0px;
 margin: 0px;
 padding: 0px;
}
a {color: #000000; text-decoration: none;}
a:link {color: #000000; text-decoration: none;}
a:hover {color: #0093F8; text-decoration: underline;}
h1 { font-size: 140%; }
h2 { font-size: 125%; }
h3 { font-size: 110%; }
h4 { font-size: 100%; }
h5 { font-size: 100%; }
h6 { font-size: 100%; }
.clear-both { clear: both; }
/* ----- BODY ----- */
body {
 background: #EEE;
 color: #000;
 height: 100%;
 width: 100%;
 margin: 0;
 padding: 0;
 font-family: Tahoma, Verdana, Arial;
 font-size: 14px;
 text-align: left;
}
/* ----- CONTAINER ----- */
#container {
 position: relative;	/* !!! */
 width: 992px;
 background: #EEE;	/*#369;*/
 color: #000;
 border: 1px solid #369;
 margin: 0 auto;	/* 0;  !!! 0 auto; !!! */
 padding: 0;
}
/* ----- TOP ----- */
#top {
 width: 992px;
 color: #000;
 border: 0;
 margin: 0;
 padding: 0;
 background: #369;
}
/* ----- COUNTER ----- */
#counter {
 position: absolute;/*relative;*/
 left: 734px;
/* float: right;*/
/* width: 70px;*/
/** height: 28px;**/
 text-align: left;
 margin-top: 8px;
 padding: 0;
 background: #369;
}
/* ----- FLAGS ----- */
#flags {
 position: relative;
 float: right;
 width: 190px;
 list-style-type: none;
 text-decoration: none;
/* height: 28px;*/
 font-size: 14px;
 font-weight: normal;
 text-align: right;
 margin: 0;
 padding: 0;
 background: #369;
}
#flaghun, #flagrom, #flagdeu, #flageng {
 position: relative;
 float: right;
 list-style-type: none;
 text-decoration: none;
 text-align: right;
 display: block;
 width: 36px;
 height: 27px;
 margin: 2px;
 padding: 0;
}
#flaghun { background: url(../pic/hu.gif) no-repeat; }
#flaghun:hover { background: url(../pic/hun.gif) no-repeat; }
#flagrom { background: url(../pic/ro.gif) no-repeat; }
#flagrom:hover { background: url(../pic/rom.gif) no-repeat; }
#flagdeu { background: url(../pic/de.gif) no-repeat; }
#flagdeu:hover { background: url(../pic/deu.gif) no-repeat; }
#flageng { background: url(../pic/en.gif) no-repeat; }
#flageng:hover { background: url(../pic/eng.gif) no-repeat; }
/* ------ NEVNAP ----- */
#nevnap {
 position: relative;
 float: left;
 text-align: left;
 width: 390px;
 background: #369;
 color: #FFF;
 line-height: 16px;
 font-size: 14px;
 font-weight: normal;
 text-decoration: none;
 margin: 0;
 padding: 2px 0px;
 clear: both;
}
/* ----- LOGINLINE ----- */
#loginline {
 position: relative;
 float: right;
 width: 500px;
 background: #369;
 color: #FFF;
 line-height: 22px;
 font-size: 14px;
 font-weight: bold;
 text-decoration: none;
 text-align: left;
 margin: 0;
 padding: 0;
}
/* ----- MOTORIONLOGO ----- */
#logo {
 position: relative;
 float: left;
 width: 340px;
 height: 80px;
 margin: 0;
 padding: 0;
 background: #369;
 clear: both;
}
/* ----- BANNERS ----- */
#bannersx {
 position: relative;
 float: right;
 width: 650px;
 height: 80px;
 text-align: center;
 margin: 0;
 padding: 0;
 background: #369 url(../pic/welcome650x80.jpg) no-repeat;
}
#banner {
 position: relative;
 float: left;
 width: 992px;
 text-align: center;
 margin: 0;
 padding: 0;
 background: #369;
 clear: both; 
}
/* ------ MIDDLE ----- */
#middle {
/* width: 992px;*/	/* ??? */
 border: 0;
 margin: 0;
 padding: 0;
}
.lcr { background: url(../pic/lcr.png) repeat-y; }
.l-cr { background: url(../pic/l-cr.png) repeat-y; }
.lc-r { background: url(../pic/lc-r.png) repeat-y; }
.rcl { background: url(../pic/rcl.png) repeat-y; }
.ccc { background: url(../pic/ccc.png) repeat-y; }
/* ------ LEFT / RIGHT ----- */
#left, #right {
 position: relative;
 width: 222px;
 border: 1px solid #369;
 margin: 0;
 padding: 0;
}
#left { float: left; text-align: left; }
#right { float: right; text-align: right; }
#leftcontent, #right2left, #rightcontent, #left2right {
 width: 222px;
 font-size: 14px;
 font-weight: normal;
 border: 0;
 margin: 0;
 padding: 0;
 background: #EEE;
 color: #000;
}
#leftcontent, #right2left { float: left; text-align: left; }
#rightcontent, #left2right { float: right; text-align: right; }
/* ----- LOGINBOX ----- */
#loginbox {
 position: relative;
 float: left;
 width: 220px;
 background: #EEE;
 color: #000;
 line-height: 16px;
 font-size: 14px;
 font-weight: normal;
 text-decoration: none;
 text-align: left;
 margin: 0;
 padding: 0;
}
/* ----- CENTER ----- */
#center, #center-l-cr, #center-lc-r, #center-lc, #center-ccc {
 position: relative;
 float: left;
 text-align: left;
 width: 544px;
 border: 0;
 margin: 0;
 padding: 0;
 font-size: 14px;
}
#center-l-cr, #center-lc-r, #center-lc { width: 766px; }
#center-ccc { width: 992px; }
/* ----- NORMAL /LCR/LC-R/LC-R/CCC/ ----- */
#normal {
 margin: 10px 10px;
 padding: 0;
 font-size: 14px;
 font-weight: normal;
 text-align: left;
 text-decoration: none;
 background: #EEE;
}
/* ----- NORMAL OTHERs ----- */
#normal table {
 margin-left: 10px;
 margin-right: 10px;
}
#normal p, #normal td {
 margin-left: 10px;
 margin-right: 10px;
 text-align: justify;
 line-height: 14px;
 letter-spacing: 1px;
 vertical-align: top;
}
#normal td {
 margin: 0px;
 padding-right: 10px;
 text-indent: 0px;
}
#normal ul {
 padding-left: 10px;
 padding-right: 10px;
}
#normal li {
 margin-left: 10px;
}
#normal .sep {
 background: url(../pic/sep.gif) no-repeat top center;
 height: 8px;
 margin: 25px 0px;
 text-align: center;
}
#normal .date {
 color: #606060;
 margin-bottom: 20px;
 text-align: left;
}
/* ----- BOTTOM ----- */
#bottom {
 width: 992px;
 color: #000;
 border: 0;
 margin: 0;
 padding: 0;
 background: #369;
}
/* ----- FOOTER ----- */
#footer {
 position: relative;
 float: left;
 width: 992px;
 height: 20px;
 line-height: 18px;
 font-size: 14px;
 text-align: center;
 background: #EEE;
 border: 0;
 clear: both; 
}
/* ----- OTHERs ----- */
h1 {
 color: #404040;
 font-size: 24px;
 font-weight: normal;
 font-variant: small-caps;
}
div.h1 {
 border-bottom: 1px solid #AAA;
 margin: -2px 0px 25px 25px;
}
h2 {
 color: #404040;
 margin: 10px 0px 0px;
 font-size: 14px;
 font-weight: bold;
}
div.h2 {
 border-bottom: 1px solid #AAA;
 margin: 0px 20px 15px 23px;
}
label {
/*** width: 40px;***/
/*** margin-top: 4px;***/
/*** margin-left: 10px;***/
 float: left;
}
input {
 background: #FAFAFA;
 border: 1px solid #369;
 color: #202020;
/*** width: 118px;***/
/*** height: 20px;***/
/*** height: auto;***/
/*** margin: 0px 0px 0px -3px;***/
 padding: 3px;
 float: left;
}
input:focus { background: #FF9; }
textarea {
 background: #FAFAFA;
 border: 1px solid #369;
 color: #202020;
 padding: 3px;
 float: left;
}
.input, .search {
 height: 20px;
 overflow: hidden;
}
.search input {
 width: 155px;
 margin-left: 10px;
}
.submit input {
 background: #CCC;
 border: 1px solid #369;
 color: #606060;
 width: 32px;
 height: 20px;
/* margin: 0px 7px 0px 1px; */
 margin: 0px 2px;
 padding: 0px;
 float: right;
 font-weight: bold;
 cursor: pointer;
}
.submit input:hover {
 background: #CCC;
 border: 1px solid #FFF;
}
input#submit_search {
 background: url(../pic/search.png) no-repeat;
}
.check {
 margin: 10px 0px 5px 15px;
}
.check input {
 width: auto;
 height: auto;
 margin: auto;
 /*padding: auto;*/
 margin-right: 10px;
}