*, strong {
    font-size: 12px;
    font-family: 'Lucida Grande','Lucida Sans Unicode','Tahoma','Arial','san-serif';
}
html {
    background: #8F101B repeat url('/tl_files/akkon_ag/img/main_bg.jpg') left top;
    background-repeat:repeat-x;
    font-family: 'Lucida Grande','Lucida Sans Unicode','Tahoma','Arial','san-serif';
    text-align:center;
}

.clear,#clear {
   height:0.1px;
   font-size:0.1px;
   line-height:0.1px;
   clear:both;
}

.invisible {
   width:0px;
   height:0px;
   left:-1000px;
   top:-1000px;
   position:absolute;
   overflow:hidden;
   display:inline;
}

.header_lang, .left, .right, .middle, .bottom {
    text-align: left;
}

/* HEADER LANGUAGE */
.header_lang {
  margin-top:10px;
}

.header_lang ul {
    list-style-position: outside;
    list-style-type: none;
    float:left;
    text-align:left;
    margin-left:25px;
}

.header_lang li {
    float:left;
    text-align: left;
    margin-right: 5px;
    font-weight:bold;
}

.header_lang li a,
.header_lang li span {
   color: #fff;
   text-decoration: none;
   border: 1px solid transparent;
   padding: 2px;
   height: 15px
   width: 15px;
   display:block;
   float: left;
}

.header_lang li a:hover,
.header_lang li a:focus,
.header_lang li.active span {
   border: 1px solid #8e0f1a;
   color: #FFF;
   background-color: #8e0f1a;
   padding: 2px;
}

.header_lang li.active span {
   border: 1px solid #FFF;
   color: #FFF;
}

