/*=====================================================================*/
/*==                 Bildschirm = CSS   lpcopycenter.ch              ==*/
/*=====================================================================*/
/*== Copyright: LP copy Center, CH=5430 Wettingen                    ==*/
/*== Author:    media=konzept kuster, Felix Kuster, Walti Zubler     ==*/
/*=====================================================================*/
/*== 08-04-2008 : Erstellt                                           ==*/
/*=====================================================================*/

/*================== Allgemeine Definitionen =================*/

*
{
  margin:0;
  padding:0;
}

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

body
{
  background-color:#ffffff;
  color:#000000;
  margin:0px;
  padding:0px;
  font-family:Arial;
  font-size:13px;
}

a
{
  text-decoration:none;
  border:0;
  outline-style:none;
  outline-width:0;
  color:#044474;
}

a img
{
  border:0;
}

.clear_float
{
  clear:both;
}

h1
{
  font-size:18px;
  font-weight:bold;
}

h2
{
  font-size:16px;
  font-weight:bold;
}

#gal_adresse {margin-left: 15px; margin-right: 15px; margin-top: 20px; padding-top: 20px; border-top: 1px dotted; text-align: right; font-size: 11px;}
/*===================== Raumaufteilung grob ===================*/

#arbeitsflaeche
{
  width:900px;
  margin : 0 auto;
  margin-top:20px;
  margin-bottom:5px;
  text-align : left;
  border:0;
}

#kopfbereich
{
  width:900px;
}

#kopf_balken
{
  margin-bottom:3px;
  height:30px;
  width:900px;
  background-color:#005AA1;
}

#inhaltbereich
{
  width:900px;
}

#fussbereich
{
  width:900px;
}

/*=================== Raumaufteilung kopfbereich ===============*/

#kopfbereich_logo
{
  width:250px;
  height:53px;
  margin-bottom:4px;
  float:left;
}

#kopfbereich_abstand  /* Wird nur im IE6 verwendet */
{
  width:209px;
  float:left;
}

#kopfbereich_navigation  /* Hauptnavigation Main-Level */
{
  float:right;
}

/*================== Raumaufteilung inhaltbereich ==============*/

/*------------ inhaltbereich oben --------------*/

#inhaltbereich_oben
{
  height:260px;
  width:900px;
}

#inhaltbereich_oben_hintergrund
{
  height:260px;
  width:900px;
  z-index:9;
}

#inhaltbereich_oben_vordergrund   /* Fixer Bereich mit Hauptnavigation-Sublevel-1, Diashow, Subnavigation, Anschrift */
{
  position:relative;
  margin-top:-260px;
  height:260px;
  width:900px;
  z-index:10;
}

#inhaltbereich_oben_links   /* Hauptnavigation-Sublevel-1 */
{
  height:260px;
  width:150px;
  color:#ffffff;
  background-image:url(../layout/oben_links.png);
  float:left;
}

#inhaltbereich_oben_mitte  /* Mini-(Teaser)-Box */
{
  height:260px;
  width:530px;
  float:left;
}

#inhaltbereich_oben_mitte_teaser
{
  margin-top:160px;
  height:100px;
  width:250px;
  background-image:url(../layout/teaser_weiss_70prozent.png);
  float:right;
}

#inhaltbereich_oben_rechts  /* 2te Navigation + Anschrift */
{
  height:260px;
  width:220px;
  float:left;
  z-index:11;
}

#inhaltbereich_oben_rechts_oben
{
  height:160px;
  width:220px;
  color:#ffffff;
  background-image:url(../layout/oben_rechts_oben.png);
  z-index:12;
}

#inhaltbereich_oben_rechts_unten
{
  height:100px;
  width:220px;
  color:#ffffff;
  background-image:url(../layout/oben_rechts_unten.png);
}

/*------------ inhaltbereich abstand oben/unten --------------*/

#inhaltbereich_abstand_oben_unten   /* Alle Browser ausser IE6 */
{
  height:3px;
  width:900px;
}

