body {
        font-family : Verdana, Arial, Helvetica, sans-serif;
		font-size : 10pt;
        color : #333333;
		background-color:#2f3742;
		background-image:url(images/hg-rechts.jpg);
		background-position:right;
		background-repeat:repeat-y;
		padding-left :5px;
		margin:1px 0;
}

/* Rahmen um die Seite  */
.rahmen-td {
border: #333366 1px solid; 
}

/* Rahmen um footer  */
.footer{
border-top: #333366 1px  solid; 
background-color: #94B1C7;
}


/* header00-bg  */
#bg-header00{background-image:url(images/hg-produkte.jpg);
margin:0;
background-repeat:no-repeat;
line-height: 200px;
}

/* header00-bg  */
#bg-header01{background-image:url(images/hg-tueren2.jpg);
margin:0;
background-repeat:no-repeat;
line-height: 200px;
}

/* header02-bg  */
#bg-header02{background-image:url(images/hg-duschw.jpg);
margin:0;
background-repeat:no-repeat;
line-height: 200px;
}


/* header03-bg - Spiegel  */
#bg-header03{background-image:url(images/hg-spiegel.jpg);
margin:0;
background-repeat:no-repeat;
line-height: 200px;
}

/* header04-bg - Dichtung */
#bg-header04{background-image:url(images/hg-dichtung.jpg);
margin:0;
background-repeat:no-repeat;
line-height: 200px;
}

/* header05-bg - Glas */
#bg-header05{background-image:url(images/hg-glas.jpg);
margin:0;
background-repeat:no-repeat;
line-height: 200px;
}

/* header06-bg - index */
#bg-header06{background-image:url(images/hg-index.jpg);
margin:0;
background-repeat:no-repeat;
line-height: 200px;
}

/* header07-bg - kontakt */
#bg-header07{background-image:url(images/hg-kontakt.jpg);
margin:0;
background-repeat:no-repeat;
line-height: 200px;
}

/* header08-bg  */
#bg-header08{background-image:url(images/hg-beschichtung.jpg);
margin:0;
background-repeat:no-repeat;
line-height: 200px;
}

#hg-rechts {
	background-image:url(images/hg-rechts.jpg);
	background-repeat:repeat-y;
	background-position:right;
}

/* Tabelle - content  */


#content{
background-color : #ffffff;
}


 /* Überschrift-Stile:  */
h1 {
font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 13pt;
   color : #666666;
   padding: 20px 25px 6px 20px;
   margin: 0;
   background-color : #ffffff;
}

h2 {
font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 11pt;
   color : #666666;
   padding: 8px 25px 2px 20px;
   margin:0;
   background-color : #ffffff;
}


p {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 10pt;
   color : #333333;
   padding: 6px 25px 6px 20px;
   margin:0;
   background-color : #ffffff;
}

p.klein {
font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 7pt;
   color : #333333;
   padding: 0px 0px 6px 20px;
   margin:0;
   background-color : #ffffff;	
	}
	
p.null {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 10pt;
   color : #333333;
   background-color : #ffffff;
   text-align:left;
   padding:0 0 10px 0;
}

/*--------- Glas------------- */
.g1{
   padding: 2px ;
   background-color : #ffffff;
   border: #9999FF 1px solid; 
	}

.g2{
   padding: 2px ;
   background-color : #ffffff;
   border: #3D737C 1px solid; 
	}
	


/*--------- Öffnungszeiten------------- */

.tabelle {
   padding: 0 ;
   margin:20px;
   background-color : #ffffff;
   vertical-align:top;
	}
/*--------- Lauftext------------- */

.top
{background-color: #709EAF;}

.marquee{ padding: 4px 30px 4px 30px;}


/* ----------linke Navigation-------- */
#navcontainer { margin: 2px 5px 40px 5px;}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-indent: 4px; letter-spacing: 1px;
}

#navcontainer ul li { margin: 0; 
}

#navcontainer ul a
{
display: block;
padding: 2px 8px 2px 2px;
width: 198px;
height: 18px;
font-size:14px;
font-weight:bold;
text-decoration: none;
border-right: 1px solid #000066;
border-left:1px solid #000066;
border-bottom: 1px solid #000066;
}

#navcontainer ul a:hover{
color: #333333;
background-color:#cccccc;
text-decoration: none;
}

#navcontainer ul ul li { margin: 0;  }

