/*=====================================================================*/
/*==                Bildschirm - CSS   gclengnau    .ch              ==*/
/*==-----------------------------------------------------------------==*/
/*==    Copyright:  media-konzept kuster, CH-5430 Wettingen          ==*/
/*=====================================================================*/

/*------------------ Allgemeine Definitionen -----------------*/

*
{
  margin:0;     /* Gillt für Alle  */
  padding:0;
}

html
{
  padding:0px;
  margin:0px;
  border:0px;
}

body
{
  background-color:#d6d6d6;
  background-image:url(../images/layout/bg.jpg);
  background-repeat:repeat-x;
  color:#838282;
  margin:0px;
  padding:0px;
  font-family: verdana, arial, 'Trebuchet MS', Helvetica,  sans-serif;
  font-size:11px;
  margin-bottom:15px;
}

a
{
  color: #b5bf02;
  font-size:11px;
  text-decoration:none;
  border:0;
  outline-style:none;
  outline-width:0;
}

.clear_float
{
  clear:both;
}

h1
{
  font-size:14px;
  font-weight:bold;
  color: #666;
  padding-bottom:20px;
}

h1.content
{
  font-size:14px;
  font-weight:bold;
  color: #666;
  padding-bottom:20px;
}

.titel 
{
  font-size:14px;
  font-weight:bold;
  color: #666;
  width: 90%;
  border-bottom: 1px #666 dotted;
  padding-bottom:5px;
  margin-bottom:10px;
}

h2
{
  font-size: 14px;
  color: #bebebe;
  font-weight: bold;
  margin-bottom: 5px;
}

h2.content
{
  font-size: 14px;
  color: #bebebe;
  font-weight: bold;
  margin-bottom: 5px;
}


ul 
{
 padding-top: 10px;
 padding-bottom:10px;
 padding-left:20px;
}

li 
{
  padding-left: 5px;
}

.hystorie 
{
  padding-top:20px;
  padding-bottom:10px;
}

/*------------------ Raumaufteilung -----------------*/

#arbeitsflaeche
{
  border:0;
  margin: 0 auto;
  width:872px;
  margin-top:10px;
}

#header 
{
  background-image:url(../images/layout/header.png);
  background-repeat:no-repeat;
  width: 872px;
  height: 84px;
}

#header_inhalt 
{
  padding-top:35px;
  padding-left:30px;
}

#main1 
{
  background-image:url(../images/layout/main1_bg.jpg);
  background-repeat:repeat-y;
  width: 872px;
  height:229px;
}

#main1_links 
{
  float:left;
  width: 680px;
}

#main1_links_inhalt 
{
 padding-left:5px;
}

#main1_rechts 
{
  float:left;
  width:192px;
}

#main1_rechts_inhalt 
{
  padding-left:20px;
  padding-right:20px;
  padding-top:30px;
}

#main2
{
  background-image:url(../images/layout/main2_bg.jpg);
  background-repeat:repeat-y;
  width: 872px;

}

#main2_links
{
  float:left;
  width: 192px;
}

#main2_links_navigation
{
  padding-left: 20px;
  padding-top:10px;
  padding-bottom:10px;
}


#main2_links_kontakt
{
  padding-left: 20px;
  padding-top:10px;
  padding-bottom:10px;
}

#main2_mitte
{
  float:left;
  width: 488px;
}

#main2_mitte_inhalt 
{
  padding-left: 20px;
  padding-top:10px;
  padding-right:15px;
  padding-bottom:10px;
}

#main2_rechts 
{
  float:left;
  width:192px;
}

#main2_rechts_termine
{
  padding-top:10px;
  padding-left:10px;
  padding-bottom:10px;
}

#main2_rechts_zeiten
{
  padding-top:10px;
  padding-left:10px;
  padding-bottom:10px;
}

#footer 
{
  background-image:url(../images/layout/footer.jpg);
  background-repeat:repeat-y;
  width: 872px;
  height:46px;
}

#footer_inhalt 
{
  padding-top:15px;
  text-align:center;
}

/*----------------------------------------------------------------*/
/*--                      aQ-Navigation - Main                  --*/
/*----------------------------------------------------------------*/

.aq_navi_main
{
  position:relative;
  z-index:99;
}

.aq_navi_main_selected
{
  position:relative;
  z-index:199;
}

.aq_navi_main a
{
  float:left;  
  color:#dcd8d8;
  font-weight:bold;
  text-decoration:none;
}

.aq_navi_main_selected a
{
  float:left;  
  color:#dcd8d8;
  font-weight:bold;
  text-decoration:none;
  
}

.aq_navi_main a:hover
{
  float:left; 
  color:#fff;
  background-image:url(../images/layout/navi_over.png);
}

.navi_margin
{
  padding-left:10px;
  float:left;
}

.navi_strich 
{
  float:left;
  width: 2px;
  height:27px;
  margin-top: -5px;
  margin-left:20px;
  margin-right:20px;
  background-image: url(../images/layout/strich.gif);
  background-repeat: no-repeat;
  display:inline;
}

/*--------------------------*/

.aq_navi_sub1
{
 padding-top:5px;
 padding-left:10px;
 height:25px;
 width: 155px;
 vertical-align:middle;
 background-image:url(../images/layout/navi_normal.jpg);
 background-repeat:no-repeat;
}

