html{
  margin: 0;
  padding: 0;
  border: solid black 0px;
  width: 100%;
  height: 100%;
  background-color:#ccc;
  background: url(images/b-bg.png);    
  background-repeat: repeat-x;
  background-position: 0% 0%;
  background-color:#ccc;
  }
body{
  width:100%; height:100%;
  margin:0;
  padding:0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px; 
  font-style: normal; font-weight: normal; 
  vertical-align:top;
  color: #000000; 
  text-decoration: none;
  background-color:#CCC;
  }
.wraper{
  width:1024px;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
	  border-right: solid #f3f3f3 0px; 
  background-color: #FFF;
  background: url(img/blue.jpg);
  background-repeat: repeat-y;
  }    
.top{
  width:1024px;
  height:86px;
  background:url(img/top2.jpg);
  }
.left_title{
  width:220px; height:45px;
  padding:12px 0 0 0;
  text-align:center;
  }   
.content{
  padding:0 0 0 0;
  margin:0;
  }
.bottom{
    background:url(img/bottom2.jpg);
    background-repeat:no-repeat;
    width:1024px; height:137px;
    }
/*######## Navigation       #############*/
.navi{padding:40px 0 0 0;height:25px;}

/*##   test   ##*/  
#menu, #menu * { margin:0;padding:0;}

#menu {
/*  position:relative; */
/*  float:left;*/
    z-index:100;
    overflow:hidden;
    overflow:visible;
    }
#menu li {
  cursor:pointer;
  float:left;
  height:25px;
  text-align:center;
  list-style-type:none;
  font-weight:bold;
  position:relative;
  border:solid #000000 0px;
  padding:0;
  margin:0 0px 0 0px;
  overflow:visible;
}

#menu li a {
  white-space:nowrap;
  text-decoration:none;
/*  float:left;
  text-align:center;
  line-height:24px;
  */
  height:24px;
  width:auto;
  margin:0 0 0 0px;
  padding:0 2px 0 2px;
}
#menu li a:hover {
  white-space:nowrap;
  text-decoration:none;
/*  float:left;
  text-align:center;
  height:24px;
*/  
  width:auto;
  margin:0 0 0 0px;
  padding:0 2px 0 2px ;
  color:#ff0000;
}


#menu li ul {
  font-family:verdana;
  font-size:11px;
  cursor:default;
  width:auto;
  position:absolute;
  top:25px;
  padding:0;
  left:-9000px;
  border:solid #000000 0px;
  display:block;
  }
#menu li ul li {
  height:18px;
  width:100%;
  padding:4px 0 0 0;
  margin:0;
  border-collapse:collapse;
  position:relative;
  border:solid #000000 1px;
  border-top:solid black 0px; 
  text-align:left;
  background-color:#fff;
  display:block;
  border-collapse:collapse!important;
  }
#menu li ul li a {
  position:relative !important; /* ie Mac */
  cursor:pointer !important;
  white-space:nowrap;
  line-height:10px;
  height:20px;
  font-weight:600;
  border:solid #ffffff 0px;
  color:#000;
  display:block;
  width:auto;
  margin:0 0 0 9px;
  padding:2px 3px 0 3px ;
}
#menu li ul li a:hover {
  position:relative !important; /* ie Mac */
  cursor:pointer !important;
  white-space:nowrap;
  line-height:10px;
  height:20px;
  font-weight:600;
  border:solid #ffffff 0px;
  color:#111;
  display:block;
  width:auto;
  margin:0 0 0 9px;
  padding:2px 3px 0 3px ;
  color:#FF0000;
}

#menu li:hover ul,#menu li.msieFix ul {left:0;z-index:10}      
        
        
.sub-cnt{
  width:160px;
  padding:0 50px 0 10px;
  }
