/* Main Section */

html, body {
	background-color: #7b7b7b;
	height: 100%;
	font: normal 8pt/140% Tahoma, Verdana, Arial, sans-serif;
	color: #313131;
	text-align: center;
	margin: 0 auto 0 auto;
}

acronym {
	cursor: help;
}

h1 { font: normal 19pt Times New Roman, Verdana, Arial; color: #fff; font-weight: normal; margin: 0; padding: 0}
h2 { font-size: 8pt; color: #b3c349 }
h3 { font-size: 8pt; color: #b3c349 }

h1.bordered { margin: 10px 0 10px 0; padding: 20px 0 0 0; border-top: 1px solid #4d4d4d }
h1.padded   { margin: 0 0 20px 0; padding: 0 }
h2.admin    { color: #667f1f; }
h2.narrow    { margin: 0; padding: 0 }

.company-name { font: normal 19pt Times New Roman, Verdana, Arial; color: #fff; font-weight: normal; margin: 0; padding: 0}
.quotation-s {
	padding: 0;
	margin: 0;
	background: url('../images/quo-start.png') no-repeat top left;
}
.quotation-e {
	padding: 15px 0 15px 15px;
	margin: 0;
	background: url('../images/quo-end.png') no-repeat bottom right;
}

#content-wrapper a.h2link { text-decoration: none; color: #b3c349; font-weight: bold; }
#content-wrapper a.h2link:link, #content-wrapper a.h2link:visited { text-decoration: none; color: #b3c349; font-weight: bold; }
#content-wrapper a.h2link:hover { text-decoration: none; }

#content-wrapper a.reflink { color: #bbb; text-decoration: none; }
#content-wrapper a.refLink:link, #content-wrapper a.refLink:visited { color: #bbb; text-decoration: none; }
#content-wrapper a.refLink:hover { text-decoration:none; }

.green-button   { width: 81px; height: 19px; padding: 0; margin: 0 }
a.green-button  { display: block; width: 81px; height: 19px; padding: 0; margin: 0; text-decoration: none }

.btn-sk-more         { background: url('../images/btn-sk-more.gif') }
.btn-sk-more:hover   { background: url('../images/btn-sk-more-s.gif') }
.btn-sk-order        { background: url('../images/btn-sk-order.gif') }
.btn-sk-order:hover  { background: url('../images/btn-sk-order-s.gif') }
.btn-sk-pricelist        { background: url('../images/btn-sk-pricelist.gif') }
.btn-sk-pricelist:hover  { background: url('../images/btn-sk-pricelist-s.gif') }

.btn-en-more         { background: url('../images/btn-en-more.gif') }
.btn-en-more:hover   { background: url('../images/btn-en-more-s.gif') }
.btn-en-order        { background: url('../images/btn-en-order.gif') }
.btn-en-order:hover  { background: url('../images/btn-en-order-s.gif') }
.btn-en-pricelist        { background: url('../images/btn-en-pricelist.gif') }
.btn-en-pricelist:hover  { background: url('../images/btn-en-pricelist-s.gif') }

.btn-de-more         { background: url('../images/btn-de-more.gif') }
.btn-de-more:hover   { background: url('../images/btn-de-more-s.gif') }
.btn-de-order        { background: url('../images/btn-de-order.gif') }
.btn-de-order:hover  { background: url('../images/btn-de-order-s.gif') }
.btn-de-pricelist        { background: url('../images/btn-de-pricelist.gif') }
.btn-de-pricelist:hover  { background: url('../images/btn-de-pricelist-s.gif') }

/* Header Section */
#header {
	position: relative;
	width: 766px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0;
	border-left: 1px solid #434343;
	border-right: 1px solid #434343;
}

#header-top       { width: 100%; height: 111px; background: url('../images/header-top.jpg') top left; }
#header-bottom    { width: 100%; height: 264px; background: url('../images/header-bottom.jpg') top left; }
#header-top-lang  { float: right; height: 24px; margin: 25px 20px 0 0; padding: 0; }

/* Admin system */
#header-line       { width: 100%; height: 20px; background: none; }

#header-top a { color: #bbb; text-decoration: none; font-size: 10pt; margin: 0; }
#header-top a:link, #header-top a:visited { text-decoration: none; }
#header-top a:hover { color: #333; text-decoration: none; }

img.header-logo     { position: absolute; left: 20px; top: 25px; border: none }
img.header-slogan   { position: absolute; left: 40px; top: 260px; border: none }

#header-menu-container    { margin: 0 auto 0 auto; text-align: center; height: 54px }
#header-menu-container.sk { width: 760px }
#header-menu-container.en { width: 760px }
#header-menu-container.de { width: 650px }

#header-menu-back       { width: 100%; height: 54px; background: url('../images/menu-back.jpg') top left }
#header-menu            { display: inline; list-style-type: none; padding: 0; }

#header-menu a  { float: left; height: 20px; margin: 18px 0 0 0; padding: 0; text-decoration: none; }
#header-menu li { display: inline; }

/* Slovak */
.menu-sk-1      a	{ width:  99px; background: url('../images/menu-sk-1.gif') }
.menu-sk-2      a	{ width: 105px; background: url('../images/menu-sk-2.gif') }
.menu-sk-3      a	{ width:  87px; background: url('../images/menu-sk-3.gif') }
.menu-sk-4      a	{ width:  66px; background: url('../images/menu-sk-4.gif') }
.menu-sk-5      a	{ width: 152px; background: url('../images/menu-sk-5.gif') }
.menu-sk-6      a	{ width: 101px; background: url('../images/menu-sk-6.gif') }
.menu-sk-7      a	{ width: 105px; background: url('../images/menu-sk-7.gif') }

.menu-sk-1      a:hover { background: url('../images/menu-sk-1s.gif') }
.menu-sk-2      a:hover { background: url('../images/menu-sk-2s.gif') }
.menu-sk-3      a:hover	{ background: url('../images/menu-sk-3s.gif') }
.menu-sk-4      a:hover	{ background: url('../images/menu-sk-4s.gif') }
.menu-sk-5      a:hover	{ background: url('../images/menu-sk-5s.gif') }
.menu-sk-6      a:hover	{ background: url('../images/menu-sk-6s.gif') }
.menu-sk-7      a:hover	{ background: url('../images/menu-sk-7s.gif') }

/* English */
.menu-en-1      a	{ width:  99px; background: url('../images/menu-en-1.gif') }
.menu-en-2      a	{ width: 105px; background: url('../images/menu-en-2.gif') }
.menu-en-3      a	{ width:  87px; background: url('../images/menu-en-3.gif') }
.menu-en-4      a	{ width:  66px; background: url('../images/menu-en-4.gif') }
.menu-en-5      a	{ width: 160px; background: url('../images/menu-en-5.gif') }
.menu-en-6      a	{ width: 101px; background: url('../images/menu-en-6.gif') }
.menu-en-7      a	{ width: 105px; background: url('../images/menu-en-7.gif') }

.menu-en-1      a:hover { background: url('../images/menu-en-1s.gif') }
.menu-en-2      a:hover { background: url('../images/menu-en-2s.gif') }
.menu-en-3      a:hover	{ background: url('../images/menu-en-3s.gif') }
.menu-en-4      a:hover	{ background: url('../images/menu-en-4s.gif') }
.menu-en-5      a:hover	{ background: url('../images/menu-en-5s.gif') }
.menu-en-6      a:hover	{ background: url('../images/menu-en-6s.gif') }
.menu-en-7      a:hover	{ background: url('../images/menu-en-7s.gif') }

/* German */
.menu-de-1      a	{ width:  73px; background: url('../images/menu-de-1.gif') }
.menu-de-2      a	{ width:  88px; background: url('../images/menu-de-2.gif') }
.menu-de-3      a	{ width:  73px; background: url('../images/menu-de-3.gif') }
.menu-de-4      a	{ width:  46px; background: url('../images/menu-de-4.gif') }
.menu-de-5      a	{ width: 128px; background: url('../images/menu-de-5.gif') }
.menu-de-6      a	{ width: 125px; background: url('../images/menu-de-6.gif') }
.menu-de-7      a	{ width:  75px; background: url('../images/menu-de-7.gif') }

.menu-de-1      a:hover { background: url('../images/menu-de-1s.gif') }
.menu-de-2      a:hover { background: url('../images/menu-de-2s.gif') }
.menu-de-3      a:hover	{ background: url('../images/menu-de-3s.gif') }
.menu-de-4      a:hover	{ background: url('../images/menu-de-4s.gif') }
.menu-de-5      a:hover	{ background: url('../images/menu-de-5s.gif') }
.menu-de-6      a:hover	{ background: url('../images/menu-de-6s.gif') }
.menu-de-7      a:hover	{ background: url('../images/menu-de-7s.gif') }

.menu-separator   { float: left; width: 6px; height: 20px; margin: 17px 0 0 0; background: url('../images/menu-separator.gif') }

/* Content Section */

#content-wrapper {
	position: relative;
	width: 766px;
	height: auto;
	margin: 0px auto 0 auto;
	background-color: #7b7b7b;
	text-align: left;
	padding: 0;
	background: url('../images/bgr_mid.jpg') repeat-x 0 1px;
	border-left: 1px solid #434343;
	border-right: 1px solid #434343;
}

#content-wrapper a { color: #000; text-decoration: underline }
#content-wrapper a:link, #content-wrapper a:visited {	color: #000; text-decoration: underline }
#content-wrapper a:hover { color: #cfd0ca; text-decoration: underline }

#content-left {
  float: left;
  width: 453px;
  margin: 0;
	padding: 25px 10px 25px 25px;
}

#content-left ul { list-style-image: url('../images/ul.gif'); margin: 0 0 0 15px; padding: 0; line-height: 150%; }

#content-left div.introText { margin: 0 0 20px 0; }
#content-left div.mainCatIntroText { margin: 0 0 40px 0; }

div.introText p         { margin: 10px 0 0 0 }
div.mainCatIntroText p  { margin: 10px 0 0 0 }

#content-title {
    height: 25px;
    width: 220px;
    margin: 0 0 10px 0;
}

#content-right {
  float: right;
  width: 226px;
  margin: 10px 10px 0 0;
	padding: 15px 15px 20px 15px;
	background-color: #c1beb9;
}

#content-right-title {
  height: 25px;
  width: 220px;
  margin: 0 0 10px 0;
}

