/* ===================================================*/
/* Stylesheet zu Contemporary Rug Collection  ========*/
/* pashmin Werbagentur- Hamburg                       */
/* ================================================= */
body {
  background-color: #323232;
  color: white; 
}
span{
color:rgb(255,204,102);
font-size:17px;
font-weight:bold;
font-family: Verdana;
top:3px;
}
#wrapper {
  position: absolute;
  left: 50%;
  margin-left: -475px;
  width: 950px;
  height: auto;
  border:0px solid red;
}
img#logo {
  float: left;
  width: 294px;
  margin-left: 25px;
  margin-top: 40px;
  border: none;
}
/* ======================= Menu Leiste =================== */
        div#menu {
          position:absolute;
          z-index:2;
        }
        div#menu ul {
          float: right;
          list-style-type: none;
          margin: 0px;
          padding: 0px;
          width: 585px;
        }
      div#menu ul li {
          float:left;
          padding-top: 5px;
          padding-left: 23px;
          padding-right: 36px;
          height: 24px;
          /*color: #323230;*/
          font-size: 12px;
          font-weight: bold;
          font-family: verdana;
          border-width: 5px 0px 0px 0px;
          border-style: solid;
          border-color: #c0c0c0;
          background-color:#4c4c4c;
      }
      div#menu ul li#ausgewaehlt {
            border-width: 5px 0px 0px 0px;
            border-style: solid;
            border-color: white;
            background-color:#969696;
      }
/*=============================== Untermenu oder submenu 1 2 3 4 ============== */  
       div#menu ul li ul#submenu1 {
          width: 126px;
          left: 9px;
        }
        div#menu ul li ul#submenu2 {
          width: 120px;
          left: 150px;
        }
        div#menu ul li ul#submenu3 {
          width: 146px;
          left: 285px;
        }
        div#menu ul li ul#submenu4 {
          width: 133px;
          left: 445px;
        } 
      div#menu ul#submenu1 li#subausgewaehlt {
          background-color:#969696;
          border-color:white;
          border-style:solid;
          border-width:3px 0px 0px 0px;
          width:128px;
          margin-left:-8px;
      }
      div#menu ul#submenu2 li#subausgewaehlt {
         background-color:#969696;
          border-color:white;
          border-style:solid;
          border-width:3px 0px 0px 0px;
          width:122px;
          margin-left:-8px;
      }
      div#menu ul#submenu3 li#subausgewaehlt {
          background-color:#969696;
          border-color:white;
          border-style:solid; 
          border-width:3px 0px 0px 0px;
          width:148px;
          margin-left:-8px;
      }
      div#menu ul#submenu4 li#subausgewaehlt {
          background-color:#969696;
          border-color:white;
          border-style:solid;
          border-width:3px 0px 0px 0px;
          width:135px;
          margin-left:-8px;
      }
       
/* ======================================== submenu dynamisch================*/
      div#menu ul li ul {
            list-style-type: none;
            margin: 0px;
            padding: 0px;
            position:absolute;
            width:140px;
            top: 34px;
            background-color:#4c4c4c;
            padding-left: 8px;
            padding-right: 8px;
            margin-left: -9px;
          }
      div#menu ul li ul li.untermenu a{
             text-decoration:none;
             display:block;
             width:100%;
          }
      div#menu ul li ul li.untermenu a:hover{
          display:block;
          
          font-style: italic;
          text-decoration:underline;
          }
      div#menu ul li ul li.untermenu {
              border-width:0px;
              clear:left;
              height:13px;
              padding:8px 0px 9px 14px;
              color:white;
              }
         div#menu ul li a{
              color: white;
              text-decoration: none;
            }
         div#menu ul li a img {
              border: 0px solid black;
            }
         ul#menuliste {
              position: absolute;
              top: 75px;
              left: 335px;
            }
#einzel_grossbild_oben_rahmen{
position:absolute;
width:880px;
height:386px;
left:31px;
top: 111px;
border:4px solid #c4c4c4;
z-index: 1;
}
#bild {
  border-width: 0px 0px 0px 0px;
  border-color:#c0c0c0;
  border-style: solid;
  margin-top: 0px;
  margin-left: 0px;
  width:880px;
}
/* image-animation */
#imageContainer {
  position:absolute;
  height:386px;
  border:4px solid #C4C4C4;
  left:31px;
  top:111px;
  width:880px;
}
#imageContainer img {
	display:none;
	position:absolute;
	top:0px; left:0px;
  }
    /*  ===============   JAVA SCRIPT Fenster =================  */
