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

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

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

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

body
{
  background-color:#292a29;
  color:#dcdcdc;
  margin:0px;
  padding:0px;
  font-family: verdana, arial, 'Trebuchet MS', Helvetica,  sans-serif;
  font-size:11px;
  margin-bottom:15px;
}

.textItem 
{
  line-height: 150%;
  font-size:11px;
}

.textItem a
{
  font-weight:bold;
}


a
{
  color: #f4fabd;
  font-size:12px;
  text-decoration:none;
  border:0;
  outline-style:none;
  outline-width:0;
}

.clear_float
{
  clear:both;
}

h1
{
  font-size:18px;
  padding-top:10px;
  padding-bottom:20px;
  letter-spacing:1px;
  font-weight: normal;
}

h1.content
{
  font-size:18px;
  padding-top:30px;
  padding-bottom:20px;
  letter-spacing:1px;
  font-weight: normal;
}

.adresse
{
  padding-top: 10px;
  font-size:11px;
  color: #666;
  padding-bottom:15px;
}

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

#boxumalles1
{
  border:0;
  margin: 0 auto;
  width:100%;
}

#box_oben 
{
  width:100%;
  height: 280px;
}

#box_unten
{
  height: 500px;
  background-color: #292a29;
}

#boxumalles2
{
  width: 902px;
  border:0;
  margin: 0 auto;
  margin-top:-750px;
}

#logo 
{
  width: 872px;
  height: 98px;
  margin-left:0px;
}
#img_rechts
{
 width: 900px;
 height: 320px;
 overflow: hidden;
}

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

#content 
{
  width: 900px;
}

#content_inhalt 
{
  padding-left: 0px;
  padding-right:330px;
}

#balken_start
{
  width:900px;
  height:40px;
  margin-top:30px;
  background-color:#f32837;
}

#bild_links
{
  width: 300px;
  height:320px;
  float:left;
  background-repeat:no-repeat;
  background-image: url(../images/layout/elektro_normal.png);
}

#bild_mitte 
{
  width: 300px;
  height:320px;
  float:left;
  background-repeat:no-repeat;
  background-image: url(../images/layout/immobilien_normal.png);
}

#bild_rechts 
{
  width: 302px;
  height:320px;
  float:left;
  background-repeat:no-repeat;
  background-image: url(../images/layout/gastro_normal.png);
}

a.roll10 
{
  width: 300px;
  height:320px;
  position:absolute;
  background-repeat:no-repeat;
  background-image: url(../images/layout/elektro_normal.png);
}

a.roll10:hover 
{
  position:absolute;
  background-repeat:no-repeat;
  background-image: url(../images/layout/elektro_rollover.png);
}

a.roll11 
{
  width: 300px;
  height:320px;
  position:absolute;
  background-repeat:no-repeat;
  background-image: url(../images/layout/immobilien_normal.png);
}

a.roll11:hover 
{
  position:absolute;
  background-repeat:no-repeat;
  background-image: url(../images/layout/immobilien_rollover.png);
}

a.roll12 
{
  width: 300px;
  height:320px;
  position:absolute;
  background-repeat:no-repeat;
  background-image: url(../images/layout/gastro_normal.png);
}

a.roll12:hover 
{
  position:absolute;
  background-repeat:no-repeat;
  background-image: url(../images/layout/gastro_rollover.png);
}

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

#boxumnavi 
{
  width: 900px;
}

#boxumnavi_inhalt 
{
  margin-left: 585px;
}

#balken
{
  width:900px;
  height:40px;
  background-color:#f32837;
}

#content_links
{
  width:660px;
  float:left;
}

#content_links_inhalt 
{
  padding-top:10px;
}

#content_rechts 
{
  width:240px;
  float:left;
  margin-top:10px;
}

#content_rechts_inhalt 
{
  padding-top: 10px;
}

#illustration 
{
  width:902px;
  height: 320px;
}

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

#content_links2 
{
  width:900px;
}

/*----------------------------------------------------------------*/
/*--                   Navigation - Startseite                  --*/
/*----------------------------------------------------------------*/

#navigation_startseite
{
  padding-left:14px;
}

.navi_startseite_link
{
  padding-top:14px;
  float:left;
}

.navi_startseite_link a
{
  font-size:11px;
  color:#ffffff;
  text-decoration:none;
}

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

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

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

.aq_navi_main a
{
  width:121px; 
  height:31px; 
  margin-left:-16px;
  float:left;  
  color:#dcd8d8;
  text-align:center;
  font-weight:bold;
  text-decoration:none;
  background-image:url(../images/layout/navi.png);
  background-repeat:no-repeat;
}