* html #inhaltbereich_abstand_oben_unten   /* Fuer IE6 */
{
  margin-top:-2px;
  height:0px;
  width:900px;
  overflow:hidden;
}

/*------------ inhaltbereich unten effektiver contentbereich --------------*/

#inhaltbereich_unten   /* Hauptnavigation-Sublevel-2, Content, Aktuellen News */
{
  width:900px;
  background-color:#8C9ECD;
}

#inhaltbereich_unten_links  /* Hauptnavigation-Sublevel-2 */
{
  width:150px;
  color:#ffffff;
  float:left;
}

#inhaltbereich_unten_mitte  /* Effektive Inhalte */
{
  width:530px;
  min-height:220px;
  color:#000000;
  background-color:#ffffff;
  overflow:hidden;
  float:left;
}

#inhaltbereich_unten_rechts  /* News */
{
  width:220px;
  color:#ffffff;
  float:left;
}

#inhaltbereich_unten_breit  /* Effektive Inhalte */
{
  width:745px;
  min-height:220px;
  color:#000000;
  background-color:#ffffff;
  overflow:hidden;
  float:left;
}

#aktuelles_unten_rechts a
{
  font-family: Arial;
  font-size:13px;
  color:#fff;
  font-weight:bold;
  text-decoration:none;
}

/*=================== Raumaufteilung fussbereich ===============*/

#fussbereich_balken
{
  margin-top:3px;
  height:4px;
  width:900px;
  background-color:#005AA1;
  overflow:hidden;
}

#fussbereich_copyright
{
  font-size:10px;
  color:#005AA1;
  float:left;
}

.fusszeilen_link
{
  color:#005AA1;
}

#fussbereich_navigation
{
  font-size:10px;
  color:#005AA1;
  float:right;
}

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

/*----------- Hauptnavigation (Main mit 2 Unterebenen ----------*/

#haupt_navigation_balken
{
  margin-top:31px;
  height:26px;
}

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

.aq_navi_main
{
  height:26px;
  font-family: Arial;
  font-size:13px;
  color:#fff;
  font-weight:bold;
  text-decoration:none;
}

.aq_navi_main_link
{
  padding-top:3px;
}

.aq_navi_main_normal
{
  height:26px;
  background-image:url(../layout/hnavi_normal.gif);
  margin-left:5px;
  float:left;
  display:inline;  /* Wegen IE6 */
}

.aq_navi_main_normal_sub
{
  height:26px;
  background-image:url(../layout/hnavi_normal.gif);
  margin-left:5px;
  float:left;
  display:inline;
}

.aq_navi_main_selected
{
  height:26px;
  background-image:url(../layout/hnavi_selected.gif);
  margin-left:5px;
  float:left;
  display:inline;
}

.aq_navi_main_selected_sub
{
  height:26px;
  background-image:url(../layout/hnavi_selected.gif);
  margin-left:5px;
  float:left;
  display:inline;
}

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

#aq_navi_sub1_box
{
  position:absolute;
  bottom:10px;
}

.aq_navi_sub1
{
  width:150px;
  height:20px;
  padding-top:3px;
  text-align:right;
}

.aq_navi_sub1_selbox
{
  width:150px;
  height:20px;
  padding-top:3px;
  background-image:url(../layout/sub_1_2.png);
  text-align:right;
}

.aq_navi_sub1_normal
{
  padding-right:10px;
  font-size:13px;
  color:#ffffff;
  font-weight:bold;
  text-decoration:none;
  vertical-align:middle;
}

.aq_navi_sub1_normal_sub
{
  padding-right:10px;
  font-size:13px;
  color:#ffffff;
  font-weight:bold;
  text-decoration:none;
}

.aq_navi_sub1_selected
{
  padding-right:10px;
  font-size:13px;
  color:#005AA1;
  font-weight:bold;
  text-decoration:none;
}

.aq_navi_sub1_selected_sub
{
  padding-right:10px;
  font-size:13px;
  color:#005AA1;
  /* background: #ddd; */
  font-weight:bold;
  text-decoration:none;
}

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

