


/* Head ist die Kopfzeile mit Logo,Branchenauswahl und Sucheingabe */
.headM {  height: 37px;
		background-image:url(/foconis/web20.nsf/de.foconis.lib.home.header.background.GIF); }
.headL {  height: 37px; width: 7px;
		background-image:url(/foconis/web20.nsf/de.foconis.lib.home.header.background.roundL.GIF); }
.headR {  height: 37px; width: 7px;
		background-image:url(/foconis/web20.nsf/de.foconis.lib.home.header.background.roundR.GIF); }

/* Panels werden verwendet für Navigation, Content, News ...  */
.panel { background-color: #dee9e9; }
.panelTop2 {  
		background-image:url(/foconis/web20.nsf/de.foconis.web20.home.content.border.gif);
		background-position:top;
		background-repeat:repeat-x;
		height: 33px;

		}
.panelTop {  
		background-image:url(/foconis/web20.nsf/de.foconis.web20.home.content.border.gif);
		background-position:top;
		background-repeat:repeat-x;
		height: 33px;

		}

.panelBot {  
		background-image:url(/foconis/web20.nsf/de.foconis.web20.home.content.border.gif);
		background-position:bottom;
		background-repeat:repeat-x;
		height: 33px;
		 }

.panelBot2 {  
		background-image:url(/foconis/web20.nsf/de.foconis.web20.home.content.border.gif);
		background-position:bottom;
		background-repeat:repeat-x;
		height: 33px;
		 }

.panelTL {  
		background-image:url(/foconis/web20.nsf/de.foconis.web20.home.content.borderL.gif);
		background-position:left top;
		background-repeat:no-repeat;
		height: 33px; 	}

/* hier steht Überschrift */
.panelTR {  
		background-image:url(/foconis/web20.nsf/de.foconis.web20.home.content.borderR.gif);
		background-position:right top;
		background-repeat:no-repeat; 
		height: 33px;
		text-align: center;
		padding-top: 5px;
		font-weight: bold; font-size: 10pt;  text-align: center; color: #FFFFFF;}
/* hier steht Unterschrift drin */
.panelBR {  
		background-image:url(/foconis/web20.nsf/de.foconis.web20.home.content.borderBR.round.gif);
		background-position:right bottom;
		background-repeat:no-repeat;
		height: 33px;
		text-align: center;
		vertical-align: bottom;
		font-weight: bold; font-size: 8pt;  text-align: center; color: #FFFFFF}
.panelBL {  
		background-image:url(/foconis/web20.nsf/de.foconis.web20.home.content.borderBL.round.gif);
		background-position:left bottom;
		background-repeat:no-repeat;
		height: 33px; }



body {  margin: 0px; padding: 2px;
	font-family:Verdana,Helv,Arial,sans-serif; font-size:10pt; background-color:#ffffff}
body.alink{ color:black; text-decoration:none; font-weight:normal; font-size:9pt; }
body.vlink{ color:black; text-decoration:none; font-weight:normal; font-size:9pt; }
body.hlink{ color:black; text-decoration:underline; font-weight:bold; font-size:9pt; }
table {  font-size:10pt; }
/* geht nicht im IE! */
font[size="2"] {  font-size:8pt; }
font[size="4"] {  font-size:12pt; }
font[size="5"] {  font-size:14pt; }
font[size="6"] {  font-size:16pt; }
font[size="7"] {  font-size:18pt; }
img { border: 0px; }
/* Fix 3px bug in IE */
* html #fix3pxBugL { margin-left: -3px; }
* html #fix3pxBugR { margin-right: -3px; }
* html #fix3pxBugB { margin-left: -3px; margin-right: -3px; }
/* die 3 Panels, der Marginrand des Mainpanels muss ggf angeglichen werden */
form { margin: 0px; }
@media screen {
	.navigationPanel { 
		float:left; 
		width: 200px;
		margin-left: 1px;
	}
	.newsPanel        { 
		float: right; width: 200px;   
		margin: 0px 1px 0px 0px; padding: 0px; 
	}
	.topBanner { 
		height:41px; text-align: center; 
	}
	.panelLink	  { font-weight: bold; font-size: 8pt;  text-align: center; color: #FFFFFF; }
	/* mainPanel<left><right> mainPanel11 = links und rechts sind Zusatzpanels sichtbar */
	.mainPanel11 {  margin: 0px 206px 0px 206px; padding: 0px; }
	.mainPanel10 {  margin: 0px 2px 0px 206px; padding: 0px;}
	.mainPanel00 {  margin: 0px 2px 0px 2px; padding: 0px;}
	.mainPanel01 {  margin: 0px 2px 0px 2px; padding: 0px;}
}
@media print {
	.navigationPanel 	{ 	display:none	}
	.newsPanel       	{ 	display:none	}
	.topBanner     	{ 	display:none	}
	.panelLink		{ 	display:none	}
}
	
.panelOuter2   { background-color: #daeaea; padding: 0px;  }
.panelOuter    { background-color: #ffffff; padding: 0px;  }
a { color:black; text-decoration:none; font-weight:normal;  }
a:hover { color:black; text-decoration:underline;  }
/* Styles für Elemente im Banner (=Head) */
.bannerBranche {font-size:8pt; font-weight:bold; color:white; text-align: center; }
.bannerClock {font-size:7pt;color:#ffffff; text-align:center;}
.bannerSearch {font-size:7pt;color:#ffffff; text-align:center;}
.bannerBPLogo {text-align: center;}
.selBranche {background-color: #DAEAEA; font-size:7pt;color:#000000; border: 1px solid #7cB6A8;}
.inpSearch {background-color: #DAEAEA; font-size:7pt;color:#000000;  border: 1px solid #7cB6A8;}
/* Styles für Navigation */
.treeItem {font-size: 8pt;  margin-bottom: 4px; margin-top: 4px;} /* nav link */
.treeDir {font-size: 8pt; font-weight:bold;}
.naviLinkHL {font-style: italic;} /* highlight NaviLink */
.navIndent {float:left; width: 13px;} /* Einrückung Navigation */
.bold { font-weight: bold; }
/* Bereich mit Netviewer und optional Werbung */
.navBottom { padding: 3px;  vertical-align:middle; text-align: center;}
/* Styles für optionales Panel (News, Releases etc */
.optEntry { padding-bottom: 12px;}
.optLink  { font-weight: bold; font-size: 8pt; }
.optKurz  {  font-size: 8pt;}
/* Styles für Suchergebnisse */
.suchZeile { padding-bottom:10px;}
.suchLink { font-size: 12pt; font-weight: bold; }
.suchBeschreibung {margin: 0px 0px 0px 10px; }
/* Styles für Kontaktformular */
.ktTable { width: 750px;}
.ktProductTable { width: 750px; }
.ktProductHead {font-size: 8pt; background-color:  #93C3B7; color: #000000;}
.ktProductTH {font-size: 10pt; background-color: #7BB6A8; color: #000000;}
.ktProduct { width: 235px;}
.ktCheck {   width: 10px;}
.ktProduct {font-size: 8pt; color: #000000;}
.ktTable td {font-size: 8pt; background-color: #93C3B7; color: #000000; padding:2px;}
.ktTable th {font-size: 10pt; background-color: #7BB6A8; color: #000000;}
.ktLabel {font-size: 8pt; width: 140px; text-align: right; }
.ktInput {background-color: #DAEAEA; font-family:Verdana,Helv,Arial,sans-serif; font-size:8pt; color:#000000;  border: 1px solid #7cB6A8; width: 220px;}
.ktTextarea {background-color: #DAEAEA; font-size:10pt; color:#000000;  border: 1px solid #7cB6A8; width: 743px; height: 160px;}
/* Spacer zwischen Panels (vertikaler Abstand) */
.s5px { height: 5px; font-size:1px;}
@media screen {
	/* Text-Styles für die unterschiedlichen Panelinhalte (steuert Ränder und Scrollbalken) */
	.mainText 	  {  
		padding: 0px 5px 0px 5px;
		height: 1200px;
		margin: 0px ;
	 	overflow:auto;
		background-color: #ffffff;
		border-left: 5px solid #daeaea;
		border-right: 5px solid #daeaea;
	}
	/* Ein paar Zusatztags für unseren lieben IE */
	* html .mainText { width: 100%; }
	* html .pixelFix11 { margin-left: -3px; margin-right: -3px; }
	* html .pixelFix01 { margin-right: -3px; }
	* html .pixelFix10 { margin-left: -3px; }
	.mainTextGreen 	  {  
		padding: 0px 5px 0px 5px;
		height: 1200px;
		margin: 0px ;
	 	overflow:auto;
		background-color: #daeaea;
		border-left: 5px solid #daeaea;
		border-right: 5px solid #daeaea;
	}
	* html .mainTextGreen { width: 100%; } /* Internet Explorer zeigts sonst nicht richtig an (Aber evtl die Version 8 :-) ) */
}
#navText {
	padding: 0px 5px 0px 5px;
	height: 1200px;
	overflow:auto;
}
#body2Text {
	padding: 0px 5px 0px 5px;
	height:auto;
	overflow:auto;
}
#newsText {
	height:auto;
	overflow:auto;
	padding: 0px 5px 0px 5px;
	height:auto;
	overflow:auto;
	
}
#releasesText {
	padding: 0px 5px 0px 5px;
}
/* für zoom-Bild (gezoomt) */
.transparentLayer { width: 100%;
		 height: 100%;
		/* visibility:hidden; */
		 position:absolute;
		top: 0px;
		left: 0px;
		background-color: #EEEEEE;
		text-align: center;
		vertical-align: middle;
		opacity: 0.7;
		filter:alpha(opacity=70);
}
.zoomTable {
		position:absolute;
		top: 0px;
		left: 0px;	
}
#zoomLayer {
		display: none;
}
.zoomClose {
	text-align: right;		
}
.zoomContent {
	background-color: #DAEAEA;
	text-align: left;
	padding: 0px 5px 0px 5px;
	font-size: 10pt;
}
.zoomAnchor:hover { text-decoration:none; }
/* für zoom-Bild (ungezoomt) */
#baseLayer {
		text-align: center;
}
