body{
	font-family: Helvetica, Arial, sans serif;
}

.nav{
	padding: 20px 0;
	position: fixed;
	left: 20px;
	opacity: 1;
	-webkit-animation: menu-in infinite;
	-webkit-animation-duration:0.5s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function: ease-out;	
}

.nav a{
	text-decoration: none;
	color: rgba(0,0,0,1);
	text-transform: uppercase;
	font-size: 11px; 
}

.nav a:after{
	content: '';
	margin: 2px 2px 3px 6px;
	display: inline-block;
	width: 2px;
	height: 2px;
	border-radius: 10px;
	background: red;
}

.nav a:last-child:after{
	content: none;
}

.nav a:hover{
	color: rgba(0,0,0,.4);
}

.clear{
	clear:both;
}

#wrapper{
	clear: both;
	width: 7350px;
	width: 10000px;
	margin-top: -17px;
}

.section{
	height: 440px;
	width: 946px;	
	float: left;
	box-shadow: inset -7px 0px 0px rgba(255,255,255,1); 
}

#impressum, #kontakt, .gallery{
	padding: 30px;
	text-align: justify;	 
	font-size: 12px;
	background: #d3d3de;
	text-shadow: 1px 0 0 rgba(255,255,255,.15);
	line-height: 18px;
	float: left;
}

.gallery{
	background: #fff;
	position: relative;	
}

#boys_and_girls h1{
	background: url('../images/boys_and_girls.png')no-repeat;
	width: 451px;
	height: 91px;
	text-indent: -9999px;
	position: absolute;
}

#time h1{
	background: url('../images/time.png')no-repeat;
	width: 451px;
	height: 91px;
	text-indent: -9999px;
	position: absolute;
}

#accessories_jewels h1{
	background: url('../images/accessories_jewels.png')no-repeat;
	width: 451px;
	height: 91px;
	text-indent: -9999px;
	position: absolute;
}

#style_luxe h1{
	background: url('../images/style_luxe.png')no-repeat;
	width: 451px;
	height: 91px;
	text-indent: -9999px;
	position: absolute;
}

#fish_and_stills h1{
	background: url('../images/fish_and_stills.png')no-repeat;
	width: 451px;
	height: 91px;
	text-indent: -9999px;
	position: absolute;
}

.gallery div.erste, .gallery div.zweite, .gallery div.drite{
	position: absolute;
	overflow: hidden;
}

.gallery div.erste{
	right: 0;
	top: 30px;
}

.gallery div.zweite{
	right: 0;
	top: 206px;
}

.gallery div.drite{
	right: 0;
	bottom: 0px;
}

.gallery div a{
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}

/*fish_and_stills*/
a.titus{background: url('../photos/fish_and_stills/min/titus.jpg') no-repeat; width: 81px; height: 113px;} a.titus:hover{background: url('../photos/hover/titus.jpg') no-repeat;}
a.octopus{background: url('../photos/fish_and_stills/min/octopus.jpg') no-repeat; width: 119px; height: 113px;} a.octopus:hover{background: url('../photos/hover/octopus.jpg') no-repeat;}
a.ai{background: url('../photos/fish_and_stills/min/04_014.jpg') no-repeat; width: 126px; height: 113px;} a.ai:hover{background: url('../photos/hover/04_014.jpg') no-repeat;}
a.bi{background: url('../photos/fish_and_stills/min/01_005.jpg') no-repeat; width: 114px; height: 113px;} a.bi:hover{background: url('../photos/hover/01_005.jpg') no-repeat;}
a.ci{background: url('../photos/fish_and_stills/min/03_001.jpg') no-repeat; width: 177px; height: 113px;} a.ci:hover{background: url('../photos/hover/03_001.jpg') no-repeat;}
a.di{background: url('../photos/fish_and_stills/min/01_001.jpg') no-repeat; width: 158px; height: 113px;} a.di:hover{background: url('../photos/hover/01_001.jpg') no-repeat;}
a.ei{background: url('../photos/fish_and_stills/min/01_002.jpg') no-repeat; width: 170px; height: 113px;} a.ei:hover{background: url('../photos/hover/01_002.jpg') no-repeat;}
a.fi{background: url('../photos/fish_and_stills/min/01_004.jpg') no-repeat; width: 165px; height: 113px;} a.fi:hover{background: url('../photos/hover/01_004.jpg') no-repeat;}
a.gi{background: url('../photos/fish_and_stills/min/01_003.jpg') no-repeat; width: 76px; height: 113px;} a.gi:hover{background: url('../photos/hover/01_003.jpg') no-repeat;}
a.nhi{background: url('../photos/fish_and_stills/min/crabe15-klein_1.jpg') no-repeat; width: 139px; height: 113px;} a.nhi:hover{background: url('../photos/hover/sw-fur-crabe15-klein Kopie_1.jpg') no-repeat;}

