/*===============================================================================*/
/*--                Standard - CSS Contenido TONART-AUDIOTECHNIK               --*/
/*-------------------------------------------------------------------------------*/
/*-- Author: media-konzept kuster, Felix Kuster / Janine Iten / Walti Zubler   --*/
/*-------------------------------------------------------------------------------*/
/*-- Copyright (C) 2007 media-konzept kuster, 5430 Wettingen                   --*/
/*===============================================================================*/

/*----------------------------------------------------------------*/
/*--                       Gillt für Alle                       --*/
/*----------------------------------------------------------------*/

* {  margin:0;  padding:0;  }

/*----------------------------------------------------------------*/
/*--                      Grund-Definitionen                    --*/
/*----------------------------------------------------------------*/

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

body
{
  font-size:14px;
  font-family: Arial, Verdana, 'Trebuchet MS',  Helvetica,  sans-serif;
  color:#111111;
  background-color:#ffffff;
}

a
{
  border:0;
  outline-style:none;
  outline-width:0;
}

h1
{
  padding-top:0px;
  padding-bottom:20px;
  padding-left:0px;
  font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
  font-size: 18px;
  text-decoration:none;
  color:#df0618;
  font-weight:normal;
}

h2
{
  font-family: Arial, 'Trebuchet MS', Verdana, Helvetica,  sans-serif;
}

h1.content
{
  padding-top:0px;
  padding-bottom:0px;
  padding-left:0px;
  font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
  font-size: 18px;
  text-decoration:none;
  color:#df0618;
  font-weight:normal;
}

h2.content
{
  padding-top:5px;
  padding-bottom:10px;
  padding-left:0px;
  font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-decoration:none;
  color:#7f8182;
  font-weight:normal;
}

.clear_float
{
  clear:both;
}

ul
{
  margin-left:20px;
  padding:0px;
} 
 
li
{
  line-height:120%;
  margin-top:10px;
  padding:0px;
}

#adresse
{
  padding-left:30px;
  padding-top:10px;
  font-size:12px;
  color:#000000;
}

.text1
{
  line-height:1.6em;
}

.transparenz
{
  filter:alpha(opacity=40);
  opacity: 0.6;
  -moz-opacity:0.6;
}

.titel_referenzen
{
  padding-bottom:5px;
  margin-top:10px;
  color: #adadad;
}

.auftragsgeber_text 
{
 padding-bottom:20px;
}

/*----------------------------------------------------------------*/
/*--                      boxen aufteilung                      --*/
/*----------------------------------------------------------------*/

#boxumalles
{
  width:842px;
  margin: 0 auto;
  margin-top:40px;
  padding:0;
  text-align:left;
  bottom: 0;
  z-index: 2;
  border: 1px #666 solid;
}

#header
{
  width:842px;
  height:192px;
}

#slideshow_links
{
  float:left;
  width: 274px;
  height:138px;
  margin-left:6px;
  display:inline;
}

#slideshow_links_inhalt
{
  padding-top:6px;
}

#slideshow_mitte
{
  float:left;
  width: 274px;
  height:138px;
  margin-left:4px;
  display:inline;
}

#slideshow_mitte_inhalt
{
  padding-top:6px;
}

#slideshow_rechts
{
  float:left;
  width: 274px;
  height:138px;
  margin-left:4px;
  display:inline;
}

#slideshow_rechts_inhalt
{
  padding-top:6px;
}

#contentbereich
{
  height:auto;
}

#navigation
{
  width:277px;
  float:left;
}

#navigation_inhalt
{
  padding-top:20px;
  padding-bottom:40px;
}

#main
{
  float:left;
  width:365px;
}

#main_inhalt
{
  padding-right:5px;
  padding-left:10px;
  padding-top:30px;
  padding-bottom:20px;
  width:355px;
  overflow:hidden;
  z-index:1;
}

#rechts
{
  width:194px;
  float:right;
  z-index:0;
}

#rechts_inhalt
{
}

#main_breit
{
  width:560px;
  background-image:url(/cms/bilder/logotonart.gif);
  background-repeat:no-repeat;
  background-position:370px 0px;
  min-height:310px;
  float:left;
}

