/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet fur das Bildschirm-Layout
 *
 * @creator       YAML Builder V1.2.1 (http://builder.yaml.de)
 * @file          basemod.css
 * @-yaml-minver  3.3
 */

@media screen, projection
{
  /** 
   * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera 
   * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera 
   *
   * @workaround
   * @affected IE8, FF, Webkit, Opera
   * @css-for all
   * @valid CSS3
   */

  body { overflow-y: scroll; }


}


  /*-------------------------------------------------------------------------*/

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { background: #fff none; padding: 10px 0; }
  
  p, h1, h2, h3, h4, h5, h6 { margin: 10px auto;}
  

  /* Layout Alignment | Layout-Ausrichtung */
  .page_margins { margin: 0 auto; }

  /* Layout Properties | Layout-Eigenschaften */
  .page_margins { width: auto;  min-width: 740px; max-width: 90em; background: #fff; }
  .page { padding: 10px 10px 10px 10px; }
  #header { position:relative; padding: 10px 0em 43px 20px;}
  #logo {width:100px; float:left; font-size:26px; text-decoration: none;}
  #logo  a:hover{width:100px; float:left; font-size:26px; color: #fff;;}
  #topnav { position:absolute; top:10px; right:20px; text-align:right; color: #aaa; background: transparent; width:98%; }
  #nav { overflow:hidden; }
  div.hlist { background-color: #c8ddf3 }
  #main { margin: 0px 0; background: #fff; }/* было margin: -20px */
  #teaser { clear:both; padding: 0 20px; margin: 5px 0 1px 10px; }
  #teaser2 { clear:both; padding: 0 20px; margin: 5px 0  }
 #coomeet{z-index: 1001; position: absolute; *position:absolute; background-color: #DEE1E1; width: 950px !important; height:600px !important;}
  /* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
  #nav ul { margin-left: 20px; }

  /*-------------------------------------------------------------------------*/

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */

  #col1 {font-size:17; float: left; width: 185px; }
  #col2 { display:none}
  #col3 {font-size:16; width: auto; margin: 0 0 0 1%; overflow:auto;}
  
  #col3_content {font-size:16px; padding: 0 20px 0 30px }
	
  /*-------------------------------------------------------------------------*/

  .page_margins {
    border: 0 none;
    /*background-image:  url(../../images/gfxborder/border_left.gif);*/
    background-repeat:repeat-y;
    background-position:left;
  }

  .page {
    border: 0 none;
  
    /*background-image:  url(../../images/gfxborder/border_right.gif);*/
    background-repeat:repeat-y;
    background-position:right;
  }


  #border-top {
    overflow:hidden;
    width: auto;
    height: 0px;
    font-size:0;
    margin-bottom: -62px;
    /*background-image:  url(../../images/gfxborder/border_top.gif);*/
    background-repeat:repeat-x;
    background-position:top left;
  }

  #border-bottom {
    overflow:hidden;
    width: auto;
    height: 20px;
    margin-top: -15px;
    font-size:0;
    /*background-image:  url(../../images/gfxborder/border_bottom.gif);*/
    background-repeat:repeat-x;
    background-position:bottom left;
  }

  #edge-tl {
    float:left;
    width: 20px;
    height: 20px;
    font-size:0;
   /* background-image:  url(../../images/gfxborder/corner_tl.gif);*/
    background-position: top left;
  }

  #edge-tr {
    position:relative; /* IE Fix | z-index */
    float:right;
    width: 20px;
    height: 20px;
    font-size:0;
    /*background-image:  url(../../images/gfxborder/corner_tr.gif);*/
    background-position: top right;
  }

  #edge-bl {
    float:left;
    width: 20px;
    height: 20px;
    /*background-image:  url(../../images/gfxborder/corner_bl.gif);*/
    background-position: bottom left;
  }

  #edge-br {
    position:relative; /* IE Fix | z-index */
    float:right;
    width: 20px;
    height: 20px;
    /*background-image:  url(../../images/gfxborder/corner_br.gif);*/
    background-position: bottom right;
  }
  
  /* ---------------------------------------------------- MY STYLE-------------------------------------- */
  
  table img{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;	
  }
  
  
  table img:hover {  
  -webkit-box-shadow: 0px 0px 40px #000000; /* Safari 3-4, iOS 4.0.2-4.2, Android 2.3+ */
  -moz-box-shadow: 0px 0px 40px #000000; /* Firefox 3.5-3.6 */
  box-shadow: 0px 0px 5px #000000; /* Opera 10.5+, IE 9+, Firefox 4+, Chrome 6+, iOS 5+ */
  border-radius: 2px;
  border: solid 1px #2a2b47;
}


#VerticalSlidingMenu{
    position:relative;
    width:100%;
    padding:0 7px;
    margin: 0 0 0;
    background:#fff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 15px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 15px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 15px rgba(0, 0, 0, 0.1) inset;
}
 
#VerticalSlidingMenu:before,
#VerticalSlidingMenu:after {
    content:"";
    position:absolute;
    z-index:-2;
}
 
#VerticalSlidingMenu:before {
    top:0px;
    bottom:0px;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
       -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
            box-shadow:0 0 15px rgba(0,0,0,0.6);
    -moz-border-radius:100px / 10px;
         border-radius:100px / 10px;
}
 
#VerticalSlidingMenu h3 {font-size:17px; color: #494949; position:relative; top:7px;}       

hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,0)); 
}

#live_counter{
	float: right;
	top: -6px;
	right: -14px;
}

#share {padding:7px 30px 10px 10px;}
#plus1 {float:right;  overflow:hidden; width:67px;}
#fb {float:right; overflow:hidden; width:137px;}
#vk {float:right; overflow:hidden;  width:150px;}
#moikrug {float: right;  overflow:hidden; width:240px;}
#tw {float: right;  overflow:hidden; width:100px;}
}
#navigation { float: right; margin-right: 50px; padding-top: 8px; }


#col4 { width: auto; margin: 0 0 0 1%; overflow:hidden;}

#preload1 {

    width: 950px;
    height: 750px;
	opacity: 0.8; /* Значение прозрачности */
    filter: alpha(Opacity=70); /* Прозрачность в IE */
	 background:#000;
	 
}

#preload {
    width: 950px;
    height: 750px;
	margin-top: 20px;
	
	
}
#preload  td {
margin: 20px:
}

#chat {padding:0 0px 0 0px;
margin: 0 auto;
    width: 950px;
    height: 750px;