div#content {
  position:absolute;
  z-index: 1;
  padding-left:5px;
  padding-right:5px;
  font-size:15px;
  color:white;
  font-family:verdana;
  top:120px;
  left:40px;
  height: 255px;
  width: 435px;
  border: 1px solid white;
  background-color: black;
  filter:alpha(opacity=60);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
div#content_text{
text-align: left;
}
div#closebutton{
  position:absolute;
  width:30px;
  height:20px;
  top:237px;
  left:404px;
  font-size:12px;
 
}
div#closebutton a{
 text-decoration:none;
  color:red;
}
/*=============================   Unterseiten _INHALTE ======================================================= */
    div#inhalt {
   
      background-color:#4c4c4c;
      border-width: 3px;
      border-color: #c0c0c0;
      border-style: solid;
      color: white;
      font-family:verdana;
      font-size: 15px;
      margin-left: 31px;
      padding-right:0px;
      margin-top: 506px;
      height:auto;
      width: 882px;
    } 

div.text_ketu {
  width: 330px;
  height: 5em;
  overflow:hidden;
  margin-left:26px;
  color:white;
}
div.text_ketu_unterseite {
  width: 330px;
  height: 9em;
  overflow:hidden;
  margin-left:26px;
}
#zurueck_knopf{
  width: 150px;
  height: 22px;
  border:0px solid red;
  margin-top:14px;
  margin-left:235px;
}
#zurueck_knopf img{
border:0px;
}
.link_text img{
	
	border:0px solid ;
}

.section{
margin-top:-20px;
}
/*=different _tables_Startseite - übersicht - textbild(philosophy Und unterpunkte)====  */
table#startseite_tabelle {
     height: 127px;
}
table#startseite_tabelle tr td {
      width: 436px;
      background-color:#4c4c4c;
      color: #3F2806;
      border-width: 3px 3px 3px 3px;
      border-color: #c0c0c0;
      border-style: solid;
      font-size: 12px;
}
table#startseite_tabelle tr td p {
    margin-left: 25px;
}
table#startseite_tabelle tr td img {
padding-top:0px;
}
table#startseite_tabelle tr td  a{
   border:0px ;
}
table#uebersicht_tabelle tr td {
  width: 435px;
  background-color: #4c4c4c;
  color: white;
  border-width: 3px 3px 3px 3px;
  border-color: #c0c0c0;
  border-style: solid;
  font-size:12px;
  font-family: Verdana;
  vertical-align: top;
}
table#uebersicht_tabelle tr td p {
  padding-left:10px;
  padding-right:10px;
  padding-bottom:10px;
  padding-top:10px;
}
table#uebersicht_tabelle tr td img{
border:0px solid blue;
}
table#textbild_tabelle tr td {
  padding-left:15px;
  padding-right:26px;
  padding-bottom:10px;
  padding-top:10px;
  text-align:justify;
  border:0px solid red;
}
table#textbild_tabelle tr td p{
 padding-left:10px;
  padding-right:10px;
  padding-bottom:10px;
  padding-top:0px;
  font-size:14px;

}

/* =========================== Fahne bereich ===   und  links unten=========================== */
        .link_text {
          color: #3F2806;
          font-family: Arial;
          font-size: 12px;
          text-decoration:none;
           color:white;
          }    
        #looms_text_link{
           color: #EFBA00;
           text-decoration:none;
        } 
        
 div#fusszeile  {
        height: 21px;
        margin-left:-3px;
        border:0px solid yellow;
        width:886px;
        position:absolute;
        margin-top:5px;
        
      }
.link_fusszeile {
        float:right;
        color: #c0c0c0;
        text-decoration: none;
        font-family: Arial;
        font-size: 12px;
        
        margin-right: 2px;
         
      }   
       div#flaggen {
          position:absolute;
          left:865px;
          width: 70px;
          top: 55px;
        }
        div#flaggen img{
        border-width:0px;
        }       
/* ======================== Produkte _DETAILS Bereich ==================================*/        
                 div#looms {
                      width:139px;
                      height:100%;
                      float:right;
                      border-left: 5px solid #c0c0c0;
                      text-align: center;
                      font-family: Arial;
                      font-size: 10px;
                      color:#C39001;
                    }
                  #looms a img{
                         border:0px;
                        }
                  div#looms_ketu {
                          float:right;
                          height:82%;
                          text-align:center;
                          margin-top:12px;
                          width:80px;
                      }
                   #looms_ketu img{
                        border:0px solid #c0c0c0;
                        margin-top:3px;
                      }
