/* ====================================
Stylesheet "autokosmetik-direkt.de"

Stand: Skript
Datei: basic.css
Datum: 10.02.2009
Autor: EP

Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
        3. Styles für Layoutbereiche
        4. navigation/sidebar/submenue
        5. index
        6. uebermich
        7. leistungen
        8. abwicklung
        9. preise
        10. kontakt
        11. impressum
        12. disclaimer/abb/agb
=======================================*/

/* =========================================
   1. Kalibrierung
   ========================================= */
*  {
    padding: 0;
    margin: 0;
    }

/* =========================================
   2. Allgemeine Seiten-Styles
   ========================================= */
body  {
      font-size: 95%;
      color: #933d1c;
      font-family: Verdana, Arial, "Trebuchet MS", Sans-Serif;
      background-color: #F1C0B1; 
      text-align: center;   /*  Zentrierung f. Internet Explorer < Version 7  */
      background-image: url(bg.jpg);
	  background-position: left -10px;
      background-repeat: repeat-x;
	  
      }
#wrap {
      width: 970px;
	  height: auto;
	  background-image: url(nav.jpg);
      background-position: left top;
      background-repeat: repeat-y;
      background-color: #fff;
      text-align: left;
      margin: 0 auto;
      }
#wrap_a {
      width: 1000px;
	  height: auto;
	  background-image: url(nav.jpg);
      background-position: left top;
      background-repeat: repeat-y;
      background-color: #fff;
      text-align: left;
      margin: 0 auto;
      }
#header {
        width: 970px;
        height: 180px;
		text-align: center;
		border: 0 solid #fff;
		border-width: 1px 0 1px 0;
        }
#header_a {
        width: 1000px;
        height: 180px;
		text-align: left;
		border: 0 solid #fff;
		background: #E99579;
		border-width: 1px 0 1px 0;
        }
#streep{
        width: 970px;
        height: 10px;
        background: #E99579 url(nav.jpg) repeat-y top left;
        border-bottom: 1px solid #fff;
		}
#streep_a{
        width: 1000px;
        height: 10px;
        background: #E99579 url(nav.jpg) repeat-y top left;
        border-bottom: 1px solid #fff;
		}
#streep_d
{
clear: both;
        width: 970px;
        height: 10px;
		background: #E99579 url(nav.jpg) repeat-y top left;
        border: 0 solid #fff;
		border-width: 1px 0 1px 0;
		}
#streep_d_a
{
clear: both;
        width: 1000px;
        height: 10px;
		background: #E99579 url(nav.jpg) repeat-y top left;
        border: 0 solid #fff;
		border-width: 1px 0 1px 0;
		}
#navi {
float: left;
      width: 180px;
	  background-image: url(nav.jpg);
      background-position: right top;
      background-repeat: repeat-y;
      border: none;
      }
        
#content {
		float: right;
          width: 790px;
		  }
#content_a	{
			float: right;
			width: 820px;
			}
#footer {
        width: 970px;
        height: 35px;
		background: #fff;
        text-align: center;
        }
#footer address	{
				font-size: 0.8em;
				}
#footer_a {
        width: 1000px;
        height: 45px;
		background: #fff;
        text-align: center;
        }
/* =========================================
   3. Allgemeine Markup-Styles
   ========================================= */
h1  {
    font-size: 1.4em;
	letter-spacing: 0.05em;
    text-decoration: underline;
    margin: 20px;
    }
h2 {
    font-size: 1em;
    letter-spacing: 0.05em;
	text-decoration: underline;
    margin: 20px 0 10px 20px;
    }
h3	{
	font-size: 0.9em;
	margin: 20px 0 10px 20px;
	}
h4, h5, h6  {
                font-size: 0.9em;
                margin: 15px 0 10px 40px;
                }

p {
font-size: 0.8em;
  padding: 0 50px 10px 20px;
  }
a {
  text-decoration: none;
  }
blockquote	{
			font-size: 95%;
      color: #933d1c;
      font-family: Verdana, Arial, "Trebuchet MS", Sans-Serif;
			}
address {
       padding: 10px;
        }

/* =========================================
   4. Navigation
   ========================================= */
#header a	{
			display: block;
			text-decoration: none;
			border-style: none;
			outline: none;
			}
#header_a a	{
			display: block;
			text-decoration: none;
			border-style: none;
			outline: none;
			}
