@font-face {
    font-family: enigmab;
    src: url('/fileadmin/templates/fonts/EnigmaB_2-webfont.eot');
    src: url('templates/fonts/EnigmaB_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fileadmin/templates/fonts/EnigmaB_2-webfont.ttf') format('truetype');
    font-family: enigman;
    src: url('/fileadmin/templates/fonts/Enigma__2-webfont.eot');
    src: url('templates/fonts/Enigma__2-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fileadmin/templates/fonts/Enigma__2-webfont.ttf') format('truetype');
    font-family: ubuntub;
    src: url('/fileadmin/templates/fonts/Enigma__2-webfont.eot');
    src: url('templates/fonts/Enigma__2-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fileadmin/templates/fonts/UbuntuTitling-Bold-webfont.ttf') format('truetype');
}

body, * {
  padding:0;
  margin:0;
}

/* ------------------ Elemente Logo und Main -------------- */
#logo {
  width: 980px;
  height: 55px;
  overflow: hidden;
}
#logo IMG {
  margin: 15px 0px 0px 841px;
  padding: 0;
  border: none;
}
#logo_text {
  position: absolute;
  width: 625px;
  height: 20px;
  left: 330px;
  top: 80px;
  text-align: right;
  z-index: 3;
}
#logo_text h1 {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  font-weight: normal;  
  color: #666666;
}
#main {
  width: 980px;
  background-image: url(icon/main_bg_mid.gif);
  background-repeat: repeat-y;
}
#main_bot {
  width: 980px;
  padding-left: 370px;
  padding-top: 30px;
  background-image: url(icon/main_bg_bot.gif);
  background-repeat: no-repeat;
}


/* ------------------ Elemente Menue Bereich -------------- */
#menu {
  width: 345px;
  float: left;
}
#menu .menu_top {
  width: 345px;
  height: 15px;
  margin: 0;
  padding: 0;
  background-image: url(icon/menu_bg_top.gif);
  background-repeat: no-repeat;
}
#menu .menu_mid {
  width: 330px;
  margin: 43px 0px 0px 0px;
  padding: 0;
}
#menu .menu_mid UL.m_mainlist {
  display: block;
  width: 140px;
  height: 300px;
  margin-left: 0px;
  padding-left: 10px;
  float: left;
  font-size: 1.0em;
  font-weight: bold;
  font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
}
#menu .m_mainlist LI {
  margin-bottom: 10px;
  list-style-type: none;
  text-align: left;
}
#menu .m_mainlist LI A, #menu .m_mainlist LI A:LINK {
  margin-left: 0px;
  text-decoration: none;
  color: #339933;
}
#menu .m_mainlist LI A:ACTIVE, #menu .m_mainlist LI A:HOVER {
  text-decoration: underline;
}
#menu .m_mainlist LI.m_act A {
  margin-left: 35px;
}
#menu .menu_mid .m_mainlist .m_tidy {
  margin-top: 400px;
  margin-left: 5px;
}
#menu .menu_mid .m_mainlist .m_tidy IMG {
  border: none;
  padding: 5px;
}
#menu .m_mainlist .m_empty {
  display: block;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  overflow: visible;
  padding: 0;
  margin: 0px 0px -1px 0px;
}
UL#m_sublist {
  font-size: 14px;
  display: block;
  position: absolute;
  left: 170px;
  padding: 0;
  margin: -10px 0px 0px 0px;
  width: 160px;
  padding-right: 5px;
  float: right;
  z-index: 1;
  }

#m_sublist LI {
  padding: 0;
  margin: 0;
  list-style-type: none;
  line-height: 20px;
  padding-left: 10px;
  letter-spacing: -0.05em;
}
#m_sublist LI A, #m_sublist LI A:LINK, #m_sublist LI A:VISITED {
  font-family: ubuntub, sans-serif;
  color: #666666;
  text-decoration: none;
}
#m_sublist LI A:HOVER, #m_sublist LI A:ACTIVE {
  color: #333333;
  text-decoration: underline;
}
#m_sublist .act {
  background-image: url(icon/smenu_button_act.gif);
  background-repeat: no-repeat;
}
#m_sublist .act A:LINK, #m_sublist .act A:HOVER, #m_sublist .act A:VISITED {
  color: #333333;
}

