body {
color:black;
background:#EFEFEF;
margin:6;
padding:0;
font:15px 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body a {
color:#5E7AB5;
text-decoration:none;
}

body a:hover{
color:#26528B;
text-decoration:underline;
}

body a:visited{
}

#container{
background:white; 
padding:0;
margin:14px auto;  /* im Test in Kommentar, damit linksbündig !!!!! */
border:1px solid #DDDDDD; 
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius: 8px 8px;
width:900px;
}

.whiteblank {
display:block;
width:200px;
height:22px;
background:blue;
margin:1px 0 0px 0px;
/*padding:0px 0 3px 5px;*/
padding:0 0 0px 0px;
border-right:1px solid #DDDDDD; 
}

#menu {
/*border-top:1px solid black;*/
/*border-bottom:1px solid #282828;  /* black */
background:red;
height:40px;
}

#menu table {
border-collapse: collapse;
width:900px;
height:40px;
margin:0;
padding:0;
}

#menu tr {
margin:0;
padding:0;
}

#menu td {
margin:0;
padding:0;
background:#3D2CCA;
}

#menu .tdSel {
margin:0;
padding:0;
background:#5D4CEA;
}

#menu a {
color:white;   
background:#3D2CCA;  
padding:0px 30px 0px 30px;
font:normal 17px Helvetica, Arial, sans-serif;
text-decoration:none;
text-align:center;
}

#menu a.norm {
	height: 40px;
	display: flex;
	align-items: center; /* align vertical */
color:white;   
background:#3D2CCA;  
padding:0px 30px 0px 30px;
font:normal 17px Helvetica, Arial, sans-serif;
text-decoration:none;
text-align:center;
}

#menu a:hover, #menu a.sel:hover {
color:#D9E3EF;   
}

#menu a.sel {
	height: 40px;
	display: flex;
	align-items: center; /* align vertical */
color:white;  
background:#5D4CEA;  
}

#dark{
position:fixed; 
top:0px;
left:0px;
width: 100%;
background:black;
height:100%;
z-index:100;
opacity: 0.4;
filter: alpha(opacity=40);
-moz-opacity:0.4;
-khtml-opacity: 0.4;
}

#banner{
color:black;
background:white;
height:52px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius: 8px 8px;
}

.title{
line-height: 28px; 
/*display:block;*/
width:162px;
height:28px;
color:#FFFF5B;   /* yellow font */
background:#444444;
/*margin:0px 0 4px 3px;
padding:0px 0 3px 5px;*/
padding:0 0 0px 5px;
margin-left:6px;
font-weight:normal;
font-size:13px;
text-decoration:none;
}

#submenu{
float:left;
width:200px;
/*height:300px;*/
background:white;
padding:0px 0px 9px 0px;
margin:0px 0px 6px 0px;
}
#submenu ul{
margin:20px 0px 0px 11px;
padding:0px 0px 0 5px;
/*border:1px solid black;*/
list-style:none;
}

#submenu li{
/*margin:2px 0 0px 0;*/
/*padding:0 0 0px 0;*/
/*border:1px solid black;*/
margin:0;
}

#submenu .title {
min-height:34px;
line-height:34px; 
background:#7E51FF;
font-size:15px;
font-family:Helvetica, Arial, sans-serif;
color: white;
}

#submenu a{
line-height:30px; 
display:block;
width:160px;
height:30px;
color:black;   /* light gray */
background:#EFEFEF;  /* cb blue */
margin:1px 0px 0px 0px;
padding:0px 0px 0px 5px;
/*border:1px solid #282828;  /* black */
/*border-top:1px solid white;*/
border:1px solid #dddddd;
font-weight:normal;
font-size:15px;
font-family:Helvetica, Arial, sans-serif;
/*font:normal 13px 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
border-radius: 3px 3px;
-moz-border-radius: 3px 3px;

text-decoration:none;
}
#submenu a:hover{
    /*color:#6D6D6D;*/
    border-color: #33b5e5;
    color: #fff;
    background: #0099cc;
}
#submenu a.sel{
color:white; 
background:#B3B3B3;  
border:1px solid #B3B3B3; 
}

#submenu a.sel:hover {
    border-color: #33b5e5;
    color: #fff;
    background: #0099cc;
}

#submenu p{
font-weight:bold;
font-size:12px;
padding:20px 0 10px 10px;
margin:0;
}

/*#content{    see header.php
}*/

#foot{
color:black;
background:#A8A8A8;
padding:0;
margin:0;
border-top:1px solid #DDDDDD;
}

#foot p{
margin:0;padding:4px;text-align:center;
}