/***********************************************/
/* CSS document for http://www.maot.hu website */
/* Copyright 2006 anaiz                        */
/* contact developer at info@anaiz.hu          */
/*                      wwww.anaiz.hu          */
/***********************************************/


/******************/
/* Basic settings */
/******************/

/* body definition */
body {
  font-size: 11px;
  font-family: tahoma, verdana;
  color: #5b747a;
  margin: 0;
  padding: 0;
  text-align: left;
  background-color: #000000;
  background-image: url('../img/maot_bg.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  scrollbar-base-color: #000000;
  scrollbar-arrow-color: #f14402;
  scrollbar-track-color: #400400;
  scrollbar-shadow-color: #000000;
  scrollbar-lightshadow-color: #000000; 
  scrollbar-darkshadow-color: #000000;
  scrollbar-highlight-color: #f14402;
  scrollbar-3dlight-color: #000000;   
}


body#popup {
  background-color: #fbfbfb;
}

/* set uniform boxes to start with, cancel img borders, and align every text to left */
div, h1, h2, h3, h4, h5, h6, p, td, ul, ol, li, label, a, form, input, img, span, table {
  padding: 0;
  margin: 0;
}

img {
  border: 0px none;
}

h1, h2, h3, h4, h5, h6, td, th {
  text-align: left;
}

/* basic class to float something to the right */
.r {
  float: right;
}


/* basic class to text-align something to center */
.c {
  text-align: center;
}


/********************/
/* Layout definiton */
/********************/




/* main container, everything goes inside it */
#main {
  position: absolute;
  width: 812px;
  left: 50%;
  height: 100%;
  margin-left: -406px;
  background-color: #fbfbfb;
  background-image: url('../img/maot_menu_bg.gif');
  background-repeat: repeat-y;
  background-position: top left;
}


#main2 {
  width: 812px;
  float: left;
  background-image: url('../img/maot_menu_bg.gif');
  background-repeat: repeat-y;
  background-position: top left;
}


/* top container, with logo and email link */
#top {
  width: 812px;
  height: 78px;
  background-image: url('../img/maot_top_bg.gif');
  background-repeat: no-repeat;
  background-position: top center;
}


#body {
  clear: both;
  float: right;
  width: 605px;
  background-color: #fbfbfb;
}

#menu {
  width: 204px;
  text-align: right;
}

#menu img {
  position: relative;
  left: 3px;
}

#submenu {
  width: 605px;
  height: 23px;
  background-image: url('../img/maot_submenu_bg.gif');
  background-repeat: repeat-x;
  background-position: top left;
}

#submenu ul {
  list-style-type: none;
  padding-left: 12px;
}

#submenu ul li {
  display: inline;
  list-style-type: none;
}


#submenu_off {
  width: 605px;
  height: 23px;
  background-image: url('../img/maot_submenu_off_bg.gif');
  background-repeat: repeat-x;
  background-position: top left;
}


#content {
  padding-left: 20px;
  padding-right: 30px;
  padding-top: 4px;
  padding-bottom: 12px;
}

strong {
color:#77959c;
}

#popup {
  width: 100%;
  height: 100%;
  background-color: #fbfbfb;
}

/***********/
/* Content */
/***********/
table {
border:0px;
}

td, th {
  vertical-align: top;
}

td ul, td ol, th ul, th ol {
  padding-left: 0;
  margin-left: 0;
  list-style-type: none;
}

td {
  padding:4px 20px 4px 1px;
  margin: 2px;
  font-size:11px;
  width:200px;
}

th {
  padding: 3px;
  margin: 2px;
  color: #ff8c32;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 1pt;
  text-transform: uppercase;
}

a {
  text-decoration: none;
  border: 0px;
  color:#FF6600;
}

a:hover {
  text-decoration: none;
  border: 0px;
  color:#62a1ff;
}

#content hr {
width:100%;
height:1px;
color:#ffffff;
}

#content ul {
padding-left:20px;
padding-top:8px;
padding-bottom:8px;
line-height:18px;
list-style-type: disc;
}

#content li {
list-style-type: disc;
}

#content h1 {
  font-size: 13pt;
  font-family: verdana;
  color: #ff8c32;
  letter-spacing: 1pt;
  text-transform: uppercase;
  font-weight:bold;
  margin-top: 0px;
  margin-bottom: 3px;
}
#content h2 {
  font-size: 10pt;
  font-family: verdana;
  color: #5795a4;
  font-weight:normal;
  margin-top: 1px;
  margin-bottom: 8px;
}

#content h2.szekciok {
  font-size: 11px;
  font-family: verdana;
  color: #5795a4;
  font-weight:bold;
  margin-top: 1px;
  margin-bottom: 2px;
  text-transform:uppercase;
}

#content h3 {
  font-size: 11px;
  font-family: verdana;
  color: #5795a4;
  font-weight:bold;
  margin-top: 20px;
  text-transform:uppercase;
  margin-bottom: 2px;
}
#content h4 {
  font-size: 11px;
  font-family: verdana;
  color: #7f9ca3;
  font-weight:bold;
  margin-top: 14px;
  margin-bottom: 0px;
}
#content p {
  text-align: justify;
  margin-top: 8px;
  margin-bottom: 8px;
  line-height:18px;
}

#content .link {
  font-size:11px;
  text-align: justify;
  margin-top: 2px;
  margin-bottom: 8px;
  line-height:16px;
  color:#21606f;
}

#content .ps {
  font-size:9px;
  text-align: justify;
  margin-top: 18px;
  margin-bottom: 8px;
  line-height:16px;
  color:#21606f;
}

#content .iro {
  font-size:9px;
  margin-top: 0px;
  margin-bottom: 8px;
  color:#21606f;
}

#content .link a {
  text-decoration: none;
  border: 0px;
  color:#155e6f;
  font-weight:bold;
}

#content .link a:hover {
  text-decoration: none;
  border: 0px;
  color:#62a1ff;
  font-weight:bold;
}

.input, .input2 {
  font-size: 11px;
  font-family: verdana;
  color: #656464;
}

.input2 {
  width: 210px;
}


a.submit {
  background-color: #ff8c32;
  border: 1px solid #454444;
  color: #ffffff;
  font-weight: bold;
  font-size: 11px;
  height: 17px;
}

a.submit:hover {
  background-color: #ff8c32;
  border: 1px solid #454444;
  color: #ffffff;
  font-weight: bold;
}