body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height:100%;
	color: #333;
	background-color: #eee;
	font-family: Helvetica, sans-serif;
	font-size: 10pt;
}

/* ########### kopf ###############  */
#head { 
  background-color: #8ac;
  height: 140px;
  margin: 10px;
  /* dirty for ie */
  _margin: 0px;
/*  padding: 10px; */
}

div.logo-left {
  background-image: url(bilder/textgrid-logo-left.jpg);
  background-repeat: no-repeat;
  position:absolute;
  height: 140px;
  width: 200px;
  z-index: 2;
}

div.logo-right {
  background-image: url(bilder/dgrid-logo-right.jpg);
  background-repeat: no-repeat;
  position: absolute;
  height: 140px;
  width: 436px;  
  right: 10px;
  top: 10px;
  _right: 0px;
  _top: 0px;
}
/* ########### mitte ###############  */
#center-column {
  position: absolute;
/*  margin: 0px 200px 0px 200px; */
/*  margin-left: 200px; */
/*  margin-right: 200px;*/
  padding: 0px 200px;
  width: auto;
}

div.shortnav {
  background-color: #fff;
  padding: 10px;
  margin: 0px 5px;
}

div.content {
  margin: 5px;
  padding: 10px;
	background-color: #fff;
}

#content li {
  font-size:9pt;
}

/* ########### links ###############  */
#left-column {
  position: absolute;
  top: 180px;
  left: 10px;
  width: 200px;
  z-index: 2;
}

div.bmbf-logo{
  background-image: url(bilder/BMBF_RGB_Gef_M.jpg);
  height: 120px;
  width: 169px;
  margin: 10px 10px;
}

#login_box {
  margin: 15px;
}

#login-template {
  border-style: dashed;
  border-width: 1px;
  font-size: 9pt;
  padding: 5px; 
}

/* langmenu */
#langmenu {
  padding:10px;
  text-align: center;
}

span.langmenu-text{
  border: 2px solid #8ac;
  padding:3px;
  font-weight: bold;
  text-decoration: none;
  color:  #003366; 
  background-color: #8ac;
}

div.langmenu a{
  border: 2px solid #8ac;
  padding:3px;
  font-weight: bold;
  text-decoration: none;
  background-color: #003366;
  color: #fff;
}


/* navi */

#navigation div {
  position: relative;
  left: 0px;
  list-style: none;
  padding:1px;
  text-align: left;
}

div.navigation a {
  border: 2px solid #8ac;
  padding:3px;
  display: block;
  text-decoration: none;
  color: #fff; 
  background-color: #003366;
}

div.navigation a:hover {
  color: #fff;
  background-color: #3399cc;  
}

div.navigation_level_1  {
  width:185px;
  font-weight: bold;
}

div.navigation_level_1_act, div.navigation_level_1_cur {
  font-weight: bold;
  width:185px; 
} 

div.navigation_level_1_cur a {
	background-color: #3399cc; 
}

div.navigation_level_1_cur a:hover{
  color: #003366;
  background-color: #8ac;
}

div.navigation_level_2  {
  width:165px;
  margin: 0 0 0 20px;
}

.navigation_level_2_act, div.navigation_level_2_cur {
  width:165px;
  margin: 0 0 0 20px;
}
div.navigation_level_2_cur a {
	background-color: #3399cc; 
}

div.navigation_level_2_cur a:hover {
  color: #003366;
  background-color: #8ac;
}

div.navigation_level_3  {
  width:145px;
  margin: 0 0 0 40px;
}

.navigation_level_3_act, div.navigation_level_3_cur {
  width:145px;
  margin: 0 0 0 40px;
}
div.navigation_level_3_cur a {
	background-color: #3399cc; 
}

div.navigation_level_3_cur a:hover {
  color: #003366;
  background-color: #8ac;
}

/* ########### rechts ###############  */
#right-column {
  position: absolute;
  top: 180px;
  right: 10px;
  width: 200px;
}

#right-box {
  position: relative;
  left: 20px;
  width: 180px; 
}

/* links */

a:link, a:visited, a:active{
	color: #036;
	text-decoration: none;
}

a:hover{
	color: #036;
	text-decoration: underline;
}


/* schriftgrössen */
h1 {
  font-size: 1.2em;
  margin: 10px 10px;
}

h2 {
  font-size: 1.1em;
  margin: 8px 10px;
}

h3 {
  font-size: 1.05em;
  margin: 6px 10px;
}

/* gr-wiki */
.tx-drwiki-pi1 td {
  font-size: 9pt;
}

/* events rigt (tx_jwcal styles überschreiben) */
div.events-right {
color:#333333;
font-family:Helvetica, sans-serif;
font-size:10pt;
text-align:left;
}

div.news-list-item {
  border-style: dotted;
  border-width: 1px;
  padding: 5px;
}

#partnerlinks {
}


img{
  border-style:none;
}

table.csc-uploads-2 * tbody, table.csc-uploads-2 * th, table.csc-uploads-2 * td {
	background-color: #cadeeb;
	border-collapse: collapse;
	border: thin solid silver;
	padding: 0.5em;
	}
.colortable caption {
	display: none;
}
.colortable * tbody, .colortable * th, .colortable * td {
	background-color: #f2f7fb;
	border-collapse: collapse;
	border: thin solid silver;
	padding: 0.75em;
	}
	
fieldset {
	border: thin solid silver;
	padding: 0.9em;
}
div.csc-mailform-field input[type=text], div.csc-mailform-field textarea {
  font-family: arial;
  font-size: 1em;
  border: 1px solid #999;
  background-color: #f0f0f0;
  margin: 0.3em;
  padding: 0.3em;
  color:gray;
}
div.csc-mailform-field select {
  font-family: arial;
  font-size: 1em;
  border: 1px solid #999;
  background-color: #f0f0f0;
  margin: 0.3em;
  color:gray;
}
div.csc-mailform-field input[type=submit] {
	margin-left: 14em;
	clear:both;
}
div.csc-mailform-field input[type=file] {
  font-family: arial;
  font-size: 1em;
  border: 1px solid #999;
  background-color: #f0f0f0;
  margin: 0.3em;
  color:gray;
}
div.csc-mailform-field input:focus, div.csc-mailform-field select:focus, div.csc-mailform-field textarea:focus {
	color:black;
}
div.csc-mailform-field label {
  float: left;
  text-align: right;
  width: 12em;
  margin: 0.1em 0.1em 0 0;
  font-weight: bold;
}
.disabled{
	color: #708090;
}