/* Verwendetes Blau: #0A3482, Verwendetes Braun: #AE111D */

body {
  margin:0;
  background-color:#FFFFFF;
}

body, div, td {
  font-family:Arial,Helvetica,sans-serif;
  font-size:10pt;
  color:#0A3482;
}

/*  SEITEN-ELEMENTE: */

#Popup {
  position:absolute; z-index:100;
  left:-300px; top:-200px;
  border:1px solid black; background-color:#d4d4d4;

  opacity:0.5;
  filter:alpha(opacity=50);
}

#PopupHeadline {
  font-weight:bold; padding:4px; padding-top:2px;
  color:white; background-color:#0A3482;
}

#LanguageMenu {
   position:absolute; z-index:100;
   left:16px; bottom:16px;
   opacity:0.7;
}

#LanguageMenu:hover { background-color:white; opacity:1; }

#DekoHead {
  position:absolute; left:0; top:0;
  width:100%; height:50%; 
  margin:0; padding:0; overflow:hidden;
  background-image:url(images/bg-head.jpg); 
  background-repeat:repeat-x; background-position:0 0;
  z-index:2;
}

#CompanyLogo {
  position:absolute; top:0; left:0;
  width:100%; height:100%; 
  margin:0; padding:0; overflow:hidden;
  background-image:url(images/hinano-logo.gif); 
  background-repeat:no-repeat; background-position:16px 16px;}

#DekoFoot {
  position:absolute; left:0; bottom:0;
  width:100%; height:50%; 
  margin:0; padding:0; overflow:hidden;
  background-image:url(images/bg-bottom.jpg); 
  background-repeat:repeat-x; background-position:0 bottom;
  z-index:1;
}

#WaterMark {
  position:absolute; right:0; bottom:0;
  width:100%; height:100%; 
  margin:0; padding:0; overflow:hidden;
  background-image:url(images/watermark-foot.jpg); 
  background-repeat:no-repeat; background-position:right bottom;
}

#Content {
  position:absolute; left:0; top:0;
  width:100%; height:100%; overflow:hidden;
  z-index:3;
}

table.MainTable {
  table-layout:fixed;
  border-collapse:collapse;
  border-spacing:0;
  border:none;
  margin:0;
  width:100%;
  height:100%;
}

td.MainLeftCell {
  width:30%;
  text-align:left;
  vertical-align:middle;
  padding:0; padding-left:16px; padding-right:16px;
}

td.MainMiddleCell {
  width:45%;
  text-align:left;
  padding:0; vertical-align:middle;
}

#ContentDiv {
  margin:0; padding:0; padding-right:20px; margin-top:120px;
  width:100%; height:460px;
  overflow-y:auto;
}

td.MainRightCell {
  width:30%;
  text-align:right;
  vertical-align:middle;
  padding:0; padding-left:16px; padding-right:16px;
}

td.MainLeftCell img { margin-top:24px; }

#RightContent { 
  width:250px; float:right;
  text-align:left;
}

#RightContent img { margin-top:6px; margin-bottom:6px; }

div.CenteredDiv {
  text-align:center; margin-bottom:16px;
}

/*  LINKS: */

a.MainMenu  {
  display:block; font-size:11pt; font-weight:bold; width:210px;
  margin:0; margin-top:8px; margin-bottom:8px; 
}

a.MainMenu:link {
  color:#0A3482; text-decoration:none; 
}

a.MainMenu:visited {
  color:#AE111D; text-decoration:none; 
}

a.MainMenu:hover, a.MainMenu:focus {
  color:#FFFFFF; background-color:#0A3482; text-decoration:none;
}

a.MainMenu:active {
  color:#AE111D; text-decoration:none;
}

a.SubMenu {
  display:block; font-size:10pt; font-weight:bold; padding-left:8px;
}

a.SubMenu:link {
  color:#0A3482; text-decoration:none; 
}

a.SubMenu:visited {
  color:#AE111D; text-decoration:none; 
}

a.SubMenu:hover, a.MainMenu:focus {
  color:#FFFFFF; background-color:#000000; text-decoration:none;
}

a.SubMenu:active {
  color:#AE111D; text-decoration:none;
}

a.LangMenu {
  display:block; font-size:10pt; font-weight:bold;
}

a.LangMenu:link {
  color:#0A3482; text-decoration:none; 
}

a.LangMenu:visited {
  color:#AE111D; text-decoration:none; 
}

a.LangMenu:hover, a.MainMenu:focus {
  color:#FFFFFF; background-color:#000000; text-decoration:none;
}

