* { margin:0; padding:0; border-width:0; }

html, body { /* background-color:#fdfdfd; */ color:black; font-size:100.1%; height:auto; width:980px; text-align:center; overflow:auto; }

#canvas { background-color:#fdfdfd; position:relative; overflow:visible; margin:0 auto; padding-top:0.5em; height:auto; width:824px; }

strong.logo { color:red; font-weight:bold; }
.logo { color:blue; font-weight:bold; }
em { text-decoration:underline; }

.logol { color:red;}
.logor { color:blue;}

h1 { display:block; position:absolute; z-index:10;
 font:bold 0.82em Arial,Helvetica,sans-serif; text-align:left; color:blue;
 background-color:transparent; }

#h1a { top:60px; left:40px; color:red; }
#h1b { top:71px; left:195px; color: blue; }

#inhalt h1, h2 { font:bold 1.38em Arial,Helvetica,Verdana,Tahoma,sans-serif;
 text-align:left; color:#606060; background-color:transparent; position:relative; }

#spa1 h1, #spa2 h1, h3 { padding:0 0 0.4em 0; font:bold 1em Arial,Helvetica,Verdana,Tahoma,sans-serif; text-align:left; color:#404040; background-color:transparent; }

h4 { font:bold 1em Arial,Helvetica,Verdana,Tahoma,sans-serif; text-align:left; color:#505050; background-color:transparent; }

h4 a { text-decoration:none; color:#0000ff; background-color:transparent; }

#oben { position:relative; top:0; height:108px; width:100%; overflow:visible;
background:url(../bilder/logo/nir-support-logo.jpg) no-repeat; }

#rechts { position:absolute; top:100px; right:0; width:160px; z-index:3; }

#inhalt { width:100%; height:auto; min-height:400px;
 margin-top:20px;
 overflow:hidden;
 font:0.75em Arial,Helvetica,Verdana,Tahoma,sans-serif;
 padding:0; text-align:left; background:#fdfdfd; color:#101010;
}

* html #inhalt { height:100%; }

#inhalt p { padding:0 0.8em 1.2em 0; text-align:left; width:600px; }
#inhalt div p, #inhalt div p { padding:0 0.8em 1.2em 0; text-align:left; width:300px; }
#inhalt p.fuellung { padding:0 0em 15em 0; }
#inhalt p a { text-decoration:underline; }
#inhalt h1 strong { color:#f01010; }
#inhalt h1 a { text-decoration:none; color:#101010; }
#inhalt h1 a:visited { color:#101010; }
#inhalt ul { margin:0 0 0.7em 0em; list-style-type:none; }
#inhalt ul li { margin:0 0 0 0.5em; text-align:left; }
#inhalt ul li ul li a { margin:0 0 0 0.5em; text-align:left; text-decoration:none; color:#101010; }
#inhalt ul li.strong { font-weight:bold; }
#inhalt ul.normal { margin:0 0.1em 0.7em 0.5em; list-style-type:disc; }
* html #inhalt ul.normal { margin:0 0 0.7em 1em; }

#inhalt { background:#fcfcfc; }
#inhalt table { border-collapse:collapse; margin:3px; }
#inhalt td { text-align:left; vertical-align:top; border:none; padding:0.3em;  }

#inhalt p strong { font-weight:500; }

#rueckmeldung { margin-bottom:300px; }

#spa1 { width:300px; float:left; padding-right:1em; padding-top:1em; padding-bottom:1em; }
#spa2 { width:300px; padding-left:1em; padding-top:1em; margin-left:310px; padding-bottom:1em; }


#anfahrt #spa1 { width:600px; float:left; padding-right:1em; padding-top:1em; padding-bottom:1em; }
#anfahrt form { border:1px solid blue }
#anfahrten { border-collapse:separate; margin:0; }
#anfahrten tr td { border:0px; margin:0; }

p.kleingedrucktes { font:normal 0.88em Arial,Helvetica,Verdana,Tahoma,sans-serif; }

#unten { width:100%; height:3em; background:transparent; color:#3030ff; padding-top:2px; overflow:hidden;
 list-style-type:none; font:italic 0.68em Arial,Helvetica,Verdana,Tahoma,sans-serif; padding-bottom:1em; }

#unten li { display:block; float:left; width:22%; overflow:hidden; padding-right:2%; padding-left:2%; }
#unten li.erstes { text-align:left; padding-left:0;}
#unten li.letztes { text-align:right; padding-right:0; }

