/*##########*/
/* NAVIGATION */
/*##########*/

/*##########*/
/* ul */
/*##########*/

#navigation
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 185px;
    background-image: url(/id_kom/nlk_bg_spacer.gif);
}

#navigation li,
#navigation a,
#navigation img
{
    border: 0px;
    padding: 0px;
    margin: 0px;
}

/*##########*/
/* li */
/*##########*/

#navigation li
{
    border-bottom: 1px dotted black;
    background-color: #EAEAEA;
}

#navigation a
{
    display: block;
}

#navigation .noborder,
#navigation li.level1
{
    border-bottom: none;
}

#navigation .level1 {
    height: 19px;
    width: 185px;
}

#navigation .level2 {
    padding-left: 15px;
    width: 167px;
    padding-top: 2px;
    padding-bottom: 3px;
}

#navigation .level3 {
    /* padding-left: 30px; */
    background-color: white;
    width: 152px;
    padding-top: 2px;
    padding-bottom: 3px;
    margin-left: 30px;
}

#navigation .level4 {
    /* padding-left: 45px; */
    background-color: white;
    width: 137px;
    padding-top: 2px;
    padding-bottom: 3px;
    margin-left: 45px;
}


#navigation .level3border {
    margin-left: 15px;
    padding-left: 15px;
}

#navigation .level4border {
    margin-left: 30px;
    padding-left: 15px;
}

/* Extremely dirty IE hack. It embeds some stupid extra margin which we don't want! */
* html #navigation .level1,
* html #navigation .level2,
* html #navigation .level3,
* html #navigation .level4
{
  margin-bottom: -3px;
}

/*##########*/
/* a */
/*##########*/

#navigation .listunternehmen a,
#navigation .listprodukte a,
#navigation .listdmp a,
#navigation .listshop a,
#navigation .listlexikon a,
#navigation .listkunden a,
#navigation .listnewsletter a
{
    background-image: url(/id_kom/list-off.gif);
    background-repeat: no-repeat;
    text-decoration: none;
    color: #000000;
    padding-left: 15px;
}

#navigation .listunternehmen a:hover, #navigation .listprodukte a:hover, #navigation .listdmp a:hover, #navigation .listshop a:hover, #navigation .listlexikon a:hover, #navigation .listkunden a:hover, #navigation .listnewsletter a:hover
{
    color: white;
    background-image: url(/id_kom/list-on.gif);
}

#navigation .listunternehmen a.open,
#navigation .listprodukte a.open,
#navigation .listdmp a.open,
#navigation .listshop a.open,
#navigation .listlexikon a.open,
#navigation .listkunden a.open,
#navigation .listnewsletter a.open {
    background-image: url(/id_kom/list-pf-down_off.gif);
    background-repeat: no-repeat;
    font-weight: bold;
}

#navigation .listunternehmen a.closed,
#navigation .listprodukte a.closed,
#navigation .listdmp a.closed,
#navigation .listshop a.closed,
#navigation .listlexikon a.closed,
#navigation .listkunden a.closed,
#navigation .listnewsletter a.closed {
    background-image: url(/id_kom/list-pf-right_off.gif);
    background-repeat: no-repeat;
}

#navigation .listunternehmen a.open:hover,
#navigation .listprodukte a.open:hover,
#navigation .listdmp a.open:hover,
#navigation .listshop a.open:hover,
#navigation .listlexikon a.open:hover,
#navigation .listkunden a.open:hover,
#navigation .listnewsletter a.open:hover {
    background-image: url(/id_kom/list-pf-down_ofn.gif);
}

#navigation .listunternehmen a.closed:hover,
#navigation .listprodukte a.closed:hover,
#navigation .listdmp a.closed:hover,
#navigation .listshop a.closed:hover,
#navigation .listlexikon a.closed:hover,
#navigation .listkunden a.closed:hover,
#navigation .listnewsletter a.closed:hover {
    background-image: url(/id_kom/list-pf-right_on.gif);
}

/*##########*/

#navigation .listunternehmen a:hover
{
    background-color: #339966;
}

