/*-------------------------------------------------------------------*/
/* Basis-Formate für äußeren Rahmen der Seiten 06.06.2007 */
/*--------------------------------------------------------------------*/
img {	border: 0 }

p {
	padding: 0 0 0 0;
	margin: 0.5em 0 0 0;
  }

h1, h2, h3, h4, h5, pre {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
  }

/* Üerschrift in top */
h1 {
	font-size: 1.2em;	/* 1.4em; 14px */
  }

/* Hauptberschrift im Contentbereich */
h2 {
	font-size: 1.1em;	/* 1.2em;12px */
	color: #f60;
  }
  
/* Überschriften im rechten Block (contentAnchors und downloads */
/* und im Contentbereich Absatz- und Zwischenberschriften */
h3, h4, h5 {
	font-size: 1em;	/* 1em; 0px */
	color: #f60;
  }

h4, h5 {
  font-weight: normal;
}

ul { margin-top: 0; }

/* pre-Tag nur für Mitgliedschaften bei Personenseiten und für Contentseiten */
pre {
	font-family: verdana, arial, sans-serif;
	font-size: 1em;	
  }

input, select, textarea {
	font-family: verdana, arial, sans-serif;
	font-size: 1em;	/* 10px */
/*	line-height: 1.2em;*/
  }
  