#navcontainer ul ul a
{
font-size: 8pt; 
font-weight:bold;
display: block;
padding: 2px 8px 2px 2px;
width: 198px;
color: #333333;
background-color: #cfdce6;
text-decoration: none;
font-weight: normal;
font-weight:bold;
}
#navcontainer ul ul a:visited
{
color: #333333;
background-color: #cfdce6;
text-decoration: none;
font-weight:bold;
}

#navcontainer ul ul a:hover{
color: #333333;
background-color:#cccccc;
text-decoration: none;
font-weight:bold;
}

#navcontainer li a#current {
width: 200px; height: 18px;
padding: 2px 8px 2px 2px;
color: #ffffff; font-variant:small-caps; font-weight:500; background-color:#6699cc; text-decoration: none; border: 1px; border-color:#000066;
background-image:url(images/verlauf2.gif);
  }
 
 /*--- subnavi---*/ 
 #navcontainer ul ul li { margin: 0;  }

#navcontainer ul ul ul a
{
font-size: 8pt; 
display: block;
padding: 2px 8px 2px 10px;
width: 190px;
color: #333333;
background-color: #d7c9c9;
text-decoration: none;
font-weight: normal;
}
#navcontainer ul ul ul a:visited
{
color: #333333;
background-color: #d7c9c9;
text-decoration: none;
}

#navcontainer ul ul ul  a:hover{
color: #333333;
background-color:#cccccc;
text-decoration: none;
}
 

 /*--- Link- navi---*/
h3 {
font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 11pt;
   color : #666666;
   padding: 0 10px 2px 10px;
   margin:0;
   background-color: #94B1C7;
}

p.kontakt-navi {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 10pt;
   color : #333333;
   padding: 2px 10px 6px 20px;
   margin:0;
   background-color: #94B1C7;
}

 /*--- ---*/
 a.nav:link {
 font-size:13px;
 font-family:Verdana,Arial,Helvetica,sans-serif; 
 color:#3D737C; background-color:#94B1C7;
 text-decoration:none;
 }

  a.nav:visited {
  font-size:13px;
   text-decoration:none;
    color:#333333;
   background-color:#94B1C7; }

 a.nav:hover {
  font-size:13px;
   text-decoration:none;
   color:#3D737C;
   background-color:#94B1C7; }

 a.nav:active {
  font-size:13px;
   text-decoration:none;
   color:#333333;
   background-color:#94B1C7;}
 
 
 
   
 /*--- Link- content---*/
 a.content:link {
 font-size:13px;
 font-family:Verdana,Arial,Helvetica,sans-serif; 
 color:#3D737C;  background-color:#ffffff;
   text-decoration:none;
   font-weight:bold;
   }

 a.content:visited {
  font-size:13px;
     font-weight:bold;
   text-decoration:none;
    color:#333333;
   background-color:#ffffff; }

 a.content:hover {
  font-size:13px;
     font-weight:bold;
   text-decoration:none;
   color:#666666;
   background-color:#cccccc; }

 a.content:active {
  font-size:13px;
     font-weight:bold;
   text-decoration:none;
   color:#333333;
   background-color:#ffffff;}
   
/* -----Aufzählung----- */

.a-dot{
	padding:0;
	margin: 10px 0 0 40px;
	}
.a-dot li{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10pt;
	color:#333333;
	background-color:#ffffff;
	list-style-image:url(image/disc-1.gif);
	list-style-position:outside;
	background-repeat:no-repeat;
	text-align:left;
	padding-left:2px;
	padding-bottom: 4px;
	margin: 0;
	} 



table.text{font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 7pt;
   color : #333333;
   padding: 4px 0px 6px 0px;
   margin:4px 0px 6px 20px;
   background-color : #ffffff;
	}

/* Bilde im content*/
/* Platzierung Grafik  */
#platzhalter{
float: right;
height:1px;
width:1px;
margin: 1em 0 2em 1em;

}
.image{
clear:right;
margin: 1em 0 0 1em;
float: right;
} 















 /* Bilderrahmen???*/
.rahmen-bilder{
BORDER: #ffffff 1px solid; 
PADDING: 5px; 
MARGIN: 5px; 
VERTICAL-ALIGN: middle; 
WIDTH: 90px; 
HEIGHT:118px; 
BACKGROUND-COLOR: #ffffff; 
TEXT-ALIGN: center;
}
.rahmen-bilder:hover {
BORDER: #333333 1px solid; 
PADDING: 5px; 
MARGIN: 5px; 
VERTICAL-ALIGN: middle; 
WIDTH: 90px; 
HEIGHT:118px; 
BACKGROUND-COLOR: #ffffff; 
TEXT-ALIGN: center;
}