/*=====================================================================*/
/*==          Bildschirm - CSS made by media-konzept.ch              ==*/
/*==-----------------------------------------------------------------==*/
/*==  Copyright: 2009 QL Punk Band                                   ==*/
/*==  Author   : media-konzept kuster, CH-5430 Wettingen             ==*/
/*==             Felix Kuster, Walti Zubler, Lea Moser               ==*/
/*==-----------------------------------------------------------------==*/
/*== Erste Version :  3.12.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:#C9D202;
   color:#FFFFBE;
   margin:0px;
   padding:0px;
   font-family:Verdana, Helvetica, Arial, sans-serif;
   font-size:12px;
}

a, a img  {  text-decoration:none;  border:0;  outline-style:none;  outline-width:0;   }

hr  {  border: 0px;  border-top: solid 1px #808080;  border-bottom: transparent; }

ul  {  margin:0;  margin-left:25px;  padding:0;  }
li  {  margin:0;  padding:0;                     }

h1
{
  padding:0px;
  padding-bottom:10px;
  font-size: 18px;
  color:#C9D202;
}

h2
{
  padding:0px;
  padding-top:5px;
  padding-bottom:10px;
  font-size: 14px;
  color:#C9D202;
}

iframe  {  background-color:transparent;  }

.text3 a  {  font-size:11px;  color:#2b326c;  text-decoration:none;  }

.titel_news  {  color:white;  font-size:11px;  }

a.outlink
{
  padding-left: 10pt;
  background-image: url(../images/linkout3.gif);
  background-repeat: no-repeat;
  background-position: left 60%;
  color:#F8A718;
}

.text_cd_kaufen a  {  font-size:11px;  }

.eingerueckt_1  {  margin:10px;  }

.clear_float {  clear:both;  }

/*------------------ Raumaufteilung -----------------*/

#arbeitsflaeche
{
  width:800px;
  margin: 0 auto;
  margin-top:40px;
  margin-bottom:40px;
  border:0;
  background-image:url(/cms/upload/layout_2009/hintergrund.jpg);
}

#kopfbereich
{
  width:800px;
  height:156px;
  display:block;
  background-image:url(/cms/upload/layout_2009/header.jpg);
}

#kopf_navigation
{
  position:relative;
  left:340px;
}

#inhaltbereich  {  width:800px;  }

#linke_navigation
{
  width:187px;
  float:left;
}

#inhalt
{
  width:483px;
  float:left;
}

#rechte_navigation
{
  width:130px;
  float:left;
}

#news_termine
{
  width: 237px;
  height:40px;
  border-bottom: 3px #444 solid;
  border-right: 3px #444 solid;
  border-top: 3px #444 solid;
  border-left: 3px #444 solid;
  background-color: #8ea308;
  float:left;
}

#news_anmeldung
{
  width: 237px;
  height:40px;
  background-color: #f00505;
  border-bottom: 3px #444 solid;
  border-right: 3px #444 solid;
  border-top: 3px #444 solid;
  float:left;
}

#inhalt_content_box
{
  width: 477px;
  border-left: 3px #444 solid;
  border-bottom: 3px #444 solid;
  border-right: 3px #444 solid;
  background-image:url(/cms/upload/layout_2009/hintergrund_inhalt.jpg);
  background-position: -112px -70px;
}

#inhalt_content  {  padding:5px;  padding-bottom:15px;  }

#inhalt_content a        {  color:#F8A718;                 }
#inhalt_content a:hover  {  text-decoration:underline;  }

