/*
$ http://www.bayergsm.hu $
$ style/style.css | 2006/07/03 22:11 $
$ LM: 2006/07/08 00:18 $
*/

body { margin: 0; padding: 0; font-family: Verdana, Tahoma, Arial, Sans-serif; font-size: 12px; color: #000000; background: #01233E; }

/*
------
Navbar
------
*/
.navbar {
  width: 100%;
  font-weight: normal; font-size: 11px; color: #000000;
}

.navbar .inactive {
  font-weight: normal; font-size: 11px; color: #AAAAAA;
}

.navbar a:link { font-weight: normal; font-size: 11px; color: #000000; text-decoration: none; }
.navbar a:active { font-weight: normal; font-size: 11px; color: #000000; text-decoration: none; }
.navbar a:visited { font-weight: normal; font-size: 11px; color: #000000; text-decoration: none; }
.navbar a:hover { font-weight: normal; font-size: 11px; color: #000000; text-decoration: underline; }

/* Beviteli mezők */
.inputbox {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  height: 16px;
  color: #000000;
  background: #FFFFFF;
  border: #25383F 1px solid;
  padding-top: 2px;
  margin: 2px;
}

.inputarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  background: #FFFFFF;
  border: #25383F 1px solid;
  padding-top: 2px;
  margin: 2px;
}

.inputlist {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  background: #FFFFFF;
  border: #25383F 1px solid;
  padding-top: 2px;
  margin: 2px;
}

a:link { color: #24345C; text-decoration: none; }
a:visited { color: #24345C; text-decoration: none; }
a:hover { color: #24345C; text-decoration: underline; }

/* Felső kis vékony csík */
#top {
  height: 22px;
  color: #EBEBEB;
  font-size: 10px;
  text-align: right;
  margin: 0;
}

#top a { color: #EBEBEB; }

/* Konténer */
#wrapper {
  width: 840px;
  margin-left: auto;
  margin-right: auto;
}

/* Fejléc */
#header {
  background: url(header_bg.gif) repeat-x;
  width: 840px;
  height: 190px;
  overflow: hidden;
}

  /* Telefon logo */
  #header #llogo {
    position: relative;
    top: 11px;
    left: 20px;
    background: url(llogo.gif);
    width: 124px;
    height: 181px;
    float: left;
  }

  /* Menü */
  #header #menu {
    position: relative;
    left: 111px;
    width: 250px;
    height: 192px;
    float: left;
  }

  /* Nyil a menüpontokhoz */
  #header #menu .list { position: relative; top: 6px; width: 10px; height: 8px; background: url(menu_li.gif) no-repeat; float: left; }

  #header #menu a { color: #FFFFFF; text-decoration: none; }
    #header #menu ul { margin-top: 8px; list-style-type: none; color: #FFFFFF; font-size: 14px; font-weight: bold; text-transform: uppercase; }
    #header #menu li { padding: 5px; border-bottom: #F9905C 1px solid; height: 18px; }
    #header #menu li:hover { background: #CB5115; }
    #header #menu li.hover { background: #CB5115; }

  /* Menü árnyék */
  #header #menu_rs {
    position: relative;
    left: 111px;
    background: url(menu_rs.gif);
    width: 26px;
    height: 190px;
    float: left;
  }

  /* Céglogo */
  #header #rlogo {
    position: relative;
    top: 0px;
    left: 125px;
    background: url(rlogo.gif);
    width: 273px;
    height: 135px;
    float: left;
  }

  /* Elérhetőségek */
  #header #address {
    position: relative;
    top: 15px;
    left: 105px;
    width: 340px;
    height: 150px;
    float: left;
    font-size: 11px;
  }

  #header #address a { color: #000000; }

/* Tartalom */
#content {
  background: #FFFFFF url(content_bg.gif);
  width: 840px;
  overflow: auto;
}

  /* Tényleges tartalom */
  #content #left {
    width: 485px;
    float: left;
  }

  #content #left #title { font-size: 18px; text-transform: uppercase; font-weight: bold; }

  #content #left div { padding: 5px 0 0 5px; }

  /* Gyártó lista és kereső */
  #content #right { padding: 0; width: 355px; float: left; }
    #content #right #pl { float: left; width: 178px; }
    #content #right #pl p { font-size: 10px; font-weight: bold; color: #F76015; padding: 5px; height: 50px; }
    #content #right #pl table { margin: 0 0 1em 0; padding: 0; width: 178px; font-size: 10px; border-collapse: collapse; }
    #content #right #pl td { border-bottom: #868686 1px solid; padding-left: 5px; }
    #content #right #pl td:hover, td:hover a { background: #F76015; color: #FFFFFF; }
    #content #right #pl td.hover, td.hover a { background: #F76015; color: #FFFFFF; }
    #content #right #search { float: left; width: 176px; }
    #content #right #search p { font-size: 10px; font-weight: bold; color: #F76015; padding: 5px; height: 50px; }
    #content #right #search table { margin: 0; padding: 0; width: 176px; font-size: 10px; border-collapse: collapse; }
    #content #right #search td { border-bottom: #868686 1px solid; padding-left: 5px; }
    #content #right #search td:hover, td:hover a { background: #F76015; color: #FFFFFF; }
    #content #right #search td.hover, td.hover a { background: #F76015; color: #FFFFFF; }

