* { margin:0; padding:0 }  
 
body { text-align: center; 
       background: url(../img/bggreen.jpg);
       font-family: 'Lucida Sans', Verdana, sans-serif;
	   font-size: 62.5%;}
	   
#wrap   { position: absolute; 
          text-align: left;   
          top: 50%; left: 50%; 
          margin: -300px 0px 0px -475px; 
		  padding: 0px;
		  width: 950px; height: 600px;
		  border: 2px solid white;
		  background-color: transparent; }
.wrapbg1 { background: url(../img/indexsite.jpg); } 
.wrapbg2 { background: url(../img/produktinfobg.jpg); }


/* Impressum Box */	  
#impressumbox  { position: absolute; visibility: hidden; 
                 text-align: left;   
                 top: 50%; left: 50%; 
                 margin: -250px 0px 0px -200px; 
		         padding: 0px;
		         width: 400px; height: 500px;
		         background: none;
		         border: 2px solid white;
		         overflow: auto;  }
#impressumtext { position: absolute; width: 300px;
                 margin: 50px 30px;  z-index: 110; }
#impressumtext h2 { padding-top: 1.4em; padding-bottom: .2em; }					 		
#impressumtext p { font-size: 1.1em; padding: .5em 0; line-height: 1.3em;}
#impressumtext a { color: #fff; }						  
#opacity       { position: absolute;
                 margin: 0; padding: 0;
                 background-color: #016A2C;
                 width: 382px; height: 1200px;
                 float: left;
                 filter: alpha(opacity=80);
                 -moz-opacity: 0.8;
                 opacity: 0.8; z-index: 40; } 
table         { color: #fff; border: none; line-height: 1.3em; padding: 0; }
table caption { font-size: 1.4em; text-align:left; color: #E3DCB8; padding-bottom: .5em; padding-top: 1.0em;}
td            { font-size: 1.1em; color: #fff; border: none; }
td.rightalign { text-align: right; }			

				 
/* globalformate text */
h1, h2, h3  { font-family: 'Lucida Sans', Arial, Helvetica, Verdana, sans-serif;
              color: #E3DCB8;
			  font-weight: normal;}
h1          { font-size: 1.8em; }
h2, h3      { font-size: 1.4em; } 
p           { font-family: 'Lucida Sans', Arial, Helvetica, Verdana, sans-serif;
              color: #fff;  }
a, img      { border: none; }
a, a:visited, a:hover, a:active { color:#000; 
                                  font-family: 'Lucida Sans', Arial, Helvetica, Verdana, sans-serif; }/* default link style - needed to make the :active work correctly in IE */

strong      { font-weight: bold; /* border-bottom: 0px solid #000; */ }
.hilite     { color: #E3DCB8; }
.italic     { font-style: italic; }
.small      { font-size: 0.9em; }


/*  Menü  */
ul#navi      { margin: 98px 0px 0px 680px; padding: 0;
               height: 20px; width: 265px;
               border: none; 
               list-style: none; z-index: 200; }
ul#navi li   { margin: 0px 10px 0px 0px; padding: 0px;
               font-family: 'Lucida Sans', Arial, Helvetica, Verdana, sans-serif;
			   float: left;
			   font-size: 15px; 
			   color: #fff; }
ul#navi li a { color: #fff; padding: 0px 3px; text-decoration: none; display: block; }
ul#navi li a:hover { color: #fff; text-decoration: none; 
                     background-color: #BCB175; border-bottom: 2px solid white; }


#topbox { position:absolute; 
          margin: 0px; padding: 0px; 
          background: url(../img/header_folgeseite.jpg);
          background-color: transparent;
		  width: 950px; height: 168px; }

#bottombox { position: absolute; top: 168px;
             margin: 0px; padding: 0px; 
			 background: none;
		     width: 950px; height: 432px;
             border: 0px;
			 overflow: auto; }

/* dieser container umfasst die obere linke galerie und den entsprechenden Text */			 
#container_wrapa { /* position: absolute; */ 
                   margin: 0px 0px 20px 41px; padding: 0px; 
			       background: none; border: none;
				   width: 880px; }
/* dieser container umfasst die mittlere galerie und den entsprechenden Text */	
#container_wrapb { /* position: absolute; */ 
                   margin: 0px 0px 20px 45px; padding: 0px; 
			       background: none; border: none;
				   width: 880px; }	
