body{
  height: 100%;
  padding: 0px;
	margin: 0px;
	font-family:Helvetica, sans-serif;
	font-size:10px;
	background-color: #CDCDCD;
	background-image: url(/images/basic/gradient.jpg);
	background-repeat: repeat-x;	
	color: black;	
}

a{
	font-weight:bold;
	text-decoration:none; 	
	color: black;
}

a:hover{
	text-decoration:none; 	
}
a:visited{
	color:black;
}

img {
  border: 0px;
}


#main{
  position:relative;
  left: 0px;
  top: 0px;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}

* html #main{
  
}

#bottomSpacer{
  clear: both;
  height: 140px;
}



/* ---------------------- */


  #top{
		width: 900px;		
		height: 58px;	

		
  }
  
    #logo{
      position: absolute;
      left: -22px;
    }
    
    #navi{
      position: relative;
      left: 467px;
      top: 30px;
    }
    
      .navField{
        position: relative;
        left: 0px;
        top: 0px;
        float: left;
        margin-right: 10px;
        width: 70px;
        height: 28px;
        background-color: #a1c038;
      }
      
      .tech{
        position: relative;
        left: 0px;
        top: 0px;
        float: left;
        margin-right: 10px;
        width: 70px;
        height: 28px;
        background-color: #21426b;        
      }
      
      * html .navField{
        
      }
      
      .navFieldSelect{
        position: relative;
        left: 0px;
        top: 0px;      
        float: left;
        margin-right: 10px;
        width: 70px;
        height: 28px;
        background-color: #454545;
      }
      
      #navi a {
        color: white;
      }
      
      #navi h2{
        margin-top: 8px;
        margin-left: 6px;
        font-size: 14px;
        font-weight: normal;
      }
      
      * html #navi h2 {
        
        margin: 0px;
        position: relative;
        left: 8px;
        top: 6px;
      }
      
    
    #revolution{
      position: absolute;
      right: -40px;
    }


