html {
		font-family:Verdana, serif;
		font-size:13px;
		background:#4c4c4c;
		background-image:url(../design/template/bg.jpg);
		background-repeat:repeat-y;
		background-position:left top;
		color:#747474;
		margin:0px;
		padding:0px;
		}

	body {
		margin:0px;
		padding:0px;
		}
	
	

	#screen {
		width:900px;
		background:transparent url(../design/template/bgflower.jpg) no-repeat;
		padding-top:35px;
		}


	#pages {
		width:800px;
		margin-left:194px;
		float:left;
		}

	#flyer {
		position:absolute;
		top:1px; left:200px;
		background:#000 url(../design/flyer/voop24.jpg) no-repeat;
       		background-position: 1px 1px;
       		background-repeat: no-repeat;
       		width: 417px;
      		height:539px;
		z-index:5;
		}

     .pic-navi{
	position:relative;
        padding-top:2px;
        width:200px;
	border:0px solid #fff;
	float:left;
     }
    .pic-navi a img{
       width:200px;
       padding:0px;
       margin-bottom:5px;
	border:none;
	background:transparent url(../design/name/leer.png);
    }

    .pic-navi a:hover img{
       border:0px solid #000000;
    }
    div.pic-navi a{
       padding:0;
       margin:0;
    }
    div.pic-navi a span {
       display: none;
       color:#ff0000;
    }
    div.pic-navi a:hover{
       color: #411;
       padding:0;
       margin:0;
    }


   div.pic-navi a:hover span{
       display: block;
       position: absolute;
	top:1px; left:200px;
       width: 417px;
       height:539px;
       z-index: 100;

       /* aussehen der box */
       color: #858445;
       font: 0.92em verdana, sans-serif;
       text-align: left;
       border:0px solid #cfcfcf;
       float:right;

       /* position des hintergrund */
       background-color:#000;
       background-position: 1px 1px;
       background-repeat: no-repeat;
   }
   a#pic1:hover span{background-image:url(../design/flyer/culor.jpg);}
   a#pic1a:hover span{background-image:url(../design/flyer/culor.jpg);}
   a#pic2:hover span{background-image:url(../design/flyer/service4y.jpg);}
   a#pic3:hover span{background-image:url(../design/flyer/ebay4y.jpg);}
   a#pic4:hover span{background-image:url(../design/flyer/tarife4y.jpg);}
   a#pic5:hover span{background-image:url(../design/flyer/reisen4y.jpg);}
   a#pic6:hover span{background-image:url(../design/flyer/handys4y.jpg);}
   a#pic7:hover span{background-image:url(../design/flyer/kunst4y.jpg);}
   a#pic8:hover span{background-image:url(../design/flyer/shop4y.jpg);}
   a#pic9:hover span{background-image:url(../design/flyer/schmuck4y.jpg);}
   a#pic10:hover span{background-image:url(../design/flyer/erotik4y.jpg);}

   a#pic100:hover span{background-image:url(../design/flyer/impressum.jpg);}

  




















	#bottom {
		font-size:10px;
		color:#747474;
		padding:20px;
		}

#bottom a:link{color:#747474; text-decoration:none;font-style:italic;}
#bottom a:visited{color:#747474; text-decoration:none;font-style:italic;}
#bottom a:hover{color:#202020; text-decoration:none;font-style:italic;}
#bottom a:active{color:#747474; text-decoration:none;font-style:italic;}



	#counter {
		width:1px;
		height:1px;
		overflow:hidden;
		font-size:1px;
		}


	#keywords {
		width:1px;
		height:1px;
		overflow:hidden;
		font-size:1px;
		}

	#hidelinks {
		width:1px;
		height:1px;
		overflow:hidden;
		font-size:1px;
		}