/* CSS-Style für Tischlerei Harms | Q-Projekt EDV-Dienstleistungen, Knobelsdorfstrasse 122, 14050 Berlin, www.q-projekt.de */ 

*{
   margin:0px;
   padding:0px;
}
 
body{
   background:url(../images/hintergrund_bogen.gif) repeat-x;
   margin:0px;
   padding:0px;
}

#wrapper{
   margin:0px auto;
   width:840px;
   height:200px;
   background:url(../images/animation/animation_logo_tischler_harms.gif?ff=93) left 12px no-repeat;
   border:0px solid #000000;
}
 
#logo{
   width:834px;
   height:128px;
   border:0px solid #ff0000;
   padding:0px 6px 0px 0px;
}

#logo a{
   display:block;
   float:left;
   width:434px;
   height:128px;
   border:0px solid #ff0000;
}

#leistungen{
   position:relative;
   top:89px;
   float:right;
}

#leistungen span{
   font-family:arial;
   font-size:16px;
   font-weight:normal;
   color:#000000;
   vertical-align:-2px;
}

#leistungen img{
   margin:0px 5px 0px 5px;
}

/* INNER-WRAPPER */

#inner_wrapper{
   width:729px;
   background:url(../images/schatten_rechts.png) right repeat-y; 
   border:0px solid #ff0000; 
   float:right; 
}



/* HAUPTMENUE */

#menue{
   margin:auto;
   background:url(../images/balken_nav.png) right repeat;
   width:696px;
   height:27px;
   border:0px solid #ff0000;
}

#menue a{
   height:21px;
   margin:0px 0px 0px 0px;
   padding:6px 25px 0px 25px;
   display:inline-block;
   font-family:arial;
   font-weight:bold;
   font-size:14px;
   color:#ffffff;
   text-decoration:none;
   border:0px solid #000000;
   float:left;
}

#menue a:hover{
   height:21px;
   margin:0px 0px 0px 0px;
   padding:6px 25px 0px 25px;
   display:inline-block;
   font-family:arial;
   font-weight:bold;
   font-size:14px;
   color:#ffffff;
   text-decoration:none;
   border:0px solid #000000;
   background:#eb995f;
   float:left;
}

#menue a.aktiv, a.aktiv:hover{
   height:21px;
   margin:0px 0px 0px 0px;
   padding:6px 25px 0px 25px;
   display:inline-block;
   font-family:arial;
   font-weight:bold;
   font-size:14px;
   color:#ffffff;
   text-decoration:none;
   border:0px solid #000000;
   background:#eb995f;
   float:left;
}

/* HEADER */

#header_index{
   margin:0px auto 0px;
   background:url(../images/bild1_unter_nav.png) left no-repeat;
   width:696px;
   height:246px;
   border:0px solid #ff0000;
}

#header_leistungen{
   margin:0px auto 0px;
   background:url(../images/bild7_unter_nav.png) left no-repeat;
   width:696px;
   height:246px;
   border:0px solid #ff0000;
}

#header_galerie{
   margin:0px auto 0px;
   background:url(../images/bild2_unter_nav.png) left no-repeat;
   width:696px;
   height:246px;
   border:0px solid #ff0000;
}

#header_links{
   margin:0px auto 0px;
   background:url(../images/bild9_unter_nav.png) left no-repeat;
   width:696px;
   height:246px;
   border:0px solid #ff0000;
}

#header_kontakt{
   margin:0px auto 0px;
   background:url(../images/bild4_unter_nav.png) left no-repeat;
   width:696px;
   height:246px;
   border:0px solid #ff0000;
}

#header_impressum{
   margin:0px auto 0px;
   background:url(../images/bild8_unter_nav.png) left no-repeat;
   width:696px;
   height:246px;
   border:0px solid #ff0000;
}

/* CONTENT */

#content{
   width:705px;
   background:#ffffff;   
   border-top:1px solid #E6E2DF;
   border-right:1px solid #E6E2DF;
   border-bottom:1px solid #E6E2DF;
   border-left:1px solid #E6E2DF;
   margin:-3px 0px 0px 0px;
   padding:14px 8px 14px 8px;
   float:left;
}

#inner_content{
  width:705px;
  min-height:300px;
  background:#ffffff;
  border:0px solid #E6E2DF;
  float:right;
  position:relative;
}

#leftbox_index{
 width:420px;
 float:left; 
 background:#ffffff;
 border:0px solid #E6E2DF;
 margin:10px 0px 0px 20px;
 padding:0px 0px 30px 0px;
}

#rightbox_index{
 width:196px;
 float:right;
 background:#ffffff;
 border:1px solid #E6E2DF;
 margin:10px 10px 0px 10px; 
}

#box_header{
 padding:10px 0px 10px 0px;
 background:#EDEAE6;
 text-align:center;
 font-family:arial;
 font-size:12px;
 color:#404040;
}

.pfeil_header{
 font-family:arial;
 font-size:18px;
 color:#404040;
 vertical-align:6px;
 margin:0px 0px 0px 6px;
}

.pfeil_text{
 font-family:arial;
 font-size:12px;
 color:#E36D1A;
 vertical-align:3px;
 margin:0px 0px 0px 6px;
}

#box_content{
 padding:10px 18px 10px 18px;
 background:#E4DBD0;
 text-align:center;
 font-family:arial;
 font-size:11px;
 color:#404040;
}

#box_content p{
 text-align:left;
}

#box_content img{
 margin:10px 0px 10px 0px;
}

.text_link{
 color:#E36D1A;
}