.submenu{
   color:#000;
   text-align:right;
   display:inline;
   list-style-type:none;
   }   
     .submenu li{
	margin:0; 
	padding:10px 0 0 0;
	list-style-type: none;
	}
     .submenu a:link, .submenu a:visited{
	font-size:11px;
	font-weight:bold;
	padding:2px 7px 2px 0px;
	margin:0px;
	text-decoration:none;
	color:#111111;
	}
     .submenu a:hover{
	font-size:11px;
	font-weight:bold;
	padding:2px 7px 2px 0px;
	margin:0px;
	text-decoration:none;
	color:#438888
	}
     .submenu a:link.active, .submenu a:visited.active{
        font-size:11px;
	font-weight:bold;
	padding:2px 7px 2px 0px;
	margin:0px;
	color:#438888;
        }
   .sub_nav{
         top:10px;
         left:100px;
         width:1000px;
         border:solid red 1px;
         }     
/*######## Generic styles   #############*/   
.center{text-align:center;}
.restrict{width:530px;}
p{margin:0; padding:2px;}
div{padding:0; margin:0;}
ul{
  margin: 0;
  padding: 0;
  border: solid #FFF 0px;
  list-style-type:disc;
  }
li{
  margin: 0px;
  padding: 0px;
  border: solid #FFF 0px;
  vertical-align:top;
  }
table{
  padding:0;
  margin:0;
  border: solid #FFF 0px;
  vertical-align:top;
  border-collapse: collapse;
  }
tr{
  vertical-align:top;
  border-collapse: collapse;
  }

td{
  margin: 0px;
  padding: 0px;
  border: solid #000 0px;
  vertical-align:top;
  border-collapse: collapse;
  font-size: 11px;
  }
img{
  border: solid black 0px;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  }
h2{
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 11px;
   font-style: normal;
   font-weight: bold; 
   color: #82848C; 
   text-decoration: none;
   padding:0;
   margin:13px 0;
   line-height:12px;
   }
strong{
 font-size: 11px;
 font-style: normal;
 font-weight: bold; color: #438888; 
 text-decoration: none;
 }
b{
 font-size: 11px;
 font-style: normal;
 font-weight: bold; color: #438888; 
 text-decoration: none;
 }
a:link
   {
   font-weight:bold;
   color:#000000;
   text-decoration:none;
   font-size:11px;
   }
a:visited
   {
   font-weight:bold;
   color:#000000;
   text-decoration:none;
   font-size:11px;
   }
a:hover
   {
   color:#000000;
   text-decoration:underline;
   font-size:11px;
   }
a:active
   {
   color:#000000;
   text-decoration:underline;
   font-size:11px;
   }
/*## sub page ##*/
.sub html, .sub body{
  background-color:#FFF;
  }
.sub_content{padding:10px; background-color:#FFF; width:100%; height:100%;}


/*## typo3 ##*/
.csc-mailform{padding:0; margin:0; border:solid #ccc 0px; width:300px; vertical-align:top; vertical-align:top;} 
.csc-mailform-field{width:300px; border:solid #438888 0px; vertical-align:top;}
input, textarea{border:solid #438888 1px; width:200px;  vertical-align:top;}
.csc-mailform-field label{border:solid #438888 0px; width:100px;  vertical-align:top; }
.csc-mailform-submit{ border:solid 0px; background-color:#fff; font-weight:bold; font-size:11px; }
.test{width:100%;}

/*### form login ###*/
.tx-newloginbox-pi1 form td {width:10px; padding:4px; margin:0; font-weight:bold;}
#tx-newloginbox-pi1-user{width:120px;}
#tx-newloginbox-pi1-pass{width:120px;}
.tx-newloginbox-pi1-submit{width:120px;}
.tx-newloginbox-pi1-forgotP{padding:10px 0 0 7px;}
.tx-newloginbox-pi1-forgotP a:link {font-size:10px; color:#000;}
.tx-newloginbox-pi1 {padding:0 0 20px 0;}

/*## news ##*/
.news-single-item{width:530px; padding:0 0 20px 0;}
/*## sitemap ##*/
#th_sm_l a:link,#th_sm_l a:visited {
   font-weight:bold;
   color:#000000;
   text-decoration:none;
   font-size:11px;
   }
#th_sm_l a:hover{
   font-weight:bold;
   color:#ff0000;
   text-decoration:none;
   font-size:11px;
   }
dfn{display:none; color:#FFF;}
.bodytext{max-width:600px;}   
