html { margin:0px; padding:0px; font-family:Verdana,Arial,Helvetica,Sans-Serif; font-size:100.01%; color:rgb(0,0,0); }
body { margin:0px; padding:0px; font-size:0.8em; background-color: rgb(255,255,255); }
pre, tt { font-family:Courier New,Courier,Serif,monospace; color:rgb(14,54,62); }
tt { font-weight:bold; }
table, pre, input, select {font-size:100%;}
textarea { font-size:100%; font-family:Verdana,Arial,Helvetica,Sans-Serif; }

/* Festlegung der Schriftart fuer "h1"..."h6" */
h1 { font-size:1.3em; color:rgb(50,97,167); }
h2 { font-size:1.25em; }
h3 { font-size:1.2em; }
h4 { font-size:1.15em; }
h5 { font-size:1.1em; }
h6 { font-size:1.0em; }

/* Schriftgroeszen fuer Standardschriftart */
.normal60 { font-size:0.8em; }
.normal70 { font-size:0.85em; }
.normal80 { font-size:0.9em; }
.normal110 { font-size:1.1em; }
.normal120 { font-size:1.2em; }
.normal150 { font-size:1.4em; }
.normal180 { font-size:1.6em; }

/* Schrift in HK-blau, versch. Groeszen */
.hkblau { color:rgb(50,97,167); }
.hkblau80 { font-size:0.9em; color:rgb(50,97,167); }
.hkblau120 { font-size:1.2em; color:rgb(50,97,167); }
.hkblau150 { font-size:1.4em; color:rgb(50,97,167); }
.hkblau180 { font-size:1.6em; color:rgb(50,97,167); }

/* Weisze Schrift, verdschiedene Schriftgroeszen */
.weissnormal { color:rgb(255,255,255); }
.weiss70 { font-size:0.85em; color:rgb(255,255,255); }
.weiss80 { font-size:0.9em; color:rgb(255,255,255); }
.weiss120 { font-size:1.2em;}

/* Gestaltung aller "normalen" Links */
a:link { color:rgb(50,97,167); }
a:visited { color:rgb(50,97,167); }
a:hover { color:rgb(204,102,0); }
a:active { color:rgb(40,79,136); }

/* Gestaltung von "schwarzen" Links */
a.blacklink:link { color:rgb(0,0,0); }
a.blacklink:visited { color:rgb(0,0,0); }
a.blacklink:hover { color:rgb(255,159,0); }
a.blacklink:active { color:rgb(255,159,0); }

/* Gestaltung von "weißen" Links */
a.whitelink:link { color:rgb(255,255,255); }
a.whitelink:visited { color:rgb(255,255,255); }
a.whitelink:hover { color:rgb(255,159,0); }
a.whitelink:active { color:rgb(255,159,0); }

abbr, acronym { border-bottom:1px dotted rgb(109,119,207); cursor: help; }

.withoutstyles {display:none;}






#globalcontent { width:980px; margin:0; padding:0; }

#header {                /* Kopfbereich*/
        width:978px;
        height:108px;
        background-color: rgb(180,213,247);
        background-image:url("../Grafiken/head_bg1.gif");
        text-align:right;
        background-repeat:repeat-x;
        border-left:1px solid rgb(75,100,121);
        border-right:1px solid rgb(75,100,121);
        }

#headpic1 {                /*Logo im Kopfbereich*/
        float:left;
        background-image:url("../Grafiken/hk_logo.gif");
        background-repeat:no-repeat;
        width:208px;
        height:86px;
        margin:10px 0 0 18px;
        }

#headpic2{                /* Schriftzug im Kopfbereich - deutsch */
        float:right;
        background-image:url("../Grafiken/head_title_de.gif");
        background-repeat:no-repeat;
        width:600px;
        height:108px;
        margin-right:1px;
        }
#headpic2en{                /* Schriftzug im Kopfbereich - englisch */
        float:right;
        background-image:url("../Grafiken/head_title_en.gif");
        background-repeat:no-repeat;
        width:600px;
        height:108px;
        margin-right:1px;
        }
#headpic2fr{                /* Schriftzug im Kopfbereich - englisch */
        float:right;
        background-image:url("../Grafiken/head_title_fr.gif");
        background-repeat:no-repeat;
        width:600px;
        height:108px;
        margin-right:1px;
        }

.none   { /* keine Darstellung */
        display:none;
        }

#left   {
        clear:right;
        float:left;
        width:198px;
        margin:0;
        padding:0;
        }