/*accessories_jewels*/
a.noi{background: url('../photos/accessories_jewels/min/lucie-1-15-klein_1.jpg') no-repeat; width: 83px; height: 113px;} a.noi:hover{background: url('../photos/hover/sw-lucie-1-15-klein_1.jpg') no-repeat;}
a.hi{background: url('../photos/accessories_jewels/min/02_004.jpg') no-repeat; width: 80px; height: 113px;} a.hi:hover{background: url('../photos/hover/04_003.jpg') no-repeat;}
a.ji{background: url('../photos/accessories_jewels/min/03_007.jpg') no-repeat; width: 200px; height: 113px;} a.ji:hover{background: url('../photos/hover/03_007.jpg') no-repeat;}
a.ii{background: url('../photos/accessories_jewels/min/04_005.jpg') no-repeat; width: 60px; height: 113px;} a.li:hover{background: url('../photos/hover/04_005.jpg') no-repeat;}
a.ki{background: url('../photos/accessories_jewels/min/04_006.jpg') no-repeat; width: 99px; height: 113px;} a.ki:hover{background: url('../photos/hover/04_006.jpg') no-repeat;}
a.li{background: url('../photos/accessories_jewels/min/04_009.jpg') no-repeat; width: 189px; height: 113px;} a.li:hover{background: url('../photos/hover/04_009.jpg') no-repeat;}
a.mi{background: url('../photos/accessories_jewels/min/04_010.jpg') no-repeat; width: 143px; height: 113px;} a.mi:hover{background: url('../photos/hover/04_010.jpg') no-repeat;}
a.ni{background: url('../photos/accessories_jewels/min/krauss.jpg') no-repeat; width: 113px; height: 113px;} a.ni:hover{background: url('../photos/hover/krauss.jpg') no-repeat;}
a.oi{background: url('../photos/accessories_jewels/min/ohrringe.jpg') no-repeat; width: 153px; height: 113px;} a.oi:hover{background: url('../photos/hover/ohrringe.jpg') no-repeat;}
a.pi{background: url('../photos/accessories_jewels/min/ring.jpg') no-repeat; width: 170px; height: 113px;} a.pi:hover{background: url('../photos/hover/ring.jpg') no-repeat;}
a.ri{background: url('../photos/accessories_jewels/min/ring_9farb.jpg') no-repeat; width: 151px; height: 113px;} a.ri:hover{background: url('../photos/hover/ring_9farb.jpg') no-repeat;}
a.si{background: url('../photos/accessories_jewels/min/ring_tulpe.jpg') no-repeat; width: 75px; height: 113px;} a.si:hover{background: url('../photos/hover/ring_tulpe.jpg') no-repeat;}

/*style_luxe*/
a.aai{background: url('../photos/style_luxe/min/bulgari.jpg') no-repeat; width: 75px; height: 113px;} a.aai:hover{background: url('../photos/hover/bulgari.jpg') no-repeat;}
a.abi{background: url('../photos/style_luxe/min/2219b.jpg') no-repeat; width: 71px; height: 113px;} a.abi:hover{background: url('../photos/hover/2219b.jpg') no-repeat;}
a.aci{background: url('../photos/style_luxe/min/04_017.jpg') no-repeat; width: 80px; height: 113px;} a.aci:hover{background: url('../photos/hover/04_017.jpg') no-repeat;}
a.adi{background: url('../photos/style_luxe/min/04_016.jpg') no-repeat; width: 145px; height: 113px;} a.adi:hover{background: url('../photos/hover/04_016.jpg') no-repeat;}
a.aei{background: url('../photos/style_luxe/min/04_015.jpg') no-repeat; width: 145px; height: 113px;} a.aei:hover{background: url('../photos/hover/04_015.jpg') no-repeat;}
a.afi{background: url('../photos/style_luxe/min/04_008.jpg') no-repeat; width: 174px; height: 113px;} a.afi:hover{background: url('../photos/hover/04_008.jpg') no-repeat;}
a.agi{background: url('../photos/style_luxe/min/04_007.jpg') no-repeat; width: 78px; height: 113px;} a.agi:hover{background: url('../photos/hover/04_007.jpg') no-repeat;}
a.ahi{background: url('../photos/style_luxe/min/04_004.jpg') no-repeat; width: 82px; height: 113px;} a.ahi:hover{background: url('../photos/hover/04_004.jpg') no-repeat;}
a.aii{background: url('../photos/style_luxe/min/04_003.jpg') no-repeat; width: 90px; height: 113px;} a.aii:hover{background: url('../photos/hover/04_003.jpg') no-repeat;}
a.aji{background: url('../photos/style_luxe/min/04_002.jpg') no-repeat; width: 78px; height: 113px;} a.aji:hover{background: url('../photos/hover/04_002.jpg') no-repeat;}
a.aki{background: url('../photos/style_luxe/min/04_001.jpg') no-repeat; width: 79px; height: 113px;} a.aki:hover{background: url('../photos/hover/04_001.jpg') no-repeat;}