/* ------------------ Elemente f�r News -------------- */
#news {
  position: absolute;
  top: 170px;
  left: 175px;
  width: 150px;
  border: 0px solid #666666;
}
.n_content {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 0.6em;
  margin-bottom: 15px;
}
#news .n_aktuell {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  font-weight: bold;
  color: #666666;
  padding-left: 2px;
}
#news .n_content H1 {
  font-size: 1.0em;
  font-weight: normal;
  color: #2d5d83;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-left: 3px;
}
#news .n_content H2 {
  font-size: 1.0em;
  font-weight: normal;
  color: #2d5d83;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-left: 3px;
}
.n_content .bodytext {
  color: #536a7d;
  text-align: left;
  margin-left: 15px; 
}
.n_content A, .n_content A:LINK {
  text-decoration: none;
  color: #339933;
}
.n_content A:HOVER, .n_content A:ACTIVE {
  text-decoration: underline;
}
.n_content, .n_content .csc-textpic, .n_content .csc-textpic-center, .n_content .csc-textpic-above {
  margin: 0px; 
  padding: 0px;
}
.n_content .csc-textpic-imagewrap {
  margin: 0; 
  padding: 0;
}
.n_content DL, .n_content DT {
  margin: 0; 
  padding: 0;
}
.n_content .csc-textpic IMG {
  border: 1px solid #339933;
  margin-bottom: 3px;
}
.n_content .bodytext {
  margin: 0px 0px 6px 3px; 
  padding: 0;
}

/* ------------------ Das Rootline-Menue -------------- */
#rootline {
  position: absolute;
  top: 325px;
  left: 370px;
  width: 600px;
  overflow: hidden;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  z-index: 2;
}
#rootline UL {
  display: inline;
  padding: 0;
  margin:0;
}
#rootline LI {
  display: inline;

  margin-right: 10px;
}
#rootline LI A {
  color: #339933;
  text-decoration: none;
}
#rootline LI A:HOVER {
  text-decoration: underline;
}

/* ------------------ Elemente Main Content Bereich -------------- */
#content {
  width: 635px;
  float: left;
  overflow: hidden;
  background-image: url(icon/content_bg_mid.gif);
  background-repeat: repeat-y;
  font-size:0.75em;
  line-height: 1.5em;
  font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
}

/* Elemente grosses Bild oben */
#content .c_header {
  width: 635px;
  height: 290px;
  overflow: hidden;
}
#content .c_header IMG {
  margin: 0px;
  padding: 0px;
}

/* Elemente Hauptinhalte */
#content .c_middle {
  width: 635px;
  margin-top: -1px;
  padding: 0px;

}
#content .c_middle  .c_inner {
  width: 580px;
  margin: 20px 0px 0px 25px;
  color: #666666;
}
.clear {
  font-size: 0.01em;
  clear: both;
}
/* Textformatierungen im Content-Bereich */
#content .csc-header {
  color: #666666;
}
#content .csc-header A {
  color: #339933;
  text-decoration: none;
}
#content .csc-header A:HOVER {
  color: #339933;
  text-decoration: underline;
}
#content H1 {
  color: #E84C00;
  font-size: 1.8em;
  font-family: ubuntub;
  font-weight: normal;
  margin-bottom: 1em;
}
#content H2 {
  font-size: 1.1em;
  font-weight: normal;
  margin-bottom: 1em;
}
#content H2 A {
  color: #339933;
  font-size: 1.1em;
  font-weight: normal;
  text-decoration: none;
  margin-bottom: 1em;
}
#content H2 A:HOVER {
  text-decoration: underline;
}
#content H3 {
  color: #666666;
  font-size: 1.1em;
  font-weight: normal;
  margin-bottom: 1em;
}
#content H4 {
  color: #666666;
  font-size: 1.0em;
  font-weight: normal;
  margin-bottom: 0.5em;
}
#content .bodytext {
  color: #333333;
  margin-bottom: 1em;
}
#content .bodytext A, #content .bodytext A:LINK  {
  color: #339933;
  text-decoration: none;
}
#content .bodytext A:HOVER, #content .bodytext A:ACTIVE {
  text-decoration: underline;
}
#content .bodytext A:VISITED {
  color: #006400;
}
#content .csc-textpic-caption {
  font-size: 0.8em;
  line-height: 1.0em;
  margin-top: 0.2em;
}
#content TABLE, #content .contenttable  {
  border: 0px solid #BBBBBB;
}
#content TABLE TD, #content .contenttable TD {
  padding: 3px 10px 3px 3px;
  margin: 0;
  font-size: 0.9em;
  border-top: 1px solid #DCDCDC;
  border-bottom: 0px solid #DCDCDC;
  color: #333333;
}
#content .csc-frame-frame1 .contenttable TD {
  padding: 3px 10px 3px 3px;
  margin: 0;
  font-size: 0.9em;
  border-top: none;
  border-bottom: none;
  color: #333333;
}
#content TABLE TD A, #content .contenttable TD A {
  color: #339933;
  text-decoration: none;
}
#content TABLE TD A:HOVER {
  color: #339933;
  text-decoration: underline;
}
#content .contenttable TD A:VISITED {
  color: #006400;
}
#content UL {
  margin-left: 15px;
  padding-left: 0px;
    font-size: 1.0em;
}
#content UL LI {
  margin-left: 0px;
  padding-left: 0px;
  line-height: 1.5em;
}
#content UL LI UL {
  margin-left: 20px;
  font-size: 1.0em;
}
#content UL LI UL LI {
  padding-left: 5px;
}
#content OL {
  font-size: 1.0em;
  margin-left: 10px;
  padding-left: 0px;
}
#content OL LI {
  font-size: 0.9em;
  margin-left: 30px;
  padding-left: 0px;
  line-height: 1.5em;
}
#content UL LI A, #content UL LI A:LINK {
  color: #339933;
  text-decoration: none;
}
#content UL LI A:HOVER {
  text-decoration: underline;
}
#content UL LI A:VISITED {
  color: #006400;
}
#content FORM {
  font-size: 0.9em;
}
#content FORM LABEL {
  font-size: 1.5em;
}
#content INPUT, #content TEXTAREA {
  border: 1px solid silver;
  background-color: #ebffeb;
  margin-bottom: 10px;
}
#content .c_inner .csc-frame-frame1 {

}
#content .c_inner .csc-frame-frame1 .csc-textpic-imagewrap, #content .c_inner .csc-frame-frame1 .csc-textpic-imagerow {
  width: 580px ! important;
  overflow: visible;
}
#content .c_inner .csc-frame-frame1 .csc-textpic-image {
  border: 1px solid #339933;
  margin: 20px;
}
#content .csc-mailform {
  background-color: White;
  border: none;
  padding: 0;
  font-size: 0.8em;
}
#content .csc-mailform OL {
  border: none;
  padding: 0;
  margin: 0;
}
#content .csc-mailform OL LI {
  padding: 0;
  margin: 0;
}
#content .csc-mailform OL LI.csc-form-confirmation-false {
  padding: 10px 0 0 0;
  margin: 0;
}
#content .csc-mailform OL LI.csc-form-confirmation-false INPUT {
  background-color: #669966;
  color: #fff;
  width: 178px;
  margin: 0 0 0 200px;
}