#left p.del1 {  /* Abstand (grafischer Balken) ueber dem 1.linken Menue */
        height:20px;
        padding:0;
        margin:0;
        border-left:1px solid rgb(75,100,121);
        background-image:url("../Grafiken/menu0.gif");
        background-repeat:repeat-x;
        }
#left p.del2 {  /* Abstand ueber dem 2.linken Menue */
        height:30px;
        padding:0;
        margin:0;
        }

ul#nav1 {        /* 1. Menue links- Menue */
        padding:0;
        margin:0;
        list-style:none;
        border-left:1px solid rgb(75,100,121);
        border-bottom:4px solid rgb(190,200,210);
        }
ul#nav1 li {
        list-style: none;
        margin: 0; padding: 0;
        border-top:1px solid rgb(255,255,255);
        border-bottom:1px solid rgb(200,200,200);
        }

ul#nav1 a.level1 {
        display:block;
        margin:0;
        padding:4px 8px 4px 8px;
        border-left:6px solid rgb(168,206,245);
        background-color:rgb(50,97,167);
        text-decoration:none;
        color:white;
        }

ul#nav1 a.level1:link { color:rgb(255,255,255); }
ul#nav1 a.level1:visited { color:rgb(255,255,255); }
ul#nav1 a.level1:hover { color: white; background-color:rgb(91,129,185); border-left-color:rgb(137,171,221); }
ul#nav1 a.level1:active { color: white; background-color:rgb(91,129,185); border-left-color:rgb(137,171,221); }

ul#nav1 a.level2 {
        display:block;
        margin:0;
        padding:4px 8px 4px 12px;
        border-left:6px solid rgb(238,245,255);
        background-color:rgb(168,206,245);
        text-decoration: none;
        color:rgb(50,97,167);
        }

ul#nav1 a.level2:link { color:rgb(50,97,167); }
ul#nav1 a.level2:visited { color:rgb(50,97,167); }
ul#nav1 a.level2:hover { color: white; background-color:rgb(91,129,185); border-left-color:rgb(137,171,221); }
ul#nav1 a.level2:active { color: white; background-color:rgb(91,129,185); border-left-color:rgb(137,171,221); }

ul#nav1 a.level3 {
        display:block;
        margin:0;
        padding:4px 8px 4px 16px;
        border-left:6px solid rgb(255,255,255);
        background-color:rgb(238,245,255);
        text-decoration: none;
        color:rgb(50,97,167);
        }

ul#nav1 a.level3:link {color:rgb(50,97,167); }
ul#nav1 a.level3:visited {color:rgb(50,97,167); }
ul#nav1 a.level3:hover {color:white; background-color:rgb(91,129,185); border-left-color:rgb(137,171,221); }
ul#nav1 a.level3:active {color:white; background-color:rgb(91,129,185); border-left-color:rgb(137,171,221); }

ul#nav2{       /* 2. Menü links-Service*/
        padding:0;
        margin:0;
        list-style:none;
        border-top:4px solid  rgb(190,200,210);
        border-left:1px solid rgb(75,100,121);
        background-color:rgb(197,127,17);
        border-bottom:4px solid rgb(190,200,210);
        }
ul#nav2 li {
        list-style: none;
        margin: 0; padding: 0;
        border-top:1px solid rgb(255,255,255);
        border-bottom:1px solid rgb(200,200,200);
        }


ul#nav2 li.suche {
        list-style:none;
        margin:0;
        padding:3px 8px;
        border-left:6px solid rgb(171,0,0);
        border-bottom:1px solid rgb(197,127,17);
        }

ul#nav2 a {
        display:block;
        text-decoration:none;
        padding:4px 8px 4px 8px;
        border-left:6px solid rgb(171,0,0);
       /* border-bottom:1px solid rgb(255,255,255); */
        background-color:rgb(197,127,17);
        text-decoration:none;
        color:white;
        }

ul#nav2 li a:link {color:rgb(255,255,255); }
ul#nav2 li a:visited {color:rgb(255,255,255); }
ul#nav2 li a:hover {color:white; background-color:rgb(240,175,72); border-left-color:rgb(231,145,33);}
ul#nav2 li a:active {color:white; background-color:rgb(240,175,72); border-left-color:rgb(231,145,33);}

ul#nav2 form {  /* für die Suche  */
        display:inline;
        }

ul#nav2 label {  /* für die Suche  */
        display:none;
        }

ul#nav2 input.itext { /* für die Suche  */
        border:1px solid black;
        width:120px;
        background-color:rgb(218,226,218);
        display:inline;
        }

#contenthead{
        float:left;
        padding:0;
        background:white;
        }

