/* CSS Positionierung */


#seitenrahmen {
position:absolute;
top:10px;
left: 15%;
width: 980px;
margin: 0 auto;
}

#links {
/*width: 205px;*/
margin-top: 170px;
margin-left: 15px;
}

#kopf {
position: absolute; 
background-color: White;
background-image: url(http://www.dfgbielefeld.de/dfg_neu/img/banner1.jpg);
background-repeat: no-repeat;
left: 0px; 
width: 980px;
height: 170px;
left: 10px;
top: -5px;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;

}

#kopfsprache {
position: absolute;
left: 250px;
width: 600px;
height: 100px;
top: 100px;
}



#inhalt {
position: absolute; 
left: 220px; 
top: 160px; 
width: 770px;
}


/* CSS Hintergrund- und Textfarben */

body {
background:#0c0c77 url(http://dfgbielefeld.de/dfg_neu/img/back.jpg) top center repeat-y;
color: black;
}

.textInhalt, .textLinks {
margin-top: 0px;
background: white;
color: #444444;
border:0px solid #aaaaaa;
}

/* Links */

a {
background: transparent;
color: darkblue;
}

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

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

/* CSS Schriftart und Größe */

p.blocksatz {text-align: justify; margin-right: 0.2cm; margin-left: 0.2cm;}


body {
font-size: 0.85em;
font-family: Verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6, table {
font-size: 1em;
color: black;
}


#kopflinks {
text-align: right;
margin-right: 10px;
margin-top: -35px;
padding-top: 6px;
}
#kopflinks a {
text-decoration: none;
}
#kopf img{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#kopflinks img{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
input, textarea {
font-size: 1em;
font-family: Verdana, sans-serif;
}

th {
text-align: left;
}


#fuss {
text-align: center;
}

/* CSS Innen- und Aussenabstände */

h1, h2, h3, h4, h5, h6, p {
margin-top: 0px;
margin-bottom: 0.7em;
}

.textInhalt h1, .textRechts h1, textLinks  {
padding-left: 12px;
}

table {
margin-bottom: 1.4em;
}

form {
padding: 4px;
}

form p {
margin-bottom: 0.7em;
}



.navi {
margin-top: 0px;
}

.navi div {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
}


.textInhalt, .textRechts {
padding: 15px;
margin-bottom: 8px;
}

.textInhalt img {
margin: 0px 2px;
}

#fuss {
padding: 0px 0px 8px 8px;
}

/* CSS Rahmen */

img {
border: none;
}

h1 {
border-bottom: 2px solid black;
}

table {
border-collapse: collapse;
border: 0px outset black;
}

th {
border: 0px solid black;
}

td {
border-bottom: 0px solid black;
}

/* CSS Hintergrundbilder */


h2 {
background-image: url(http://www.dfgbielefeld.de/dfg_neu/img/menu.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}

/* CSS umflossene Elemente */

.l {
float: left;
}

.r {
float: right;
}

label {
float: left;
width: 130px;
}

form p {
clear: left;
}

/* Navigationsmenu */

.glossymenu{
margin: 10px 0px;
padding: 0px;
width: 195px; /*width of menu*/
border: 7px solid white;
border-bottom-width: 5px;
background: white;
}

.glossymenu a.menuitem{
/*background: black url(http://www.dfgbielefeld.de/dfg_neu/img/bannermenu.jpg) repeat-x bottom left;*/
background-color: #005093;
font: bold 13px verdana;
color: white;/*black;*/
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 7px 0px;
padding-left: 10px;
text-decoration: none;
border: 1px solid silver;
}


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

.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://www.dfgbielefeld.de/dfg_neu/img/bannermenu2.jpg);
color: white;*/
background: blue url(http://www.dfgbielefeld.de/dfg_neu/img/bannermenu2.jpg) repeat-x bottom left;
color: Black;
}

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

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

.glossymenu div.submenu ul li{
border: 1px solid #aaaaaa;
background: gainsboro;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px verdana;
color: black;
text-decoration: none;
padding: 4px 0px;
padding-left: 10px;
border: 1px solid silver;
}

.glossymenu div.submenu ul li a:hover{
background: lightsteelblue;
color: black;
border: 1px solid silver;
}