/* 
    Document   : my
    Created on : 18.07.2012, 09:24:28
    Author     : markus
    Description:
        Purpose of the stylesheet follows.
*/

#htframe {
    width: 100%;
    
    text-align: center;
}
    
h1 {
    font-size: 38px;
    float: left;
}

#container {
    max-width: 1024px;
    margin-right: auto;
    margin-left: auto;
    border-width: 0px;
    border-style: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: rgb(0, 0, 0);
    cursor: default;
    background-color: rgb(242, 242, 242);
    text-align: center;

}

#header {
    width: 100%;
    height: 120px;
    margin-top: 10px;
    margin-bottom: 0px;
    border-bottom: 0px none rgb(51, 51, 51);
    padding: 0px;
}

#header img {
    border: medium none;
    text-align: justify;
    cursor: default;
    margin: 0px;
    padding: 0px;
    float: left;
}

#logospace {
    height: 100px;
    top: 0px;
    left: 0px;
    margin-right: 32px;
    margin-left: 32px;
    border-bottom: 1px dashed rgb(150, 150, 150);
    
    width: 960px;
    margin-top: 3px;
    padding-top: 10px;
}



#contentContainer {
    width: 100%;

}

#caption{
    /*color: rgb(180, 140, 100);*/
    color: rgb(220,0,0);
    float: left;
}


#imageContainer{
    width: 55%;
    text-align: left;
    margin: 0px;
    float: left;
}

#imageContent{
    margin: 15px;
}

#textContainer{
    width: 45%;
    text-align: left;
    margin: 0px;
    float: left;
}

#artikelbeschreibung{
    margin: 15px;
}

#ring_messen {
    margin: 15px;
}

#lieferung_versand {
    margin: 15px;
}

#kontakt {
    margin: 15px;
}

#phone {
    float: right;
    top: 50px;
    position: relative;
    font-size: 20px
}

h2{
    color: rgb(50, 50, 200);
    text-align: center;
    font-family: monospace;
}

.spacer {
    width: 100%;
    height: 20px;
}

.clear {
    clear: both;
}

@media only screen and (max-width:1024px) {
  /* For mobile phones: */
  #container {
    width:100%;
  }
  #logospace {
    width: 90%;
    height: 120%;
    margin-right: 5%;
    margin-left: 5%;
  }
  #imageContainer{
    width: 100%;
  }
  #textContainer{
    width: 100%;
  }
  #phone {
    float: left;
  }
  img {
    max-width: 100%;
  }
}