/* für externe Seiten, wenn naviblock nicht angezeigt werden soll (z.B. roloff matek) */
.borderinvisible { border-bottom: 1px solid #fff; }
.borderbottomsolid { border-bottom: 1px solid #000; }
.borderbottomdotted {	border-bottom: 1px dotted #000; }
.bordertopsolid {	border-top: 1px solid #000; }

.bold { font-weight: bold }

/* 2 Formate für Tabellen */
.top { vertical-align: top; }
.center { text-align: center; } 

.floatleft { 
  float: left;
  padding-right: 1em;	/* 10px */
 }
 
.floatright { 
  float: right; 
  padding-left: 1em;	/* 10px */
  } 

/* Abstandshalter im Contentbereich */
.clearfloat,
.clearfloat5,
.clearfloat10,
.clearfloat15,
.clearfloat20,
.clearfloat28  {
	float: none;
	clear: both;
	overflow: hidden; /* wichtig für IE bei Listenansicht z.B. Profs */
  }

.clearfloat  {	height: 1px; }
.clearfloat5  {	height: 0.5em;	/* 5px */  }
.clearfloat10  { height: 1em;	/* 5px */  }
.clearfloat15  {	height: 1.5em;	/* 15px */  }
.clearfloat20  {	height: 2.0em;	/* 20px */  }
.clearfloat23  {	height: 1em;	/* 23px */  }
.clearfloat28  { height: 3em;	/* 30px */  }
  
.grey { 
  color: #666;
}
.boldgrey { 
  font-weight: bold;
  color: #666;
}

.amber { 
  color: #f60;
}
.boldamber { 
  font-weight: bold;
  color: #f60;
}

.blue { 
  color: #36c;
}
.boldblue { 
  font-weight: bold;
  color: #36c;
}

.red { 
  color: #c03;
}

.boldred { 
  font-weight: bold;
  color: #c03;
}

.orange { 
  color: #f60;
}

/* nur für eyecatcher engl. Seiten */
.newred { 
  font-weight: bold;
  color: #c03;
 	font-size: 0.8em;	 /* 10px */
}

ul { list-style-type: none }

.actionmarker {
  background-color: #eee;
  }

/* nachfolgende Formate gelten nur innerhalb der <npsgui>-Tags (z.B. Profseiten unterer Teil) */
/* Text bei fehlenden Feldern (z.B. Bilder bei Textblock in Contentseiten) */
.npsgui, .npsgui td {
  color: #c03;
  font-style: italic;
  }
  
div.npsgui {
  clear: both;
  width: 5.57em;	/* 557px */
  background-color: #ccc;
  }
 
/* markierte Zeilen für Listenübersichten */
.highlighted {  background-color: #e2e2e2 }

.normal { background-color: #fff }

/* Listen-Definitionen */
ol.dec {	list-style: decimal; }
ol.upalpha {list-style: upper-alpha;}
ol.lowalpha {list-style: lower-alpha;}
ol.uproman {list-style: upper-roman;}
ol.lowroman {list-style: lower-roman;}

ul.ohne0px {
  margin: 0;
  padding-left: 0;
	list-style-type: none;
	}

ul.ohne0px ul {
  margin-left: 2.5em;
	list-style-type: none;
	}

ul.ohne {
	list-style-type: none;
	}

ul.ohne ul {
	list-style-type: none;
	}

ul {
	list-style-type: disc;
	}

ul ul {
	list-style-type: circle;
	}

ul.orange {
  list-style-image: url(../medium/bild/layout/list_orange.jpg);
  color: #000;
	}

ul.orange ul {
  list-style-image: url(../medium/bild/layout/list_orange2.jpg);
	/*list-style-type: circle;*/
	}

ul.blau {
  list-style-image: url(../medium/bild/layout/list_blau.jpg);

	/*list-style-type: circle;*/
	}

ul.blau ul {
  list-style-image: url(../medium/bild/layout/list_blau2.jpg);
  vertical-align: middle;
  padding-bottom: 1em;	/* 10px */
	}
ul.rot {
  list-style-image: url(../medium/bild/layout/list_rot.jpg);
	}

ul.rot ul {
  list-style-image: url(../medium/bild/layout/list_rot2.jpg);
	}

a.extern:after {
  /*content:  url(../images/externer_link.gif);*/
  content:  url(../medium/bild/layout/externer_link.gif); 
	}
	
a.extern:hover:after {
  /*content:  url(../images/externer_link_hover.gif);*/
  content:  url(../medium/bild/layout/externer_link_hover.gif);
	}
 
/*--------------------------------------------------------------------*/
/* Formate für spezielle Bereiche der Webseiten */
/*--------------------------------------------------------------------*/
body {
	font-family: verdana, arial, sans-serif;
	font-size: 0.65em;	/* 65% 10px */
	text-align: center;
	color: #000;
	margin: 0;
	background-color: white;
  }

#main {
/*	position: relative;*/
	text-align: left;
	margin-top: 4.5em;	/* 5em 40px */
	margin-left: auto;
	margin-right: auto;
	width: 88.6em;	/* 921px (86.5em 899px alt)*/
  }

/*----------------------------------------------------------*/
/* Formate für die linke Spalte                             */
/*----------------------------------------------------------*/
#top {
/*	position: relative; */
	height: 5.85em;	/* 60px */
 }

/* Beinhaltet nur Logo der Homepage */
#logohome {
	float: left;
  }

#logohome img {
	float: left;
	width: 46.7em;	/* 486px */
  }

/* Beinhaltet nur Logo der Folgeseiten */
#logosonst {
	float: left;
	width: 16.4em;	/* 171px 160px*/
	height: 100%;
  }

#logosonst img {
  float: right;
	margin-top: 1em; 	/*   10px */
 	width: 8.1em;   /* 84px */
  }

#logoextern {
	float: left;
	width: 16.4em;	/* 171px 160px*/
  }

/* für externes Logo in Suchzeile z.B. roloff matek */
#logo2 {
	width: 16.4em;	/* 171px 160px*/
	height: 2.9em;	/* 27px 2.6em*/
  }

/* externe Logos z.B. roloff matek */  
#logoextern img {
 /*	margin-right: 1em;	 25px */
	float: right;
	height: 5.8em;	/* 60px */
  }
  
/* externes Logo 2 z.B. roloff matek */  
#logo2 img {
 /*	margin-right: 1em;	 25px */
	float: right;
	height: 2.3em;	/* 60px */
  }

/* oberste Zeile in mittlerer Spalte  */
#header {
	float: left;
	margin-left: 1.1em;	/* 11px */
	width: 53.6em;	/* 557px */
	height: 100%;
  }