#breadcrump {                /* Brotkrümmelleiste */
        text-align:left;
        padding:4px;
        font-size:0.8em;
        color:rgb(50,97,167);
        font-weight:bold;
        border-right:1px solid #2455a2;
        border-left:1px solid #2455a2;
      /*  border-bottom:1px solid white ;  */
        border-top:1px solid white ;
        background-color:rgb(255,255,255);
                  }
#breadcrump a {
        color:rgb(50,97,167);
        }

.contenttitle {
      color:rgb(50,97,167);
      border-bottom:2px solid rgb(50,97,167);
      padding-left:12px;
      background:url("../Grafiken/headline.gif") left center no-repeat transparent;
 }




.content_border {                /* Mittelbox */
        border-right:1px solid #2455a2;
        border-left:1px solid #2455a2;
        border-bottom:1px solid #2455a2;
        padding:6px;
        margin:0 0 0 0;
        text-align:left;
        }

/*fusszeile*/
#footer {
        padding-top:0.5em;
         height:40px;
         font-size:0.8em;
         color:rgb(128,128,128);
         text-align:center;
         }
#footer a{
        margin-left:0.5em;
        }
#footer a.contentfooterlink:link {
        color:rgb( 128,128,128);
        text-decoration:none;
        }
#footer a.contentfooterlink:visited{
        color:rgb( 128,128,128);
        text-decoration:none;
        }
#footer a.contentfooterlink:hover{
        color:rgb(70,106,125);
        text-decoration:underline;
        }
#footer a.contentfooterlink:active{
        color:rgb(70,106,125);
        text-decoration:underline;
        }


#right { /*Box rechte Spalte*/
        width:190px;
        float:left;
        padding:0;
        margin:0;
        font-size:0.8em;
        }

#right h1 { /* Box mit Überschriften in der rechten Spalte*/
        background-color:rgb(40,79,136);
        border-right:1px solid rgb(75,100,121);
        padding:6px 4px;
        margin:0 0 1px auto;
        font-weight:bold;
        color:white;
        }

#right ul{     /* Inhalt Sprachen-Box*/
        background-color:rgb(50,97,167);
        margin:0 0 1px auto;
        padding:4px;
        border-right:1px solid rgb(75,100,121);
        }
#right ul       {
        list-style-type: none;
        text-align:left;
        }

#right li {
       margin: 0 0 3px 0;
       padding:2px 6px 2px 2px;/*Ausrichtung untereinander*/
       }

#right a.sprachen {
       height:13px;
       color:rgb(255,255,255);
       }

#right a.sprachen:link, #navlist a:visited {
      color:rgb(255,255,255);
          }

#right a.sprachen:hover{
       color:rgb(255,255,255);
       }

#active a.sprachen:link, #active a:visited, #active a:hover{
        color:rgb(255,255,255);
        }

#right p.kontakt{     /* Inhalt Sprachen-Box*/
       background:rgb(50,97,167);
       margin:0 0 1px auto;
       padding:4px;
       border-right:1px solid rgb(75,100,121);
       font-weight:normal;
       color:white;
       line-height:15px;
       }
/*-----------------------------------------------------------------------------------------Style für Startseite*/
#index_img {                /* Box mit Meereshintergrund*/
        background-image:url("../Grafiken/start_bg.jpg");
        height:117px;
        text-align:right;
        border-left: 1px solid #2556a3;
        border-right: 1px solid #2556a3;
        margin-bottom:20px;
        }

#pageback { text-align:center; }  /* Seite mit zurueck-Link... */

/* farbige Infoboxen auf der Startseite */
/* weisse, Grossbuchstabenschrift in der Kopfzeile */
p.newsline_header{
        font: 13px verdana,helvetica,arial,sans-serif;
        color: white;
        margin:0px;
        padding:10px 0 0 10px;
        text-align:left;
        }

/* gelbe Infobox */
div.newsline_yellow_bg {                /* Überschrift- Hintergrund*/
        clear:both;
        height:27px;
        background-image:url("../Grafiken/top_bg_yellow.gif");
        background-repeat:repeat-x;
        }

div.newsline_yellow_left {                /*Überschrift- Linkes Bild*/
        float:left;
        background-image:url("../Grafiken/topyellow.gif");
        background-repeat:no-repeat;
        width:344px;
        height:27px;
        margin:0px;
        }

div.newsline_yellow_right {                /*Überschrift- rechter Abschluss*/
        float:right;
        background-image:url("../Grafiken/top_yellow_r.gif");
        background-repeat:no-repeat;
        width:27px;
        height:27px;
        }

/* blaue Infobox */
div.newsline_blue_bg {                /* Überschrift- Hintergrund*/
        clear:both;
        height:27px;
        background-image:url("../Grafiken/top_bg_blue.gif");
        background-repeat:repeat-x;
        }

