/* CSS Document */

body { 
   background-color: #ffffff;
   padding: 0; 
   margin: 0; 
   }

body, a, p, p.list, p.small, h1, h2, h3, h4 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   }

p {
   line-height: 200%;
   margin-top: 0px;
   margin-right: 0px;
   margin-left: 0px;
   margin-bottom:5px;
   color: #696969;
   font-size: 11px;
   }
   
p.small {
   margin-top: 3px;
   margin-right: 0px;
   margin-left: 0px;
   margin-bottom:10px;
   padding-bottom:5px;
   line-height:120%;
   color: #696969;
   font-size: 10px;
   }
   
p.list {
   margin-top: 0px;
   margin-right: 0px;
   margin-left: 0px;
   padding-bottom:5px;
   line-height: 150%;
   color: #696969;
   font-size: 11px;
   margin-bottom:0px;
   }
   
h1, h2, h3, h4 {
   line-height: 150%;
   margin-right: 0px;
   margin-left: 0px;
   }
   
h1 {
   color: #666600;
   font-size: 16px;
   margin-top: 0px;
   margin-bottom:0px;
   }
   
h2 {
   color: #666600;
   font-size: 13px;
   margin-top: 5px;
   margin-bottom:5px;
   }
   
h3 {
   color: #666600;
   font-size: 11px;
   font-weight: bold;
   margin-top: 5px;
   margin-bottom:10px;
   }
   
h4 {
   color: #666600;
   font-size: 11px;
   font-weight: normal;
   margin-top: 5px;
   margin-bottom:5px;
   }
   
a, a:link, a:hover {
   text-decoration: none;
   color: #666600;
   font-size: 11px;
   margin-bottom:5px;
   }

a:active, a:focus {
    text-decoration: none;
    outline: none;
	color: #666600;
	}
	
a.underline {
    text-decoration: underline;
	outline: none;
	color: #666600;
	}
	
#main {
    position: absolute;
    height: 600px;
    width: 955px;
    left: 50%;
    top: 50%;
    margin-left: -478px;
    margin-top: -300px;
    }

#logo {
    position: absolute;
    height: 72px;
    width: 244px;
    left: 50%;
    top: 50%;
    margin-left: -478px;
    margin-top: -275px;
	background-image: url(gifs/logo.gif);
	background-repeat: no-repeat;
    }

#navi1 {
    position: absolute;
    height: 12px;
    width: 574px;
	left: 50%;
    top: 50%;
	margin-left: -135px;
    margin-top: -222px;
	background-color: #FFFFFF;
    }

#navi1 ul {
    list-style-type: none;
	margin: 0; 
	padding: 0;
	text-indent: -9999px;
	}

#navi1 li {
    display: inline;
    line-height: 30px;
	}

#navi2 {
    position: absolute;
    height: 360px;
    width: 173px;
    left: 50%;
    top: 50%;
    margin-left: -409px;
    margin-top: -120px;
	background-color: #FFFFFF;
	border-top: 1px solid #999999;
	}
	
#navi2 ul {
    list-style-type: none;
	margin: 0; 
	padding: 0;
	text-indent: -9999px;
	}
	
#navi2 li {
    display: block;
	}
	
#content {
    position: absolute;
    height: 360px;
    width: 292px;
    left: 50%;
    top: 50%;
    margin-left: -135px;
    margin-top: -131px;
	}
	
#content ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
	}
	
#content li {
    background-image: url(gifs/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0% 15%;
	padding-left: 10px;
	}
	
#referenzen {
    position: absolute;
    height: 370px;
    width: 300px;
    left: 50%;
    top: 50%;
    margin-left: -135px;
    margin-top: -131px;
	overflow:auto;
    }
	
#referenzen ul {
    list-style: none;
    margin-right: 10px;
	margin-left: 0px;
    padding: 0px;
	}
	
#content2 {
    position: absolute;
    height: 75px;
    width: 173px;
    left: 50%;
    top: 50%;
    margin-left: -409px;
    margin-top: 158px;
	} 
	
#picture {
    position: absolute;
    height: 360px;
    width: 217px;
    left: 50%;
    top: 50%;
    margin-left: 222px;
    margin-top: -120px;
	}

.home {
    display: block;
    float: left;
    width: 37px;
    height: 12px;
    margin-right: 66px;
    background-image: url(gifs/home_mo.gif);
    background-repeat: no-repeat; 
	}
	
.home img {
    display:block;
	border:0;
	}
	
.home:hover img {
    visibility: hidden;
  }
	
.home:active img {
    visibility: hidden;
  }
	