#navigation .listprodukte a:hover
{
    background-color: #cfc08e;
}

#navigation .listdmp a:hover
{
    background-color: #f58220;
}

#navigation .listshop a:hover
{
    background-color: #810C2F;
}

#navigation .listlexikon a:hover
{
    background-color:   #005E82;
}

#navigation .listkunden a:hover
{
    background-color: #64B4D2;
}

#navigation .listnewsletter a:hover
{
    background-color: #aaaaaa;
}

/*##########*/
/* Allgemein */
/*##########*/

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000000;
background-color:white;
margin:0px;
padding:0px;
}

img {
border:0px;
margin:0px;
padding:0px;
}

li {
color:#004C70;
margin-left:-10px;
padding:0px;
}

li p {
margin-bottom:10px;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
color:black;
margin-top:0px;
margin-bottom:10px;
}

.bu {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em}

.box {
border: #000000;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px
}

.textf {
font-face:Arial, Helvetica, sans-serif;
font-size:11px;
border: #000000;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
scrollbar-base-color:#339966;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#FFFFFF;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#339966;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#000000;
scrollbar-track-color:#CCCCCC;
background-color:#CCFFCC;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;
color:#000000;
margin-top:0px;
margin-bottom:10px;
}

.introtd1 {  background-color: #CC3300; }
.introtd2 {  background-color: #006600; }
.introtd3 {  background-color: #CCCC00; }
.introtd4 {  background-color: #003399; }
.introtd5 {  background-color: #FFCC33; }
.introtd6 {  background-color: #FF6600; }
.introtd7 {  background-color: #009933; }

.introh1 { margin-top:0px; margin-bottom:0px; }

.introa:link { color: white; text-decoration:none; }
.introa:visited { color: white; text-decoration:none; }
.introa:active { color: white; text-decoration:none; }
.introa:hover { color: white; text-decoration:underline; }


.erase {
font-size: 10px;
color: green;
}

a:link {  color: #005E82; text-decoration:underline; }
a:visited { color: #005E82; text-decoration:underline; }
a:active { color: #339966; text-decoration:underline; }
a:hover { color: #339966; text-decoration:underline; }

.schw:link {  font-family: Arial, Helvetica, sans-serif; color: #000000; text-decoration:none; }
.schw:visited {  font-family: Arial, Helvetica, sans-serif; color: #000000; text-decoration:none; }
.schw:active {  font-family: Arial, Helvetica, sans-serif; color: #000000; text-decoration:none; }
.schw:hover { color: #666666; text-decoration:none; }

.grf:link {  color: #FFFFFF; text-decoration:none; }
.grf:visited { color: #FFFFFF; text-decoration:none; }
.grf:active { color: #FFFFFF; text-decoration:none; }
.grf:hover { color: #E1E1E1; text-decoration:none; }

.gr:link {  color: #005E82; text-decoration:none; }
.gr:visited { color: #005E82; text-decoration:none; }
.gr:active { color: #339966; text-decoration:none; }
.gr:hover { color: #339966; text-decoration:none; }

.kastenue {
color: #FFFFFF;
background-color: #339966;
padding-left: 5px;
margin-bottom: 0px;
}

.kastentxt {
font-size: 0.7em;
color: #000000;
font-weight: normal;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom:0px;
}

.nav {
font-size: 12px;
font-weight: normal;
background-image:url('../id_intr/nl_bg_sub_pf1.gif');
padding-left: 28px;
padding-top: 1px;
padding-right:10px
}

.spacer {
border-top:1px solid green;
font-size:0px;
height:1px;
}

.listan {
font-face:Arial, Helvetica, sans-serif;
font-size: 0.7em;
color:black;
}

form.txt {
font-size:16px;
}

table.text {
font-size:0.7em;
}

/*
#navigation {
    margin: 0px;
    padding: 0px;
    line-height: 0px;
}

#navigation li.level1,
#navigation li.level2,
#navigation li.level3,
#navigation li.level4 {
    border: 2px solid red;
    height: 19px;
    margin: 0px;
    padding: 0px;
}
*/