/* dieser container umfasst das untere linke zubehör-bild und den entsprechenden Text */	 	 
#container_wrapc { /* position: absolute; */ 
                   margin: 0px 0px 0px 45px; padding: 0px; 
			       background: none; border: none;
				   width: 880px; }	 
			 
#adress { position: absolute; margin: 310px 0px 0px 20px; padding: 0px; 
          background: none;
          background-color: transparent;
		  width: 400px; height: auto; }
#adress a { font-size: 1.1em; padding: 0; color: #fff;}	
#adress p { font-size: 1.1em; padding: .5em 0; line-height: 1.3em;}	
#adress h2{ padding-bottom: 1.0em; padding-top: 0;}					
			
#textboxa    { position: relative; 
               margin: 10px 0px 0px 449px; padding: 0px; 
			   background: none;
		       width: 400px; height: auto;
               border: none; }
#textboxb    { position: relative; float: left;
               margin: 10px 0px 0px 0px; padding: 0px; 
			   background: none;
		       width: 400px; height: auto;
               border: none; }			
#textboxc    { position: relative; 
               margin: 10px 0px 0px 445px; padding: 0px; 
			   border: 1px solid blue;;
		       width: 400px; height: auto;
               border: none; }	

/* textformate */	
#textboxa h1                              { padding-bottom: 1.2em; padding-top: 0px;}		    
#textboxa h2, #textboxb h2, #textboxc h2  { padding-bottom: 1.0em; }
#textboxa h3, #textboxb h3, #textboxc h3  { padding-bottom: 1.0em; padding-top: 1.0em;}		
#textboxa ul, #textboxb ul, #textboxc ul  { margin: 10px 0px 20px 20px; padding: 0px; list-style: square; color: #fff; }
#textboxa li, #textboxb li, #textboxc li  { margin: 0px 15px 0px 0px; font-size: 1.1em; padding: 0px; line-height: 1.3em; }				 		
#textboxa p, #textboxb p, #textboxc p     { font-size: 1.1em; padding: .5em 0; line-height: 1.3em;}						 
p.top { margin-top: 1.0em; }

#zubehoer     { position: relative; float: left;
                margin: 10px 0px 0px 0px;
                width: 425px; height: 360px; 
			    background: none;
		        background-color: transparent;   
		        border: none; }
#zubehoer img { margin: 0; padding: 0;
                border: 2px solid white; }
				

/* bildergalerie */
/* globale definitionen für die galerie */
/* dies ist die blockzeile mit den einzelnen thumbnails */
a.gallery, a.gallery:visited { display: block; 
                               display: inline-block; /* IE 5.5 */
							   color: #000; 
							   text-decoration: none; 
							   border: 2px solid white; 
							   width: 75px; height: 60px; 
							   float: left; margin: 4px; 
							   z-index: 50;}
a.g, a.g:visited             { display: block; 
                               display: inline-block; 
				               color: #000; text-decoration: none; 
				               border: none; 
				               width: 1px; height: 1px; 
				               float: left; margin: 4px; 
				               z-index: 50; } 
				   
/* die thumbnails */				   
a.slidea { background: url(../img/kicker1klein.jpg); }
a.slideb { background: url(../img/kicker2klein.jpg); }
a.slidec { background: url(../img/kicker3klein.jpg); }
a.slided { background: url(../img/kicker_offen_detailklein.jpg); }
a.slidee { background: url(../img/kicker_offen_detail2klein.jpg); }
a.slidef { background: url(../img/furnierklein.jpg); }
a.s      { background: url(../img/spacer.gif); }