#content .csc-mailform OL LI LABEL {
  padding: 0 0 3px 0px;
  width: 380px;
}
#content .csc-mailform OL LI EM {
  display: inline;
  padding: 0 0 0 3px;
}
#content .csc-mailform OL LI STRONG {
  color: #e84c00;
  padding-left: 0px;
}
#content .csc-mailform INPUT {
  width: 378px;
}
#content .csc-mailform TEXTAREA {
  width: 378px;
}
#content .csc-mailform FIELDSET {
  border: none;
}

#content .tx_form-submit INPUT {
  background-color: #669966;
  color: #fff;
  width: 178px;
  margin: 0 0 0 200px;
}
#content .c_inner SPAN.detail {
  color: #006600;
}

/* Elemente der Referenzlisten */
#content .c_referenz {
  width: 100%;
  margin-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dotted Silver;
}
#content .c_referenz .c_ref_image {
  width: 142px;
  margin-right: 10px;
  float: left;
}
#content .c_referenz .c_ref_image  IMG {
  border: 1px dotted Silver;
}
#content .c_referenz .c_ref_text {
  width: 428px;
  float: right;
}
#content .c_referenz .c_ref_text H1, #content .c_referenz .c_ref_text H1 A {
  color: #E84C00;
  text-decoration: none;
  margin-top: 0px;
  margin-bottom: 0.3em;
}
#content .c_referenz .c_ref_text H1 A:HOVER {
  text-decoration: underline;
}
#content .c_referenz .c_ref_text H2 {
  margin-top: -3px;
  padding-top: 0px;
}
#content .c_referenz .c_ref_text .text .bodytext {
  margin-top: 0px;
  margin-bottom: 10px;
}
#content .c_referenz .c_ref_text .link A {
  color: #339933;
  text-decoration: none;
}
#content .c_referenz .c_ref_text .link A:HOVER {
  text-decoration: underline;
}
/* Elemente f�r 2 Spalten im Content */
#content .c_inner_left {
  width: 380px;
  margin-right: 20px;
  float: left;
}
#content .c_inner_right {
  width: 180px;
  float: right;
}
#content .c_inner H1 {
  margin-top: 20px;
  margin-bottom: 10px;
}
#content .c_inner H1.csc-firstHeader {
  margin-top: 0px;
  margin-bottom: 10px;
}
#content .c_inner H2 {
  margin-top: 10px;
  margin-bottom: 5px;
  color: #339933;
}
#content .c_inner H3 {
  margin-top: 10px;
  margin-bottom: 5px;
  color: #999999;
}

/* Elemente unter Content */
#main_bot .c_sub {
  color: #808080;
  font-size:9px;
  font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
}
#main_bot .c_sub strong{
  font-weight:normal;
}
#main_bot .c_sub a{
  color: #808080;
  text-decoration:none;
}
#main_bot .c_sub IMG {
  margin-top: 5px;
  margin-right: 8px;
  border: none;
}