﻿/*********************************
 *     global classes            *
 *********************************/

body { 
  font-family: Verdana, Arial; 
  font-size: 110%; 
  color: #000000; 
  background-color: #ffffff;
  vertical-align:top; 
}

noscript,table,tr,td,th,input,select,textarea,option,ul,li,div,p { 
  font-family: Verdana, Arial; 
  font-size: 100%; 
  color: #000000; 
  vertical-align:top; 
}

/* scale class for max width */
.pagescale {
  max-width: 1004px; 
  width: expression(document.body.clientWidth > 1004? '1004px': 'auto' );
}

/* scale class for content */
.contentTable {
width: 100%;
}

.bgvisualthemen {
   background-image:url(../img/header_bg.gif);
}
.bgvisualthemen2 {
   background-image:url(../img/header_bg2.gif);
}
.bgvisualthemen3 {
   background-image:url(../img/header_bg3.gif);
}
.visuallinie1 {
   background-image:url(../img/visual_linie1.gif);
}

.visuallinie {
   background-image:url(../img/visual_linie.gif);
}

/*********************************
 *     font std classes          *
 *********************************/

/* small text 11pt */
.textverysmall {
  font-size: 50%;
}

/* small text 11pt */
.textsmall {
  font-size: 60%;
}

/* small text 11pt bold */
.textsmallbold {
  font-size: 60%;
  font-weight: bold; 
}

/* text 12pt bold */
.textreitercontent {
  font-size: 70%;
  font-weight: bold; 
}

/* normal text 13pt */
.textnormal {
  font-size: 75%;
}

/* normal text 13pt */
.textnormalcenterd {
  font-size: 75%;
  vertical-align: middle;
}

/* normal text 13pt bold */
.textnormalbold {
  font-size: 75%;
  font-weight: bold; 
}

/* bold text */
.bold {
  font-weight: bold;
}



/*********************************
 *     alignment classes         *
 *********************************/

/* td vertical align center */
.centerd {
  vertical-align: middle;
}

/* td horizontal align center */
.textCenterd {
  text-align: center;
}

/* td vertical and horizontal align center */
.centerdBoth {
  vertical-align: middle;
  text-align: center;
}

/* td vertical align right */
.rightAligned {
  text-align: right;
}

/* td vertical align right */
.rightAlignedCenterd {
  text-align: right;
  vertical-align: middle;
}

/* td vertical align right */
.bottomAligned {
  vertical-align: bottom;
}

/* td vertical align right */
.bottomRightAligned {
  vertical-align: bottom;
  text-align: right;
}

.topAligned {
  vertical-align: top;
}


/*********************************
 *     global table classes      *
 *********************************/

/* linkeNavi bg */
.hellGrau {
  background-color: #E2E2E2;
}

/* linkeNavi bg vertical align bottom */
.hellGrauBottom {
  background-color: #E2E2E2;
  vertical-align: bottom;
}

/* black bg */
.blackbg {
  background-color: #000000;
}

/* white bg */
.whitebg {
  background-color: #FFFFFF;
}

/* yellow bg */
.yellowbg {
  background-color: #99CC66;
}

/* white bg vertical align bottom */
.whitebgcenterd {
  background-color: #FFFFFF;
  vertical-align: middle;
}

/* grey line (1px content) bg */
.linegrey {
  background-color: #666666;
}

/* td class for header navi */
.whiteBold {
  color: #ffffff;
  font-weight: bold;
  font-size: 60%;
}

/* header and footer bg */
.darkblue {
  background-color: #003366;
}

.topNaviBlue {
  background-color: #003399;
  color: #FFFFFF;
  vertical-align: middle; 
}

/* topNavi Background */
.topNaviBg {
  background-color: #1A468B;
}

/* footerNavi Background */
.footerNaviBg {
  background-color: #003366;
  color: #ffffff;
  vertical-align: middle;
  text-align: right;
}

/*********************************
 *     leftnavi link classes     *
 *********************************/

/* link */
a.naviStartseite:link, a.naviStartseite:visited, a.naviStartseite:active, a.naviForschung:link, a.naviForschung:visited, a.naviForschung:active, a.naviProjekt1:link, a.naviProjekt1:visited, a.naviProjekt1:active, a.naviProjekt2:link, a.naviProjekt2:visited, a.naviProjekt2:active, a.naviProjekt3:link, a.naviProjekt3:visited, a.naviProjekt3:active  { 
  text-decoration: none; 
  color: #003366; 
  font-weight: bold; 
}