/* verbigt zunächst die großen bilder und die bildunterschriften */
a.gallery em, a.gallery span { display: none; }

a.gallery:hover { border: 2px solid #fff; }
a.g:hover       { border: none; }

/* die großen galeriebilder - pfadangaben */
a.slidea em        { background: url(../img/kicker1.jpg) 0px 0px no-repeat; } /* px - angabe dient hier als randabstand des großen bildes */
a.slideb em        { background: url(../img/kicker2.jpg) 0px 0px no-repeat; }
a.slidec em        { background: url(../img/kicker3.jpg) 0px 0px no-repeat; }
a.slided em        { background: url(../img/kicker_offen_detail.jpg) 0px 0px no-repeat; } 
a.slidee em        { background: url(../img/kicker_offen_detail2.jpg) 0px 0px no-repeat; }
a.slidef em        { background: url(../img/furnier.jpg) 0px 0px no-repeat; }
a.s em.firststill  { background: url(../img/kicker1.jpg) 0px 0px no-repeat; }             /* das ständig sichtbare 1. große galeriebild */
a.s em.secondstill { background: url(../img/kicker_offen_detail.jpg) 0px 0px no-repeat; }  /* das ständig sichtbare 2. große galeriebild */

/* die galerie umrahmender container - 1.Bildgalerie */
#container_bottom    { position: relative; float: left;
                       margin: 10px 0px 0px 0px; 
                       width: 425px; height: 390px; 
					   background: none;   
					   border: none; }
/* die galerie umrahmender container - 2.Bildgalerie */
#container_bottom_b  { position: relative;
                       margin: 10px 0px 0px 442px;
                       width: 425px; height: 390px; 
					   background: none;   
					   border: none; } 
#container_bottom img, #container_bottom_b img         { border: 0; }
#container_bottom .thumbs, #container_bottom_b .thumbs { position: absolute; left: 0; bottom: 0;}
						   
/* es folgen angaben für die bilderunterschriften in einer box */
#container_bottom a.gallery:hover span, #container_bottom_b a.gallery:hover span { 
  position: absolute;  
  width: 402px; height: 50px;
  display: block;   
  top: -35px; left: 5px; 
  padding: 5px; 
  font-style: italic; color: #fff;  
  z-index: 100; }
#container_bottom a.gallery:hover span:first-line, #container_bottom_b a.gallery:hover span:first-line {
  font-style: normal; font-weight: bold; font-size:1.1em; color: #E3DCB8; }

/* angaben für die kleinen thumbnails */												   
#container_bottom a.gallery:active, #container_bottom a.gallery:focus     { border: 2px solid #BDB276; }
#container_bottom_b a.gallery:active, #container_bottom_b a.gallery:focus { border: 2px solid #BDB276; }
#container_bottom a.g:active, #container_bottom a.g:focus                 { border: none; }
#container_bottom_b a.g:active, #container_bottom_b a.g:focus             { border: none; }

/* angaben für das große galeriefenster oben */
#container_bottom a.gallery:active em, #container_bottom a.gallery:focus em, #container_bottom_b a.gallery:active em, #container_bottom_b a.gallery:focus em { 
  position: absolute; 
  width: 400px; height: 280px;
  top: -320px; left: 5px;
  display: block; 
  padding: 0px; /* padding: 5px; */
  border: 2px solid white; 
  z-index: 100;}
#container_bottom a.g:active em, #container_bottom a.g:focus em, a.g em, a.s em, #container_bottom_b a.g:active em, #container_bottom_b a.g:focus em { 
  position: absolute; 
  width: 400px; height: 280px;
  top: -320px; left: 5px;
  display: block; 
  padding: 0px; 
  border: 2px solid white; 
  z-index: 10;}
																			 
/* ende galerie - modified gallery - original gallery written by Stu Nicholls - thanks to Mr. Nicholls for the inspiration */
/* styles for webpage by m. r. feiter 2007 - starfeiter designbüro & atelier - except specially declared passages */
/* leave this note intact */
/* unauthorized copying prohibited */