/*time*/
a.z1{background: url('../photos/time/min/breitling_bentley.jpg') no-repeat; width: 169px; height: 113px;} a.z1:hover{background: url('../photos/hover/breitling.jpg') no-repeat;}
a.z2{background: url('../photos/time/min/hwm_krone.jpg') no-repeat; width: 113px; height: 113px;} a.z2:hover{background: url('../photos/hover/hwm.jpg') no-repeat;}
a.z3{background: url('../photos/time/min/04_012.jpg') no-repeat; width: 174px; height: 113px;} a.z3:hover{background: url('../photos/hover/04_012.jpg') no-repeat;}
a.z4{background: url('../photos/time/min/hwm_pt.jpg') no-repeat; width: 121px; height: 113px;} a.z4:hover{background: url('../photos/hover/hwm.jpg') right no-repeat;}
a.z5{background: url('../photos/time/min/iwc_boden.jpg') no-repeat; width: 156px; height: 113px;} a.z5:hover{background: url('../photos/hover/iwc_boden.jpg') right no-repeat;}
a.z6{background: url('../photos/time/min/glashuette_pt.jpg') no-repeat; width: 121px; height: 113px;} a.z6:hover{background: url('../photos/hover/glashuette_pt.jpg') no-repeat;}
a.z7{background: url('../photos/time/min/silverstone.jpg') no-repeat; width: 89px; height: 113px;} a.z7:hover{background: url('../photos/hover/silverstone.jpg') right no-repeat;}
a.z8{background: url('../photos/time/min/tensus_gold.jpg') no-repeat; width: 127px; height: 113px;} a.z8:hover{background: url('../photos/hover/tensus_gold.jpg') no-repeat;}
a.z9{background: url('../photos/time/min/graham_pt.jpg') no-repeat; width: 127px; height: 113px;} a.z9:hover{background: url('../photos/hover/graham.jpg') no-repeat;}
a.z10{background: url('../photos/time/min/magnus_hwm.jpg') no-repeat; width: 95px; height: 113px;} a.z10:hover{background: url('../photos/hover/magnus.jpg') no-repeat;}
a.z11{background: url('../photos/time/min/breitling_pt.jpg') no-repeat; width: 117px; height: 113px;} a.z11:hover{background: url('../photos/hover/breitling.jpg') no-repeat;}
a.z12{background: url('../photos/time/min/sousmarine_pt.jpg') no-repeat; width: 75px; height: 113px;} a.z12:hover{background: url('../photos/hover/hwm.jpg') center no-repeat;}
a.z13{background: url('../photos/time/min/day_date.jpg') no-repeat; width: 75px; height: 113px;} a.z13:hover{background: url('../photos/hover/day_date.jpg') no-repeat;}
a.z14{background: url('../photos/time/min/tensus_detail.jpg') no-repeat; width: 151px; height: 113px;} a.z14:hover{background: url('../photos/hover/tensus_d.jpg') right no-repeat;}
a.z15{background: url('../photos/time/min/gmt_hwm.jpg') no-repeat; width: 94px; height: 113px;} a.z15:hover{background: url('../photos/hover/gmt_hwm.jpg') no-repeat;}
a.z16{background: url('../photos/time/min/montre.jpg') no-repeat; width: 78px; height: 113px;} a.z16:hover{background: url('../photos/hover/montre.jpg') no-repeat;}
a.z17{background: url('../photos/time/min/tensus_china.jpg') no-repeat; width: 144px; height: 113px;} a.z17:hover{background: url('../photos/hover/tensus_china.jpg') no-repeat;}
a.z18{background: url('../photos/time/min/werk880_hwm.jpg') no-repeat; width: 145px; height: 113px;} a.z18:hover{background: url('../photos/hover/werk880_hwm.jpg') no-repeat;}
a.z19{background: url('../photos/time/min/04_013.jpg') no-repeat; width: 85px; height: 113px;} a.z19:hover{background:  url('../photos/hover/04_013.jpg') right no-repeat;}
a.z20{background: url('../photos/time/min/04_018.jpg') no-repeat; width: 76px; height: 113px;} a.z20:hover{background: url('../photos/hover/silverstone.jpg') no-repeat;}
a.z21{background: url('../photos/time/min/fraessdorf.jpg') no-repeat; width: 169px; height: 113px;} a.z21:hover{background: url('../photos/hover/fraessdorf.jpg') no-repeat;}

