/* CSS Positionierung */


#rahmen {
width: 960px;
margin: 0 auto;
border:0px solid silver;
border-style: groove;
padding:5px;
background: transparent;
}

#kopf {
width: 959px;
height: 195px;
margin: 0 auto;
background: gainsboro;
padding:0px;
}


#mitte {
width: 959px;
margin: 0 auto;
background: transparent;
padding:0px;
}

#inhalt {
width: 700px;
margin-left: 210px;
padding: 10px;
margin-top: 10px;
border: 1px solid white;
background: white;
color: darkblue;
}

#fuss {

}


/* CSS Hintergrund */

body {
background:lightsteelblue url(http://dfgbielefeld.de/cfa/img/back.gif) top center repeat-y;
color: black;
}


/* Links */

a {
background: transparent;
color: blue;
}

a:visited {
background: transparent;
color: blue;
}

a:hover {
background: lightsteelblue;
color: black;
}


/* CSS Schrift */

.text {
font: 14px verdana;
}

h1 {
font-size: 1.5em;
margin-top: 0;
margin-bottom: 0.7em;
padding-left: 12px;
border-bottom: 2px solid black;
}

table {
margin-bottom: 1.4em;
border-collapse: collapse;
border: 0px outset black;
}


/* Navigationsmenu */

.glossymenu{
margin: 0px 0;
padding: 0;
width: 200px; /*width of menu*/
border-bottom-width: 0;
float: left;
}

.glossymenu a.menuitem{
background: black url(http://dfgbielefeld.de/cfa/img/blauM1.jpg) repeat-x bottom left;
font: bold 14px "helvetica";
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 12px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(http://dfgbielefeld.de/cfa/img/blauM2.jpg);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "helvetica";
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}


/* Leiste oben */ 

.hovermenu ul{
width: 600px;
margin-left: 200px;
font: bold 14px lucida console;
padding: 0px;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
padding: 5px;
text-decoration: none;
float: left;
color: darkblue;
background-color: lightblue;
border: 2px solid cornflowerblue;
}

.hovermenu ul li a:hover{
background-color: dodgerblue;
border-style: outset;
}

.hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}