/*=====================================================================*/
/*==              Musik Morel CH-5430 Wettingen                      ==*/
/*==-----------------------------------------------------------------==*/
/*==          Bildschirm - CSS made by media-konzept.ch              ==*/
/*==-----------------------------------------------------------------==*/
/*==  Copyright: 2009 Musik Morel CH-5430 Wettingen                  ==*/
/*==  Author   : media-konzept kuster, CH-5430 Wettingen             ==*/
/*==             Felix Kuster, Walti Zubler                          ==*/
/*==-----------------------------------------------------------------==*/
/*== Erste Version : 23.11.2009 Walti Zubler                         ==*/
/*== Aenderungen   : tt.mm.jjjj was wurde geaendert + Name           ==*/
/*==               : tt.mm.jjjj was wurde geanedert + Name           ==*/
/*=====================================================================*/

/*------------------ Allgemeine Definitionen -----------------*/

* {  /* Gillt für Alle IE's  */
    margin:0;
    padding:0;
}

html
{
  padding:0px;
  margin:0px;
  border:0px;
}

body
{
   background-color:#FFF;
   background-image:url(../layout_2009/bg_gradient.jpg);
   color:#424F76;
   margin:0px;
   padding:0px;
   font-family:Arial, sans-serif;
   font-size:13px;
}

a   {  text-decoration:none;  border:0;  outline-style:none;  outline-width:0;   }

hr  {  border: 0px;  border-top: solid 1px #000000;  border-bottom: transparent; }

h1  {  font-size:22px;  margin-bottom:10px;  }
h2  {  font-size:13px;  margin-bottom:10px;  }

.clear_float  {  clear:both;  }

/*------------------ Raumaufteilung -----------------*/

#arbeitsflaeche
{
  width:988px;
  margin: 0 auto;
  border:0;
}

#schatten_links
{
  width:14px;
  height:400px;
  display:block;
  background-image:url(../layout_2009/bg_schatten_links.png);
  background-repeat:no-repeat;
  background-position: 0px 87px;
  float:left;
}

#schatten_mitte
{
  width:960px;
  display:block;
  background-color:#FFF;
  float:left;
  margin-bottom:10px;
}

#schatten_rechts
{
  width:14px;
  height:400px;
  display:block;
  background-image:url(../layout_2009/bg_schatten_rechts.png);
  background-repeat:no-repeat;
  background-position: 0px 87px;
  float:left;
}

#kopfbereich
{
  width:960px;
  height:87px;
}

#titelgrafik
{
  width:960px;
  height:301px;
}

#navi_balken
{
  width:960px;
  height:25px;
  display:block;
  color:#FFF;
  background-color:#424F76;
}

#inhalt_bereich
{
}

#inhalt_links
{
  width:600px;
  float:left;
}

#inhalt_rechts
{
  width:360px;
  float:left;
}

.inhalt_padding_1
{
  padding:50px;
  padding-top:35px;
  padding-bottom:20px;
}

#fuss_balken
{
  width:960px;
  height:25px;
  display:block;
  color:#FFF;
  background-color:#424F76;
  text-align:center;
}

#fuss_inhalt
{
  padding-top:5px;
  color:#FFF;
  font-size:11px;
}

#marken_banner
{
  margin-top:20px;
  margin-bottom:10px;
  text-align:center;
}

#marken_banner_rahmen
{
  margin-left:8px;
  width:940px;
  border:1px #424F76 solid;
}

#marken_banner_rahmen a img  {  text-decoration:none;  border:0;  outline-style:none;  outline-width:0;  }

/*------------------------------------------------------*/
/*--               Hauptnavigation                    --*/
/*------------------------------------------------------*/

#main_navi_inhalt
{
  padding-top:5px;
  padding-right:15px;
  color:#FFF;
  font-size:12px;
  float:right;
}

.aq_navi_main
{
  float:left;
}

.aq_navi_main a, .aq_navi_main_selected a  {  color:#FFF;  }

.aq_navi_main_selected
{
  float:left;
}

.aq_navi_main_between
{
  padding-left:12px;
  padding-right:12px;
  font-size:11px;
  float:left;
}

/*------------------------------------------------------*/
/*--                 PopBox-Bilder                    --*/
/*------------------------------------------------------*/

#popbox_bilder  {  margin-top:50px;  }

.popbox      {  float:left;  margin-right:10px; margin-bottom:10px;  display:inline;  }
.popbox img  {  border:1px #404040 solid;  }

.popbox_leer      {  float:left;  margin-right:10px; margin-bottom:10px;  display:inline;  }
.popbox_leer img  {  width:150px;  height:100px;  border:1px #FFFFFF solid;  }

.PopBoxImageSmall
{
  cursor: url("/cms/PopBox/images/magplus.cur"), pointer;
}

.PopBoxImageLarge
{
  border: 2px solid #404040;
  cursor: url("/cms/PopBox/images/magminus.cur"), pointer;
}

/*---------------------------------------------*/
/*                 Terminliste                 */
/*---------------------------------------------*/

#mod_tlh
{
  text-align:left;
}

#mod_tlf
{
  text-align:left;
}

#mod_tl table
{
  width:520px;
  background-color:#fff;
  border-collapse:collapse;
}

#mod_tl th
{
  width:100%;
  text-align: left;
  vertical-align: middle;
  color:#EFEFBD;
  background-color:#424F76;
  padding-top:3px;
  padding-bottom:3px;
  padding-left:3px;
  font-size:13px;
  margin-top:5px;
  margin-bottom:5px;
}

#mod_tl td
{
  text-align: left;
  vertical-align: top;
  line-height:150%;
  padding-top:5px;
  padding-bottom:5px;
}

#mod_tl .border  {}

#mod_tl .hell    {  background-color:#424F76;  }
#mod_tl .dunkel  {  background-color:#424F76;  }

#mod_tl .sp0     {  width:90px;   }
#mod_tl .sp1     {  width:75px;   }
#mod_tl .sp2     {  width:100px;  }
#mod_tl .sp3     {  width:290px;  }
#mod_tl .sp4     {  width:220px;  }

#mod_tl .einrueck
{
  padding-left:15px;
}

td.sp3 a
{
  color:#404040;
}

td.sp3 a:hover
{
  text-decoration:underline;
}

/*---------------------------------------------*/
/*               Terminein/ausgabe             */
/*---------------------------------------------*/

#mod_te h2
{
  font-size:12px;
  font-weight:normal;
  color:#000000;
  margin-bottom:5px;
}

#mod_te p
{
  font-size:100%;
  color:#222222;
}

/*---------------------------------------------*/
/*                  Google Maps                */
/*---------------------------------------------*/

#karte_rahmen
{
  box-shadow: 10px 10px 5px #888;
  -moz-box-shadow: 10px 10px 5px #888;
  -webkit-box-shadow: 10px 10px 5px #888;
}

