/**
 * BTZ 2011
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2011 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage css3 styles and their workarounds
 * @author     gueldner
 * @since      19.07.2011
 * @version    $Id$
 **/
@media screen
{

  /*  =========================================================
  0. basic config
  1. site header
  2. keyvisual
  3. frontdoor content
  4. context elements
  5. main area elements
  6. footer
  ========================================================== */

  /*  =========================================================
   =0. basic config
  ========================================================= */
  .roundedBorder, .roundedBorderTop{ background:rgba(0, 0, 0, .2);}
  .roundedBorder{ z-index: -1;}
  form *[disabled=disabled]{ opacity:.2; filter:Alpha(opacity=20);}


  /*  =========================================================
   =1. site header
  ========================================================= */
  /*topnavi*/
  .header .nav ul li:hover a.top{ opacity:1; filter:Alpha(Opacity=100);}

  #mapnavigation .mapTypeSwitch a{ border-color:rgba(0, 0, 0, .2)!important;}

  /*map legend*/

  /*infoboard*/
  #largeMapContainer .mtk-infowindow{  box-shadow:0px 1px 2px #000; -moz-box-shadow:0px 1px 2px #000; -webkit-box-shadow:0px 1px 2px #000;}

  /*geo search*/
  .mtk-searchfield form{ border-color:rgba(0, 0, 0, .2);}


  /*  =========================================================
   =2. keyvisual
  ========================================================= */
  #keyvisual .keyvisualSearch h4{ opacity:.4; filter:Alpha(Opacity=40);}
  #keyvisual.live .keyvisualSearch h4{ opacity:.8; filter:Alpha(Opacity=80);}


  /*  =========================================================
   =3. frontdoor content
  ========================================================= */
  #CONT_frontdoorContent .roundedBorder{ box-shadow:0px 1px 2px #000; -moz-box-shadow:0px 1px 2px #000; -webkit-box-shadow:0px 1px 2px #000; z-index: 1;}

  /*quick search*/

  /*image teaser*/


  /*  =========================================================
   =4. context elements
  ========================================================= */
  /*context teaser*/
  .teaser.contextTeaser .image .roundedBorder{ box-shadow:0px 1px 2px #000; -moz-box-shadow:0px 1px 2px #000; -webkit-box-shadow:0px 1px 2px #000;}

  /*map teaser*/
  #CONT_content .contextArea .mapTeaser .map .roundedBorder{ box-shadow:0px 1px 2px #000; -moz-box-shadow:0px 1px 2px #000; -webkit-box-shadow:0px 1px 2px #000;}

  /*context search/filter*/

  #CONT_content .contextArea .contextSearch .preloader{ background-color:rgba(255, 255, 255, .75);}

  /*  =========================================================
   =5. main area elements
  ========================================================= */
  /*rubric teaser area*/
  #CONT_content .mainContentArea .rubricTeaserArea .teaser .image .roundedBorder{ box-shadow:0px 1px 2px #000; -moz-box-shadow:0px 1px 2px #000; -webkit-box-shadow:0px 1px 2px #000;}

  /*contentList*/
  .contentList .listElement .roundedBorder,
  .contentList .subListElement .roundedBorder,
  .contentList .listMapContainer .roundedBorder
  { box-shadow:0px 1px 2px rgba(0, 0, 0, .5); -moz-box-shadow:0px 1px 2px rgba(0, 0, 0, .5); -webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, .5);}

  .contentList .coverflow a.inactive{ opacity:.5; filter:Alpha(Opacity=50);}

  /*mainImage*/
  #CONT_content .mainContentArea .article .mainImage .roundedBorder{ box-shadow:0px 1px 2px black; -moz-box-shadow:0px 1px 2px black; -webkit-box-shadow:0px 1px 2px black;}
  .mainImage .positioner a{ opacity:.5; filter:Alpha(Opacity=50);}
  .mainImage .positioner a.active{ opacity:1; filter:Alpha(Opacity=100);}

  /*subContent*/
  .subContentArea .coverflow a.inactive{ opacity:.5; filter:Alpha(Opacity=50);}

  /*busker area*/
  #CONT_content .mainContentArea .contentTabs .tabContent .preloader,
  #CONT_content .mainContentArea .article .buskerArea .preloader
  { background-color:rgba(255, 255, 255, .75);}

  /*content tabs*/
  #CONT_content .mainContentArea .contentTabs .tabContentArea .roundedBorder,
  #CONT_content div.contentArea div.mainContentArea .roundedBorder
  { box-shadow:0px 2px 2px rgba(0, 0, 0, .5); -moz-box-shadow:0px 2px 2px rgba(0, 0, 0, .5); -webkit-box-shadow:0px 2px 2px rgba(0, 0, 0, .5);}

  /*content forms*/
  #CONT_content .mainContentArea .contentForm .formContentArea .roundedBorder{ box-shadow:0px 2px 2px rgba(0, 0, 0, .5); -moz-box-shadow:0px 2px 2px rgba(0, 0, 0, .5); -webkit-box-shadow:0px 2px 2px rgba(0, 0, 0, .5);}

  /*content search*/
  #CONT_content .mainContentArea .contentSearch .searchContentArea .roundedBorder{ box-shadow:0px 2px 2px rgba(0, 0, 0, .5); -moz-box-shadow:0px 2px 2px rgba(0, 0, 0, .5); -webkit-box-shadow:0px 2px 2px rgba(0, 0, 0, .5);}
  #CONT_content .mainContentArea .contentSearch .searchContentArea .preloader{ background-color:rgba(255, 255, 255, .85);}

  /*shoppingCart process bar*/

  /*shoppingCart tables*/

  /*shoppingCart insurance form*/
  .shoppingCart form.insurance .preloader{ background-color:rgba(255, 255, 255, .75);}

  /*shoppingCart functions*/
  #shoppingCartFunctions .priceInfos .preloader{ background-color:rgba(255, 255, 255, .75);}
  #shoppingCartFunctionsSmall .bigButton,
  #shoppingCartFunctions .bigButton
  { box-shadow:0px 0px 4px black; -moz-box-shadow:0px 0px 4px black; -webkit-box-shadow:0px 0px 4px black;}

  /*shoppingCart teaser*/
  .shoppingCart .teaserArea .teaser .roundedBorder{ box-shadow:0px 1px 2px #000; -moz-box-shadow:0px 1px 2px #000; -webkit-box-shadow:0px 1px 2px #000;}

  /*shoopingCart forms*/
  .shoppingCartForm .shoppingCart .shoppingCartContent .roundedBorder{ box-shadow:0px 2px 2px rgba(0, 0, 0, .5); -moz-box-shadow:0px 2px 2px rgba(0, 0, 0, .5); -webkit-box-shadow:0px 2px 2px rgba(0, 0, 0, .5);}

  /*  =========================================================
   =6. footer
  ========================================================= */
  .footer{ box-shadow: inset 0px 2px 5px rgba(0, 0, 0, .56); -moz-box-shadow: inset 0px 2px 5px rgba(0, 0, 0, .56); -webkit-box-shadow: inset 0px 2px 5px rgba(0, 0, 0, .56);}

}