/*Style der COMUNA-metall Homepage fr Bildschirmausgabe*/

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:80%;
}

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

p,ol,ul,td {
}


p sup, p sub {
	font-size: 0.7em;
	line-height: 1.1em;
}    

b { 
    font-weight:bold
    }
h1 {
     font-family: Verdana, Helvetica, sans-serif;
     font-size: 1.3em; 
     font-style: normal; 
     line-height: normal; 
     font-weight: bold; 
     }
h2 {
     font-family: Verdana, Helvetica, sans-serif;
     font-size: 1.2em; 
     font-style: normal; 
     line-height: normal; 
     font-weight: bold; 
     }
td b {
	font-weight:bold;
}

bildtitel {
    text-align : center;
}

/********Navigation*********************************/
/*Style-Definition fuer die First-Level-Navigation
Der Versuch die ersten 7 Angaben durch Vererbung und*/
#nav, #nav a  {
    text-decoration: none;
	list-style : none;
	padding: 0px;
	margin: 0px;
}
#nav a  {
	display: block;
	padding: 3px;
	margin: 2px;
	width: 192;
}
/*Style-Definition fr die First-Level-Navigation bei Mouse-Over*/
#nav a:hover {
    border: 1px solid #ff0000;
   /* color: #3366ff;
    background-color: #ffffff;*/
}

#navLevel1 a {
    border: 1px solid #000000;
    font-size: 1em;
    font-weight: bold;
    text-align: left;
    color: #ffffff;
    background: #3366ff url(images/nav1verlauf.gif) no-repeat top right;
}
/*Style-Definition fr die First-Level-Navigation bei aktivem Link*/
#navLevel1Active a {
    border: 1px solid #ff0000;
    font-size: 1em;
    font-weight: bold;
    text-align: left;
    color: #000000;
    background: #ffffff;
}

#navLevel2 a {
	border: 1px solid #3366ff;
	font-size: 0.85em;
	font-weight: normal;
	text-align: right;
	color: #FFFFFF;
	background: #648BFF url(images/nav1verlauf.gif) no-repeat top left;
	margin-left:10px;
}
#navLevel2Active a  {
    border: 1px solid #FF0000;
    font-size: 0.85em;
    font-weight: normal;
    text-align: right;
    color: #000000;
    background: #FFFFFF;
    margin-left:10px;
}

#navLevel3 a {
	border: 1px solid #3366ff;
	font-size: 0.8em;
	font-weight: normal;
	text-align: right;
	color: #FFFFFF;
	background: #84A3FF url(images/nav2verlauf.gif) no-repeat top left;
	margin-left:20px;
}
#navLevel3Active a {
    border: 1px solid #FF0000;
    font-size: 0.8em;
    font-weight: normal;
    text-align: right;
    color: #000000;
    background: #FFFFFF;
    margin-left:20px;
}


/*Clearing von gefloateten Bildern:
<div id="Inhalt">
  <div id="Haupttext">  //Enth�t float=left um selbst die volle H�e 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#Navigation {
  font-size: 1em;
  position:fixed;/*wird vom Internetexplorer6 ignoriert, vom 5 aber nicht!*/
  float: none; 
  width: 210px;/*5pixel mehr fr Internetexplorer!*/
  margin: 0; 
  margin-top:0;
  padding: 0;
}

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

DIV#NaviInnen {
  width: 198px;
}


div#Inhalt {
  float:left; /*nicht fr IE5/6 zusammen mit clear:both in der fusszeile nix fr InternetExplorer
  stattdessen  <div id="Clearer"> */  
  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 {
/* nur fr IE 5&6
  line-height:0px;
  width:300px;*/
}

DIV#Fusszeile {
  clear:both;  /*none fr den Internet-Explorer5-7*/
  margin-top:10px;
  border-top: 1px solid #808080;
  font-size:70%;
}