.leistungen {
    display: block;
    float: left;
    width: 69px;
    height: 12px;
    margin-right: 66px;
    background-image: url(gifs/leistungen_mo.gif);
    background-repeat: no-repeat; 
	}
	
.leistungen img {
    display:block;
	border:0;
	}
	
.leistungen:hover img {
    visibility: hidden;
  }	
	
	
.angebote {
    display: block;
    float: left;
    width: 64px;
    height: 12px;
    margin-right: 66px;
    background-image: url(gifs/angebote_mo.gif);
    background-repeat: no-repeat;   
	}
	
.angebote img {
    display:block;
	border:0;
	}
	
.angebote:hover img {
    visibility: hidden;
  }	
	
.referenzen {
    display: block;
    float: left;
    width: 70px;
    height: 12px;
    margin-right: 66px;
    background-image: url(gifs/referenzen_mo.gif);
    background-repeat: no-repeat; 
    }
	
.referenzen img {
    display:block;
	border:0;
	}
	
.referenzen:hover img {
    visibility: hidden;
  }	
	
.impressum {
    display: block;
    float: left;
    width: 67px;
    height: 12px;
    margin-right: 0px;
    background-image: url(gifs/impressum_mo.gif);
    background-repeat: no-repeat; 
	}
	
.impressum img {
    display:block;
	border:0;
	}
	
.impressum:hover img {
    visibility: hidden;
  }	

.webdesign {
    display:block;
    width: 173px;
    height: 12px;
    margin-right: 0px;
	margin-top:15px;
	padding-bottom:15px;
    background-image: url(gifs/webdesign_mo.gif);
    background-repeat: no-repeat;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #999999;
	}
	
.webdesign img {
    display:block;
	border:0;
	}
	
.webdesign:hover img {
    visibility: hidden;
    }		


.suchmaschinenoptimierung {
    display:block;
    width: 173px;
    height: 12px;
    margin-right: 0px;
	margin-top:15px;
	padding-bottom:15px;
    background-image: url(gifs/suchmaschinenoptimierung_mo.gif);
    background-repeat: no-repeat;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #999999;
	}
	
.suchmaschinenoptimierung img {
    display:block;
	border:0;
	}
	
.suchmaschinenoptimierung:hover img {
    visibility: hidden;
    }	
	
.grafik {   
    display:block;
    width: 173px;
    height: 12px;
    margin-right: 0px;
	margin-top:15px;
	padding-bottom:15px;
    background-image: url(gifs/grafik_mo.gif);
    background-repeat: no-repeat;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #999999;
	}
	
.grafik img {
    display:block;
	border:0;
	}
	
.grafik:hover img {
    visibility: hidden;
  }	
	
.fotografie {
    display:block;
    width: 173px;
    height: 12px;
    margin-right: 0px;
	margin-top:15px;
	padding-bottom:15px;
    background-image: url(gifs/fotografie_mo.gif);
    background-repeat: no-repeat;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #999999;
	}
	
.fotografie img {
    display:block;
	border:0;
	}
	
.fotografie:hover img {
    visibility: hidden;
  }	
	
.visitenkarte {
    display:block;
	width: 173px;
    height: 12px;
    margin-right: 0px;
	margin-top:15px;
	padding-bottom:15px;
    background-image: url(gifs/visitenkarte_mo.gif);
    background-repeat: no-repeat;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #999999;
	}
	
.visitenkarte img {
    display:block;
	border:0;
	}
	
.visitenkarte:hover img {
    visibility: hidden;
  }	


.basic {
    display:block;
    width: 173px;
    height: 12px;
    margin-right: 0px;
	margin-top:15px;
	padding-bottom:15px;
    background-image: url(gifs/basic_mo.gif);
    background-repeat: no-repeat;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #999999;
	}
	
.basic img {
    display:block;
	border:0;
	}
	
.basic:hover img {
    visibility: hidden;
  }	
	
.standard {
    display:block;
    width: 173px;
    height: 12px;
    margin-right: 0px;
	margin-top:15px;
	padding-bottom:15px;
    background-image: url(gifs/standard_mo.gif);
    background-repeat: no-repeat;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #999999;
	}
	
.standard img {
    display:block;
	border:0;
	}
	
.standard:hover img {
    visibility: hidden;
  }	
  	
.individuell {
    display:block;
    width: 173px;
    height: 12px;
    margin-right: 0px;
	margin-top:15px;
	padding-bottom:15px;
    background-image: url(gifs/individuell_mo.gif);
    background-repeat: no-repeat;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #999999;
	}
	
.individuell img {
    display:block;
	border:0;
	}
	
.individuell:hover img {
    visibility: hidden;
  }	
	
.Stil2 {color: #666600}