/*Site ------------------------------------------------------------------------------*/
html, body { 
   margin: 0;
   padding: 0;
   border: 0;
   text-align: center;
   background: #610A09 url(bg_container.gif) repeat-y center;
   }
/*Standards -------------------------------------------------------------------------*/  
div, span, p, h1, h2, h3, h4, h5, h6, ul, li, img , a, form {padding: 0; margin: 0;  border: 0;}
.clearer {clear: both; line-height: 1px; height: 1px; width: 1px; font-size:1px;}
.hidder {display: none;}
/*Links -----------------------------------------------------------------------------*/
p a:link, span a:link {color: #d64c17; text-decoration: none;}
p a:visited, span a:visited {color: #CCCCCC; text-decoration: none;}
p a:hover, span a:hover {color: #d64c17; text-decoration: none;}
/*Textformats -----------------------------------------------------------------------*/     
h1, h2, h3, h4, h5, h6 {font-family: Georgia, Times New Roman, Times, serif; font-weight: normal;}  
div, span, p, table, td {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   text-align: left;
   color:#610A09;
   }
/*Positions ------------------------------------------------------------------------*/
#container {
   position: relative;
   width: 750px;
   border-top: 10px solid #FFF0D9;
   text-align: left;
   padding-bottom: 30px;
   margin: auto;
   } 
#header {position: relative; width: 750px;}
#topmenuline {
   background-image:url(bg_topmenu.gif);
   background-position: 0px 30px;
   height: 30px;
   width: 750px;
   }
#logo {height: 101px; width: 750px; background-image:url(hkb-title.jpg);}
#content {position: relative; width: 750px;}
#contentleft {float:left; width:200px;}
#contentright {float:left; width:550px;}
#footer {
   position: relative;
   height: 30px;
   width: 750px;
   margin: auto;
   padding-left: 200px;
   padding-right: 40px;
   background: transparent url(bg_footer.gif) no-repeat bottom right;
   /*--- Hack IE 5.x ---*/
   voice-family: "\"}\"";
   voice-family:inherit;
   width: 510px;
   }
   /*--- For Opera 5.x ---*/
   html>body #footer {
   width: 510px;
   } 
/*Navlevel 1 ------------------------------------------------------------------------*/
#topmenu {
   position: absolute;
   height: 30px;
   width: 700px;
   top: 0px;
   left: 0px;
   }  
#topmenu ul {list-style-type: none;}	
#topmenu li {
   float: left; 
   line-height:30px;
   height: 30px;
   width: 100px;
   font-size: 13px;
   }
#topmenu li .norm {
   width: 100%;
   height: 100%;
   display: block;
   color: #610A09;
   font-family: Georgia, Times New Roman, Times, serif;
   font-size: 13px;
   text-align: center;
   text-decoration:none;
   background: transparent url(bg_topmenu.gif) no-repeat 0px -30px;
   }
#topmenu li .norm:hover {color: #930C0C; background-position: 0px 0px;}
#topmenu li .now {
   width: 100%;
   height: 100%;
   display: block;
   color: #930C0C;
   font-family: Georgia, Times New Roman, Times, serif;
   font-size: 13px;
   /*font-weight: bold;*/
   text-align: center;
   text-decoration:none;
   background: transparent url(bg_topmenu.gif) no-repeat 0px 0px;
   }
#but_top_home, #but_top_print {
   display: block;
   text-decoration:none;
   height: 30px;
   width: 25px;
   }
#but_top_print {
   position: absolute;
   top: 0px;
   left: 700px;
   background: transparent url(but_top_print.gif) no-repeat 0px -30px;
   }
#but_top_home {
   position: absolute;
   top: 0px;
   left: 725px;
   background: transparent url(but_top_home.gif) no-repeat 0px -30px;
   }
#but_top_print:hover, #but_top_home:hover {
   background-position: 0px 0px;
   }
/*Navlevel 2 ------------------------------------------------------------------------*/
#leftmenu {
    width: 200px;
	padding-bottom: 20px;
	background: transparent url(bg_menuend.gif) bottom right;
	}
#leftmenu ul {list-style-type: none;}	
#leftmenu li {
   color: #96948C;
   font-size: 12px;
   line-height:15px;	
   width: 200px;
   height: 43px;
   padding-top:8px;
   padding-left:20px;
   padding-right:20px;
   font-family: Georgia, Times New Roman, Times, serif;
   background: transparent url(bg_leftmenu.gif) no-repeat 0px 0px;
   /*--- Hack IE 5.x ---*/
   voice-family: "\"}\"";
   voice-family:inherit;
   width: 160px;
   height: 35px;
   }
   /*--- For Opera 5.x ---*/
   html>body #leftmenu li {
   width: 160px;
   height: 35px;
   } 