h1.orange{
   font-family:arial;
   font-size:16px;
   color:#E36D1A;
   margin:0px 0px 8px 0px;   
}

h2.orange{
  font-family:arial;
  font-size:14px;
  color:#E36D1A;
  margin:0px 0px 8px 0px;
}

h3.orange{
  font-family:arial;
  font-size:12px;
  color:#E36D1A;
  margin:5px 0px 5px 0px;
}

h3.orange_u3{
  font-family:arial;
  font-size:12px;
  color:#E36D1A;
  margin:5px 0px 0px 0px;
}

p.text{
  font-family:arial;
  font-size:12px;
  color:#404040;
  margin:8px 0px 8px 0px;
  text-align:justify;
}

p.leistung_header{
  font-family:arial;
  font-size:12px;
  color:#404040;
  margin:8px 0px 0px 0px;
  text-align:justify;
}

p.leistung_text{
  font-family:arial;
  font-size:12px;
  color:#404040;
  margin:0px 0px 8px 22px;
  text-align:justify;
}

span.list{
  font-family:arial;
  font-size:12px;
  color:#404040;
  vertical-align:-2px;
}

.dot{ 
  margin:4px 5px 0px 10px;
}

/* KONTAKT / FORM */

#leftbox_kontakt{
 width:216px;
 float:left; 
 background:#ffffff;
 border:0px solid #E6E2DF;
 margin:10px 0px 0px 20px;
 padding:0px 0px 30px 0px;
}

#rightbox_kontakt{
 width:350px;
 float:right;
 background:#ffffff;
 border:1px solid #E6E2DF;
 margin:10px 20px 0px 20px; 
}

#box_content_kontakt{
 padding:10px 10px 10px 10px;
 background:#E4DBD0;
 text-align:left;
 font-family:arial;
 font-size:12px;
 color:#404040;
}

td.rechts{
          text-align:right;
          vertical-align:top;
		 }
		 
td.links{
         text-align:left;
         vertical-align:top;		 
		 }
		 
td.spacer{
         height:5px;
         }	
		 
td.spacer10{
         height:10px;
         }	

/* LEISTUNGEN */

#leftbox_leistungen{
 width:665px;
 float:left; 
 background:#ffffff;
 border:0px solid #E6E2DF;
 margin:10px 20px 0px 20px;
 padding:0px 0px 0px 0px;
}

p.leistung_header{
  font-family:arial;
  font-size:12px;
  color:#404040;
  margin:8px 0px 0px 0px;
  text-align:justify;
}

p.leistung_text{
  font-family:arial;
  font-size:12px;
  color:#404040;
  margin:0px 0px 8px 22px;
  text-align:justify;
}

span.list{
  font-family:arial;
  font-size:12px;
  color:#404040;
  vertical-align:-2px;
}

/* GALERIE */

#leftbox_galerie{
 width:262px;
 float:left; 
 background:#ffffff;
 border:0px solid #E6E2DF;
 margin:10px 0px 0px 20px;
 padding:0px 0px 30px 0px;
}

#rightbox_galerie{
 width:350px;
 float:right;
 background:#ffffff;
 border:0px solid #E6E2DF;
 margin:40px 10px 0px 10px; 
}

#rightbox_galerie .galerie_zeile{
 float:right;
}

#rightbox_galerie .galerie_bild_box{
 border:0px solid #E6E2DF;
 float:left;
 width:102px;
 height:132px;
 margin:0px 0px 5px 8px;
}

#rightbox_galerie a{
 background:#ffffff;
 width:102px;
 display:block;
 text-align:center;
 text-decoration:none;
}

#rightbox_galerie p{
 background:#E4DBD0;
 width:102px;
 padding:1px 0px 1px 0px;
 margin:3px 0px 3px 0px;
 display:block;
 text-align:center;
 color:#404040;
 font-family:arial;
 font-size:11px;
 text-decoration:none;
}

#galerie_bilder_hidden{
 visibility:hidden
}

/* LINKS */

#leftbox_links{
 width:665px;
 float:left; 
 background:#ffffff;
 border:0px solid #E6E2DF;
 margin:10px 20px 0px 20px;
 padding:0px 0px 0px 0px;
}

p.link_header{
  font-family:arial;
  font-size:12px;
  color:#404040;
  margin:8px 0px 0px 0px;
  text-align:justify;
}

p.link_text{
  font-family:arial;
  font-size:12px;
  color:#404040;
  margin:0px 0px 8px 22px;
  text-align:justify;
}

a.orange{
  font-family:arial;
  font-size:12px;
  color:#E36D1A;
  text-decoration:none;
}

/* IMPRESSUM */

#leftbox_impressum{
 width:665px;
 float:left; 
 background:#ffffff;
 border:0px solid #E6E2DF;
 margin:10px 20px 0px 20px;
 padding:0px 0px 0px 0px;
}

#rightbox_impressum{
 width:200px;
 float:right;
 position:absolute;
 z-index:1000; 
 background:#ffffff;
 border:0px solid #E6E2DF;
 margin:10px 20px 0px 20px;
 padding:0px 0px 0px 0px;
 top:20px;
 left:400px;
}

p.impressum_text{
  font-family:arial;
  font-size:12px;
  color:#404040;
  margin:0px 0px 8px 0px;
  text-align:justify;
}

/* FOOTER */

#footer{
   width:728px;
   height:6px;
   background:url(../images/schatten_unten.png) top repeat-x; 
   border:0px solid #ff0000; 
   float:right; 
   padding:0px 0px 40px 0px;
}
 
/* HIFEN */

#clear{
 clear:both;
}