/* --------------------------------------------- */
/* |                                           | */
/* |             stylesheet code               | */
/* |                                           | */
/* |          (c) copyright diconic            | */
/* |                                           | */
/* |        contact: mail@diconic.de           | */
/* |                                           | */
/* --------------------------------------------- */


/*              main definitions                 */
/* --------------------------------------------- */

 body {
    color: #666; background-color: #fff;
    font-size: 16px;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 0;
    border:0;
  }


 #root {
    background-image:url(images/root_bg.png);
    background-repeat:repeat-x;
    min-height:435px;
    margin: 0;
    padding: 0;
    border:0;
 }


 #page {
    background-image:url(images/top_bg.png);
    background-repeat:no-repeat;
    width: 920px;
    margin: 0 auto;
    padding: 0 30px 20px 30px;
    border:0;
 }

 #main_page {  
    background-color: #fff;
    margin: 0;
    padding: 0;  
    border:1px solid #fff;
 }

 a img {border: 0;}

 a:link    {color:#666; text-decoration: underline;}
 a:visited {color:#666; text-decoration: underline;}
 a:hover   {color:#666; text-decoration: underline;}
 a:active  {color:#666; text-decoration: underline;}


  h1 {
   text-align: center;
   font-weight: normal;
  }


  h2 {
   font-size: 17px;
   font-weight: normal;
   border-bottom: 1px solid #66CC33;
   margin: 5px 0 5px 0;
  }

  h3 {
   font-size: 13px;
   font-weight: bold;
  }

 .status_message_green {
    border-top: 2px solid #00CC00;
    border-bottom: 2px solid #00CC00;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 10px; 
    background-color: #B2F0B2;
 }

 .status_message_yellow {
    border-top: 2px solid #FFCC00;
    border-bottom: 2px solid #FFCC00;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 10px; 
    background-color: #FFF0B2;
 }

 .status_message_red {
    border-top: 2px solid #FF0000;
    border-bottom: 2px solid #FF0000;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 10px; 
    background-color: #FFB2B2;
 }



/*                   header                      */
/* --------------------------------------------- */


 #header {
    height: 180px;
    background-image:url(images/top.png);
    padding: 0;
    margin: 0;
    border: 0;
    position: relative;
 }


 #b_text {
    display: block;
    position: absolute; top:55px; left: 555px;
 }

 #banner_date {
    color:#666;
    font-size:10px;
    text-align:right;
    padding:5px;
 }

/*                 menu_left                     */
/* --------------------------------------------- */



 #menu_left {
    float: left;
    width: 200px;
    padding: 0 10px 50px 10px;
    margin: 10px 0 0 0;
 }


  .menu_background {
    width: 200px;
    height: 30px;
    margin: 10px 0 0 0;
    font-size: 15px;
    font-weight: bold;
    line-height: 28px;
    color: #66CC33;
    padding: 0 0 0 5px;
    border: 0;
  }


/*  //////////   navigation   //////////  */

  div#navigation {
    width:200px;
    margin: 0 0 20px 0;
    padding: 0;
  }


  div#navigation ul {
    width: 190px;
    margin: 0 auto;
    padding: 0;
    list-style-type: square;
  }


  #navigation ul li {
    margin-left: 25px;
    padding: 2px;
  }


  #navigation ul li a {
    font-size: 13px;
    color:#999;
    font-weight: none;
    display:block;
    margin:0; 
    padding:5px;
    text-align: left;
    text-decoration: none;
  }


 div#navigation ul li a:link    {color:#666; }
 div#navigation ul li a:visited {color:#666; }
 div#navigation ul li a:hover   {color:#999; }
 div#navigation ul li a:active  {color:#999; }



  #navigation ul ul {
    list-style: none;
    width: 170px;
    margin-left: 40px;
    padding: 0 0 10px 0;
    border: 0;
  }


  #navigation ul ul li.submenu {
    margin: 0; 
    padding: 0;
    border: 0;
  }


 div#navigation ul ul li.submenu a {
    font-size: 12px;
    color: #999;
    font-weight: normal;
    margin: 0; 
    padding: 2px;
    text-align: left;
    border: 0;
  }


 div#navigation ul ul li a:link    {color:#999; }
 div#navigation ul ul li a:visited {color:#999; }
 div#navigation ul ul li a:hover   {color:#ccc; }
 div#navigation ul ul li a:active  {color:#ccc; }


 #submenu_products_savesystems {display: none;}


/*  //////////   language   //////////  */


  div#languages {
    width: 190px;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 0;
    font-size: 12px;
  }


  div#languages ul {
    width: 190px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
  }


  div#languages ul li {
    width: 190px;
    margin: 0;
    padding: 0;
  }


  div#languages ul li img {
    margin: 0 10px 0 10px;    
    padding: 0;
    text-decoration: none;
  }


  div#languages ul li a {
    margin: 0;
    padding: 2px;
    text-decoration: none;
  }


  div#languages ul li a:link    {color:#999; }
  div#languages ul li a:visited {color:#999; }
  div#languages ul li a:hover   {color:#ccc; }
  div#languages ul li a:active  {color:#ccc; }


/*  //////////   info box   //////////  */


  #infobox {
    font-size: 12px;
    width: 190px;
    margin: 0 auto; 
    margin-bottom: 20px;
    padding: 5px;
    background-color: #f5f5f5;
  }



  div#infobox p {
    font-size: 11px;
    margin: 5px;
  }


/*  //////////   login   //////////  */


  div#login table {
    margin: 0 0 0 5px; 
    font-size: 12px;
  }

  .admin_login_form {
    margin: 0 auto; 
    font-size: 12px;
  }


/*  //////////   certificates   //////////  */

  #certificates_element {
        margin-top: 30px; 
  }
  #certificates {
        margin: 0 auto; 
        width: 200px;
  }

  #certificates img {
       display: block;
	border: 0;
	padding: 10px 0;
       margin: 0 auto; 
  }



/*                   content                     */
/* --------------------------------------------- */



 #content {
    padding: 10px 15px 10px 15px;
    margin: 10px 0 0 225px;
    border: 0;
    font-size: 13px;
 }

 .admin_login_form table {
     margin-bottom: 20px;
     margin-left: 20px;
 }


 #content table input {
    font-size: 12px;
 }

 #content table select {
    font-size: 12px;
 }

 #content table textarea {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
 }



/*                   bottom                      */
/* --------------------------------------------- */


  #bottom {
    height: 70px;
    background-image: url(images/bottom.png);
    background-repeat: no-repeat;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    margin; 0;
    padding: 60px 10px 0;
  }


  #bottom_menu {
     float:left;
     display:block;
     text-align:left;
     margin-top:-30px;
 }

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


/*                    news                       */
/* --------------------------------------------- */


  div#news {
    font-size: 12px;
    padding: 0;
  }  

 .newsdiv {margin: 20px;}
 .newsdiv p {text-align:justify;}

 .header {text-align: right;}

 .headline { float:left; display:block; text-align:left; font-weight: bold;}

 .date {font-style: italic;} 


 hr {
    margin: 0 auto;
    padding: 0 10px;
    height: 0; 
    border: dashed #CCC 0px; 
    border-top-width: 1px;
 }


  .modified_news {
   font-size: 10px;
   margin: 20px 0 0;
   padding: 0;
   color: #999;
   
  }



/*             element controlling               */
/* --------------------------------------------- */





/*            other text formatting              */
/* --------------------------------------------- */


.bold {font-weight: bold;}
.center {text-align: center;}
.italic {font-style:italic; }
.sub_letter {font-size: 7px;}