.button_grey { font-family:Verdana, Arial, Helvetica; font-weight: bold; color: #000000; border-color: #efefef; background-color: #efefef; border-style: solid; height:19px; font-size: 11px }
.select { font-family:Arial, Helvetica, sans-serif; border-style: solid; width:185px; height:15px; font-size: 9px;}
.select_neutral { font-family:Arial, Helvetica, sans-serif; border: 1px solid #E6E4E5;padding:0; margin:0; height:15px; font-size: 9px;}

.small-text { font-family:Verdana, Arial, Helvetica; color: #92918F; font-size:8px; line-height:8px; text-decoration:none; }

div.aLayer {
  position: relative;
  color: #00009C;  
  background-color: #FFFFCE;
  border: 1px solid black;
  display: none;
  padding:3px;
}

a.dreidbutton{
color: #FFF;
display: block;
height: 8px;
background: #82B413 top ;
padding: 3px 4px 1px 5px;
text-align: center;
border-top: #DBFF6C 2px solid; /* Farbe und Art des oberen Rands */
border-left: #DBFF6C 2px solid; /* linker Rand */
border-bottom: #698C00 2px solid; /* unterer Rand */
border-right: #698C00 2px solid; /* rechter Rand */
font-family: Tahoma;
text-decoration: none;
}

a.dreidbutton:hover{
/* hier werden die Farben der entsprechenden Ränder genau umgekehrt, damit beim Überfahren mit der Maus ein eingedrückter Effekt entsteht. */
color:#FFF;
border-bottom: #DBFF6C 2px solid;
border-right: #DBFF6C 2px solid;
border-top: #698C00 2px solid;
border-left: #698C00 2px solid;
/* Um den Effekt des Eindrückens zu verstärken wird auch der Text durch verändern des Innenabstands um 1 Pixel verrückt */
padding: 3px 4px 1px 5px;
}

.box { background: #DCE9F4;}
.box h1, .box p {margin: 0 10px;}
.box h1 {font-size:150%; color:#005CAC; }
.box .top, .box .bottom{display:block;background: #FFFFFF;}
.box .top b, .box .bottom b
{
  display:block;height: 1px; overflow: hidden; background: #DCE9F4;
}
.box .r1{margin: 0 5px;}
.box .r2{margin: 0 3px;}
.box .r3{margin: 0 2px;}
.box .top .r4, .box .bottom .r4{margin: 0 1px;height: 2px;}
.cnt {margin-left: -1000px;}