div.newsline_blue_left{                /*Überschrift- Linkes Bild*/
        float:left;
        background-image:url("../Grafiken/topblue.gif");
        background-repeat:no-repeat;
        width:344px;
        height:27px;
        margin:0px;
        }

div.newsline_blue_right{                /*Überschrift- rechter Abschluss*/
        float:right;
        background-image:url("../Grafiken/top_blue_r.gif");
        background-repeat:no-repeat;
        width:27px;
        height:27px;
        }



.content_text {                /* Textbox mitte */
        border:1px solid #2455a2;
        padding:12px;
        margin:0 0 15px 0;
        }
h2.news{                /* Textbox mitte */
        font-weight:bold;
        }
.content_pics {                /* Bilder in den Meldungen*/
        float:right;
        margin: 5px 0 10px 10px;
        border: 1px solid #2455a2;
        }
.content_img {
        position: absolute; width:344px; height:27px; z-index: 1;
                }

.content_pics {                /* Bilder in den Meldungen*/
        float:right;
        margin: 5px 0 10px 10px;
        border: 1px solid #2455a2;
                }
/*--------------------------------------------------------/* Styleangaben für die Website www.hk.de */



/* Links mit Icons*/
/*Link zur Startseite*/
a.ahome{
padding-right:13px;
background:url("../Grafiken/icon_home.gif") right center no-repeat transparent;}
a.ahome:visited{
padding-right:13px;
background:url("../Grafiken/icon_home.gif") right center no-repeat transparent;
}
a.ahome:hover{
padding-right:13px;
background:url("../Grafiken/icon_home.gif") right center no-repeat transparent;
}
a.ahome:active{
padding-right:13px;
background:url("../Grafiken/icon_home.gif") right center no-repeat transparent;
}

/*Externer Link*/
a.aextern{
padding-right:13px;
background:url("../Grafiken/icon_outside.gif") right center no-repeat transparent;}
a.aextern:visited{
padding-right:13px;
background:url("../Grafiken/icon_outside.gif") right center no-repeat transparent;
}
a.aextern:hover{
padding-right:13px;
background:url("../Grafiken/icon_outside.gif") right center no-repeat transparent;
}
a.aextern:active{
padding-right:13px;
background:url("../Grafiken/icon_outside.gif") right center no-repeat transparent;
}
/* Interne Links- graues Icon */
a.aintern{
padding-right:13px;
background:url("../Grafiken/icon_insite.gif") right center no-repeat transparent;
}
a.aintern:visited{
padding-right:13px;
background:url("../Grafiken/icon_insite.gif") right center no-repeat transparent;
}
a.aintern:hover{
padding-right:13px;
background:url("../Grafiken/icon_insite.gif") right center no-repeat transparent;
}
a.aintern:active{
padding-right:13px;
background:url("../Grafiken/icon_insite.gif") right center no-repeat transparent;
}
/* Interne Links- weißes Icon */
a.aintern_w{
color:rgb(255,255,255);
padding-right:13px;
background:url("../Grafiken/icon_insite_w.gif") right center no-repeat transparent;
}
a.aintern_w:visited{
color:rgb(255,255,255);
padding-right:13px;
background:url("../Grafiken/icon_insite_w.gif") right center no-repeat transparent;
}
a.aintern_w:hover{
color:rgb(255,159,0);
padding-right:13px;
background:url("../Grafiken/icon_insite_w.gif") right center no-repeat transparent;
}
a.aintern_w:active{
color:rgb(255,159,0);
padding-right:13px;
background:url("../Grafiken/icon_insite_w.gif") right center no-repeat transparent;
}

