/*
$ http://www.connecttel.hu $
$ style/style.css | 2006/12/09 07:32 $
$ LM: 2007/09/26 09:16 $
*/

body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 12px; color: #010101; background: #DA4D1B; }

a:link { color: #7D7D7D; text-decoration: underline; }
a:visited { color: #7D7D7D; text-decoration: underline; }
a:hover { color: #010101; text-decoration: underline; }

div#container {
  width: 865px;
  margin: 0 auto;
}

div#header {
  width: 865px;
}

  div#header div#headerLeft {
    width: 83px;
    height: 212px;
    background: url(header_left.gif);
    float: left;
  }

  div#header div#headerCenter {
    width: 609px;
    height: 212px;
    background: url(header.png);
    float: left;
  }

  div#header div#headerRight {
    width: 171px;
    height: 212px;
    background: url(header_right.gif);
    float: left;
  }

div#content {
  width: 786px;
  margin-left: 79px;
  clear: left;
}

  div#content div#menu {
    width: 210px;
    float: left;
  }

    div#content div#menuBody {
      width: 210px;
      background: url(menu_bg.gif) repeat-y;
      float: left;
    }

      div#content div#menuBody a { text-decoration: none; color: #FFFFFF; background: #010101; }
      div#content div#menuBody a:hover { text-decoration: underline; color: #FFFFFF; background: #010101; }
      div#content div#menuBody h1 { margin: 0 0 5px 13px; padding: 0; font-size: 11px; font-weight: normal; color: #575757; }
      div#content div#menuBody p { clear: left; margin: 0 0 0 13px; padding: 0 5px; font-size: 10px; }
      div#content div#menuBody p.dl { clear: left; margin: 0 0 10px 13px; padding: 0 5px; font-size: 10px; }
      div#content div#menuBody p img { display: block; margin: 0; padding: 0; float: left; }
      div#content div#menuBody p a { text-decoration: underline; }

      div#content div#menuBody ul { margin: 10px 10px 10px 0; padding-left: 10px; float: left; list-style-type: none; }
      div#content div#menuBody li { padding: 0; line-height: 32px; text-transform: uppercase; }
      div#content div#menuBody li img { margin-top: 6px; display: block; float: left; }

      div#content div#menuBody div#menuBodyContent {
        width: 210px;
        min-height: 84px;
        background: url(menu_top.gif) no-repeat top;
        color: #FFFFFF;
      }

      /*\*/
      * html div#content div#menuBody div#menuBodyContent { height: 84px; }
      /**/

    div#content div#menuBottom {
      clear: left;
      width: 210px;
      height: 46px;
      background: url(menu_bottom.gif) top;
    }


  div#content div#contentRight {
    margin: 0; padding: 0;
    width: 574px;
    min-height: 500px;
    background: #FFFFFF url(content_top.gif) no-repeat top;
    float: left;
  }

  /*\*/
  * html div#content div#contentRight { height: 500px; }
  /**/


    div#content div#contentRight div#contactLeft { padding-left: 180px; float: left; color: #E16822; width: 100px; text-align: right; font-weight: bold; }
    div#content div#contentRight div#contactRight { padding-left: 120px; float: left; color: #E16822; width: 100px; text-align: right; font-weight: bold; }

    div#content div#contentRight div#contentBody { clear: left; margin: 10px; font-size: 10px; }
      div#content div#contentRight div#contentBody div#contentBodyLeft { float: left; margin-top: 20px; width: 375px; }
        div#content div#contentRight div#contentBody div#contentBodyLeft h1 { color: #DA4D1B; font-size: 24px; font-weight: normal; text-transform: uppercase; }
        div#content div#contentRight div#contentBody div#contentBodyLeft h2 { color: #DA8B00; font-size: 18px; font-weight: normal; text-transform: uppercase; }
        div#content div#contentRight div#contentBody div#contentBodyLeft h2 a { color: #DA8B00; font-size: 18px; font-weight: normal; text-transform: uppercase; }
        div#content div#contentRight div#contentBody div#contentBodyLeft p { font-size: 12px; }
        div#content div#contentRight div#contentBody div#contentBodyLeft ul { list-style-type: square; }

      div#content div#contentRight div#contentBody div#contentBodyRight { float: left; margin-top: 40px; width: 175px; }
      div#content div#contentRight div#contentBody div#contentBodyRight table { color: #DA4D1B; width: 175px; }
      div#content div#contentRight div#contentBody div#contentBodyRight p { padding-top: 10px; }
      div#content div#contentRight div#contentBody div#contentBodyRight a { color: #DA4D1B; font-weight: bold; font-size: 11px; }
      div#content div#contentRight div#contentBody div#contentBodyRight a:hover { color: #DA4D1B; font-weight: bold; font-size: 11px; background: #FEE37F; }


  div#content div#contentRightBottom {
    width: 574px;
    height: 18px;
    background: #FFFFFF url(content_bottom.gif);
    clear: left;
    margin-left: 210px;
  }

  div#content div#footer {
    width: 574px;
    height: 100px;
    background: #FFFFFF url(footer_top.gif) no-repeat top;
    clear: left;
    margin: 20px 0 0 210px;
    padding-top: 15px;
    overflow: hidden;
  }

    div#content div#footer ul { clear: left; margin: 0 10px; padding: 0; list-style-type: none; }
    div#content div#footer li { float: left; padding: 0 7px; border-right: 1px solid; text-transform: lowercase; font-size: 10px; }
    div#content div#footer li.last { border-right: none; }
    div#content div#footer li a { color: #010101; }

    div#content div#footer img { border: none; }

    div#content div#footer div#copyright { margin: 15px 0; padding: 0 17px; float: left; font-size: 9px; color: #7D7D7D; width: 270px; }
    div#content div#footer div#logos { margin: 5px 15px 0 0; padding: 0; float: right; font-size: 9px; color: #7D7D7D; }
    div#content div#footer p { margin: 15px 0; padding: 0; float: left; font-size: 9px; color: #7D7D7D; }


/*
------
Navbar
------
*/
.navbar {
  width: 360px;
  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; }


/*
--------------
Készüléklisták
--------------
*/

      div#content div#contentRight div#contentBody div#contentBodyLeft div.phones { margin: 0; padding: 0; text-align: center; width: 365px; }

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

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


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

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

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

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

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

      div#content div#contentRight div#contentBody div#contentBodyLeft div.adverts:hover {
        background: #EBEBEB;
      }

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

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

      div#content div#contentRight div#contentBody div#contentBodyLeft div.adverts div.pd {
        width: 280px;
        margin: 0;
        padding: 0;
        float: left;
        overflow: hidden;
      }

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

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

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


/*
----------------------
Hirdetés megjelenítése
----------------------
*/
      div#content div#contentRight div#contentBody div#contentBodyLeft div.advertbox {
        margin: 15px 0;
        padding: 5px;
        width: 350px;
      }

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

        div#content div#contentRight div#contentBody div#contentBodyLeft div.advertbox div.body { width: 350px; text-align: left; color: #25345D; }

       div#content div#contentRight div#contentBody div#contentBodyLeft div.advertbox div.body div.image { width: 350px; text-align: center; }
       div#content div#contentRight div#contentBody div#contentBodyLeft div.advertbox div.body div.image img { width: 125px; border: 0px; }

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