.aq_navi_main_selected a
{
  width:121px; 
  height:31px; 
  margin-left:-16px;
  float:left;  
  color:#dcd8d8;
  text-align:center;
  font-weight:bold;
  text-decoration:none;
  background-image:url(../images/layout/navi_over.png);
  background-repeat:no-repeat;
}

.einmitten 
{
  display:block;
  padding-top:10px;
}

.aq_navi_main a:hover
{
  float:left; 
  color:#fff;
  background-image:url(../images/layout/navi_over.png);
}

.aq_navi_sub1
{
  padding-top:13px;
  /*  padding-left:10px; */
  float:left;
}

.aq_navi_sub1 a
{
  font-size:11px;
  color:#ffffff;
  text-decoration:none;
}

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

.navi_strich 
{
  float:left;
  width: 2px;
  height:25px;
  margin-top:8px;
  margin-left:10px;
  margin-right:10px;
  background-image: url(../images/layout/strich.gif);
  background-repeat: no-repeat;
}

.aq_navi_sub2
{
  padding-bottom:5px;
}

.aq_navi_sub2 a:hover 
{
  color: #e0d08d;
}

.aq_navi_sub2_normal
{
  font-size:12px;
  color: #d6d6d6;
  text-decoration:none;
}

.aq_navi_sub2_normal_sub
{
  font-size:12px;
  color: #d6d6d6;
  text-decoration:none;
}

.aq_navi_sub2_selected
{
  font-size:12px;
  color: #e0d08d;
  text-decoration:none;
}

.aq_navi_sub2_selected_sub
{
  font-size:16px;
  color: #e0d08d;
  text-decoration:none;
}

/*----------------------------------------------------------------*/
/*--                     Mitarbeiterliste                       --*/
/*----------------------------------------------------------------*/

.teaser_startliste
{
  float:left;
  width:210px;
  margin-bottom:15px;
  background-color:#3c3c3c;
  margin-right:10px;
}

.teaser_startliste_inhalt 
{
}

.teaser_startliste_bild
{
  width:65px;
  float:left;
  padding-bottom:5px;
  padding-top:5px;
  padding-left:5px;
}

.teaser_startliste_text
{
  padding-left:0px;
  float:left;
}

.teaser_startliste_headline  
{
  width:135px;
  font-size: 11px;
  color:#a5a5a5 ;
  font-weight:bold;
  padding-top:5px;
}


.teaser_startliste_content
{
  width:135px;
  padding-top:5px;
}
/*----------------------------------------------------------------*/
/*--                     Navigation Filialen                    --*/
/*----------------------------------------------------------------*/

/* Level 1 */ 

#navigation ul
{
  width:240px;
} 

#navigation ul li
{ 
  width:240px;
  list-style-type:none;
  text-align:right;
} 

#navigation ul li a
{ 
  width:215px;
  height:20px;
  padding-top:4px;
  font-size:11px;
  color:#dcdcdc;
  text-align:right;
  vertical-align: middle;
}

.navigation_linktext
{
/*  line-height:20px; */
}

.elogo 
{
  display:inline;
  margin-left:4px;
}

.elogo img
{
  border:0;
  position:relative;
  top: 8px;
}

#navigation ul li a:hover, #navigation ul li.active a
{ 
  /*background-image:url(../images/navi_over.gif); */
  /* background-repeat:no-repeat; */
  /* background-position:0 0; */
  color:#f4fabd;
} 

/* Level 2 */ 

#navigation ul.subNavigation
{ 
  width:240px;
  margin:0;
  padding:0;
  margin-top:6px;
} 

#navigation ul.subNavigation li a
{ 
  background-image:none;
  /* background-image:url(../images/subnavi_pfeil_zu.gif); */
  /* background-repeat:no-repeat; */
  /* background-position:199px 8px; */
  /* border-bottom:1px dotted #ccc; */
  color:#666;
  width:220px;
} 

#navigation ul.subNavigation li.active a
{ 
  color:#f4fabd;
} 

#navigation ul.subNavigation li a:hover, #navigation ul.subNavigation li.active a
{ 
  /* background-image:url(../images/subnavi_over.gif); */
  /* background-repeat:no-repeat; */
  /* background-position:0 0; */
  color:#f4fabd;
}

.navigation_sub1
{
  margin-right:25px;
}

/*----------------------------------------------------------------*/
/*--                     Link - Definitionen                    --*/
/*----------------------------------------------------------------*/