/* E-Mail Link */
a.amail {
padding-right:13px;
background:url("../Grafiken/icon_mail.gif") right center no-repeat transparent;font-style: italic;
}
a.amail:visited{
padding-right:13px;
background:url("../Grafiken/icon_mail.gif") right center no-repeat transparent;font-style: italic;
}
a.amail:hover {
padding-right:13px;
background:url("../Grafiken/icon_mail.gif") right center no-repeat transparent;font-style: italic;
}
a.amail:active{
padding-right:13px;
background:url("../Grafiken/icon_mail.gif") right center no-repeat transparent;font-style: italic;
}
/* E-Mail Link- weißes Icon */
a.amail_w {
color:rgb(255,255,255);
padding-right:13px;
background:url("../Grafiken/icon_mail_w.gif") right center no-repeat transparent;
}
a.amail_w:visited{
color:rgb(255,255,255);
padding-right:13px;
background:url("../Grafiken/icon_mail_w.gif") right center no-repeat transparent;
}
a.amail_w:hover {
color:rgb(255,159,0);
padding-right:13px;
background:url("../Grafiken/icon_mail_w.gif") right center no-repeat transparent;
}
a.amail_w:active{
color:rgb(255,159,0);
padding-right:13px;
background:url("../Grafiken/icon_mail_w.gif") right center no-repeat transparent;
}
/* E-Mail Link- PDF Icon */
a.apdf {
padding:2px 19px 1px 0;
background:url("../Grafiken/icon_pdf.gif") right center no-repeat transparent;
}
a.apdf:visited{
padding:2px 19px 1px 0;
background:url("../Grafiken/icon_pdf.gif") right center no-repeat transparent;
}
a.apdf:hover {
padding:2px 19px 1px 0;
background:url("../Grafiken/icon_pdf.gif") right center no-repeat transparent;
}
a.apdf:active{
padding:2px 19px 1px 0;
background:url("../Grafiken/icon_pdf.gif") right center no-repeat transparent;
}

.border01 { border:1px dotted rgb(200,200,200); } /*grau gestrichelt- für Vorlage*/
.border02 { border:1px solid white;}/* weiß z.B. für Rahmen von Bildern auf dunklem Hintergrund*/

/* Horizontale Leiste*/
.hrli01 {color:rgb(50,97,167); height:1px; border:solid 1px;}
.hrli02 {color:rgb(50,97,167); height:1px; border:dashed 1px;}
.hrli03 {color:rgb(204,204,204); height:1px; border:solid 1px;}
.hrli04 {color:rgb(204,204,204); height:1px; border:dashed 1px;}
.hrli05 {color:rgb(0,0,0); height:2px; border:solid 2px;}

/*Listen-Anstriche*/
ol, ul, li{
marker-offset:0.95em;
}

.ulnone {list-style-type:none; line-height:20px;}
.ulanstrich {list-style-image:url("../Grafiken/listen_anstrich.gif");line-height:20px;}

/*Tabellen*/

/*Farben-Background*/
.bg1 {background-color:rgb(50,97,167);}
.bg2 {background-color:rgb(75,100,121);}
.bg3 {background-color:rgb(197,127,17);}
.bg4 {background-color:rgb(240,175,72);}
.bg5 {background-color:rgb(40,79,136);}
.bg6 {background-color:rgb(190,200,210);}
.bg7 {background-color:rgb(204,204,204);}
.bg8 {background-color:rgb(230,230,230);}

/*Rahmen-Border*/
.b1 {border:1px solid rgb(0,0,0);}
.b2 {border:1px solid rgb(50,97,167);}
.b3 {border:1px solid rgb(190,200,210);}
.b4 {border:1px dashed rgb(0,0,0);}
.b5 {border:1px dashed rgb(50,97,167);}
.b6 {border:1px dashed rgb(190,200,210);}

/*Rahmen-Border-Unterstrich*/
.u1 {border-bottom:1px solid rgb(0,0,0);}
.u2 {border-bottom:1px solid rgb(50,97,167);}
.u3 {border-bottom:1px solid rgb(190,200,210);}
.u4 {border-bottom:1px dashed rgb(0,0,0);}
.u5 {border-bottom:1px dashed rgb(50,97,167);}
.u6 {border-bottom:1px dashed rgb(190,200,210);}

/* Styles fuer "gestreifte" Datentabellen */

table.coloredtable {border-collapse:collapse; }
th.coloredtablecell {padding:4px; margin:0px; border:1px solid rgb(255,255,255); text-align:left; }
td.coloredtablecell {padding:4px; margin:0px; border:1px solid rgb(255,255,255); }
tr.coloredtablehead {background-color:rgb(50,97,167); }
tr.coloredtablerow1 {background-color:rgb(250,250,250); }
tr.coloredtablerow1:hover {background-color:rgb(204,204,204); }
tr.coloredtablerow2 {background-color:rgb(230,230,230); }
tr.coloredtablerow2:hover {background-color:rgb(204,204,204); }
/* Gestaltung aller "Tabellenkopfzeilen" Links */
a.coloredtablehead:link { color:rgb(255,255,255); }
a.coloredtablehead:visited { color:rgb(255,255,255); }
a.coloredtablehead:hover{ color:rgb(255,159,0);  }
a.coloredtablehead:active { color:rgb(255,159,0); }

div.trenner { clear:both; width:100%; margin:0; padding:0; line-height:0.1em; }

.b {font-weight:bold;}

/* Schrift fuer Fehler- und Ok-Meldungen */
.error {color:rgb( 255,0,0);}
.ok {color:rgb( 0,170,0);}