/*Style der COMUNA-metall Homepage für Druckerausgabe*/

body {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-style: normal;
    line-height: 115%;
    font-weight: normal;
    margin:0;
    padding:0;
    border:0;
    background-color : #CCCCCC;
    font-size:10pt;
}


a:link {
    color: blue;
    text-decoration : none;
}     
a:visited {
    text-decoration : none;
    color: Maroon;}


p,ol,ul,td {
}


p sup {
	font-size: 70%;
	line-height: 110%;
}    
p sub {
	font-size: 70%;
	line-height: 110%;
} 

b { 
    font-weight:bold
    }
h1 {
     font-family: Verdana, Helvetica, sans-serif;
     font-size: 130%; 
     font-style: normal; 
     line-height: normal; 
     font-weight: bold; 
     }
h2 {
     font-family: Verdana, Helvetica, sans-serif;
     font-size: 120%; 
     font-style: normal; 
     line-height: normal; 
     font-weight: bold; 
     }
td b {
	font-weight:bold;
}

	      
bildtitel {
    text-align : center;
}



DIV#Navigation {
  display:none;/*navigation nicht ausdrucken*/
  font-size: 100%;
  float: left; 
  width: 214px;/*3pixel zuviel für Internetexplorer!*/
  margin: 0; 
  margin-top:0;
  padding: 0;
  border: 0;
  voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  voice-family:inherited;
  position:fixed;/*wird vom Internetexplorer6 ignoriert, vom 5 aber nicht!*/
}
html>body { /*Sei nett zu Opera und gib einen Aufsetzpunkt*/
	voice-family:inherited;
}
  

DIV#Strich {
/* display:inline;*/
  font-size: 100%;
  height: 1200px;
  float: right; 
  width:4px;
  padding: 0;
  background-color: #D61021;
  border-right:8px solid #b5cfef;
}

DIV#NaviInnen {
  width: 198px;
}

/************************************************
*************FIRST_LEVEL*************************
************************************************/
/*Style-Definition fr die First-Level-Navigation*/
DIV.fstLevel a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 192;
BORDER: 1px solid #000000;
PADDING: 3px;
MARGIN: 2Px;
FONT-SIZE: 100%;
FONT-WEIGHT: bold;
TEXT-ALIGN: left;
COLOR: #ffffff;
BACKGROUND-COLOR: #3366ff;
}
/*Style-Definition fr die First-Level-Navigation bei Mouse-Over*/
DIV.fstLevel a:hover
{
COLOR: #3366ff;
BACKGROUND-COLOR: #FFFFFF;
}
/*Style-Definition fr die First-Level-Navigation bei aktivem Link*/
DIV.fstLevelActive a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 192;
BORDER: 1px solid #FF0000;
PADDING: 3px;
MARGIN: 2Px;
FONT-SIZE: 100%;
FONT-WEIGHT: bold;
TEXT-ALIGN: left;
COLOR: #000000;
BACKGROUND-COLOR: #FFFFFF;
}

/************************************************
*************SECOND_LEVEL*************************
************************************************/
/*Style-Definition fr die Second-Level-Navigation*/
DIV.secLevel a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 192;
BORDER: 1px solid #3366ff;
PADDING: 3px;
MARGIN: 2Px;
FONT-SIZE: 90%;
FONT-WEIGHT: normal;
TEXT-ALIGN: right;
COLOR: #ffffff;
BACKGROUND-COLOR: #688EE8;
}
/*Style-Definition fr die Second-Level-Navigation bei Mouse-Over*/
DIV.secLevel a:hover
{
COLOR: #3366ff;
BACKGROUND-COLOR: #FFFFFF;
}
/*Style-Definition fr die Second-Level-Navigation bei aktivem Link*/
DIV.secLevelActive a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 192;
BORDER: 1px solid #FF0000;
PADDING: 3px;
MARGIN: 2Px;
FONT-SIZE: 90%;
FONT-WEIGHT: normal;
TEXT-ALIGN: right;
COLOR: #000000;
BACKGROUND-COLOR: #FFFFFF;
}


/*Clearing von gefloateten Bildern:
<div id="Inhalt">
  <div id="Haupttext">  //Enthält float=left um selbst die volle Höhe des Haupttextes zu haben
    Inhalt mit floatenden Elementen
  </div>
  <div id="Clearer">&nbsp</div> //300 px breites Element, damit es nicht neben den Haupttext passt!!
  <div id="Fusszeile">
    Fusszeilentext
  </div>
</div> //ende Haupttext
*/

div#Inhalt {
/*float:left  zusammen mit clear:both in der fusszeile nix für InternetExplorer
  stattdessen leerer "<table>-Tag */  
  float:none;
  margin-left: 220px;
/*	margin-top: 10px;  doof verschiebt im Firefox die Navigation...*/ 
  padding-top:10px;
  visibility : visible;
  min-width: 16em;/* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
}

div#Haupttext{
  margin:0;
  float:left;
}


DIV#BildLinks {
     margin-right:5px;	
     text-align:center;
     float:left;
}

DIV#BildRechts {
     margin-left:5px;	
     text-align:center;
     float:right;
}


DIV#Clearer {
  line-height:0px;
  width:300px;
}

DIV#Fusszeile {
  /* clear:both; /*macht beim IE6, das sie unter den Zierstreifen hängt!*/
  margin-top:10px;
  border-top: 1px solid #808080;
  font-size:70%;
}