/*=====================================================================*/
/*==          Bildschirm - CSS  für www.abt-bodenbelaege.ch          ==*/
/*==-----------------------------------------------------------------==*/
/*==    Copyright:  media-konzept kuster, CH-5430 Wettingen          ==*/
/*==    Author:     Walti Zubler                                     ==*/
/*=====================================================================*/

/*=========================================================*/
/*------------------ Globale Definitionen -----------------*/
/*=========================================================*/

* {
    margin:0;
    padding:0;
}

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

body
{
  border:0px;
  background-color:#333399;  /* Blau */
  margin:0px;
  padding:0px;
  font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
  font-size:13px;
}

a        {  border:0px;  outline-style:none;  outline-width:0;  text-decoration:none;  color:#333399;  /* Blau */  }
a:hover  {  color:#222B5C;  }

a.linkout
{
  padding-left: 10pt;
  background-image: url("../images/linkout.gif");
  background-repeat: no-repeat;
  background-position: left 60%;
}

img      {  border:0;  outline-width:0;  }


.clear_float  {  clear:both;  width:0;  height:0;  overflow:hidden;  /* IE6 */  }

.titel_h1 h1  {  font-family:'Times New Roman',Times,serif;  font-size:22px;  font-weight:normal; padding-bottom:10px;  }
.titel_h2 h2  {  font-family:'Times New Roman',Times,serif;  font-size:22px;  font-weight:normal; padding-bottom:10px;  }

h3            {  font-family:'Times New Roman',Times,serif;  font-weight:normal; font-size:22px;  }
h4            {  margin-bottom:2px;  font-family:'Times New Roman',Times,serif;  font-weight:normal; font-size:16px;  }
.small            {  margin-bottom:2px;  font-family:'Times New Roman',Times,serif;  font-weight:normal; font-size:13px;  }
.headline     {  padding-bottom:5px;  }

.eingerueckt  {  padding-left:14px;  padding-top:2px;  padding-right:40px;  }

.hr_linie     {  width:100%;  height:1px;  background-image:url(../layout/hr_linie.gif);  line-height:1px;  overflow:hidden; /* IE6 */  }

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

#arbeitsflaeche                 /*  Seiten-Bereich   */
{
  width:798px;         
  margin: 0 auto;   /*  Im Browserfenster zentriert  */
}

#workbereich
{
  margin-top:8px;
  margin-bottom:10px;
  background-color:#FFF;   /* Weiss */
}

#kopfbereich
{
  width:100%;
  height:88px;
  display:block;
}

#kopfbereich_logo
{
  width:798px;
  overflow:hidden;
}

#kopfbereich_text
{
  font-family: arial, sans-serif;
  position:relative;
  top:18px;
  left:20px;
  font-size:48px;
  color:#333399;  /* Blau */
  float:left;
}

.kopfbereich_text_big
{
  font-size:56px;
}

#hauptnavibereich
{
  position:relative;
  width:798px;
  height:26px;
  display:block;
  background-color:#01B119;  /* Gruen  */
  overflow:hidden;  /*  IE6  */
}

#illustration_bereich
{
/*  margin-top:1px;  */
  width:798px;
  height:250px;
  display:block;
}

#panorama_bereich
{
/*  margin-top:1px;  */
  width:798px;
  height:250px;
  display:block;
}

#inhaltbereich_3_spalten       /*  Dieser Bereich wird in die Spalten aufgeteilt  */
{
  margin-top:10px;
  margin-bottom:10px;
  width:100%;
  background-image:url(../layout/hg_2_linien.gif);
  background-repeat:repeat-y;
  display:block;
}

#inhaltbereich_2_spalten       /*  Dieser Bereich wird in die Spalten aufgeteilt  */
{
  margin-top:10px;
  margin-bottom:10px;
  width:100%;
  background-image:url(../layout/hg_1_linie.gif);
  background-repeat:repeat-y;
  display:block;
}

#fussnavigation  /* Impressum / Datenschutz / Kontakt  */
{
  position:relative;
  width:798px;
  height:26px;
  display:block;
  color:#FFFFAA;
  background-color:#01B119;  /* Gruen  */
}

#fussbereich
{
  width:100%;
  height:30px;
}

.fusszeilen_text
{
  padding-top:6px;
  padding-right:20px;
  text-align:right;
  color:#909090;
  font-size:12px;
}

/*--------------------- Spalten ---------------------*/

#spalten3_links
{
  width:230px;
  float:left;
}

#spalten3_links_inhalt
{
  padding-top:10px;
  padding-bottom:10px;
  padding-left:10px;
  width:210px;
}

#spalten3_mitte
{
  float:left;
  width:330px;
}

#spalten3_mitte_inhalt
{
  padding-top:10px;
  padding-bottom:10px;
  padding-left:10px;
  width:310px;
}

#spalten3_rechts
{
  float:left;
  width:234px;
}

#spalten3_rechts_inhalt
{
  padding-top:10px;
  padding-bottom:10px;
  padding-left:10px;
  width:220px;
}

#spalten2_rechts
{
  float:left;
  width:562px;
}

#spalten2_rechts_inhalt
{
  padding-top:10px;
  padding-bottom:10px;
  padding-left:10px;
  width:550px;
}

/*===================================================*/
/*------------------- Navigationen ------------------*/
/*===================================================*/

/*----------------------------------------------------------------*/
/*--                      aQ-Navigation - Main                  --*/
/*----------------------------------------------------------------*/

#aq_navi_bereich
{
  padding-top:3px;
  padding-left:16px;
  font-size:16px;
  color:#FFFFAA;
}

.aq_navi_main
{
  position:relative;
  z-index:99;
}

.aq_navi_main_selected
{
  position:relative;
  z-index:199;
}

.aq_navi_main a
{
  float:left;  
  color:#FFFFAA;
/*  color:#D3D33F;  */
  text-decoration:none;
}

.aq_navi_main_selected a
{
  float:left;  
  color:#FFD47F;
  text-decoration:none;
}

.aq_navi_main a:hover
{
  float:left; 
  color:#FFD47F;
}

.aq_navi_main_between
{
  padding-left:5px;
  padding-right:5px;
  float:left;
}

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

.aq_navi_sub1
{
 font-size:14px;
 color:#333399;  /* Blau */
 padding-top:3px;
 padding-left:10px;
}

.aq_navi_sub1 a:hover
{
  color:#909090;
}

.aq_navi_sub1_normal
{
 font-size:14px;
 color:#333399;  /* Blau */
 padding-left:5px;
}

.aq_navi_sub1_normal_sub
{
 font-size:14px;
 color:#333399;  /* Blau */
 padding-left:5px;
}

.aq_navi_sub1_selected
{
 font-size:14px;
 color:#909090;
 padding-left:5px;
}

.aq_navi_sub1_selected_sub
{
 font-size:14px;
 color:#909090;
 padding-left:5px;
}

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

.aq_navi_sub2
{  
 padding-top:0px;
 padding-bottom:5px;
 margin-left:24px;

}

.aq_navi_sub2_normal
{
 font-size:11px;
 color:#808080;
 text-decoration:none;
}

.aq_navi_sub2_normal_sub
{
 font-size:11px;
 color:#808080;
 text-decoration:none;
}

.aq_navi_sub2_selected
{
 font-size:11px;
 color:#505050;
 text-decoration:none;
}

.aq_navi_sub2_selected_sub
{
 font-size:11px;
 color:#505050;
 text-decoration:none;
}

/*=====  Navigation in Fusszeile (Impressum/Kontakt/.......) ====*/

#metaNavigation
{
  padding-top:3px;
  margin-right:15px;
  text-align:right;
}

#metaNavigation a
{
  color:#FFFFAA;
}

#metaNavigation a:hover
{
  color:#FFD47F;
}

/*=====  Navigation in Startseite fuer Produkte ====*/

#produkte_navigation
{
  padding-left:10px;
  font-size:14px;
  color:#333399;  /* Blau */
}

.produkte_navi_link
{
  font-size:14px;
  color:#333399;  /* Blau */
  padding-top:3px;
}

.produkte_navi_link a
{
  padding-left:5px;
  font-size:14px;
  color:#333399;  /* Blau */
}

.produkte_navi_link a:hover
{
  color:#909090;
}

/*===================================================================*/
/*====================== Diverse Definitionen =======================*/
/*===================================================================*/

.startseitenews_img img
{
  margin-top:5px;
  margin-right:10px;
  border: 1px #000000 solid;
}
.aktuell_titel {font-family:'Times New Roman',Times,serif;  font-size:17px;  font-weight:normal; padding-bottom:10px;}

.image_border1 img  {  border: 1px #000000 solid;  }

.bild_4_block  {  margin-top:20px;  }

.bild_4_1   {  float:left;  border: 1px #000000 solid;  width:90px;  height:80px;  margin-right:10px;  margin-bottom:10px;  display:inline;    }
.bild_4_2   {  float:left;  border: 1px #000000 solid;  width:90px;  height:80px;  margin-bottom:10px;  display:inline;    }
.bild_4_3   {  float:left;  border: 1px #000000 solid;  width:90px;  height:80px;  margin-right:10px;  margin-bottom:10px;  display:inline;    }
.bild_4_4   {  float:left;  border: 1px #000000 solid;  width:90px;  height:80px;  margin-bottom:10px;  display:inline;    }

.bild_4_leer1  {  float:left;  width:90px;  margin-right:10px;  margin-bottom:10px;  display:inline;  }
.bild_4_leer2  {  float:left;  width:90px;  margin-bottom:10px;  display:inline; }

/*   Google-Map-Definitionen   */

#map
{
  margin-top:10px;
  width:540px;
  height:400px;
  border: 1px #000000 solid;
  overflow:hidden;
}

#google_map_inhalt
{
  width:100%;
  height:100%;
}

/*===============================================*/
/*------- Bildergalerie Uebersichts-Liste -------*/
/*===============================================*/

.galerie_liste
{
  padding-left:0px;
  width:330px;
  margin-bottom:12px;
  float:left;
}

.galerie_liste_bild
{
  width:90px;
  border:1px solid #808080;
  outline-style:none;
  outline-width:0;
  text-decoration: none;
  color:#e1c8a9;
  background-color:#D0D0D0;
  float:left;
}

.galerie_liste_bild img  {  margin:5px;  }
 
.galerie_liste_text      { padding-left:10px;  width:220px;  float:left;  }

.galerie_titel  {  color:#000000;  font-weight:bold;  }