html {height:100%;
            margin: 0;
            padding: 0;
      }
body {
	color: black;
	background-color: silver;
	background-image:url(images/61.jpg);
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 15px;
	padding: 5px; }
	
/* ================================================
             1. DIV - Bereiche  
=================================================*/

#wrapper {
  color: black;
  background-image: url(navi_bg_solid.jpg);
  background-repeat: repeat-y;
  background-position: top left;
  width: 820px; /* Breite des Inhaltsverzeichnis */
  margin-top: 10px;
  margin-right: auto; /* Abstand rechts automatisch */
  margin-bottom: 10px;
  margin-left: auto;  /* Abstand links automatisch */
  }
  
#kopfbereich {
        position: relative;
        color: #000;
        background-color: #f3c600;
        padding: 10px;
        }
        
#navibereich {
        float: left;
        width: 130px;
        padding-top: 20px;
        padding-left: 0;
        }
        
#navibereich ul {
        color: black;
        width: 200px;
        padding-left: 10px;
        margin-left: 0;
}

#navibereich li {
        list-style: none;
        border-left: 1px solid #d90000;
        border-bottom: 1px solid #d90000;
        margin: 0;
}

#navibereich #nav01 {
        border-top: 1px solid #d90000;
        }
        
#navibereich a {
        display: block; /* ganze Fläche ist anklickbar */
        text-decoration: none;
        color: black;
        padding: 4px;
        border-left: 3px solid white; /* unsichtbar */
  }
  
#navibereich a:hover,
#startseite           #navi01 a,
#tore                 #navi02 a,
#schliesstechnik      #navi03 a,
#edelstahl            #navi04 a,
#schlosserei          #navi05 a,
#kontaktseite         #navi06 a,
#anfahrt              #navi07 a,
#impressum            #navi08 a,
#antriebe             #navi09 a,
#edelstahlverarbeitung #navi10 a,
#bauschlosserei        #navi11 a,
#datenschutz           #navi12 a,
#aluminium             #navi13 a
{
        color: black;
        background-color: white;
        border-left: 3px solid #d90000;
}

#textbereich {
        padding-top: 20px;
        padding-right: 10px;
        padding-bottom: 20px;
        padding-left: 20px;
        margin-left: 280px;
        }
        
#fussbereich {
  padding: 20px;
  padding-top: 10px;                 /* Innenabstand oben, unterhalb Linie */
  border-top: 1px solid #A9122A;   /* Rahmenlinie oben */
  margin-top: 150px;                 /* Außenabstand oben, oberhalb Linie */
  }

/* ================================================
             2. Allgemeine HTML - Elemente  
=================================================*/
.red{
        font-size:0.9em;
        color:#990000;
        font-weight:bold;
	}	
ul li { list-style-type: square; } /* Quadrate für ungeordnete Listen */
        
address {
  text-align: center;
  font-size: 80%;
  font-style: normal;
  letter-spacing: 2px;
  line-height: 1.5em;
  }
  
