/*====================================================================================*/
/*==                             Bildschirm - CSS   media-konzept.ch                ==*/
/*==--------------------------------------------------------------------------------==*/
/*==    Copyright:  m-tec  CH-5430 Wettingen                                        ==*/
/*==    Author:     media-konzept kuster, CH-5430 Wettingen:  Walti Zubler          ==*/
/*====================================================================================*/

/*------------------------------------------------------------*/
/*  Farben:                                                   */
/*         grau dunkel   :       #658196                      */
/*         grau hell:            #C1CDD2                      */
/*         grau content-bereich: #DAE2E4                      */
/*         orange:               #F9C700                      */
/*------------------------------------------------------------*/

/*------------------ Allgemeine Definitionen -----------------*/

* {
   margin:0;     /* Gillt für Alle  */
   padding:0;
}

html
{ 
  padding:0px; 
  margin:0px; 
  border:0px; 
}

body
{
  background-color:#FFFFFF;
  color:#000000;
  margin:0px;
  padding:0px;
  font-family: verdana,arial;
  font-size:11px;
  line-height:15px;
}

h1  {  color:#658196;  font-size:12px;  font-weight:bold;  padding-bottom:10px;  }

a   {  text-decoration:none;  border:0;  outline-style:none;  outline-width:0;  color:#f09100;  font-weight:bold;    }

.clear_float  {  clear:both;  }

.hystorie 
{
  padding-top:20px;
}

.hystorie a
{
  line-height:10px; /* Wegen IE7 sonst wird border-bottom nicht angezeigt */
  /*border-bottom: 1px solid #E11425;*/
  padding-left: 7px;
  background-image: url(../images/navi_pfeil_links.gif);
  background-repeat: no-repeat;
  background-position: 0px 5px;
  font-weight:normal;
}

.textzurueck a
{
 font-size:11px;
 font-weight:bold;
}

ul {padding-left:15px;}


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

#arbeitsflaeche
{
  margin: 0 auto;
  width:867px;
  border:0;
}

#kopfbereich  /* Kopfbalken mit Logos */
{
  margin-bottom:1px;
  background-color:#658196;
  height:56px;
  width:100%;
}

#kopf_mtec_schrift
{
  margin-left:20px;
  float:left;
}

#kopf_mtec_symbol
{
  margin-right:8px;
  margin-top:7px;
  float:right;
}

#spalten_1_3   /* Linke seite */
{
  float:left;
}

#spalte_1  /*  Leere graue Box     !!!! 26.3.2009 Fällt nach einmitten weg !!!!  */
{
  width:69px;
  height:180px;
  background-color:#C1CDD2;
  float:left;
}

#spalte_2  /*  Hauptnavigation */
{
  width:124px;
  height:180px;
  background-color:#C1CDD2;
  float:left;
}

#spalte_3  /*  Subnavigation */
{
  margin-left:1px;
  width:148px;
  min-height:180px;
  background-color:#F9C700;
  float:left;
}

#spalte_4  /*  Inhalt */
{
  margin-left:1px;
  width:593px;
  float:left;
}

#zusatz_navi_best_price
{
  position:absolute;
  top:240px;
}

#inhalt_illustration
{
  width:100%;
  height:180px;
}

#inhalt_hilfsnavi
{
  position:relative;
  top:1px;
  font-size:10px;
  width:100%;
  height:20px;
  color:#FFFFFF;
  background-color:#658196;
}

#hilfsnavi_left 
{
 float:left;
 padding-left:15px;
}

#hilfsnavi_right {
float:right;

}

#inhalt_hilfsnavi a 
{
 font-weight:normal;
}

#inhalt_bereich
{
  width:593px;
  min-height:200px;
  background-color:#DAE2E4;
}

#inhalt_fusszeile  /* Adresse und Link zum Drucken */
{
  font-size:10px;
  width:100%;
  height:20px;
  color:#FFFFFF;
  background-color:#658196;
}

#fusszeile_links
{
  padding-top:2px;
  padding-left:8px;
  float:left;
}

#fusszeile_rechts
{
  padding-top:2px;
  padding-right:8px;
  float:right;
}

/*---------------------------- Weitere Definitionen ---------------------------*/

/*--------------- Hauptnavigation ---------------*/

#hauptnavi_box
{
  padding-top:20px;
}

#hauptnavi_box a          {  color:#658196;  font-size:10px;  font-weight:bold;  }
#hauptnavi_box a:hover    {  color:#C1CDD2;  font-size:10px;  font-weight:bold;  }

.aq_main_link_box         {  width:100%;  height:18px;  display:block;  vertical-align:middle;  }
a:hover.aq_main_link_box  {  width:100%;  height:18px;  display:block;  background-color:#658196;  color:#C1CDD2;  }

.aq_navi_main             {  width:100%;  height:18px;   }
.aq_navi_main_selected    {  width:100%;  height:18px;  background-color:#658196;  }

.aq_navi_main_link             {  position:relative;  top:1px;   left:10px;  }
.aq_navi_main_link_selected    {  position:relative;  top:1px;   left:10px;  color:#C1CDD2;  }

/*---------------- Subnavigation ----------------*/

#subnavi_box
{
  padding-top:20px;
}

.aq_navi_sub1 a          {  color:#658196;  font-size:10px;  font-weight:bold;  }
.aq_navi_sub1 a:hover    {  color:#C1CDD2;  font-size:10px;  font-weight:bold;  }

.aq_navi_sub1_normal        {  width:100%;  height:18px;  display:block;  vertical-align:middle;  }
.aq_navi_sub1_selected_sub  {  width:100%;  height:18px;  display:block;  background-color:#658196;  color:#C1CDD2;  }
.aq_navi_sub1_selected      {  width:100%;  height:18px;  display:block;  background-color:#658196;  color:#C1CDD2;  }
a:hover.aq_navi_sub1_normal {  width:100%;  height:18px;  display:block;  background-color:#658196;  color:#C1CDD2;  }

.aq_navi_sub1_link          {  position:relative;  top:1px;  left:10px;  }
.aq_navi_sub1_link_selected {  position:relative;  top:1px;  left:10px;  color:#C1CDD2;  }

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

.aq_navi_sub2               {  position:relative;  left:15px;  font-size:10px;  font-weight:normal;  }

.aq_navi_sub2 a             {  color:#6f6f6f;  font-size:10px;  font-weight:normal;    }
.aq_navi_sub2 a:hover       {  color:#C1CDD2;  font-size:10px;  font-weight:normal;  }

.aq_navi_sub2_normal        {  width:100%;  height:16px;  display:block;  vertical-align:middle;  }

a:hover.aq_navi_sub2_normal {  width:133px;  display:block;  background-color:#658196;  color:#C1CDD2;  }

.aq_navi_sub2_selected      {  width:133px;  display:block;  background-color:#658196;  color:#C1CDD2;  }

.aq_navi_sub2_link          {  position:relative;  left:10px;  }
.aq_navi_sub2_link_selected {  position:relative;  left:10px;  color:#C1CDD2;  }

/*---------------- Hilfsnavigation ----------------*/

#hilfsnavi_box
{
  padding-top:2px;
  padding-right:8px;
}

.additionalnavi  {  color:#FFFFFF;  }
.additionalnavi a:active {  font-weight:bold;  }

/*----------------- Inhalt-Bereich ----------------*/

#inhalt_box
{
  padding-top:20px;
  padding-right:16px;
  padding-bottom:20px;
  padding-left:16px;
}

/*----------------------------------------------------------------*/
/*--                     Artikelliste                           --*/
/*----------------------------------------------------------------*/

.teaser_advanced
{
  width: 100%;
  margin-top: 20px;
  margin-bottom:10px;
} 
 
.headline_advanced
{
  color:#658196;  
  font-size:12px;  
  font-weight:bold;  
  margin-bottom: 10px;
}
 
.img_advanced0
{
  margin-right: 20px;
  margin-top:2px;
  float: left;
}

.text_advanced0
{
  margin-left: 10px;
  font-weight:bold;
  padding-bottom:5px;
  padding-top:2px;
  color: #3b3b3b;
}

.text_advanced1
{
  margin-left: 10px;
}

.more_advanced
{
  text-align: right;
  clear: both;
  padding-bottom: 10px;
  border-bottom: 1px #9D9EA2 dotted;
}

.more_advanced a
{
  font-weight:normal;
}

/*----------------------------------------------------------------*/
/*--                      bild1w                                --*/
/*----------------------------------------------------------------*/

.bild1w 
{
  margin-top:10px;
  margin-bottom:10px;
}

/*----------------------------------------------------------------*/
/*--                      Kontaktformular                       --*/
/*----------------------------------------------------------------*/

#contactForm {
    font-size:11px;
    padding-bottom:20px;
}
#contactForm .contactRow {
    margin:4px 0;
}
#contactForm label {
    display:block;
    float:left;
    width:80px;
}
#contactForm .contactRow input, #contactForm .contactRow textarea {
    border:1px solid #658196;
    width:240px;
}
#contactForm .contactRow select {
    border:1px solid #ccc;
    width:172px;
}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
    width:343px;
}

#contactForm .contactRow input {
    height:14px;
}

#contactForm .contactRow textarea {
    height:105px;
    font-size:10px;
}

#contactFormSubmit #contactFormSubmitLeft {
    float:left;
    margin:0 0 0 80px;
    width:60px;
}
* html #contactFormSubmit #contactFormSubmitLeft {
    margin:0 0 0 26px;


}
#contactFormSubmit #contactFormSubmitRight {
   float:left;
   width:174px;
}

#contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input {
    background-color:#fff;
    border:0;
    color:#0060b1;
    padding:0 20px 0 0;
    background-image:url(../images/link_pfeil.gif);
    background-repeat:no-repeat;
    background-position:right 4px;
    font-size:10px;
    width:auto;

    height:auto;
    margin:0;
}
#contactFormSubmit #contactFormSubmitLeft input {
    background-image:none;
    padding:0;
    float:left;
}

#contactForm table {
    width:100%;border-collapse:collapse;
}
#contactForm table td {
    padding:0;
}
#contactForm table td.pt {
    padding-top:2px;
}
* html #contactForm table td.pt {
    padding-top:0;
}

/*----------------------------------------------------------------*/
/*--                      Suchergebnis                         --*/
/*----------------------------------------------------------------*/

#searchResults {
    margin:0px;
}
#searchResults p.message {
    margin:20px 0 30px 0;
}
#searchResults div.searchResultItem {
    border-bottom:1px solid #ccc;
    margin:0 0 10px 0;
    padding:0 0 10px 0;
}
#searchResults div.searchResultItem h2 {
    font-size:14px;
    margin:0 0 5px 0;
    padding:0;
    color:#658196;
    font-style:normal;
}

#searchResults div.searchResultItem h2 a {
    color:#658196;
}

/*----------------------------------------------------------------*/
/*--                      UP- / Download                        --*/
/*----------------------------------------------------------------*/


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

#downloadheader
{
}

.downloaddata
{
  margin-top: 10px;
}

#dhead_line
{
  margin-top: 10px;
  border-bottom: 1px dotted #658196;
}
  
.dheader1
{
  font: 14px/14px georgia;
  color:#658196;
  width:45%;
  float:left;
}

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

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

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

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

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

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

.ddata4
{
  text-align: center;
}

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