body{
background:#111111;

margin:0px 0px 0 0;
padding:0;
font:13px verdana, sans-serif;}

a:link {color: #eeeeee;}
a:visited {color: #eeeeee;}
a:active {color: #eeeeee;}
a:hover {background-color: #ffffff;}
a {
color: #eeeeee;
text-decoration: none;
}

#container{
background:#444444;
padding:0;
margin: 0 auto;
width:80%;
min-width:960px;
#margin:0 10% 0 10%;
}
 


#box {
  padding: 0px 0px; /* damit der container die höhe des großen bildes annimmt */
  /* andere formatierung, z.B. zentrieren/etc: */
  /* .... */
}



#box img {
  width: 60px;  /* wir skalieren das große bild auf die kleine größe */
  height: 60px; /* um verpixelung beim vergößern zu verhindern       */
}

#box img:hover {
  position: absolute;
  margin-left: -150px; /* die hälfte des größenunterschiedes der bilder */
  margin-top: -90px;  /* hier genau so */
  width: 180px;       /* die weite beim vergrößern */
  height: 180px;      /* die höhe beim vergrößern */
}




#stnr{
font:12px verdana,arial, sans-serif;
font-weight:bold;
background-image: url("klex.png");
background-position: center;
background-repeat: no-repeat;
background-size: 36px 22px;
height:20px;
width:36px;
text-align: center;
vertical-align: middle;
}

#stnrT{
font:18px verdana,arial, sans-serif;
font-weight:bold;
background-image: url("klex.png");
background-position: center;
background-repeat: no-repeat;
background-size: 54px 33px;
height:60px;
width:54px;
text-align: center;
vertical-align: middle;
}


#head{
height:70px;
background:#444444;
color:#eeeeee;
font:bold 20px verdana, sans-serif;
text-decoration:none;
text-align:center;}


#menu{
margin:0;
padding:0;
border-top:1px solid black;
border-bottom:1px solid black;
text-align:left;}

#menu ul{
background:#444444;
margin:0;
padding:5px;
list-style:none;
white-space: nowrap;}

#menu li{
color:white;
display:inline;}

#menu a{
color:white;
background:#aa0000;
padding:2px 20px 2px 20px;
border:1px solid black;
font:bold 12px verdana, sans-serif;
text-decoration:none;
text-align:center;}

#menu a:hover{color:white;background:#555555;}


#submenu{
color:white;
float:left;
width:255px;}



#submenu a{
color:white;
background:transparent;
font-weight:bold;
font-size:12px;
text-decoration:none;}


#submenu v{color:white;background:blue;text-decoration:none;}
#submenu l{color:white;background:blue;text-decoration:none;}

#submenu tr:hover{color:white;background:#aa0000;text-decoration:none;}
#submenu tr{
text-align:left;
}


#submenu p{
color:white;
font-weight:bold;
font-size:16px;
padding:10px 0 10px 10px;
margin:0;}


#content{
color:#eeeeee;
background:#444444;
padding:0 20px 5px 20px;
min-height:500px;
margin:0 0 0 255px;
border-left:1px solid black;}

#content a:hover{color:white;background:#aa0000;text-decoration:none;}
 



#content h1{
margin:0 0 10px 0;
padding:2px 0 2px 5px;
font:bold 16px verdana, sans-serif;
border-left:10px solid #bcbcbc;
border-bottom:1px solid #bcbcbc;}

#content h2{
margin:25px 0 10px 0;
padding:2px 0 2px 5px;
font:bold 14px verdana, sans-serif;
border-left:8px solid #bcbcbc;
border-bottom:1px solid #bcbcbc;}

#content h3{
margin:25px 0 10px 0;
padding:2px 0 2px 5px;
font:bold 12px verdana, sans-serif;
border-left:6px solid #bcbcbc;
border-bottom:1px solid #bcbcbc;}
#content p{padding:15px;}


#foot{color:white;
background:#444444;
font:9px verdana, sans-serif;
padding:4px;
margin:0;
text-align:right;
border-top:1px solid black;}

#foot p{
margin:0;
font:9px verdana, sans-serif;
padding:4px;text-align:right;}