.headtext {
	float: left;
	width: 27.3em;	/* 284px */
	line-height: 1.5em;
  }

#header .headtext span {
  display: block;
	padding-top: 0.5em;
}

#header .headtext h1 {
	padding-top: 0.5em; 
  }

/* Bild in Kopfbereich */
.headimg {
	float: right;
	padding-top: 0.7em;	/* 10px */
  }

.headimg img {
	width: 26.2em;	/* 253x */
  }

/* border-bottom wird hier in template gesetzt, da gelegentlich auch invisible */
.naviblock {
  float: right;
	width: 16.4em;	/* 171px */
	height: 100%;
  }

.naviblock img {
	width: 1.7em;	/* 18x */
	height: 1.7em;	/* 18px */
  }

.naviblock a:hover{
	color: #c03;
	text-decoration: none;
  }

.naviblock a,
.naviblock a:active,
.naviblock a:visited {
	display: block;
	color: #000;
	text-decoration: none;
  }

.naviblock a:hover {
	color: #c03;
  }

.naviblock a img {
	margin-right: 0.65em;	/* 10px */
	border: none;
	margin-top: 0.1em;	/* 1px */
	margin-bottom: 0.1em;	/* 1px */
	vertical-align: middle;	/* geht nur, wenn kein float!!! */
  }

/* für noch nicht aktive Links (später löschen */
.naviblock span.inactive {
	display: block;
	color: #999;
  }

.naviblock span img {
	margin-right: 0.65em;
	border: none;
	margin-top: 0.1em;	/* 1px */
	margin-bottom: 0.1em;	/* 1px */
	vertical-align: middle;	/* geht nur, wenn kein float!!! */
  }

#left {
	float: left;
	width: 16.4em;	/* 171px */
  }

.searcharea {
	float: left;
	height: 2.9em;	/* 27px 2.6em*/
	width: 16.4em;	/* 171px */
  }

.searchfield {
	float: left;
 	margin-top: 0.3em;
	margin-bottom: 0.1em;	/* 0px */
  padding-top: 0.6em; /*  1px */
  padding-left: 0.3em; /*  1px */
	width: 13.3em;	/* 27px 79%*/
	height: 1.4em;	/* 27px */
	border: 0.1em solid #ccc;
	background-color:#fff;
  }

input.searchbutton, .searchbutton img {
  float: right;
  border: none;
	width: 14%;	/* 115px 17%*/
	margin-top: 0.3em;	/* 0px */
	margin-bottom: 0.1em;	/* 0px */
  }

.pulldownarea {
	float: left;
  width: 16.4em;  
	height: 2.9em;	/* 27px 2.6em*/
  }
 
.pulldown {
	float: left;
	font-size: 100%; /* */
  margin-top: 0.15em; /*  1px */
  width: 16.4em;	/* 100% 15em 160px */
	height: 2.3em;	/* 27px 2.6em*/
	padding-top: 0.5em;	/* 4px */
	padding-bottom: 0.3em;	/* 4px */
	border: 0.1em solid #ccc;
  }
 
.menuarea {
	float: left;
  }

.menu,
.submenu,
.menuactual,
.submenuactual {
	width: 16.4em;	/* 171px */
	line-height: 1.8em; /*	 19px */
	padding-bottom: 0.2em;
  }

/* geändert für Pfeil in Menüansicht */
.layer1 {	padding-left: 1.1em; }	/* 0.65em 10px */
.layer2 {	padding-left: 2.1em; }	/* 1.7em 20px */
.layer3 {	padding-left: 3.2em; }	/* 2.6em 30px */
.layer4 {	padding-left: 4.3em; }	/* 3.8em 40px */
.layer5 {	padding-left: 5.4em; }	/* 4.8em 50px */