.titel_news      {  padding-left:5px;  padding-right:5px;  line-height:12px;   }
.titel_news a    {  color:#F8A718;  }

#linke_navigation_inhalt  {  padding-left:10px;  }

#linke_navigation_inhalt a img  {  margin-bottom: -2px;  }

#rechte_navigation_inhalt {  width:125px;  margin-left:5px;  text-align:center;  }

#fuss_navigation         {   padding-top:5px;  padding-left:10px;  padding-bottom:10px;  color:#F8A718;  }

#fuss_navigation a       {  color:#FDAA1A;                      }

#fuss_navigation a:hover {  text-decoration:underline;       }

/*----------------- Termin-Teaser -----------------*/

#mod_ttl
{
  padding-left:5px;
  padding-right:5px;
  font-size:11px;
  line-height:12px;
}

#mod_ttl table
{
  width:220px;
  border-collapse:collapse;
}

#mod_ttl .sp1  {  width:70px;   }
#mod_ttl .sp2  {  width:150px;  }

/*----------------- Terminliste --------------------*/

#mod_te  {  margin:5px;  }

#mod_tl table
{
  width:465px;
  background-color:#8ea308;
  border-collapse:collapse;
  margin-bottom:10px;
}

#mod_tl th
{
  width:100%;
  text-align: left;
  vertical-align: middle;
  color:#EFEFBD;
  background-color:#F00505;
  padding-top:2px;
  padding-bottom:2px;
  padding-left:2px;
}

#mod_tl td
{
  text-align: left;
  vertical-align: top;
  line-height:150%;
}

tr.termlist td.sp0  {  padding-left:4px;  }

#mod_tl .sp0  {  width:30px;   }
#mod_tl .sp1  {  width:65px;   }
#mod_tl .sp2  {  width:110px;  }
#mod_tl .sp3  {  width:230px;  }
#mod_tl .sp4  {  width:200px;  }

#mod_tl a     {  font-size:11px;   color:#444;  }

td.sp2 a      {  color:#333;  }

/*----------------------------------------------------------------*/
/*--                     Artikelliste auf Startseite            --*/
/*----------------------------------------------------------------*/

.teaser_advanced
{
  width: 465px;
  margin-top:5px;
  border: 1px #8EA308 dotted;
}

.teaser_start_inhalt
{
  padding-top:2px;
  padding-bottom:2px;
  margin-left:2px;
  float:left;
}

.teaser_start_bild
{
  float:left;
}

.teaser_start_text
{
  padding-left:10px;
  float:left;
}

.teaser_start_more    {  width:350px;     }
.teaser_start_more a  {  font-size:11px;  }

.teaser_start_content
{
  padding-top:5px;
  padding-bottom:5px;
  width:350px;
}

.teaser_start_headline
{
  width:350px; font-size: 12px;  font-weight: bold;
}

.text_advanced_x
{
  width:350px;
  text-align:left;
}

.text_advanced_x a  {  font-size:11px;  color:#DDD;  }

/*----------------------------------------------------------------*/
/*--                     Download Liste                         --*/
/*----------------------------------------------------------------*/

#downloadtable
{
  width: 100%;
  margin-top: 10px;
}

#downloadheader
{
}

.downloaddata
{
  margin-top: 10px;
}

#dhead_line
{
  margin-top: 5px;
  border-bottom: 1px dotted #8EA308;
}

.dheader1
{
  font: 14px/14px verdana;
  color:#FFFFBE;
  width:45%;
  float:left;
}

.dheader2
{
  width:20%;
  font: 14px/14px verdana;
  color:#FFFFBE;
  text-align: center;
  float:left;
}

.dheader3
{
  width:15%;
  font: 14px/14px verdana;
  color:#FFFFBE;
  float:left;
}

.dheader4
{
  font: 14px/14px verdana;
  color:#FFFFBE;
  text-align: center;
}

.ddata1
{
  width:45%;
  float:left;
}

.ddata1 a  {  font-size:11px;  }

.ddata2
{
   width:20%;
   text-align: center;
   float:left;
}

.ddata3
{
  width:15%;
  float:left;
}

.ddata4
{
  text-align: center;
}

.dfiledesc
{
  color: #9D9EA2;
  font-size: 9px;
}

/*----------------------------------------------------------------*/
/*--                     Sitemap                                --*/
/*----------------------------------------------------------------*/

a.sitemap_level1
{
  font-size:11px;
  display:block;
  border-bottom:1px solid #b4a8b4;
  color:rgb(217,104,28);
  font-weight:bold;
  padding-bottom:.4em;
  background:url("../images/navi_pfeil_rechts.gif") no-repeat;
  background-position:right;
}

a.sitemap_level2
{
  font-size:11px;
  color:rgb(62,77,116);
  background:url("../images/navi_pfeil_rechts.gif") no-repeat;
  background-position:170px 4px;
  display:block;
}

a.sitemap_level3
{
  font-size:11px;
  color:rgb(190,190,190);
}

.sitemap_level2_container
{
  float:left;
  width:50%;
  padding-top:.3em;
}

.sitemap_level3_container
{
  float:right;
  width:50%;
  padding-top:.3em;
}

/*----------------------------------------------------------------*/
/*--                     Newsletter                             --*/
/*----------------------------------------------------------------*/

#newsletterbox
{
  padding-bottom:0px;
  padding-top:.0px;
  margin-top:10px;
  margin-bottom:20px;
}

#newsletterbox_table
{
  width: 195px;
}

.newsletterbox_tr
{
  width: 190px;
  padding-bottom: 10px;
}

.newsletterbox_td1
{
  font-size: 11px;
  width: 60px;
  float:left;
}

.newsletterbox_td2
{
  font-size: 11px;
  width: 60px;
}

input
{
  background-color:#EAEAEA;
  font-size:11px;
  width: 100px;
  border: 1px #ffffff solid;
}

select
{
  background-color:#EAEAEA;
  font-size:11px;
  border: 1px #ffffff solid;
}

/*----------------------------------------------------------------*/
/*--                      Newsletter-Anmeldung                  --*/
/*----------------------------------------------------------------*/

.contactRow         {  padding-bottom:5px;  }
.contactRow label   {  width:80px;   display:block;  float:left;  }
.contactRow input   {  width:200px;  display:block;  float:left;  }
.contactRow select  {  width:200px;  display:block;  float:left;  }