/*-------------------------------------------------------------------*/
/* 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.25em;	/* 1.2 vor 28.11.2011 */
  }

/* Hauptberschrift im Contentbereich */
h2 {
	font-size: 1.15em;	/* 1.1em vor 28.11.2011 */
	color: #f60;
  }
  
/* Überschriften im rechten Block (contentAnchors und downloads */
/* und im Contentbereich Absatz- und Zwischenberschriften */
h3 {
	font-size: 1.05em;	/* 1 em vor 28.11.2011*/
	color: #f60;
  }
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 {
	position: relative; 
  top: 0.2em;
	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 }
.underline { text-decoration: underline }

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

/* zum Testen eingefügt */
.floatleft0 { 
  float: left;
 }
 
.floatright { 
  float: right; 
  padding-left: 1em;	/* 10px */
  } 

.floatright0 { 
  float: right; 
  } 

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

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

.clearfloat  {	height: 1px; }
.clearfloat3  {	height: 0.3em;	/* 5px */  }
.clearfloat5  {	height: 0.5em;	/* 5px */  }
.clearfloat8  { height: 0.8em;	/* 5px */  }
.clearfloat10  { height: 1em;	/* 5px */  }
.clearfloat15  {	height: 1.5em;	/* 15px */  }
.clearfloat20  {	height: 2.0em;	/* 20px */  }
.clearfloat23  {	height: 2.3em;	/* 23px */  }
.clearfloat25  {	height: 2.7em;	/* 25px */  }
.clearfloat28  { height: 3.5em;	/* 30px */  }

.font11 { font-size: 1.1em }
.font12 { font-size: 1.2em }
.font13 { font-size: 1.3em }
.font14 { font-size: 1.4em }
.font15 { font-size: 1.5em }
  
.grey { 
  color: #666;
}
.boldgrey { 
  font-weight: bold;
  color: #666;
}

.boldwhite { 
  font-weight: bold;
  color: #fff;
}

.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;
}

.bgbolddgrau { 
  background-color: #aaa;
}

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;
  }

#insertMarker a:hover {
  color: #c03;
  text-decoration: underline;
  }  
 
/* 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;}

.px0 {
  margin: 0;
  margin-left: 0.5em; /* diese Zeile für IE wichtig */
  padding-left: 1.5em;  /* 1.5em fuer blaue/rote/orange Icons */
	}

.px0-OL {
  margin: 0;
  margin-left: 0.8em; /* diese Zeile für IE wichtig */
  padding-left: 2em;  /* 2.7em nötig, da sonst Buchstaben/Zahlen nicht angezeigt werden */
	}

ul.ohne10px {
  margin: 0;
  padding-left: 1.2em;
	list-style-type: none;
	}
	
ul.ohne10px {
  margin: 0;
  padding-left: 1.2em;
	list-style-type: none;
	}
	
ul.ohne10px ul {
  margin-left: 2em;
	list-style-type: none;
	}

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

ul.ohne ul {
	list-style-type: none;
	}
	
ul.orange,
ul.blau,
ul.rot,
ul.blau ul,
ul.rot ul,
ul.orange ul {
  list-style-type: none;
  padding-left: 1em;
  }	
  
ul.orange li,
ul.blau li,
ul.rot li,
ul.blau ul li,
ul.rot ul li,
ul.orange ul li {
  background-repeat: no-repeat;
  background-position: left 0.8em; /* horizontal vertikal */
  padding-left: 1em;
  }	

/* Listen-Icons besser als BG-Image von li einbinden, dann sind sie vertikal mittig */  
ul.orange li{ background-image: url(../medium/bild/layout/listenelement/list_orange.jpg);	}
ul.blau li{ background-image: url(../medium/bild/layout/listenelement/list_blau.jpg);	}
ul.rot li{ background-image: url(../medium/bild/layout/listenelement/list_rot.jpg);	}
ul.orange ul li{ background-image: url(../medium/bild/layout/listenelement/list_orange2.jpg);	}
ul.blau ul li{ background-image: url(../medium/bild/layout/listenelement/list_blau2.jpg);	}
ul.rot ul li{ background-image: url(../medium/bild/layout/listenelement/list_rot2.jpg);	}

	
ul.nase1,
ul.nase2,
ul.nase3,
ul.nase4,
ul.nase5 {
  list-style-type: none;
  padding-left: 1.5em;
  }	
  
ul.nase1 li,
ul.nase2 li,
ul.nase3 li,
ul.nase4 li,
ul.nase5 li {
  background-repeat: no-repeat;
  background-position: 0em;
  padding-left: 2em;
  }	
/* Listen-Icons besser als BG-Image von li einbinden, dann sind sie vertikal mittig */  
ul.nase1 li{ background-image: url(../medium/bild/layout/listenelement/faces_hsa_01.jpg);	}
ul.nase2 li{ background-image: url(../medium/bild/layout/listenelement/faces_hsa_02.jpg);	}
ul.nase3 li{ background-image: url(../medium/bild/layout/listenelement/faces_hsa_03.jpg);	}
ul.nase4 li{ background-image: url(../medium/bild/layout/listenelement/faces_hsa_04.jpg);	}
ul.nase5 li{ background-image: url(../medium/bild/layout/listenelement/faces_hsa_05.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.1em;
	margin-bottom: 0.1em;	/* 0px */
  padding-top: 0.6em; /*  1px */
  padding-left: 0.3em; /*  1px */
	width: 13.3em;	/* 27px 79%*/
	height: 1.5em;	/* 27px */
	border: 0.1em solid #ccc;
	background-color:#fff;
  }

input.searchbutton, .searchbutton img {
  float: right;
  border: none;
	width: 14%;	/* 115px 17%*/
	margin-top: 0.1em;	/* 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;
  }

.start,
.startactual,
.container,
.containeractual {
	width: 16.4em;	/* 171px */
	text-transform: uppercase;
  }
  
.start,
.startactual,
.menu,
.menuactual {
	padding-top: 0.7em;
	padding-bottom: 0.7em;
  }
  
.submenu,
.submenuactual {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
  }

.container,
.containeractual {
	padding-top: 1em;
	padding-bottom: 1em;
  }

.menu,
.menuactual,
.submenu,
.submenuactual {
	width: 16.4em;	/* 171px */
  }
  
/* für Pfeile vor den Menüpunkten */
.containeractual a img,
.menuactual a img,
.submenuactual a img {
  width: 0.7em; /* 7px */
	vertical-align: middle;
  }

/* 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; background: #efefef;}	 4.8em 50px */

/* Menpunkte in linker Spalte */
.start a,
.start a:visited,
.start a:active,
.container a,
.container a:visited,
.container a:active,
.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 {
  display: block;
	color: #000;
	text-decoration: none;
  }

.startactual a,
.startactual a:visited,
.startactual a:active,
.containeractual a,
.containeractual a:visited,
.containeractual a:active,
.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 {
	color: #c03;
	text-decoration: none;
  }

/* Beinhaltet die einzelnen Menpunkte (wenn Hover-Link) */
.container a:hover,
.menu a:hover,
a.layer1:hover,
a.layer2:hover,
a.layer3:hover,
a.layer4:hover {
	color: #c03;
	text-decoration: none;
  }
  
/*-------------------------------------------------------------*/
/* 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 */
  }

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

#downloads h3,
#infosystems h3,
#contentAnchors h3 {
	padding-top: 0.7em;
	padding-bottom: 0.2em;
  }

#right .image {
	margin-left: 2.1em;
  width: 11.9em;  /* 124px */
  }

/* 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;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
  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;
  }