/*--Setzt alle Abstände auf "Null"--*/ 
* { 
margin: 0; 
padding: 0; 
}

#menu {
height:90px;
width:100%;
padding: 0 0 0 18px;
background: #ff6600;
font-family: Arial;
/* oben rechts unten links */
margin:9px auto auto 0px;
}

#menu1 {
height:90px;
/* achtung */
width:99%;
padding: 0 0 0 18px;
background: #ff6600;
font-family: Arial;
/* oben rechts unten links */
margin:9px auto auto 0px;
}

/*--formatiert die Themenblöcke--*/ 
#menu ul {
float: left;
background-color: #ff6600;
min-width: 190px;
max-width:200px;
min-height:100px;
max-height:150px;
list-style-type: none;
}

/*--formatiert die Themenblöcke--*/ 
#menu1 ul {
float: left;
background-color: #ff6600;
width:150px;
height:90px;
list-style-type: none;
}

/* Die Dreiecke */
.eck{
width:auto;
font-size:17px;
line-height:18px;

     border-color:#009 transparent transparent transparent;
     border-style:solid;
     border-width: 0.9em 0.6em 0.9em 0.6em;
     content:" ";
     display:block;
     height:0;
     width:0;
    top:5px;
    left:45%;
     position:absolute;  
     }

.dreieck-text{
display:block;
line-height:15px;
min-width:190px;
max-width:200px;
position:absolute;
padding-top:0px;
font-family:Arial,sans serif;
font-size:17px;
text-decoration:none;
color:#000088;
font-weight:bold;
text-shadow:#fff 1px 1px 4px;
}

.dreieck-text1{
display:block;
line-height:15px;
width:150px;
position:absolute;
padding-top:0px;
font-family:Arial,sans serif;
font-size:17px;
text-decoration:none;
color:#000088;
font-weight:bold;
text-shadow:#fff 1px 1px 4px;
}


#menu a.dreieck-text{
display:block;
line-height:15px;
min-width:190px;
max-width:200px;
position:absolute;
padding-top:0px;
font-family:Arial,sans serif;
font-size:17px;
text-decoration:none;
text-align: center;
color:#000088;
font-weight:bold;
text-shadow:#fff 1px 1px 4px;
}

#menu1 a.dreieck-text1{
display:block;
line-height:15px;
width:150px;
position:absolute;
padding-top:0px;
font-family:Arial,sans serif;
font-size:17px;
text-decoration:none;
text-align: center;
color:#000088;
font-weight:bold;
text-shadow:#fff 1px 1px 4px;
}


/*--definiert die Blocküberschriften--*/
#menu h2 {
margin-top: 5px;
font-size: 11pt;
line-height:17px;
min-width:190px;
max-width:200px;
text-align: center;
color: #000088;
 font-weight: normal;
border-left:1px solid #000088;
border-bottom:1px solid #000088;
border-top:1px solid #000088;
border-right:1px solid #000088;
} 

#menu1 h2 {
margin-top: 5px;
font-size: 11pt;
line-height:17px;
width: 150px;
text-align: center;
color: #000088;
 font-weight: normal;
border-left:1px solid #000088;
border-bottom:1px solid #000088;
border-top:1px solid #000088;
border-right:1px solid #000088;
} 

#menu a { 
text-decoration: none; 
display: block; /* ordnet die Auswahl linksbündig an */
background: #ff6600; 
color: #000088; 
padding: 0 0 0 5px;
text-align:left;
font-size: 11pt;
line-height: 14pt;
font-weight:normal;
} 

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/ 
#menu a:hover { 
color: #fff; 
background: #ff6600; 
}

#menu1 a { 
text-decoration: none; 
display: block; /* ordnet die Auswahl linksbündig an */
background: #ff6600; 
color: #000088; 
padding: 0 0 0 5px;
text-align:left;
font-size: 11pt;
line-height: 14pt;
font-weight:normal;
} 

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/ 
#menu1 a:hover { 
color: #fff; 
background: #ff6600; 
}

/* 
*verhindert im Zusammenhang mit position absolute bei ul ul 
*eine Höhenvergrößerung von #menu beim Hovern-- 
*/ 

#menu li { 
position: relative; 
} 

#menu1 li { 
position: relative; 
} 

/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/ 
#menu ul ul { 
position: absolute; 
z-index: 2; 
display: none; 
}

/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/ 
#menu1 ul ul { 
position: absolute; 
z-index: 2; 
display: none; 
}

/*--lässt die Dropdown-Links beim Hovern erscheinen--*/ 
#menu ul li:hover ul {
display: block; 
left: 0px;
height: 150px; 
overflow-y: scroll;
border-left:1px solid #000088;
border-bottom:1px solid #000088;
}

/*--lässt die Dropdown-Links beim Hovern erscheinen--*/ 
#menu1 ul li:hover ul {
display: block; 
left: 0px;
height: 150px; 
overflow-y: scroll;
border-left:1px solid #000088;
border-bottom:1px solid #000088;
}

/* noch nicht fertig */
.rahmen td{
border-right:1px solid #000088;
border-top:1px solid #000088;
border-left: 1px solid #000088;
border-bottom:1px solid #000088;
border-collapse:collapse;
} 

.rahmen {
border-right:1px solid #000088;
border-top:1px solid #000088;
border-left: 1px solid #000088;
border-bottom:1px solid #000088;
border-collapse:collapse;
} 


/* Ergänzungen für Internet Explorer, zerschiessen die Dreiecke!*/

/*--nur für IE-Versionen kleiner gleich 6 erkennbar--*/ 

 * html #menu ul li { 
float: left; 
height:1%;
width: 100%; 
}  */

 * html #menu1 ul li { 
float: left; 
height:1%;
width: 100%; 
} 

/*--bewirkt Hover-Effekt für IE kleiner 7 auch für ul- und li-Elemente--*/ 
*html body { 
behavior: url(csshover3-source.htc); 

text-align:left;
} 

/* *html #menu ul li a { 

height: 1%; 
} */


*+html, * html #menu{

}