/*
	NS4 doesn't do well with added colors because of the extra padding added inside each
	block element. So colors are imported. This theme file will, thus, contain mostly
	font stuff.
 */
@import "colors.css";

*
{
	
	font-family: Helvetiva, Arial, sans-serif;
	color: #444;
}

h1
{
    color:              #333;
    font-size:          1.4em;
    /*margin:             0 0 10px 0;*/
    margin-top:         5px;
}

h2, legend
{
    color:              #CC0000;
    font-size:          1em;
    margin:             0 0 10px 0;
}

h3
{
  
	color:              black;
    font-size:          1em;
    margin:             0 0 10px 0;
}

p
{
    margin-bottom: 0em;text-align:left;
}


/*** Left Column ***/
#innerLeftColumn p
{
	font-size: 70%;
	line-height: 140%;
	/*/*/ /*/line-height: normal;/* NS4 Adds too much space, so reset the line-height */
}
#innerLeftColumn h3
{
	color: #006;
	margin: 1em 0 0 0;
}

/*** Content ***/
#innerContentColumn
{
    
	text-align: justify;
}

#innerContentColumn ul				/*Aenderung vom 21.06.06: neu eingefügt*/
{
	 margin-top:0px;
         margin-left:17px;			/*Aenderung vom 21.06.06: neu eingefügt*/
         padding-left:0px;			/*Aenderung vom 21.06.06: neu eingefügt*/
         list-style-position:outside;		/*Aenderung vom 21.06.06: neu eingefügt*/
}

/*** Masthead ***/
#masthead h1
{

}

/*** Footer ***/
#innerFooter
{
	font-size: 80%;
	letter-spacing: 1px;
}
.pfad
{
	text-align: center;
	color: silver;
	font-size: 75%;
	text-transform: uppercase;
	line-height: 150%;
	margin: 10px;
}

/*** Horizontal Navigation Area ***/

.hnav
{
	font-weight: bold;
	font-size: 90%;
}

/*** Vertical Navigation Area ***/
.vnav
{
	font-weight: bold;
	font-size: 90%;
	line-height: 120%; /* Mozilla suffers from a rounding problem, 
						  this value may have to be tweaked if you 
						  change the font family or size 
						*/
	/*/*/ /*/line-height: 100%;/* NS4 Adds too much space, so lower it */
}

.vnav ul ul li a
{
   	font-size:100%;    	  /*Aenderung vom 21.06.06: neu eingefügt*/
 	font-weight:normal;       /*Aenderung vom 21.06.06: neu eingefügt*/
}


/* 2ter (unterer) Bereich in der Seitennavigation, z.B. Einbindung von Logos*/
.vnav_part2
{
        font-weight: bold;
	font-size: 90%;	
        text-align: center;
	color: silver;
	margin-top: 100px; /*Abstand zu den oberen Links*/
}

table, tr, td
{
	margin: 0;
	padding: 0;
	border-spacing: 0;
	vertical-align: top;
}

.produktindex
{
	width: 617px;
	padding: 0;
	border: 0px solid #CCC; 	 /*Aenderung vom 21.06.06: Wert auf 0 gesetzt*/
	border-top: 1px solid #CCC; 	 /*Aenderung vom 21.06.06: neu eingefügt*/
	margin-bottom: 10px;
}

.produktindex ul
{
        font-size: 100%;                /*Aenderung vom 22.06.06: alter Wert 90%*/
        line-height: 140%;              /*Aenderung vom 22.06.06: alter Wert 130%*/
	line-height: 130%;
	/*margin: 0;			/*Aenderung vom 21.06.06: auskommentiert*/
	margin-bottom: 10px;
}

.produktindex p
{
        font-size: 100%;                /*Aenderung vom 22.06.06: alter Wert 90%*/     
	line-height: 130%;
	margin: 0;
	padding: 0;			/*Aenderung vom 21.06.06: neu eingefügt*/
	/*padding: 0 10px;		/*Aenderung vom 21.06.06: auskommentiert*/
}

.produktindex h2 
{
	 margin-bottom: 0px; 
	 margin-left:0px;  		/*Aenderung vom 21.06.06: neu eingefügt*/
}

.produktindex_text
{
	width: 380px;
}

.produktindex_bild
{
	width: 230px;
	text-align: right;
	padding-top: 15px;		/*Aenderung vom 21.06.06: neu eingefügt*/
}

.padding10
{
	/*padding: 10px;*/		/*Aenderung vom 21.06.06: auskommentiert*/
}


.produktindex h2 a
{
	/*padding: 5px 10px;		/*Aenderung vom 21.06.06: auskommentiert*/
	padding: 15px 5px 10px 0px;	/*Aenderung vom 21.06.06: neu eingefügt*/
	margin: 0;
}

.produkt_minibild
{
	border: none;
	padding: 0;
	margin: 0;
}

.produkt_tabelle td			/*Aenderung vom 21.06.06: neu eingefügt*/
{
        background-color:;		/*Aenderung vom 21.06.06: neu eingefügt*/
        padding-left:5px;		/*Aenderung vom 21.06.06: neu eingefügt*/
        padding-top:3px;		/*Aenderung vom 21.06.06: neu eingefügt*/
        padding-bottom:3px;		/*Aenderung vom 21.06.06: neu eingefügt*/
}