/* =======  Startseite    Produkte_Sorte     =============================================*/                  
                         div.produkte {
                              width:435px;
                              height:107px;
                              float:left;
                              border: 3px solid #c0c0c0;
                            }
                         div.produkte a img {
                               border:0px solid red;
                                }
                          div.produkte p{
                               margin-left:25px;
                                }
                          div#produkt_inhalt{
                             width:300px;
                             border:0px solid blue;
                             }
                          div#produkt_inhalt p{
                              margin-left:25px;
                             }
                            div#navi_bild{
                                float:right;
                                margin-top:0px;
                                width:485px;
                                /*height:340px;*/
                                height:auto;
                                border:0px solid red; 
                              }
                            #gross_bild{
                                 border:1px solid #c0c0c0;
                                 width:340px;
                                 margin-left:100px;
                                 margin-top:10px;
                                 height:auto;
                                 }
               div#produkt_bilder
                 {
                   margin-top:6px;
                   float:right;
                   width:35px;
                   height:auto;
                   border:0px solid yellow;
                   }
              div#produkt_bilder a img{
                   margin-top:6px;
                   border:1px solid white;  
                   }
              div#weitere_produkt_bilder
                      {  width:35px;
                          height:auto;
                          float:right;
                          margin-top:-157px;
                          margin-bottom:5px;
                          }
           div#weitere_produkt_bilder a img{
                       margin-top:6px;
                      border:1px solid white;   
                     }
/* ======= Ende Details Produkte ========================================================*/                     
div#lang_text{
 width:391x;
 height:auto;
 margin-top:0px;
 margin-left:118px;
 border:2px solid c0c0c0;
 font-size:12px;
 color:white;
 padding:10px;
}
div.anzeige_bild{
  width:880px;
  height:auto;
  float:left;
  border: 1px solid #C0C0C0;
  padding-right:0px;            
}
#kontakt{
position:relative;
width:800px;
height:auto;
margin-top:5px;
margin-left:50px;
border:0px solid green;
}


div#alleunterpunkte_bilder_recht{
float:right;
width:260px;
height:390px;
margin-top:0px;
margin-left:10px;
border:0px solid green;
}
#alleunterpunkte_1_bild{
 width:250px;
 height:168px;
 float:right;
 margin-top:7px;
 margin-right:3px;
 border:2px solid white;
}
#alleunterpunkte_2_bild{
 width:250px;
 height:168px;
 float:right;
 margin-top:22px;
 margin-right:3px;
 border:2px solid white;
}
div#news_bild_recht{
float:right;
width:260px;
height:160px;
margin-top:0px;
margin-left:10px;
border:0px solid green;
}
#news_bild{
 width:50px;
 height:200px;
 float:right;
 margin-top:-50px;
 margin-right:10px;
 border:2px solid white;
}
#nur_fuerMaterialUnterpunkt{
    width:880px;
    height:auto;
    text-align: justify;
}
#text_philo_unterpunkt{
float:left;
width:580px;
height:auto;
padding-left:20px;
margin-top:0px;
border:0px solid yellow;
}
#schurwolle_bild{
 width:250px;
 height:168px;
 float:right;
 margin-top:-990px;
 margin-right:10px;
 border:2px solid white;
}
#seide_bild{
 width:250px;
 height:168px;
  float:right;
 margin-top:-772px;
 margin-left:0px;
 margin-right:10px;
 margin-bottom:0px;
  border:2px solid white;
}

#brennessel_bild{
 width:250px;
 height:168px;
 float:right;
  margin-top:-562px;
  margin-right:10px;
 border:2px solid white;
}
#hanf_bild{
 width:250px;
 height:168px;
 float:right;
 margin-top:-369px;
 margin-left:0px;
 margin-right:10px;
 margin-bottom:0px;
 border:2px solid white;
}
#baumwolle_bild{
 width:250px;
 height:168px;
 float:right;
 margin-top:-185px;
 margin-left:0px;
 margin-right:10px;
 margin-bottom:0px;
 border:2px solid white;
}
#mail_msg{
font-size:15px;
font-family:verdana;
text-decoration:blink;
width:400px;
margin-left:0px;
color:red;

}

#music_knopf{
border:0px solid red;
margin-right:-371px;
position:absolute;
right:50%;
top:0px;
}