#aq_navi_sub2_box
{
  margin-top:10px;
}

.aq_navi_sub2
{
  width:150px;
  height:20px;
  padding-top:3px;
  text-align:right;
}

.aq_navi_sub2_selbox
{
  width:150px;
  height:20px;
  padding-top:3px;
  background-image:url(../layout/sub_1_2.png);
  text-align:right;
}

.aq_navi_sub2_normal
{
  padding-right:10px;
  font-size:13px;
  color:#ffffff;
  text-decoration:none;
}

.aq_navi_sub2_normal_sub
{
  padding-right:10px;
  font-size:13px;
  color:#ffffff;
  text-decoration:none;
}

.aq_navi_sub2_selected
{
  padding-right:10px;
  font-size:13px;
  color:#005AA1;
  text-decoration:none;
}

.aq_navi_sub2_selected_sub
{
  padding-right:10px;
  font-size:13px;
  color:#005AA1;
  /* background: #ddd; */
  text-decoration:none;
}

/*---------- Fixe Links im inhaltbereich_oben_rechts  ---------*/

#navi2_links_box
{
  position:relative;
  width:220px;
  padding-top:20px;
  z-index:99;
}

#navi2_download_link_box
{
  position:relative;
  width:220px;
  z-index:99;
}

.navi2_links_links
{
  width:220px;
  line-height:22px;
  font-family: Arial;
  font-size:13px;
  color:#fff;
  font-weight:bold;
  z-index:100;
}

.navi2_inaktiv
{
  width:220px;
  height:20px;
  padding-top:3px;
  z-index:101;
}

.navi2_aktiv
{
  width:220px;
  height:20px;
  background-image:url(../layout/sub_1_2.png);
  padding-top:3px;
  z-index:101;
}

.navi2_0
{
  width:220px;
  padding-left:10px;
  font-size:13px;
  color:#ffffff;
  font-weight:bold;
  text-decoration:none;
  z-index:102;
}

.navi2_selected_0
{
  width:220px;
  padding-left:10px;
  font-size:13px;
  color:#005AA1;
  font-weight:bold;
  text-decoration:none;
  z-index:102;
}

/*============================ Inhalte =========================*/

/*--------- Teaser im Inhaltbereich oben ueber dem Bild  -------*/

.teaser_ueber_bild
{
  height:100px;
  width:240px;
  padding-left:5px;
  padding-right:5px;
  padding-top:5px;
  color:#044474;
  font-size:14px;
}

/*------------------------ Adresse ausgeben  -------------------*/

.adresse
{
  padding-top:3px;
  padding-left:6px;
  padding-right:6px;
  font-size:11px;
}

.adresse_links
{
  float:left;
}

.adresse_rechts
{
  float:right;
}

.adresse h1
{
  font-size:12px;
  font-weight:bold;
}

.adresse p
{
  line-height:12px;
}

.adresse_oeffnungszeiten
{
  font-size:10px;
  font-weight:bold;
}

/*---------------- Content - Bereich unten mitte ---------------*/

#content_bereich
{
  width:490px;
  margin-top:10px;
  margin-bottom:10px;
  margin-left:20px;
}

/*---------------- Content - Bereich unten breit ---------------*/

#content_bereich_breit
{
  position:relative;
  width:710px;
  margin-top:10px;
  margin-bottom:10px;
  margin-left:20px;
}

#content_bereich_formular
{
  position:relative;
  top:0px;
  width:100%;
  display:none;
}

#content_bereich_agb
{
  position:relative;
  top:0px;
  width:100%;
}

#content_bereich_agb p
{
  padding-left:0px;
}

#content_bereich_agb input
{
  margin-left:250px;
}

/*--------- Content - Bereich unten rechts (Aktuelles) ---------*/

#aktuelles_unten_rechts
{
  margin-top:20px;
  margin-left:20px;
  width:180px;
}

#cpsuisse {margin-top: 0px; margin-left: 0px;}