img.produkt_foto			/*Aenderung vom 21.06.06: neu eingefügt*/
{
        float:right;			/*Aenderung vom 21.06.06: neu eingefügt*/
        margin-left:12px;		/*Aenderung vom 21.06.06: neu eingefügt*/
        margin-bottom:5px;		/*Aenderung vom 21.06.06: neu eingefügt*/
        margin-top:0px;			/*Aenderung vom 21.06.06: neu eingefügt*/
        border-color:red;		/*Aenderung vom 21.06.06: neu eingefügt*/
        border-width:5px;		/*Aenderung vom 21.06.06: neu eingefügt*/

}

.unsichtbare_tabelle td			/*Aenderung vom 14.07.06: neu eingefügt*/
{
        background-color:;		/*Aenderung vom 14.07.06: neu eingefügt*/
        padding-left:0px;		/*Aenderung vom 14.07.06: neu eingefügt*/
        padding-top:10px;		/*Aenderung vom 14.07.06: neu eingefügt*/
        padding-bottom:20px;		/*Aenderung vom 14.07.06: neu eingefügt*/
}


/*********************************** Applikations-Blatt ****************************/
.tabelle_applikationen 
{
              
	border-width:0px;
        background-color:white;		/*Aenderung vom 14.07.06: neu eingefügt*/
	
}

.app_tab_bildtext 
{
        padding-left:0px;
        padding-right:20px;
	padding-bottom:30px;   
}

.app_tab_bild 
{
        padding-left:0px;
        padding-right:20px;
	padding-bottom:10px;
}



.hinweis
{
	border-left: 6px solid black;
	padding: 2px 7px;
	font-size: 90%;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: white;
	background-color: #CC0000;
    border-style:solid;
    border-width:2px;
    border-color:blue;

}

.hinweis2 {
/*height:10px;*/
margin:5px 0px 1px 0px;
border:0px;
border-bottom: 2px solid #BF0000;
background-color:#f1f1f1;
font-size:90%;
font-weight:bold;
font-color:red;
background-color: #ccc;
border:1px solid #000;

}


.ausrichtung_rechts
{
text-align:right;
}

/*********************************** Applikations-Bilder****************************/

 .app_ueschrift {
 margin-top:40px;
}

 .app_hlinie {
  width:530px;
  color:gray;
  height:2px;
 
  margin-left:0px;
  margin-top:3px;
  margin-bottom:0px;
}


 .app_btext  {
 width:300px;
margin-right:50px; text-align:left;
 margin-top:0px;
 float:left;
}
.app_btext li  {
 margin-bottom:10px;
}


 .app_bild2 {
 
 margin-top:10px;
 margin-left:0px;
 overflow:hidden;
}

 .app_bild2 image {
 width:250px;
}

 .app_ueschrift_link a{
text-align:left;
 margin-top:5px;

font-color:blue;

}


/*********************************** Download-Seite ****************************/
.dl_abschnitt {
margin:10px 0px 20px 0px;
/*width:90%;*/
}


.dl_uschrift {
margin:10px 0px 0px 0px;
padding:10px 0px 0px 0px;
border:0px;
border-bottom: 2px solid #777;
font-size:12px;
font-weight:bold;
color:#777;color:#a00;
}

.dl_tab{
width:100%;
}

.dl_tab td {
margin:0px 0px 8px 0px;
color:#666;
font-size:12px;
vertical-align:bottom;
border-bottom:1px solid #e9e9e9;
}


table .dl_sp1 {
width:15px;
border-bottom:0px solid #fff;
}

.dl_sp2 {
width:400px;
}

.dl_sp3 {
width:10px;
padding:0px 10px 0px 10px;
}

.dl_sp4 {
width:30px;
padding:0px 5px 0px 5px;
}

.dl_sp5 {
width:80px;
text-align:right;
}

/*------------Bilder------------*/
.dl_sp1 img {
width:9px;
height:8px;
}

.dl_sp4 img {
height:15px;
}

/*********************************** SpezialSchrift für Suchmaschine ****************************/
#spezialtext {
font-size:1pt;
color:white;
}

/********************************** Vorlage elovistab2_tmpl ****************************/

.zeile_1a  {
margin:0px 0px 8px 0px;
width:220px;
vertical-align:top;
}

/********************************** tooltip für alle Dokumente  ****************************/

.tooltip {
  color: #0000ff; 
  }
.tinhalt {
  color:green;
}
  
.tuschrift {
  color: yellow;
}

/* Relativer Tooltip */
.tooltip, .tooltip:link, .tooltip:visited, .tooltip:active  {
  position: relative;
  text-decoration: none; 
  color: #0000ff; 
  font-style: italic;

  }
  
.tooltip:hover {
  color: #0000ff; 
  background: transparent;
  }

.tooltip .tinhalt {
  display: none;  
  text-decoration: none; 
  color:green;
}

.tooltip:hover .tinhalt {
  display: block;
  position: absolute; 
  top: 20px; 
  left: 0; 
  width: 400px;
  z-index: 100;
  padding:5px 5px 5px 5px;
  color: #000000; 
  border:1px solid #000000; 
  background: #ECECEC;
  font-size: 12px; 
  text-align: left;
  }
  
.tooltip .tinhalt .tuschrift, .tooltip .tinhalt strong {
  display: block;
  margin: 0px 0px 5px 0px;
  padding: 0;
  font-size: 12px;
  font-weight: bold;
  color: #CC0000;
  background-color: #EEE;
  border: 0px;
  border-bottom: 0px solid black;
}