a.LangMenu:active {
  color:#AE111D; text-decoration:none;
}

/* ACTIVE MENU ITEMS: */

a.MainMenuActive, a.SubMenuActive { 
   color:black; display:block; font-weight:bold;
   padding-left:8px; font-weight:bold; text-decoration:none;
   background-image:url(images/li-symbol.gif); background-repeat:no-repeat; background-position:left 3px;
}

a.MainMenuActive {
  font-size:11pt; margin-left:8px;
  margin:0; margin-top:8px; margin-bottom:8px; 
}

a.SubMenuActive {
   font-size:10pt; 
}

a.MainMenuActive:hover, a.SubMenuActive:hover { 
   color:gray;  cursor:not-allowed; text-decoration:none;
}


/* STANDARD-LINKS WITHIN TEXT: */
#ContentDiv a:link { color:#AE111D; text-decoration:none; }
#ContentDiv a:visited { color:#0A3482; text-decoration:none; }
#ContentDiv a:hover, #ContentDiv a:focus { color:#AE111D; text-decoration:underline; }
#ContentDiv a:active { color:#0A3482; text-decoration:underline; }

/* ITEMS FOR NO-SCRIPT-CONTENTS: */

div.NSHL  {
  display:block; font-size:11pt; font-weight:bold; width:240px;
  margin:0; margin-top:2px; margin-bottom:4px; color:black;
}

div.NoScriptMenu a.SubMenu { padding-left:24px; width:216px; }


/* HEADLINES: */

h1 { font-size:2em; }
h2 { font-size:1.8em; }
h3 { font-size:1.6em; }
h4 { font-size:1.4em; }
h5 { font-size:1.2em; }
h6 { font-size:1em; }

h1, h2, h3, h4 ,h5 ,h6 {
  margin:0; padding:0; line-height:1em;
} 

/* LISTS AND LIST INDICES (ul,ol,li) */

ul { margin:0; padding:0; margin-left:16px; }
ul li { list-style-image:url(images/li-symbol.gif); }


li.TwoLines { margin-bottom:1em; }

/* CONTACT FORMS: */

fieldset.ContactForm { border:1px solid black; padding:0; margin:0; width:98%; }
fieldset.ContactForm .FormTag { margin:0; padding:0; border:none; text-align:left; }
fieldset.ContactForm table { margin:8px; width:95%;  width:expression("95%"); }
fieldset.ContactForm legend { margin-left:1cm; border:1px solid black; padding:8px; padding-top:1px; padding-bottom:1px;font-size:12pt; font-weight:bold; }
fieldset.ContactForm td { vertical-align:top; }
fieldset.ContactForm td.LTD { padding-right:8px; width:25%; }
fieldset.ContactForm .InputFields { width:100%; font-size:10pt; font-family:Arial,Helvetica,sans-serif; padding:2px; margin-bottom:4px; border:1px dashed black; }
fieldset.ContactForm .InputFields:hover { border:1px solid black; }
fieldset.ContactForm .InputFields:focus { border:1px solid #0A3482; }
fieldset.ContactForm .SubmitButton { background-color:white; color:#0A3482; font-size:11pt; font-weight:bold; cursor:pointer; }
fieldset.ContactForm .SubmitButton:hover { background-color:#0A3482; color:white; cursor:pointer; }

/* Added for IE only: */
fieldset.ContactForm .InputFieldsHover  { width:100%; font-size:10pt; font-family:Arial,Helvetica,sans-serif; padding:2px; margin-bottom:4px; border:1px solid black; }
fieldset.ContactForm .InputFieldsFocus  { width:100%; font-size:10pt; font-family:Arial,Helvetica,sans-serif; padding:2px; margin-bottom:4px; border:1px solid #0A3482; }
fieldset.ContactForm .SubmitButtonHover { background-color:#0A3482; color:white; font-size:11pt; font-weight:bold; cursor:pointer; }

textarea, #ContentDiv {
  scrollbar-base-color:#E3E9F5; scrollbar-track-color:white; scrollbar-arrow-color:#0A3482;
}

/* RECENT ADDITIONS: */

img.ImgOnLeft { margin-right:8px; }
img.ImgOnRight { margin-left:8px; }

a.blocklink {
  display:block; overflow:visible; float:none;
}

a.blocklink:hover {
  text-decoration:none; color:#0A3482; 
}

td.Linkliste { padding-top:8px; padding-bottom:8px; border-bottom:1px solid #0A3482; padding-right:8px; }