#content-right ul { list-style-image: url('../images/ul-1.gif'); margin: 0 0 0 15px; padding: 0; line-height: 190%; }

#content-right h1 { color: #302f2b; }

#content-right a { color: #383737; text-decoration: underline }
#content-right a:link, #content-right a:visited  { color: #383737; text-decoration: underline }
#content-right a:hover { color: #000; text-decoration: none }

/* Footer Section */

#footer {
	width: 766px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 20px 0 5px 0;
	clear: both;
	background: url('../images/bgr_footer.jpg') repeat-x top left #5d5d5d;
	text-align: center;
	font-size: 8pt;
	color: #9c9a9a;
}

#footer a { color: #fff; text-decoration: none; padding: 0 5px 0 5px }
#footer a:link, #footer a:visited { color: #fff; text-decoration: none }
#footer a:hover { color: #fff; text-decoration: underline }

#footer a.refLink { color: #bbb; text-decoration: none; padding: 0 }

/* Form stuff */

.inparray {
	border: 1px solid #c1beb9;
	background-color: #fefaf3;
	font-family: Verdana, Arial, sans-serif;
	color: #333;
	font-size: 8pt;
	width: 16em;
	height: 1.8em;
}

.inpselect {
	background-color: #fefaf3;
	border: 1px solid #c1beb9;
	font-family: Verdana, Arial, sans-serif;
	color: #333;
	font-size: 8pt;
	width: 12em;
	height: 16px;
}