#header img	{
			border: none;
			}
#header_a img	{
			border: none;
			}
#navi ul  {

 
          list-style-type: none;
          font-size: 1em;
          font-weight: 700;
         color: #800040;
          padding: 20px 0 0 35px;
          }
#navi li a{
			display: block;
			border-bottom: 1px dotted #800040;
			padding: 15px 10px;
           }
#navi li a.active	{
					background: #fff; 
					}
a:link  {
        color: #800040;
        
        }
a:visited {
          
         color: #800040;
          }

a:hover,
a:focus,
a:active {
        
        background: #f8e9e2; /*  helles beige*/
        }
#navi p	{
		font-size: 0.9em;
		text-decoration: none;
		padding: 150px 10px 20px 35px;
		}
#navi p a	{
			text-decoration: none;
			border: none;
			} 
			

/* =========================================
   5. index
   ========================================= */


#roundcorner  {

              width: 790px;
			  height: 330px;
			  margin: 0 0 60px 0;
			  }
#box	{
		width: 620px;
		height: 330px;
		border: 1px solid #7a3c3d;  /* braun */
		margin: 45px 0 0 50px;
		}
#roundcorner h3{
				line-height: 2em;
				letter-spacing: 0.1em; 
				text-align: center;
                background: #f8e9e2; /*  helles beige */
				border-bottom: 1px solid #7a3c3d;  /* braun */
                margin: 0;
				}
#roundcorner p {

                font-size: 0.8em;
                padding: 5px 15px 10px 20px;
                margin: 0;
				position: relative;
				top: -250px;
				
				}
#roundcorner img {
position: relative;
width: 500px;
height: 266px;
left: 100px;
margin: 20px 0 0 0;

				} 
   
           
      
/* =========================================
   6. Galerie
   ========================================= */

/* =========================================
   7. Leistungen
   ========================================= */
ul  {
	font-size: 0.8em;
	padding: 0 0 10px 80px;
	}
#box_lei	{
		width: 300px;
		height: 99px;
		border: 1px solid #7a3c3d;  /* braun */
		margin: 35px 0 35px 200px;
			}
#box_lei h3{
				line-height: 2em;
				letter-spacing: 0.1em; 
				text-align: center;
                background: #f8e9e2; /*  helles beige */
				border-bottom: 1px solid #7a3c3d;  /* braun */
                margin: 0;
				}
#box_lei>ul	{
			padding: 10px 0 10px 40px;
			}
			
dl	{
				padding: 10px 52px;
				}
dl dt	{
				font-size: 1.2em;
				font-variant: small-caps;
				font-weight: bold;
				text-decoration: underline;
				letter-spacing: 0.1em;
				padding-bottom: 5px;
				}
dl dd	{
font-size: 0.8em;
		padding-bottom: 15px;
		}
.ad	{
background: #fff;
		padding: 20px 100px; 
		}
		
.adl	{
background: #fff;
		padding: 20px;
		}
                
/* =========================================
   8. results
   ========================================= */
#cse-search-results	{
					padding: 0 10px;
					}
/* =========================================
   9. preise
   ========================================= */

/* =========================================
   10. kontakt
   ========================================= */
form  {
      width: 550px;
      padding: 30px 30px 0 120px;
      }
legend {
position: absolute;
top: -.8em;
left: .2em;
display: block;
        font-weight: bolder;
        font-size: 120%;
        border: 1px solid #7a3c3d;  /* braun */
        color: #7a3c3d;  /* braun */
        background-color: #fff;
        margin: 0 15px;
        padding: 3px;
        }

#person label {
              display: block;
             }

fieldset {
position: relative;
border: 1px solid #7a3c3d;  /* braun */
          background: #f8e9e2; /*  helles beige */
          margin: 10px 0px 0 20px;
		  padding: 30px
          }
textarea {
          width: 365px;
          height: 125px;
          margin: 15px 20px;
          }
.data	{
		padding: 10px 50px 20px 20px
		}
.reset {
        width: auto;
        }
.submit	{
		width: 80px;
		margin-left: 150px;
		}
input:focus	{
			background: #ffffcc;
			}
.kontakt	{
			font-size: 0.7em;
  			padding: 0 50px 10px 20px;
			}

/* =========================================
   11. impressum
   ========================================= */
#content>address {
        font-size: 0.9em;
        padding: 0 0 20px 20px;
        }