A.linkout:link
{
  text-decoration: none;
  color: #f4fabd;
  padding-left: 10pt;
  background-image: url("../images/linkout3.gif");
  background-repeat: no-repeat;
  background-position: top left
}

A.linkout:visited
{
  text-decoration: none;
  color: #f4fabd;
  padding-left: 10pt;
  background-image: url("../images/linkout3.gif");
  background-repeat: no-repeat;
  background-position: top left
}

A.linkout:hover
{
  text-decoration: none;
  color: #a52b28;
  padding-left: 10pt;
  background-image: url("../images/linkout.gif");
  background-repeat: no-repeat;
  background-position: top left
}

A.linkout2:link
{
  text-decoration: none;
  color: #a52b28;
  padding-left: 10pt;
  background-image: url("../images/linkout.gif");
  background-repeat: no-repeat;
  background-position: top left
}

A.linkout2:visited
{
  text-decoration: none;
  color: #a52b28;
  padding-left: 10pt;
  background-image: url("../images/linkout.gif");
  background-repeat: no-repeat;
  background-position: top left
}

A.linkout2:hover
{
  text-decoration: none;
  color: #3e4d74;
  padding-left: 10pt;
  background-image: url("../images/linkout3.gif");
  background-repeat: no-repeat;
  background-position: top left
}

A.linkoutexport:link
{
  text-decoration: none;
  color: #3e4d74;
  padding-left: 10pt;
  background-image: url("../images/linkout3.gif");
  background-repeat: no-repeat;
  background-position: top left
}

A.linkoutexport:visited
{
  text-decoration: none;
  color: #3e4d74;
  padding-left: 10pt;
  background-image: url("../images/linkout3.gif");
  background-repeat: no-repeat;
  background-position: top left
}

A.linkoutexport:hover
{
  text-decoration: none;
  color: #a52b28;
  padding-left: 10pt;
  background-image: url("../images/linkout.gif");
  background-repeat: no-repeat;
  background-position: top left
}

/*----------------------------------------------------------------*/
/*--                     Dienstleistungen                       --*/
/*----------------------------------------------------------------*/

.dienstleistungen 
{
  width: 660px;
}

.dienstleistungen_links 
{
  float:left;
  width: 220px;
}

.dienstleistungen_mitte
{
  float:left;
  width: 220px;
}

.dienstleistungen_rechts 
{
  float:left;
  width: 220px;
}

.vierreck
{
  float:left;
  width: 15px;
  padding-top:3px;
}

.dienstleistungen_text 
{
  float:left;
  width: 205px;
  padding-top:2px;
  padding-bottom:2px;
}

.dienstleistungen_titel 
{
  font-weight: bold;
  padding-bottom:8px;
}

/*----------------------------------------------------------------*/
/*--                     Kontakt                                --*/
/*----------------------------------------------------------------*/

.kontakt_box
{
  float:left;
  width:160px;
  background-color: #3c3c3c;
  margin-right:10px;
  margin-bottom:10px;
  font-size:11px;
}

.kontakt_titel
{
  padding-left:15px;
  padding-top:10px;
  font-weight:bold;
}

.kontakt_titel2
{
  padding-top:10px;
  padding-left:15px;
  font-weight:bold;
}

.kontakt_content
{
  padding: 5px;
  padding-left:15px;
  padding-bottom:10px;
}
/*----------------------------------------------------------------*/

/*--                     Objekte  Liste                   --*/
/*----------------------------------------------------------------*/

.teaser_objekt
{
  margin-bottom:10px;
  width: 640px;
}

.teaser_objekt_box
{
  width: 640px;
  padding-top:5px;
  padding-bottom:5px;
  border-bottom:1px #a5a5a5 dotted;
}

.teaser_objekt_2
{
  margin-bottom:10px;
  width: 900px;
}

.teaser_objekt_box_2
{
  width: 900px;
  padding-top:5px;
  padding-bottom:5px;
  border-bottom:1px #a5a5a5 dotted;
}

.teaser_objekt_text
{
  width:550px;
  float:left;
}

.teaser_objekt_text_2
{
  width:810px;
  float:left;
}

.teaser_objekt_bild
{
  width:90px;
  float:left;
  margin-bottom:5px;
  margin-top:5px;
}

.teaser_objekt_headline
{
  font-size: 12px;
  font-weight: bold;
  color:#fff;
  padding-top:2px;
  padding-bottom:5px;
}

.teaser_objekt_content
{
  padding-bottom:0px;
}

.teaser_objekt_more
{
  margin-bottom:5px;
}


.teaser_objekt_more a
{
  color:#ccccc9;
  font-size:11px;
}