/* ---------------------- */

  
  #content{
    position: relative;
    left: 0px;
    top: 70px;
  }
  
    #listContainer{
      margin: 0px;
      padding: 0px;
      float: left;
      position: relative;
      left: 60px;
      top: 0px;
      width: 350px;
    }
    
      #header h1{
        margin-top: 25px;
        margin-bottom: 30px;
        padding: 0px;
        color: white;
        font-size: 28px;
      }
      
      #filterContainer{
        position: absolute;
        left: -80px;
        top: 83px;
        text-align: right;
      }
      
        #filterContainer h3{          
          color: white;
          margin: 0px;
          margin-bottom: 5px;
          font-size: 16px;
          padding: 4px;
          border: 1px solid white;
          background-color: #777777;
        }
        
        #filterContainer h3.select{
          background-color: #a1c038;
        }
        
        #filterContainer li.select a{
          color: #a1c038;
        }
        
        #filterContainer ul{
          margin: 0px;
          padding: 0px;
          display: inline;
        }
        #filterContainer li{
          list-style-type: none;
        }
        #filterContainer a{
          color: white;
        }
        
      
      #lowerContainer{
        position: relative;
        left: 0px;
        top: 0px;
      }
      
        #lowerContainer .scrollUp{
          display: none;
          position: absolute;
          left: 312px;
          top: 0px;
          z-index: 10;
        } 
        
        #lowerContainer .scrollDown{
          display: none;
          position: absolute;
          left: 312px;
          bottom: 1px;
          z-index: 10;
        }
    
      #list{
        position: relative;
        left: 0px;
        top: 0px;
        margin-top: 0px;
        /*
        height: 450px;
        overflow: hidden;
        */
      }
      
        #list a:hover{
        	text-decoration:none; 	
        }
        
        .listHeader h3{
          color: white;
          font-size: 1em;
          margin-bottom: 10px;
        }
       
        .listItem{
          overflow: hidden;
          position: relative;
          left: 0px;
          top: 0px;
          width: 300px;
          background-color: #c1d733;
          border: 1px solid white;
          margin-bottom: 1px;
        }
        
        .listItemSelect{
          overflow: hidden;
          position: relative;
          left: 0px;
          top: 0px;
          width: 300px;
          border: 1px solid white;
          margin-bottom: 1px;
          background-color: #a1c038;
        }
        
        
          .thumbnail{
            margin-left: 3px;
            margin-top: 3px;
            margin-bottom: 3px;
          }
          .info{
            color: black;
            font-size: 1em;
            position: absolute;
            left: 75px;
            top: 4px;
            font-weight: normal;
            line-height: 1.1;
            padding-right: 3px;
          }
          .info h3{
            font-size: 1.2em;
            letter-spacing: 1px;
            margin: 0px;
            padding: 0px;
          }
          
      /* for products */
      
      #product #lowerContainer{
        left: -10px;
      }
      
      #product .scrollUp{
        left: 360px;
      }
      
      #product .scrollDown{
        left: 360px;
      }
        
      #product #list{
        width: 354px;
        background-color: white;
        padding-top: 10px;   
        padding-bottom: 7px;    
      } 
      
        #product .listItem{
          width: 330px;
          position: relative;
          left: 10px;
          margin-bottom: 3px;
        }
        
        #product .listItemSelect{
          width: 330px;
          position: relative;
          left: 10px;
          margin-bottom: 3px;
          background-color: #a1c038;
        }
          
 
    #detailContainer{
      float: left;
      position: relative;
      left: 100px;
      top: 0px;
      width: 425px;
      background-color: #FFFFFF;
      
    }
      #mediaContainer{
        position: relative;
        left: 0px;
        top: 0px;
        margin-left: 10px;
        margin-top: 14px;
        width: 405px;
        height: 228px;
        background-color: #FFFFFF;
      }
      
      #controlContainer{
        position: relative;
        left: 0px;
        top: 0px;
        margin-left: 10px;
        margin-top: 10px;
        padding-left: 20px;
        width: 385px;
        height: 70px;
        background-color: #a1c038;
        
      }
        .controlGroup{
          float: left;
          margin-top: 3px;
          margin-left: 18px;
        }
        
        * html .controlGroup {
          position: relative;
          left: -20px;
        }
        
        #link{
          position: absolute;
          right: 5px;
          top: 5px;
        }
        
      #textContainer{
        position: relative;
        left: 0px;
        top: -12px;
        width: 405px;
        margin-left: 10px;
        margin-top: 0px;
        background-color: #c1d733;
        padding-bottom: 30px;
      }
        #innerContainer{
          position: relative;
          left: 0px;
          top: 0px;
          width: 330px;          
          padding-left: 48px;
          padding-top: 30px;
        }
          #text{
            width: 300px;
            /*
            height: 200px;
            overflow: hidden; 
            */
            font-size: 1em;
          }
          
            #text h2{
              font-size: 1.4em;
              margin-top: 0px;
              margin-bottom: 8px;
            }
            #text h3{
              font-size: 1.2em;
              margin-bottom: 10px;
            }
            
            
          #innerContainer .scrollUp{
            display: none;
            position: absolute;
            left: 360px;
            top: 30px;
          }
          
          #innerContainer .scrollDown{
            display: none;
            position: absolute;
            left: 360px;
            bottom: 0px;
          }
      
/* contact ---------------------------- */


  #adressContainer{
    float: left;
  
    width: 300px;
    position: relative;
    left: -30px;
    top: 0px;
    margin-top: 100px;
    margin-left: 100px;
    
    color: black;
    font-size: 15px;
    line-height: 1.2;
  }
  
  * html #adressContainer{
    margin-left: 50px;
  }
    
      .white{
        color: white;
      }
      
      .adressBlock{
        float: left;
        margin-right: 30px;
      }
      
      #map{
        position: relative;
        right: 0px;
        top: 0px;
        margin-top: 20px;
        float: right;
      }
    
   #messageContainer{
    float: left;
    width: 300px;
    position: relative;
    left: 0px;
    top: 0px;
    margin-top: 100px;
    margin-left: 100px;
   }
   
    #mails{
      margin-bottom: 10px;
    }
    
    .form-row{
      float: left;
      margin-bottom: 10px;
    }
    
      .content{
  
      }
      
      .form-row input{
        width: 300px;
        border: 1px solid #ddd;
      }
      
      .form-row textarea{
        width: 300px;
        border: 1px solid #ddd;
      }
      
      .message h2{
        font-size: 12px;
        color: #000000;
      }
      
      #submit{
        position: relative;
        right: 0px;
        top: 0px;
        float: right;
      }
      
      
    #aesthetic{
      clear: both;
      color: #000;
      padding-top: 40px;
      position: relative;
      left: 0px;
      top: 0px;
      font-size: 16px;
      letter-spacing: 0px;
      text-align: center;
      font-weight: normal;
    }