/* HEADER NAVIGATION */
.header_nav {
    height: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

.header_nav ul.nav_bar {
    list-style-position: outside;
    list-style-type: none;
    float:left;
    padding: 0px 10px;
    background-image: url(/tl_files/akkon_ag/img/navi_bg.jpg);
}

.header_nav ul.nav_bar li {
    float:left;
}

.header_nav ul.nav_bar li a {
    height: 48px;
    line-height: 50px;
    color: #fff;
    text-decoration: none;
    padding: 0px 15px;
    display: block;
    float: left;
}

.header_nav ul.nav_bar li a.current_page_item,
.header_nav ul.nav_bar li a.trail {
    color:#fff;
    font-weight: bold;
    background-image: url(/tl_files/akkon_ag/img/hover_bg.jpg);
    border-left: #fff solid 1px;
    border-right:#fff solid 1px;
}

.header_nav ul.nav_bar li a:hover, 
.header ul li a:focus {
    color:#fff;
    background-image: url(/tl_files/akkon_ag/img/hover_bg.jpg);
}

/* NAVIGATION LOGO PANEL */

.header_nav .logo_panel {
    margin: 0px 0px 0px 20px;
    text-align: right;
}


.header_nav .logo_panel li {
   float:left;
   padding-right: 10px;
}
.header_nav .logo_panel li a {
   text-decoration: none;
   color: #fff;
}

.header_nav .logo_panel li a:hover,
.header_nav .logo_panel li a:focus {
   text-decoration: none;
   color:#910f17;
}

.header_nav .logo_panel li.logo {
   padding:0px;
}

/* BREADCRUMB */
.mod_breadcrumb {
   color: #fff;
   background-color: #910f17;
}

.mod_breadcrumb .mod_breadcrumb_inner {
   margin: 15px 0 0 25px;
   height: 30px;
   text-align: left;
}
.mod_breadcrumb .mod_breadcrumb_inner img {
   margin-left: 3px;
   margin-right: 3px;
   margin-bottom: 1px;
}
.mod_breadcrumb .mod_breadcrumb_inner .active {
color:#FFF;
}

.mod_breadcrumb a,
.mod_breadcrumb span,
.mod_breadcrumb a:hover,
.mod_breadcrumb a:focus{
   color: #fff;
   font-weight: bold;
   text-decoration: none;
}

.mod_breadcrumb a:hover,
.mod_breadcrumb a:focus {
  text-decoration: underline;
}
.mod_breadcrumb span {
   color: #fc0;
}

/*MAIN Container*/
.main_container {
    background: transparent url(/tl_files/akkon_ag/img/background.gif) top left repeat-y;
}




/* LEFT */

.left {
  background: transparent url(/tl_files/akkon_ag/img/left_bg.png) top left repeat-y;
}

.left .mod_navigation {
  margin: 20px 0 0px 25px;
}
.left .mod_navigation h2 {
   color:#910f17;
   font-size: 14px;
   font-weight: bold;
   padding-bottom: 10px;
   border-bottom: 1px solid #5e5d5b;
   margin-right: 25px; 
}

.left .mod_navigation li {
   padding: 14px 0 10px 0;
   border-bottom: 1px solid #5e5d5b;
   margin-right: 25px;
}

.left .mod_navigation a,
.left .mod_navigation span {
   color: #5e5d5b;
   font-weight:bold;
   font-size: 12px;
   text-decoration: none;
}
.left .mod_navigation a:hover,
.left .mod_navigation a:focus, 
.left .mod_navigation a:active{
   text-decoration: none;
   padding-left:10px;
   color:#910f17;

}

.left .mod_navigation span {
   color:  #910f17;
}

.left .mod_navigation .level_2 li {
   padding: 5px 0 5px 15px;
   border: 0px;
}

.left .mod_navigation .level_2 li a,
.left .mod_navigation .level_2 li span {
   font-size: 12px;
}

/* Search Box */
.left .mod_searchbox,
.left .mod_teaser {
   text-align: right;
   margin: 20px 25px 20px 25px;
   border-bottom:1px solid #5E5D5B;
}

.left .mod_searchbox h2,
.left .mod_teaser h2 {
   text-align: left;
   border-bottom:1px solid #5E5D5B;
   color:#910f17;
   font-size:14px;
   font-weight:bold;
   padding-bottom:10px;
   margin-bottom: 10px;
}

.left .mod_searchbox form {
   margin-bottom:10px;

}

.left .mod_searchbox input.text {
   width:130px;
   height: 15px;
   margin-right: 5px;

   background-color:#F6F6F6;
   border:1px solid #C6C6C6;
   padding:4px;
}

.left .mod_searchbox input.image {
   padding-top:5px;
   vertical-align: middle;
}

/* MIDDLE */
.middle {
    background: #fff;
    font-size: 12px;
    line-height: 21px;
    padding: 0 0 20px 0;
}

.middle p {
margin-bottom: 10px;
}

.middle sup {
vertical-align: +4px;
}

.middle sub {
vertical-align: -4px;
}

.middle .ce_text,
.middle .mod_dlh_googlemaps,
.middle .ce_form {
    padding: 0 20px 0 0;
}

.middle h1 {
    color: #8e121c;
    font-size: 32px;
    font-weight: bold;
    line-height: 45px;
}

.middle h2 {
    color: #666666;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 10px;
}

.middle .block {
  clear: both;
}

.middle .ce_text {
  margin-top: 10px;
}

.middle .ce_text .image_container {
  padding-bottom: 10px;
}

.middle .ce_text hr {
  border: 0;
  background-color: #757575;
  height: 1px;  
}

.middle .ce_text p,
.middle .ce_text li {
  font-size: 1em;
  letter-spacing: 0.05em;
  color: #757575;
  line-height: 15px;
}

.middle .ce_text li {
list-style: disc inside none;
}

.middle .ce_text em {
  color: #993300;
}

.middle .ce_text strong,
.middle .ce_table strong {
   color: #8e121c;
   font-weight:bold;
}

.middle .ce_imageslider {
    margin-auto;
    text-align: left;
}

.middle .ce_imageslider .mask1 {
    text-align: left;
}

/* ACCORDION */
.middle .ce_accordion .toggler {
    cursor: pointer;
}

/* TABLES */
.middle .ce_table table {
    color: #757575;
    width: 99%;
    margin-top: 1px;
  /*  border: 2px solid #EEEEEE;*/
}

.middle .ce_table thead {
	background-color: #EEEEEE;
}

.middle .ce_table td,
.middle .ce_table th {
     /* border: 1px solid #EEEEEE;*/
     padding: 2px;
}

.middle .ce_table th {
     background: #EEE url(/plugins/tablesort/media/default.gif) no-repeat scroll right center;
} 

.middle .ce_table th.desc {
     background: #EEE url(/plugins/tablesort/media/desc.gif) no-repeat scroll right center;
} 

.middle .ce_table th.asc {
     background: #EEE url(/plugins/tablesort/media/asc.gif) no-repeat scroll right center;
} 

.middle .ce_table th a {
     font-weight: bold;
}

.middle .ce_table a {
     text-decoration: none;
     color: #5E5D5B;
     font-weight: normal;
} 

.middle .ce_table a:hover {
     text-decoration: none;
     color: #910F17;
     cursor: pointer;
} 

/* SIDEMAP */
.mod_sitemap ul.level_2 {
  margin-left: 20px;
}

.mod_sitemap ul.level_3 {
  margin-left: 40px;
}

.mod_sitemap ul.level_4 {
  margin-left: 60px;
}

.mod_sitemap a {
  font-size:12px;
  color: #757575;
  text-decoration: none;
}

.mod_sitemap a:hover,
.mod_sitemap a:focus {
  text-decoration: underline;
}

/* SEARCH RESULT */

.middle .mod_search {
  color: #757575;
  padding-right: 20px;
}

.middle .mod_search p {
  margin:0;
}

.middle .mod_search input.text {
  background-color:#F6F6F6;
  border:1px solid #C6C6C6;
  margin:0.25em 0.25em 0.25em 0;
  padding:4px;
  width:260px;
}

.middle .mod_search p.header {
  text-align: right;
}

.middle .mod_search p .highlight,
.middle .mod_search p.header strong {
  font-weight: bold;
  color: #910F17;
}

.middle .mod_search .even,
.middle .mod_search .odd {
  margin-bottom: 10px;
  border-bottom: 2px dotted #757575;
}

.middle .mod_search h3 a,
.middle .mod_search h3 span {
  font-size: 14px;
}

.middle .mod_search a {
  color: #910F17;
  text-decoration:none;
  font-weight:bold;
}

.middle .mod_search a:hover {
  color: #5E5D5B;
}

.middle .mod_search .url {
  color: #81AF44;
}
.middle .mod_search .filesize {
  color: #757575;
}

/* Contact Form */
.middle .ce_form {
  color: #757575;
}

.middle .ce_form input.text,
.middle .ce_form input.upload,
.middle .ce_form textarea.textarea {
  color: #757575;
  background-color:#F6F6F6;
  border:1px solid #C6C6C6;
  margin:0.25em 0.25em 0.25em 0;
  padding:4px;
  width:260px;
  margin-left: 5px;
}

.middle .ce_form textarea.textarea {
  width:560px;
  height: 200px;
}

.middle .ce_form .mandatory {
  padding-left: 1px;
}

.middle .ce_form .submit_container,
.middle .ce_form .error {
  margin-left:5px;
}

.middle .ce_form .error {
  color: #910F17;
}

.middle .ce_form input.error,
.middle .ce_fomr textarea.error {
  border: 1px solid #910F17;
}

#contact table td {
vertical-align:top;
}

/* BOTTOM */

.footer {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: right;
}

.footer ul {
  float: right;
}

.footer li {
  float: left;
  margin-right: 10px;
}

.footer a {
   color: #fff;
   text-decoration:none;
}

.footer a:hover,
.footer a:focus {
   text-decoration:none;
   color:#d82430; 
}