#leftmenu li .norm {
   width: 100%;
   height: 100%;
   display: block;
   color: #610A09;
   text-decoration:none;
   } 
#leftmenu li .norm:hover {color: #930C0C;}
#leftmenu li .now {
   width: 100%;
   height: 100%;
   display: block;
   color: #930C0C;
   text-decoration:none;
   } 
/*Searchform ----------------------------------------------------------------------*/	
#searchform {
   padding-left: 20px;
   padding-top: 10px;
   padding-bottom: 10px;
   background: transparent url(bg_menutop.gif) no-repeat 0px 0px;
   }
#searchform input {
   padding: 0;
   margin-top: 3px;
   margin-right: 7px;
   width: 143px; 
   font-size: 13px;
   font-family: Georgia, Times New Roman, Times, serif;
   border: 1px solid #D2B89D;
   color: #610A09;
   float: left;
   }
.but_search {
   display: block;
   margin-top: 2px;
   text-decoration:none;
   width: 26px;
   height: 20px;
   background: transparent url(bg_search.gif) no-repeat 0px 0px;
   float: left;
   }  
.but_search:hover {
   background-position: -26px 0px;
   }

/*Content Left ------------------------------------------------------------------------*/
#contentleft h3 {
   display: block;
   padding-left: 20px;
   padding-right: 20px;
   font-size: 14px;
   color: #610A09;
   margin-top: 10px;
   } 
#contentleft h3 a:link {
   color: #930C0C;
   font-size: 12px;
   line-height:15px;	
   font-family: Georgia, Times New Roman, Times, serif;
   text-decoration: none;
   } 
#contentleft h3 a:visited {
   color: #930C0C;
   font-size: 12px;
   line-height:15px;	
   font-family: Georgia, Times New Roman, Times, serif;
   text-decoration: none;
   } 
#contentleft h3 a:hover {
   color: #610A09;
   font-size: 12px;
   line-height:15px;	
   font-family: Georgia, Times New Roman, Times, serif;
   text-decoration: none;
   } 
.clText {
   padding-left: 20px;
   padding-right: 20px;
   margin-top: 10px;
   font-size: 10px;
   line-height: 14px;
   color: #837667;
   }
.clImgNorm {
   display: block;
   border: 1px solid #610A09;
   margin-top: 10px;
   margin-left: 20px; 
   margin-right: 20px;
   }
.clImgNormNo {
   display: block;
   border:0;
   margin-top: 10px;
   margin-left: 21px; 
   margin-right: 21px;
   }
#contentleft a:link {color: #A53531; text-decoration: none;}
#contentleft a:visited {color: #A53531; text-decoration: none;}
#contentleft a:hover {color: #A53531; text-decoration: none;}
/*Content Right -----------------------------------------------------------------------*/
#contentright h1 {
   display: block;
   height: 86px;
   padding-left: 40px;
   padding-right: 40px;
   background-color: #D2B89D;
   background-image: url(bg_header.gif);
   font-size: 24px;
   line-height: 86px;
   color: #610A09;
   } 
#contentright h2 {
   display: block;
   padding-left: 40px;
   padding-right: 40px;
   font-size: 16px;
   color: #610A09;
   margin-top: 15px;
   } 
#contentright a:link {color: #A53531; text-decoration: underline;}
#contentright a:visited {color: #A53531; text-decoration: underline;}
#contentright a:hover {color: #A53531; text-decoration: none;}
#contentright span {color: #610A09;}
#contentright ul {
   margin-left:40px; 
   margin-top: 10px;
   padding: 0;
   line-height: 17px;
   }
#contentright ol {
   margin-left:40px; 
   margin-top: 15px;
   padding: 0;
   line-height: 17px;
   }
#contentright table {
   display: block;
   width:470px;
   }
#contentright td {
   border:0;
   padding:5px;
   line-height: 17px;
   color: #610A09;
   }
.crText {
   padding-left: 40px;
   padding-right: 40px;
   margin-top: 15px;
   line-height: 17px;
   color: #610A09;
   }
.crAbstract {
   margin-top: 15px;
   padding-left: 40px;
   padding-right: 40px;
   color: #610A09;
   font-size: 13px;
   font-family: Georgia, Times New Roman, Times, serif;
   line-height: 19px;
   }
