/*++++ Klangstudio-2010 basis ++++++++++*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;	}


body { font: normal 100.01% Verdana, Helvetica, Arial, sans-serif; font-size:12px; color: #3F484F; background-color:#F9F9F9; text-align: center; }

div#rahmen {   text-align: left; margin-left: auto; margin-right: auto; width: 950px;  border: solid 2px #D8DFF1; background-color: white; margin-bottom: 2em; padding-bottom: 0.7em;	border-top: 0px;	}

/*** Logo ***/
div#logo { float: left; width:500px; height:77px; margin-top: 1.5em; margin-left: 1em; border-bottom: 3px solid #F9F9F9;   }

/*** Top ***/
div#top { height: 90px;  float: right; width: 400px; margin-top:10px;	}

/*** Zentrum & Mitte ***/
div#zentrum { clear: both; padding-top: 0.2em;  border-top: 1px dotted color:#009DDF;  }

div#mittelinks { float: left; width: 723px; }

div#mitte { float: right; width: 510px; border-left: 1px solid #D8DFF1; padding-left: 1.0em;  } /*#E8EEF5;  padding-left: 1.2em;  */

/*** Klickpfad ***/
#klickpfad    { margin:0px 0px px 0px ; padding: 1px;  display:block; border-bottom: 1px dotted #D3D9DB; } /* margin:3px 10px 6px 0px ; */
#klickpfad a { text-decoration:none; font-weight: bold; font-size:10px; color: #999999; } /* font-size:75% ;  */
#klickpfad a:hover { text-decoration: underline;  color: white;  background-color: #5F727A;} /* color: #5F727A;  */

/*** Inhalt ***/
div#inhalt {  float: right; margin-right: 3em;                       }

/*** Links ***/
div#links { width: 195px;  float: left; margin-top: 12px;}

/*** Produktmenu***/
div#menu1 { float: left; margin-left: 0em; padding-right: 0.8em; font: normal 100% Helvetica;                 }

/*** UnserMenu ***/
div#menu2 { float: left; margin-top: 3.6em; padding-right: 0.8em; font: normal 100% Helvetica;	}

/*** Inhalt Links ***/
div#inhaltlinks { width: 145px; margin-left: 0.6em; margin-top: 3em; float: left; padding: 1em; color: #999999; font-weight: bold; font-size: 80%;}
#inhaltlinks ul { padding-left: 0.9em; }
#inhaltlinks li { display: inline; margin-bottom:1em; padding: 0.1em; }

/*** Rechts ***/
div#rechts { float: right; width: 205px; font-size: 90%; padding: 0.5em; width: 205px; }

/*** Unten***/
div#unten { clear: both; margin: 0.5em; padding-top: 1em;} 
#unten a { color: #999999; font-size: 80%; }


/***+++Textgestaltung+++***/
h1 { font-size: 170%; font-weight: bold; margin-bottom: 0.4em; margin-top: 0.4em; color:#1967B9; color:#009DDF; font-family: Helvetica, Sans-Serif;     }

h2 { font-size: 120%!important; font-weight: bold; margin-bottom: 0.3em; color: #004276!important; font-family: Arial;   }

p { margin-top: 0.4em; margin-bottom: 2.4em; line-height: 1.58em !important;       }

a { color: #004276;  }   a:hover { color: blue;  }


/*** Rahmen hell f�r Inhaltselemente ***/
.hellrand { border:1px solid #D3D9DB; padding: 0.5em; margin: 0.8em 0.2em 0.4em 0.2em; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
  } 

/*** dicker Balken unten ***/
.untenrand { border-bottom: 4px solid #D8DFF1; } 

/*+++ Bildunterschriften linksb�ndig+++*/ 
.csc-textpic-caption { font-size:80%; text-align: left !important; }  


/*+++ Sitemap+++*/
div.csc-sitemap {margin-left: 1.5em; color:  #CA0002;          }

div.csc-sitemap ul li  { margin-left: 1.5em; line-height:1.5em; font-size: 100%;        }

div.csc-sitemap ul li ul li { margin-left: 1.5em;line-height:em; font-size: 100%;   }

div.csc-sitemap ul li ul li ul li { margin-left: 1.5em; font-size: 90%;  }

div.csc-sitemap ul li ul li ul li ul li { margin-left: 1.5em;  }

/*+++ Kontaktformular+++*/
fieldset.mailform { color: #004276;  font-weight: bold;                  }

div.csc-mailform-field {   color: #CA0002;  font-weight: bold;                  }

/*+++ Tabelle +++*/
table.contenttable {border: 1px solid silver;background-color:#F2F2F2;	  }
table.contenttable td {padding:0.5em; background-color: white; }

/*+++ Listen +++*/
div.csc-textpic-text li {margin-left: 2em; margin-bottom: 0.5em; line-height: 1.5em;    }

ul.csc-bulletlist { list-style-type: none; margin: 0 auto; line-height: 220%;    }


/*** Glossar ***/
dfn { font-style:normal; border-bottom:none; color: !important;  }

a.glossary dfn { text-decoration: none; }

h1 .glossary {  font-weight: bold; margin-bottom: 0.4em; /*color:#1967B9; color:#009DDF;*/ font-family: Helvetica, Sans-Serif; text-decoration: none      }

#inhaltlinks ul.csc-bulletlist a.glossary dfn { list-style-type: none; text-decoration-none; color: #999999;    }

a.glossary { text-decoration: none; font-style: normal}


/* 
aufgehoben:
#leiste { z-index: -1; position: absolute; margin: 0 auto; width: 100%;  background-color: #444444; border-bottom: 1px solid silver; border-top: 1px solid silver; height:2.8em; font-size:115%;  
*/