/* Lábléc */
#footer {
  color: #FFFFFF;
  width: 840px;
  height: 192px;
  margin: 5px;
}

#footer a { color: #FFFFFF; }
#footer img { border: 0; }

  #footer #copyright { font-size: 10px; width: 240px; float: left; }
  #footer #copyright div { padding: 10px; float: left; }
  #footer #hihi { font-size: 10px; width: 300px; float: left; }
  #footer #hihi div { padding: 10px; clear: left; }
  #footer #bibi { font-size: 10px; width: 300px; float: left; }
  #footer #bibi div { margin: 0; padding: 5px; float: left; }

/*
--------------
Készüléklisták
--------------
*/
#content #left div div.phones { margin: 0; padding: 0; text-align: center; }

#content #left div div.phones .typelist { width: 100%; margin: 0; padding: 0; }
#content #left div div.phones .typelist ul { margin: 0; padding: 0 0 0 0; list-style-image: url(hint.gif); }
#content #left div div.phones .typelist li { display: inline; margin: 0; padding: 0 5px 0 0; border-right: 1px solid black; }

/*\*/
* html #content #left div div.phones .typelist li { display: inline; margin: 0; padding: 0 0 0 5px; border-right: 1px solid black; } /* IE-hez padding */
/**/


#content #left div div.phones .typelist li.last { border-right: none; } /* Gyikfos IE miatt kell mert nem ismeri az li + li-t. */

#content #left div div.phones .phonelist { width: 100%; margin: 0; padding: 0; }
#content #left div div.phones .phonelist td { margin: 0; padding: 0; border: #CCCCCC 1px solid; width: 25%; }
#content #left div div.phones .phonelist img { width: 80px; border: 0; }

#content #left div div.phones h1, h2, h3 { clear: left; text-align: left; }

#content #left div div.phones table.datasheet { width: 100%; }
#content #left div div.phones table.datasheet td { width: 50%; text-align: left; }

/*
--------------------
Hirdetések listázása
--------------------
*/
#content #left div div.adverts {
  margin: 1em;
  padding: 5px;
  border: #CCCCCC 1px solid;
  background: #FFFFFF;
  overflow: auto;
  clear: left;
  width: 440px;
}

#content #left div div.adverts:hover {
  background: #EBEBEB;
}

#content #left div div.adverts div.pi {
  background: #FFFFFF;
  border: 1px solid;
  margin: 0;
  padding: 0;
  width: 60px;
  float: left;
  text-align: center;
}

#content #left div div.adverts div.pi img {
  border: 0px;
  width: 60px;
}

#content #left div div.adverts div.pd {
  width: 375px;
  margin: 0;
  padding: 0;
  float: left;
  overflow: hidden;
}

#content #left div div.adverts div.pd div.head { padding: 5px; clear: left; }
  #content #left div div.adverts div.pd div.head div.subject { padding: 0px; font-size: 14px; font-weight: bold; float: left; }
  #content #left div div.adverts div.pd div.head div.cost { padding: 0px; float: right; }

#content #left div div.adverts div.pd div.desc {
  text-align: left;
  clear: both;
}

#content #left div div.adverts div.pd div.bottom {
  text-align: right;
  clear: right;
}


/*
----------------------
Hirdetés megjelenítése
----------------------
*/
#content #left div div.advertbox {
  margin: 1em;
  padding: 5px;
  width: 440px;
}

  #content #left div div.advertbox div.head { width: 424px; }
    #content #left div div.advertbox div.head .flower { width: 24px; float: left; }
    #content #left div div.advertbox div.head .subject { margin: 0; padding: 0; width: 200px; float: left; font-size: 16px; font-weight: bold; color: #25345D; text-align: left; }
    #content #left div div.advertbox div.head .buttons { width: 200px; float: right; text-align: right; }
    #content #left div div.advertbox div.head .buttons img { border: 0px; }
    #content #left div div.advertbox div.head .date { margin: 0; padding: 0; clear: left; color: #74A726; text-align: left; }

  #content #left div div.advertbox div.body { width: 424px; text-align: left; color: #25345D; }

 #content #left div div.advertbox div.body div.image { width: 424px; text-align: center; }
 #content #left div div.advertbox div.body div.image img { width: 125px; border: 0px; }

  #content #left div div.advertbox div.body table { width: 100%; margin-top: 1em; border-collapse: collapse; }
  #content #left div div.advertbox div.body td.odd { background: #FFFFFF; }
  #content #left div div.advertbox div.body td.even { background: #EBEBEB; }