#main_breit_inhalt
{
  padding-right:5px;
  padding-left:10px;
  padding-top:30px;
  padding-bottom:20px;
  width:500px;
  overflow:hidden;
  z-index:1;
}

#footer
{
  width:842px;
  height:75px;
}

#footer_inhalt 
{
  padding-left:630px;

}

/*----------------------------------------------------------------*/
/*--                  Navigation / Standard-Links               --*/
/*----------------------------------------------------------------*/

a
{
  font-size:14px;
  color:rgb(225,20,37);
  text-decoration:none;
}
  
a:hover
{
  text-decoration:underline;
}

.navi
{
  width:100%;
}

.navi:hover
{
  font-weight:normal;
  color:#df0618;
}

.outlink
{
  line-height:22px; /* Wegen IE7 sonst wird border-bottom nicht angezeigt */
  /*border-bottom: 1px solid #E11425;*/
  padding-left: 15px;
  background-image: url("../upload/bullets/link_2.png");
  background-repeat: no-repeat;
  background-position: left;
}

/*--------------------------------*/
/*--  Linke (Haupt) - Navigation  */
/*--------------------------------*/

/* Level 1 first */

a.navileft_passive1
{
  text-indent:12px;
  margin-right:20px;
  margin-left:20px;
  border-bottom:1px #d01f23 solid;
  display:block;
  padding-top:3px;
  padding-bottom:3px;
  font-size:14px;
  color:#111111;
  letter-spacing:0.7px;
  text-decoration:none;
}

a.navileft_active1
{
  text-indent:12px;
  margin-right:20px;
  margin-left:20px;
  border-bottom:1px #d01f23 solid;
  display:block;
  padding-top:3px;
  padding-bottom:3px;
  font-size:14px;
  font-weight:bold;
  color:#df0618;
  letter-spacing:0.7px;
  text-decoration:none;
}

a.navileft_open1
{
  text-indent:12px;
  margin-right:20px;
  margin-left:20px;
  border-bottom:1px #d01f23 solid;
  display:block;
  padding-top:3px;
  padding-bottom:3px;
  font-size:14px;
  font-weight:bold;
  color:#df0618;
  letter-spacing:0.7px;
  text-decoration:none;
}

a.navileft_passive1:hover
{
  color:#df0618;
}

/* Level 2 second */

a.navileft_passive2
{
  display:block;
  padding-top:3px;
  padding-bottom:3px;
  color:#111111;
  font-size:14px;
  padding-left:50px;
  text-decoration:none;
} 

a.navileft_active2
{
  display:block;
  padding-top:3px;
  padding-bottom:3px;
  color:#df0618;
  font-size:14px;
  padding-left:50px;
  text-decoration:none;
}

a.navileft_open2
{
  display:block;
  padding-top:3px;
  padding-bottom:3px;
  color:#df0618;
  font-size:14px;
  padding-left:50px;
  text-decoration:none;
}

a.navileft_passive2:hover
{
  color:#df0618;
}

/* Restliche Level */

a.navileft_passive
{
  display:block;
  padding-top:3px;
  padding-bottom:3px;
  color:rgb(51,79,119);
}

a.navileft_active
{
  display:block;
  padding-top:3px;
  padding-bottom:3px;
  color:rgb(51,79,119);
}

a.navileft_open
{
  padding-left:10px;
  display:block;
  padding-top:3px;
  padding-bottom:3px;
  color:rgb(51,79,119);
}

/*----------------------------------------------------------------*/
/*--                      Refernzen                            --*/
/*----------------------------------------------------------------*/

.referenzen
{
  width:350px;
  margin-bottom:5px;
  margin-top:10px;
  border-bottom:1px #bbbbbb dashed;
}

.referenzen_image
{
  float:left;
  width: 80px;
  padding-bottom:10px;
}

.referenzen_headline
{
  float:left;
  width: 250px;
  font-weight:normal;
  padding-top:12px;
}

.referenzen_text
{
  float:left;
  width: 80px;
  text-align:right;
  padding-top:14px;

}

#picnur1_hidden
{
  margin-top:10px;
  display:none;
}

.titel_referenzen
{
  font-weight:bold;
  padding-top:10px;
}


/*----------------------------------------------------------------*/
/*--                      links                                 --*/
/*----------------------------------------------------------------*/