.aq_navi_sub1_normal
{
 font-size:11px;
 color:#a7a7a7;
 font-weight:bold;
 text-decoration:none;
 vertical-align:middle;
 padding-left:5px;
}

.aq_navi_sub1_normal_sub
{
 font-size:11px;
 color:#ffffff;
 font-weight:bold;
 text-decoration:none;
 vertical-align:middle;
 padding-left:5px;
}

.aq_navi_sub1_selected
{
 font-size:11px;
 color:#6b7d0d;
 font-weight:bold;
 text-decoration:none;
 vertical-align:middle;
 padding-left:5px;
}

.aq_navi_sub1_selected_sub
{
 font-size:11px;
 color:#6b7d0d;
 font-weight:bold;
 text-decoration:none;
  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;
}

/*----------------------------------------------------------------*/
/*--                      bild1w                                --*/
/*----------------------------------------------------------------*/

.bild1w 
{
  margin-top:10px;
  margin-bottom:10px;
}

/*----------------------------------------------------------------*/
/*--                      Login                                 --*/
/*----------------------------------------------------------------*/

.input_loginbox 
{
   border: 2px #dadada inset;
}

.label_loginbox_abstand
{
  padding-bottom:5px;
}

/*----------------------------------------------------------------*/
/*--                     Artikelliste auf Startseite            --*/
/*----------------------------------------------------------------*/

.teaser_advanced
{
  width: 100%;
  margin-top: 10px;
} 
 
.headline_advanced
{
  font-size: 14px;
  color: #bebebe;
  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:8px;
}

.text_advanced1
{
  margin-left: 10px;
}

.more_advanced
{
  text-align: right;
  clear: both;
  padding-bottom: 10px;
  padding-top:5px;
  border-bottom: 1px #9D9EA2 dotted;
}

.more_advanced_left
{
  text-align:left;
  padding-bottom: 10px;
  padding-top:10px;
  border-top: 1px #9D9EA2 dotted;
  border-bottom: 1px #9D9EA2 dotted;
}

/*----------------------------------------------------------------*/
/*--                     Mitarbeiterliste                       --*/
/*----------------------------------------------------------------*/

.teaser_mitgliederliste
{
  float:left;
  width:450px;
  margin-right:10px;
  border-bottom: 1px #666 dotted;
}

.teaser_mitgliederliste_inhalt 
{
}

.teaser_mitgliederliste_bild
{
  width:70px;
  float:left;
  padding-bottom:10px;
  padding-top:10px;
  padding-left:5px;
}

.teaser_mitgliederliste_text
{
  padding-left:0px;
  float:left;
}

.teaser_mitgliederliste_headline  
{
  width:360px;
  font-size: 11px;
  color:#a5a5a5 ;
  font-weight:bold;
  padding-top:10px;
}


.teaser_mitgliederliste_content
{
  width:360px;
  padding-top:5px;
}


/*   Google-Map-Definitionen   */

#map
{
  width:440px;
  height:400px;
  overflow:hidden;
}

#google_map_inhalt
{
  width:100%;
  height:100%;
}

/*----------------------------------------------------------------*/
/*--                      Kontakt - Formular                    --*/
/*----------------------------------------------------------------*/

#kontaktformular_ganz
{

}

.formularzeile_links
{
  float:left;
}

.formularzeile_rechts
{
  float:right;
}

.kontaktform_feld
{
  margin:0;
  margin-bottom:7px;
  margin-top:7px;
  width:220px;
}

.kontakform_text
{
  float:left;
  width:75px;
  padding-right:5px;
  font-size:10px;
}


.kontakform_text2
{
  float:left;
  width:120px;
  padding-right:5px;
  font-size:10px;
}

.kontaktform_input input
{
   border: 2px #dadada inset;
}

input.background
{
  background-color:#fff
}

.kontaktform_linie 
{
 width:440px;
 border-bottom:1px #f3f3f3 dotted;
 height:1px;
 margin-top:10px;
 margin-bottom:10px;
 
}

.kontaktform_feld_anliegen
{
  margin:0;
  margin-bottom:5px;
  margin-top:5px;
  width:445px;
}

.kontaktform_textarea
{
  font-size:11px;
}

.kontaktform_textarea textarea
{
  background-color: #fff;
  border: 2px #dadada inset;
}

.pflicht_marker
{
  font-size:12px;
  padding-left:2px;
  padding-top:0px;
  color:#b5bf02;
}

.kontaktform_input_submit
{
  background-color:#B5BF02;
  color:#fff;
  margin-left:81px;
  margin-top:5px;
}

.kontaktform_input_reset
{
  background-color:#B5BF02;
  color:#fff;
  border:1px #fff solid;
  margin-left:10px;
  margin-top:5px;
}


/*----------------------------------------------------------------*/
/*--                      slideshow                             --*/
/*----------------------------------------------------------------*/
/* css definitions 4 slideshow */

#slideshow-box
{
  width: 444px;
  height:328px;
  background-color: #F5F5F5;
  padding-top:10px;
  padding-left:0px;
  z-index:0;
  border: 1px #ECECEC solid;
}

#slideshow .slide img
{
  border:0;
}

#slideshow .slide
{
  position:absolute;
  top:0;
  left:0;
  vertical-align:middle;
  display:none;
}

#slideshow
{
  position:relative;
  margin:auto;
  vertical-align:middle;
  z-index:0;
}