#menu { position:absolute; right:0px; top:50px; height:auto; width:180px; border:1px solid red;
 z-index:200; list-style-type:none; }

* html #menu { width:182px; w\idth:180px; }

#menu li { display:block; }
#menu li.header, #menu li a { padding:2px 0 2px 0; }

#menu li.header { display:block; font:normal 0.82em Arial,Helvetica,Verdana,Tahoma,sans-serif;
  text-align:center; color:red; background-color:#f0f0f0; border-bottom:1px solid red;
}

#menu li a { display:block; border-top:1px #f8f8f8 solid; border-left:1px #f8f8f8 solid;
 border-bottom:1px #d8d8d8 solid;  border-right:1px #d8d8d8 solid;
 font:normal 0.75em Arial,Helvetica,Verdana,Tahoma,sans-serif; text-decoration:none; text-align:center;
 color:blue; background-color:#f0f0f0;
}

#menu li a:hover { border-top:1px #d8d8d8 solid; border-left:1px #d8d8d8 solid;
 border-bottom:1px #ffffff solid; border-right:1px #ffffff solid; color:blue;
 background-color:#f0f0f0;
}

#menu li a:active { border-top:1px #f8f8f8 solid; border-left:1px #f8f8f8 solid;
 border-bottom:1px #d8d8d8 solid; border-right:1px #d8d8d8 solid; color:red;
 background-color:#f0f0f0;
}

#menu li a.selected, #menu li a.selected:hover {
  border-top:1px #f8f8f8 solid; border-left:1px #f8f8f8 solid;
  border-bottom:1px #d8d8d8 solid; border-right:1px #d8d8d8 solid;
  color:#606060; background-color:#f0f0f0;
}

#menu li a span { display:none; }

#menu li a:hover span { display:block; background-color:#f0f0f0; color:black; position:absolute;
 top:-80px; left:8px; width:150px; padding:5px; margin:0; font:0.82em Arial,Helvetica,Verdana,Tahoma,sans-serif;
 text-align:center; border:1px solid blue; z-index:20;
}

#menu li li a:hover span { display:block; background-color:#f0f0f0; color:black; position:absolute;
 top:-120px; left:-10px; width:150px; padding:5px; margin:0; font:0.82em Arial,Helvetica,Verdana,Tahoma,sans-serif;
 text-align:center; border:1px solid blue; z-index:20;
}

#menu li ul { list-style-type:none; height:auto; width:180px; position:relative; left:1em;
 border:1px solid red; }

* html #menu li ul { width:182px; w\idth:180px; }

#menu li li { display:block; }

#menu li li.header { display:block; font:normal 0.69em Arial,Helvetica,Verdana,Tahoma,sans-serif;
 text-align:center; color:red; background-color:#fafafa; border-bottom:1px solid red; }

#menu li li a { display:block; border-top:1px #f8f8f8 solid; border-left:1px #f8f8f8 solid;
 border-bottom:1px #e8e8e8 solid;  border-right:1px #e8e8e8 solid;
 font:normal 0.69em Arial,Helvetica,Verdana,Tahoma,sans-serif; text-decoration:none; text-align:center;
 color:blue; background-color:#fafafa; }

#menu li li a:hover, #menu li li a:active { background-color:#fcfcfc; }
#menu li li a:active { background-color:#fcfcfc; }

#menu li li.header a { display:block; border-top:1px #f8f8f8 solid; border-left:1px #f8f8f8 solid;
 border-bottom:1px #e8e8e8 solid;  border-right:1px #e8e8e8 solid;
 font:normal 1em Arial,Helvetica,Verdana,Tahoma,sans-serif; text-decoration:none; text-align:center;
 color:red; background-color:#fafafa; }

.obligatory { font-weight: bold; }
#haekchen { display:block; margin-bottom:1.2em; }
#nachricht { display:block; margin-bottom:1em; margin-left:0.3em; }
#schicklos { display:block; margin-bottom:2em; border:1px outset red; background:#f8f8f8; }
table, tr, td { border:none; }
form { margin:1em auto 1em auto; width:430px; background:#e4e4e4; padding:1em; }
form table { margin-bottom:0.8em; margin-left:auto; margin-right:auto; }
form td { padding:0.3em; }
form p, form h3 { width:420px; }
input[type=text], textarea { border:1px solid #000000; }
.bamperl { border:0; width:62px; height:22px; }

#m24absenden { display:block; margin-top:1em; border:1px outset red; background:#f8f8f8; }

#m24 { margin:0 0 1em 0; }