body {
	background: white url(back.jpg);
        font-family: Arial, Helvetica, sans-serif;
        font-size:12px;
        color:black;
        text-align: center;
 
}

#main1 
{
      width: 1000px;
      margin: 0 auto;
      text-align: center;
}

#main 
{
      float:left;
      width: 750px;
      height: 710px;
      margin: 1em;
      text-align: center;
      border:1px solid black;
      background: url(back_main.jpg);
}

#left 
{
      float:left;
      width: 300px;
      margin-left: 10px;
     
}


#right 
{
      float:right;
      width: 415px;
      text-align: right;
      margin-right: 10px;
}

#right2 
{
      width: 400px;
      float:right;
      text-align: left;
      border: 1px outset #ccc;
      padding-bottom: 10px;
}

#navioben 
{
      width: 415px;
      line-height: 30px;
      font-weight: bold;
      
}

#welcome 
{
      width: 400px;
      text-align: left;
      float: right;
      border: 1px outset #ccc;
      margin-top: 10px;
      padding-bottom: 6px;
      
}

#hotline 
{
      width: 388px;
      height: 100px;
      text-align: left;
      border: 1px outset #ccc;
      margin-top: 10px;
      margin-left: 5px;
      background: url(grafik/hotline.jpg) no-repeat right;
      font-size:120%;
      font-weight: bold;
      color: #33f;
      
}

#angebot
{
      width: 290px;
      text-align: left;
      border: 1px outset #ccc;
      margin-top:10px;
      padding:5px;
      
}

.angebot
{
      width: 70px;
      float: left;
      text-align: left;
      padding:5px;
      
}

#footer {
        width:750px;
        text-align: center;
        font-size: 80%;
        line-height: 20px;
        margin: 1em;
        clear: both;
        background: #bbb;
        border: 1px solid black;
}

.border {border: 1px outset #000080;}

table {font-size: 1em;}

.ueber {padding-left:3px;font-weight:bold;}

.welcome {font-size:1.4em;font-weight:bold;margin-top:6px;}

hr {width:90%;text-align: center; border: 1px solid #ccc;}

h1 {font-size:170%; margin-top: 3px;margin-left:5px;color: #33f;margin-bottom: 0px;}

h2 {font-size:120%; margin:3px 0 0 5px;color: #33f;}

h3 {font-size:130%; margin-top: 0px;margin-left:5px;color: #33f;}

p {margin:5px;}

A:link {color: #000080; text-decoration: none;} 
A:visited {color: #000080; text-decoration: none;}
A:active {color: #666; text-decoration: none;}
A:hover {color: #666; text-decoration: none;}
A.black:link {color: #000080; text-decoration: none;} 
A.black:visited {color: #000080; text-decoration: none;}
A.black:active {color: black; text-decoration: none;}
A.black:hover {color: black; text-decoration: none;}

.navi
{
      widht: 200px;
      line-height:30px;
      background: url(navi.gif) no-repeat;
      text-align: left;
      padding-left: 70px;
      margin-left:50px;
      font-size:120%;
      font-weight: bold;
}

.navi2
{
      widht: 200px;
      line-height:30px;
      background: url(navi2.gif) no-repeat;
      text-align: left;
      padding-left: 70px;
      margin-left: 50px;
      font-size:120%;
      font-weight: bold;

}

.cleaner
{
      clear:both;
      height:5px;
}


 .klein
{
      font-size: 90%;
}   

#pop
{
      float:left;
      text-align: center;
}

#pop1
{
      width: 200px;
      height: 223px;
      margin-top: 1em;
      background: url(back_main.jpg);
      border: 1px solid black;
}

#pop2
{
      width: 200px;
      height: 473px;
      margin-top: 1em;
      background: url(back_main.jpg) bottom;
      border: 1px solid black;
}

#pop3
{
      width: 200px;
      height: 223px;
      margin-top: 1em;
      background: url(back_main.jpg) bottom;
      border: 1px solid black;


}

.pop-angebot
{
      width: 200px;
      top: 20px;
      height: 70px;
      text-align: left;
      margin-top: 13px;
      font-size:110%;
      font-weight: bold;
      color: #535353;
}

.pop-pic
{
      float:left;
      width: 64px;
      text-align: center;
      margin-right: 4px;
}

.help
{
      width: 100%;
      text-align: center;
      font-size: 10px;
      
}

.link
{
        background: url(grafik/link.gif) no-repeat left;
        padding-left: 17px;
        font-weight: bold;
}

.flash
{
        float: right;
        width: 400px;
        height: 300px;
        border: 1px outset #000080;
}

.garantie {margin:5px 0 0 5px;border: 1px outset #ccc;}