.crQuote {
   color: #BC6A6A;
   font-size: 18px;
   font-style: italic;
   font-family: Georgia, Times New Roman, Times, serif;
   line-height: 19px;
   }
.crLine {
   width: 467px; 
   height: 21px;
   margin-top: 10px; 
   margin-left: 40px; 
   margin-right: 40px;
   background: transparent url(bg_line.gif) no-repeat 0px 0px;
   }	
.crLineb {
   width: 467px; 
   height: 21px;
   margin-top: 10px; 
   margin-left: 40px; 
   margin-right: 40px;
   background: transparent url(bg_lineb.gif) no-repeat 0px 0px;
   }	
.crImgInline {
   display: block;
   border: 1px solid #610A09;
   margin-top: 3px;
   margin-right: 7px;
   float:left;
   }
.crDate {
   margin-top: 15px;
   margin-left: 40px; 
   margin-right: 40px;
   font-style: italic;
   font-family: Georgia, Times New Roman, Times, serif;
   color: #610A09;
   }
.crXcol {
   margin-left: 40px; 
   margin-right: 40px; 
   margin-top: 15px;
   }
.crXcolL {
   float:left; 
   width: 225px;
   margin-right: 10px;
   line-height: 17px;
   color: #610A09;
   }
.crXcolL .crImgMiddle {
   display: block;
   border: 1px solid #610A09;
   }
.crXcolR {
   float:left;
   margin-left: 10px; 
   width: 225px;
   line-height: 17px;
   color: #610A09;
   }
.crXcolR .crImgMiddle {
   display: block;
   border: 1px solid #610A09;
   }
.crImgBig {
   display: block;
   border: 1px solid #610A09;
   margin-top: 15px;
   margin-left: 40px; 
   margin-right: 40px;
   }
.crImgBigFree {
   display: block;
   margin-top: 15px;
   margin-left: 40px; 
   margin-right: 40px;
   }
.crTextkl {
   margin-top: 10px;
   margin-left: 40px; 
   margin-right: 40px;
   font-size: 10px;
   line-height: 15px;
   }
.crTextklMap {
   font-size: 10px;
   line-height: 15px;
   }
/*Form -------------------------------------------------------------------------------*/
#contactform {
   margin-top: 10px;
   margin-left: 40px;
   }
#contactform p  {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
   padding : 5px 5px 5px 5px;
   margin-bottom: 5px;
   background-color: #C7827D;
   width: 350px;
   }
#contactform label, #contactform input, #contactform select, #contactform textarea {
   padding: 0;
   margin: 0;
   width: 250px; 
   color: #610A09;
   }
#contactform label {
   line-height: 18px;
   }
#contactform textarea {
   width: 340px; 
   }
#contactform input, #contactform select, #contactform textarea {
   border: 1px solid #610A09;
   background-color: #FFFFFF;
   color: #610A09;
   }
#contactform .button {
   border: 1px solid #610A09;
   background-color: #C7827D;
   color: #610A09;
   text-transform: uppercase;
   letter-spacing:3px;
   }
#contactform .cbox {
   border: 1px solid #610A09;
   width: auto; 
   }   
/*Footer -------------------------------------------------------------------------------*/
#but_foot_back, #but_foot_top, #but_foot_sitemap, #but_foot_mail, #but_foot_friends, #but_foot_home {
   position: relative;
   float: left;
   display: block;
   text-decoration:none;
   width: 22px;
   height: 14px;
   }
#but_foot_top {top: 8px; left: 40px; background: transparent url(but_foot_top.gif) no-repeat 0px 0px;}
#but_foot_back {top: 8px; left: 400px; background: transparent url(but_foot_back.gif) no-repeat 0px 0px;}
#but_foot_sitemap {top: 8px; left: 400px; background: transparent url(but_foot_sitemap.gif) no-repeat 0px 0px;}
#but_foot_mail {top: 8px; left: 400px; background: transparent url(but_foot_mail.gif) no-repeat 0px 0px;}
#but_foot_friends {top: 8px; left: 400px; background: transparent url(but_foot_friends.gif) no-repeat 0px 0px;}
#but_foot_home {top: 8px; left: 400px; background: transparent url(but_foot_home.gif) no-repeat 0px 0px;}
#but_foot_back:hover, #but_foot_top:hover, #but_foot_sitemap:hover, #but_foot_mail:hover, #but_foot_friends:hover, #but_foot_home:hover {
   background-position: -22px 0px;
   }
/*EOF ---------------------------------------------------------------------------------*/