/* Menpunkte in linker Spalte */
.menu a,
.menu a:visited,
.menu a:active,
a.layer1,
a.layer1:visited,
a.layer1:active,
a.layer2,
a.layer2:visited,
a.layer2:active,
a.layer3,
a.layer3:visited,
a.layer3:active,
a.layer4,
a.layer4:visited,
a.layer4:active,
a.layer5,
a.layer5:visited,
a.layer5:active {
  display: block;
	color: #000;
	text-decoration: none;
  }

.menuactual a,
.menuactual a:visited,
.menuactual a:active,
.submenuactual a.layer1,
.submenuactual a.layer1:visited,
.submenuactual a.layer1:active,
.submenuactual a.layer2,
.submenuactual a.layer2:visited,
.submenuactual a.layer2:active,
.submenuactual a.layer3,
.submenuactual a.layer3:visited,
.submenuactual a.layer3:active,
.submenuactual a.layer4,
.submenuactual a.layer4:visited,
.submenuactual a.layer4:active,
.submenuactual a.layer5,
.submenuactual a.layer5:visited,
.submenuactual a.layer5:active {
	color: #c03;
	text-decoration: none;
  }

/* Beinhaltet die einzelnen Menpunkte (wenn Hover-Link) */
.menu a:hover,
a.layer1:hover,
a.layer2:hover,
a.layer3:hover,
a.layer4:hover,
a.layer5:hover {
	color: #c03;
	text-decoration: none;
  }
  
/* für Pfeile vor den Menüpunkten */
.menuactual img,
.submenuactual img {
  width: 0.7em; /* 7px */
	vertical-align: middle;
  }

/*-------------------------------------------------------------*/
/* Rahmencontainer für den Contentbereich, spezielle Fürmate   */
/* sind in jeweils eigenen Stylesheets definiert               */
/*-------------------------------------------------------------*/
#content {
	float: left;
	margin-left: 1.05em;	/* 11px 1.1em zu groß!*/
	line-height: 1.8em;	/* 19px */
	width: 53.6em;	/* 557px */
	padding-bottom: 2em;	/* 20px */
  }

#content h2 { /* evtl. auf Basis 12px anpassen */
	padding-top: 1em;	/* 10px */
  }
  
#content a:link,
#content a:visited,
#content a:active {
	text-decoration: none;
  color: #36c;
	}

#content a:hover {
	text-decoration: underline;
  color: #c03;
	}

/*----------------------------------------------------------*/
/* Formate fr die rechte Spalte                             */
/*----------------------------------------------------------*/
#right {
	float: right;
/*	line-height: 1.8em;	 19px */
	width: 16.4em;	/* 171px */
  }

/* Logos rechte Spalte (nur Startseite) */
#right .image {
	margin-left: 2.1em;
  width: 11.9em;  /* 124px */
  }

#downloads,
#infosystems,
#contentAnchors {
  line-height: 1.8em;
	padding-top: 2em;	/* 20px */
	width: 16.4em;	/* 171px */
  }

/*#contentAnchors h3,
#downloads h3, 
#infosystems h3 {
	color: #f60;
	line-height: 1.8em;
  }*/

/* Links für download- und contentAnchor-Bereich rechts */
#downloads a,
#downloads a:visited,
#downloads a:active,
#infosystems a,
#infosystems a:visited,
#infosystems a:active,
#contentAnchors a,
#contentAnchors a:visited,
#contentAnchors a:active {
	color: #000;
	display: block;
	text-decoration: none;
  border-bottom: 1px dotted #000;
  }

#downloads a:hover,
#infosystems a:hover,
#contentAnchors a:hover {
	color: #c03;
  border-bottom: 1px dotted #c03;
  }

#foot {
	clear: both;
	color: #666;
	margin-left: 17.5em;	/* 171px */
	margin-right: 17.5em;	/* 171px */
	padding-top: 0.5em;	/* 5px */
	text-align: center;
  }

#foot p {
	padding-top: 0.5em;	/* 5px */
  }

/* Links für Downloads und Content?erschriften im rechten Bereich */
#foot a, #foot a:visited {
	color: #666;
	text-decoration: none;
  }

#foot a:hover {
	text-decoration: underline;
  }