/* hover */
a.naviStartseite:hover { 
  text-decoration: none; 
  color: #333333; 
  font-weight: bold; 
}

a.naviForschung:hover { 
  text-decoration: none; 
  color: #003399; 
  font-weight: bold; 
}

a.naviProjekt1:hover { 
  text-decoration: none; 
  color: #669933; 
  font-weight: bold; 
}

a.naviProjekt2:hover { 
  text-decoration: none; 
  color: #E1B520; 
  font-weight: bold; 
}

a.naviProjekt3:hover { 
  text-decoration: none; 
  color: #EC6400; 
  font-weight: bold; 
}


/*********************************
 *     header link classes       *
 *********************************/

/* navi header white link */
a.topNavi:link { 
  text-decoration: none; 
  color: #ffffff; 
  font-weight: bold;
  vertical-align: middle; 
}

a.topNavi:visited { 
  text-decoration: none; 
  color: #ffffff; 
  font-weight: bold; 
  vertical-align: middle; 
}

a.topNavi:hover { 
  text-decoration: none; 
  color: #cacaca; 
  font-weight: bold; 
  vertical-align: middle; 
}

a.topNavi:active { 
  text-decoration: none; 
  color: #cacaca; 
  font-weight: bold; 
  vertical-align: middle; 
}

a.topNaviActive:link { 
  text-decoration: none; 
  color: #cacaca; 
  font-weight: bold;
  vertical-align: middle; 
}

a.topNaviActive:visited { 
  text-decoration: none; 
  color: #cacaca; 
  font-weight: bold; 
  vertical-align: middle; 
}

a.topNaviActive:hover { 
  text-decoration: none; 
  color: #ffffff; 
  font-weight: bold; 
  vertical-align: middle; 
}

a.topNaviActive:active { 
  text-decoration: none; 
  color: #ffffff; 
  font-weight: bold; 
  vertical-align: middle; 
}

/* navi header blue link */
a.topNaviSub:link { 
  text-decoration: none; 
  color: #000000; 
}

a.topNaviSub:visited { 
  text-decoration: none; 
  color: #000000; 
}

a.topNaviSub:hover { 
  text-decoration: none; 
  color: #FFFFFF; 
}

a.topNaviSub:active { 
  text-decoration: none; 
  color: #000000; 
}

/*********************************
 *     footer link classes       *
 *********************************/

/* navi footer white link */
a.footerNavi:link { 
  text-decoration: none; 
  color: #ffffff; 
}

a.footerNavi:visited { 
  text-decoration: none; 
  color: #ffffff; 
}

a.footerNavi:hover { 
  text-decoration: none; 
  color: #cacaca; 
}

a.footerNavi:active { 
  text-decoration: none; 
  color: #cacaca; 
}

a.footerNaviActive:link { 
  text-decoration: none; 
  color: #cacaca; 
}

a.footerNaviActive:visited { 
  text-decoration: none; 
  color: #cacaca; 
}

a.footerNaviActive:hover { 
  text-decoration: none; 
  color: #ffffff; 
}

a.footerNaviActive:active { 
  text-decoration: none; 
  color: #ffffff; 
}

/*********************************
 *     misc link classes         *
 *********************************/

/* std blue link */
a.stdLink:link, a.stdLink:visited, a.stdLink:active, a.stdLink:hover { 
  text-decoration: none; 
  font-weight: bold;
  color: #003366; 
}

a.pfeilLink:link { 
  text-decoration: none; 
  color: #003366; 
}


/****************************
 *     form classes         *
 ****************************/

input.projektsuche {
  width: 100%;
  font-weight: bold;
}

textarea.textarea {
	width: 100%;
	font: message-box;
}

.input {
  font-size:60%;
  height:16px;
}

.checkbox {
  height:16px;
}

/*********************************
 *     misc classes              *
 *********************************/

/* ns4 compatiblity class */
.contentGreyLineSpacerHeight {
  height:4px;
}

.rcSehrHellBg {
  background-color: #E0E6EC; /*#FFF6D9;*/ /* #E8F0E1; */
}
.rcDunkelBg {
  background-color: #3C4E6F;
}