.links
{
  width:350px;
  margin-bottom:5px;
  margin-top:10px;
  border-bottom:1px #bbbbbb dashed;
}

.links_image
{
  float:left;
  width: 90px;
  padding-bottom:10px;
}

.links_content 
{
    width: auto;
    float:left;
}

.links_headline
{
  width: auto;
  font-weight:normal;
  font-size:14px;
  color:rgb(225,20,37);
  text-decoration:none;
  
}

.links_text
{
  width: auto;
  padding-top:8px;
  padding-bottom:5px;
  padding-left: 15px;

}



.titel_links
{
  font-weight:bold;
  padding-top:10px;
}


/*----------------------------------------------------------------*/
/*--                     Download Liste                         --*/
/*----------------------------------------------------------------*/

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

#downloadheader
{
}

.downloaddata
{
  margin-top: 5px;
}

#dhead_line
{
  margin-top: 5px;
  border-bottom: 1px dotted #A52B28;
}
  
.dheader1
{
  color:#d01f23;
  width:60%;
  float:left;
}

.dheader2
{
  width:20%;
  color:#d01f23;
  text-align: center;
  float:left;
}

/* .dheader3
{
  width:15%;
  color:#d01f23;
  float:left;
}*/ 

.dheader4
{
  color:#d01f23;
  text-align: center;
}

.ddata1
{
  width:60%;
  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;
}

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

.kontaktform_feld
{
  margin:0;
  margin-bottom:10px;
  width:100%;
}
  
.kontakform_text
{
  float:left;
  width:100px;
}
  
.kontaktform_input
{
}
  
.kontaktform_textarea
{
  font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
  font-size:11px;
}

.pflicht_marker
{
  font-size:12px;
  color:#FDA335; /*  Orange */
}

/*----------------------------------------------------------------*/
/*--                      slideshow                             --*/
/*----------------------------------------------------------------*/

/* css definitions 4 slideshow */

#slideshow-box
{
  width: 274px;
  height:138px;
  padding-left:0px;
}

#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;
}

#slideshow-box1
{
  width: 274px;
  height:138px;
  padding-left:0px;
}

#slideshow1 .slide1 img
{
  border:0;
}

#slideshow1 .slide1
{
  position:absolute;
  top:0;
  left:0; /*vertical-align:middle;*/
  display:none;
}

#slideshow1
{
  position:relative;
  top:0;
  left:0;
  margin:auto;
  vertical-align:middle;
}

#slideshow-box2
{
  width: 274px;
  height:138px;
  padding-left:0px;
}

#slideshow2 .slide2 img
{
  border:0;
}

#slideshow2 .slide2
{
  position:absolute;
  top:0;
  left:0; /*vertical-align:middle; */
  display:none;
}

#slideshow2
{
  position:relative;
  margin:auto;
  vertical-align:middle;
}

/*----------------------------------------------------------------*/
/*--                      lightbox                              --*/
/*----------------------------------------------------------------*/

.lightbox_element
{
  float:left;
  padding-right:5px;
  display:inline;
}



/*----------------------------------------------------------------*/
/*--                     Artikelliste auf Startseite            --*/
/*----------------------------------------------------------------*/


.teaser_news
{
  width: 350px;
  margin-top: 10px;
  padding-bottom:5px;
  margin-bottom:5px;
  border-bottom: 1px #bebebe dashed;
}

.headline_news
{
  width: 400px;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 5px;
  color:#bebebe;
}

.img_news0
{
  width:110px;
  margin-top:2px;
  float:left;
  display:inline;
}

.text_news1  /*datum titel*/
{
/*  width:240px;  */
  font-weight:normal;
  padding-bottom:10px;
  font-size:14px;
  color: #666666;
  float:right;
  display:inline;
}

.text_news1_smal  /*datum titel*/
{
  width:240px;
  font-weight:normal;
  padding-bottom:10px;
  font-size:14px;
  color: #666666;
  float:right;
  display:inline;
}

.text_news1_breit  /*datum titel*/
{
  width:100%;
  font-weight:normal;
  padding-bottom:10px;
  font-size:14px;
  color: #666666;
  float:right;
  display:inline;
}

.more_news
{
  text-align:right;
  padding-top: 10px;
}

.content_news
{
  width: 350px;
  font-size:14px; /*text*/
}