/*boys and girls*/
a.bg3{background: url('../photos/boys_and_girls/min/limousine.jpg') no-repeat; width: 170px; height: 113px;} a.bg3:hover{background: url('../photos/hover/paff.jpg') no-repeat;}
a.bg1{background: url('../photos/boys_and_girls/min/the_killer.jpg') no-repeat; width: 171px; height: 113px;} a.bg1:hover{background: url('../photos/hover/killer.jpg') no-repeat;}
a.bg2{background: url('../photos/boys_and_girls/min/techno_master.jpg') no-repeat; width: 145px; height: 113px;} a.bg2:hover{background: url('../photos/hover/bing.jpg') no-repeat;}
a.bg4{background: url('../photos/boys_and_girls/min/fightclub.jpg') no-repeat; width: 170px; height: 113px;} a.bg4:hover{background:  #000 url('../photos/hover/1790_600.jpg') right no-repeat;}
a.bg5{background: url('../photos/boys_and_girls/min/kestuveu.jpg') no-repeat; width: 170px; height: 113px;} a.bg5:hover{background: url('../photos/hover/comics26.jpg') right no-repeat;}
a.bg6{background: url('../photos/boys_and_girls/min/jo_salon.jpg') no-repeat; width: 153px; height: 113px;} a.bg6:hover{background: url('../photos/hover/bufff.jpg') right no-repeat;}
a.bg7{background: url('../photos/boys_and_girls/min/street.jpg') no-repeat; width: 170px; height: 113px;} a.bg7:hover{background: url('../photos/hover/street.jpg') no-repeat;}
a.bg8{background: url('../photos/boys_and_girls/min/dealers_only.jpg') no-repeat; width: 126px; height: 113px;} a.bg8:hover{background: url('../photos/hover/dealers_only.jpg') no-repeat;}
a.bg9{background: url('../photos/boys_and_girls/min/1790_600.jpg') no-repeat; width: 169px; height: 113px;} a.bg9:hover{background: url('../photos/hover/1790_600.jpg') no-repeat;}
a.bg11{background: url('../photos/boys_and_girls/min/kiss.jpg') no-repeat; width: 117px; height: 113px;} a.bg11:hover{background: url('../photos/hover/kiss.jpg') no-repeat;}
a.bg12{background: url('../photos/boys_and_girls/min/victime.jpg') no-repeat; width: 132px; height: 113px;} a.bg12:hover{background: url('../photos/hover/victime.jpg') no-repeat;}
a.bg13{background: url('../photos/boys_and_girls/min/the_legend.jpg') no-repeat; width: 129px; height: 113px;} a.bg13:hover{background: url('../photos/hover/the_legend.jpg') no-repeat;}
a.bg14{background: url('../photos/boys_and_girls/min/garagiste.jpg') no-repeat; width: 126px; height: 113px;} a.bg14:hover{background: url('../photos/hover/comics9.jpg') no-repeat;}
a.bg15{background: url('../photos/boys_and_girls/min/moppet.jpg') no-repeat; width: 150px; height: 113px;} a.bg15:hover{background: url('../photos/hover/moppet.jpg') no-repeat;}
a.bg16{background: url('../photos/boys_and_girls/min/03_003.jpg') no-repeat; width: 169px; height: 113px;} a.bg16:hover{background: url('../photos/hover/03_003.jpg') no-repeat;}
a.bg17{background: url('../photos/boys_and_girls/min/paar.jpg') no-repeat; width: 154px; height: 113px;} a.bg17:hover{background: url('../photos/hover/paar.jpg') no-repeat;}


#kontakt{
	background: #d3d3de url('../images/laterne.png') center bottom no-repeat;
}

#kontakt a{
	color: rgba(0,0,0,.6);
	text-decoration: none;
}

#kontakt a:hover{
	text-decoration: underline;
}

#kontakt h1{
	font-size: 28px;
}

#kontakt div:first-child{
	float: left;
}

#kontakt div:last-child{
	float: right;
}

#impressum a{
	color: rgba(0,0,0,.6);
	text-decoration: none;
}

#impressum a:hover{
	text-decoration: underline;
}

p{
	margin: 15px 0;
}

h1{
	font-size: 17px;
	text-transform: uppercase;
	font-weight: bold;
}

strong{
	font-weight: bold;
}

#footer{
	position: fixed;
	margin-top: 50px;
	font-size: 11px;
	color: rgba(0,0,0,.7);
	padding: 0px 20px;
}