.sendbtn {
	border: 1px solid #313131;
	background-color: #c1beb9;
	font-family: Verdana, Arial, sans-serif;
	color: #333;
	font-size: 9pt;
	width: 7em;
	height: 2em;
}

/* Tables */
table { background-color: none; font-size: 8pt; }

.colored { background-color: #c1beb9 }
.percent { width: 6em; text-align: right }
.row-heading { width: 9em; background-color: #c1beb9; text-align: center }

/* Other stuff */
.highlight { font-weight: bold; color: #667f1f }
.lnk { font-size: 8pt; color: #fffcc8; }
.contact { color: #fffcc8; }
.err { color: #f00; }

.mandatory { font-weight: bold; }

.vopLevel1 {
    list-style-type: decimal;
    margin-left: 20px;
    padding: 10px 0 10px 0; 
    font-weight: normal; 
}

.vopLevel1bold {
    list-style-type: decimal;
    margin-left: 20px;
    padding: 10px 0 10px 0; 
    font-weight: bold; 
}

.vopLevel2 {
    list-style-type: lower-alpha;
    margin-left: 20px; 
    padding: 10px 0 10px 0; 
    font-weight: normal; 
}

.vopLevel3 {
    list-style-type: circle;
    margin-left: 20px; 
    padding: 0; 
    font-weight: normal; 
}