a         { text-decoration: none; }  /* Unterstreichung entfernen */
a:link    { color: #D90000; font-family: Arial, Helvetica; font-size: 10pt; }  /* color = rot */
a:visited { color: #CC6666; font-family: Arial, Helvetica; font-size: 10pt; }
a:hover, a:focus {text-decoration: underline; }
a:active  { color: white; background-color: #d90000; }

.skiplink { display: none; }

p, ul {
  margin-top:    0 ;
  margin-right:  0 ;
  margin-bottom: 1em; /* Abstand nach unten */
  margin-left:   0; }
  
ul ul {
  margin: 0; }
  
li {
  margin-top:    0 ;
  margin-right:  0 ;
  margin-bottom: 0; 
  margin-left:   1em; }	/* Abstand von links */
	
/* Ende für Neu */
	
.font-big   { font-family:Verdana, sans-serif; font-size:16px; font-weight:bold; }
.font-small { font-family:Verdana, sans-serif; font-size:10px; font-weight:normal; color:#000000;}
.table      { background-color:#FFFFFF; width:90%;}
.head       { background-color:#83ADDD;}
.main       { background-color:#ECECEC; font-family:Verdana, sans-serif; font-size:12px; font-weight:normal; color:#000000;}
.foot       { background-color:#83ADDD;}
/* ------------ Eingefügt am 09.06.2009 ----------------------*/
tfoot td {
background: url(images/hintergrund-fuss1.gif) no-repeat;
height: 13px;
width: 650px;
}
/* --------------------------------------------------------------- */
.align      { text-align:left;}
.textarea   { background-color:#ECECEC; color:#000000; font-family : Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; border : 1px solid #808080;}
.input      { background-color:#ECECEC; color:#000000; font-family : Verdana, Helvetica, sans-serif; border : 1px solid #808080; font-size: 12px;}
.select     { background-color:#ECECEC; color:#000000; font-family : Verdana, Helvetica, sans-serif; font-size: 12px;}
.button     { width: 130px;}

h1 { font-size: 150%; }
h2 { font-size: 130%;  margin-bottom: 1em;}
h3 { font-size: 110%; }
h4 { font-size:  90%; }
td { font-size: 15px; }

a name      { color: #000000;}
a href      { color: #b22222;  text-decoration: none;}
a font:link { color: #3300FF;}
 
#absatz     { position:relative; top:0px; left:0px; }
#absatzs    { position:absolute; top:760px; left:15px; }
#absatztor  { position:absolute; top:450px; left:20px; }
#absatzedel { position:absolute; top:470px; left:20px; }
#absatzbau  { position:absolute; top:490px; left:20px; }

div.c1 {text-align: center ;}
div.c2 {text-align: center ;}
div.c3 {text-align: left   ;}
div.c4 {text-align: left   ; font-family: Arial; font-size:  80% ;}
div.c5 {float: left; margin: 0 1em 1em 0; text-align: center; width: 231px; } /* Weg 1: Hilfscontainer */

/* Weg 3: Ruby-Markup */

ruby {
float: left;
margin: 0 1em 1em 0;
text-align: center;
width: 231px;
}

rt {
font-size: 1em;
}

p.c1 {font-family: Arial; font-size: 80% ;}
p.c2 {font-weight: bold ;}


span.c2 {font-family: Arial; font-size:  80% ;}
span.c3 {font-family: Arial; font-size: 100% ;}
span.c4 {font-family: Arial; font-size: 120% ;}
span.c5 {font-family: Arial; font-size: 400% ;}

li.c1 {list-style: none ;}
li.c2 {list-style: none ;}
li.schrift10 {font-family: Arial, Helvetica; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; color: #000000 ;}

.bildrechts { float: right;
	      padding: 3px;		/* Abstand zwischen Bild und Rahmen */
	      border: 0px solid #ccc;	/* Der Bilderrahmen */
	      margin-bottom: 10px;	/* Abstand zwischen Rahmen und Text */
	      margin-left: 10px;	/* Abstand nach unten */
	     }
				
.bildlinks {  float: left;
	      padding: 3px;
	      border: 0px solid #ccc;
	      margin-bottom: 10px;
	      margin-left: 10px;
	    }

td.style  {padding: 2.25pt 2.25pt 2.25pt 2.25pt; 
	   background:#A0C2A0; 
	   font-family: Arial, Helvetica; 
	   font-size: 80%;}	                                  
td.style1 {padding:2.25pt 2.25pt 2.25pt 2.25pt; 
	   font-family: Arial, Helvetica; 
	   font-size: 65%;}	                                  
td.style2 {padding: 2.25pt 2.25pt 2.25pt 2.25pt; 
	   background:#BAE1BA; 
	   font-family: Arial, Helvetica; 
	   font-size: 80%;}
td.style3 {padding: 2.25pt 2.25pt 2.25pt 2.25pt; 
	   background:#999900; 
	   font-family: Arial, Helvetica; 
	   font-size: 65%;}
	   
.schrift8  {  font-family: Arial, Helvetica; font-size:  8pt; font-style: normal; line-height: normal; font-weight: normal; color: #000000; }	
.schrift10 {  font-family: Arial, Helvetica; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; color: #000000; }
.schrift12 {  font-family: Arial, Helvetica; font-size: 12pt; font-style: normal; line-height: normal; font-weight: normal; color: #000000; }
.schrift14 {  font-family: Arial, Helvetica; font-size: 14pt; font-style: normal; line-height: normal; font-weight: normal; color: #000000; }
.schrift16 {  font-family: Arial, Helvetica; font-size: 16pt; font-style: normal; line-height: normal; font-weight: normal; color: #000000; }
.schrift18 {  font-family: Arial, Helvetica; font-size: 18pt; font-style: normal; line-height: normal; font-weight: normal; color: #000000; }
/* ******************************************************************* */
/* css - Befehle für Bildergalerie / eingefügt am 24.12.2009 */
/* ******************************************************************* */
.img150bb
{
float: left;
width: 400px;
height: 200px;
padding: 13px;
font-size: 0.7em;
}
.img150b
{
float: left;
width: 300px;
height: 20x;
padding: 13px;
font-size: 0.7em;
}
.img150h
{
float: left;
width: 200px;
height: 300px;
padding: 13px;
font-size: 0.7em;
}
.img150x
{
float: left;
width: 250px;
height: 164px;
padding: 13px;
font-size: 0.7em;
}