* {
margin: 0px;
padding: 0px;
}
a {
	list-style: none !important;
	text-decoration: none !important;
}

@import url('https://fonts.googleapis.com/css?family=Lobster');

#container-seiten{
   width: 1200px;
   height: auto;
   margin-top: 0px;
   margin-left: -600px;
   top: 0%;
   left: 50%;
   position: absolute;

}

#container{
   width: 100%;
   height: auto;
   margin-top: 0px;
   margin-left: -50%;
   top: 0%;
   left: 50%;
   position: absolute;
   text-align: center;
}

#band-oben {
	position:fixed;
	top:0px;
	width: 100%;
	height: 70px;
	background-color: white;
	/*background-image: url(../images/logoz.png);*/
	border-bottom:solid 5px #808080;
	z-index: 900;
}
#band-unten {
	position: absolute;
	top: 2880px;
/*bottom:0px;*/
	width: 100%;
	height: 40px;
	background-color: #3E3E3E;
	border-top : solid 1px #acac9d;
	border-bottom : solid 3px #000000;
	z-index: 99999;
}

#band-unten ul {
	width: 90%;
	height: 100%;
	overflow: hidden;
	padding-left: 50px;
	background-color: #3E3E3E;
}
#band-unten ul li {
list-style: none;
float: left;
margin-top: 5px;
margin-right: 10px;

}
#band-unten ul li:hover img {
opacity:0.5;
}
#band-unten ul li p {
padding-top: 15px;
color: #9F9F9F;
font-size: 16px;
font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;

}
#band-unten h6 {
	position: absolute;
	top: 20px;
	right: 60px;
	color: #808080;
font-size: 15px !important;
font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;

}
#band-unten h6:hover {
	color: #9F9F9F;
} 



#logo {
	position:fixed;
	top:3px;
	height:auto;
	width: auto;
	left:30px;
	background-color: transparent;
/*
 -webkit-box-shadow: 1px 3px 3px 5px #ccc; 
  -moz-box-shadow:    1px 3px 3px 5px #ccc;  
  box-shadow:         1px 3px 3px 5px #ccc;  
*/
  
 /* border-radius:0px 0px 5px 5px;*/
	z-index:1101;
}
#logo img {
margin: 0px;
padding: 0px;
border: transparent;
}
#odeme {
position:fixed;
top:160px;
right:0px;
z-index:899;
width:70px;
height:20px;

background: #3D94F6;
background-image: -webkit-linear-gradient(top, #3D94F6, #1E62D0);
background-image: -moz-linear-gradient(top, #3D94F6, #1E62D0);
background-image: -ms-linear-gradient(top, #3D94F6, #1E62D0);
background-image: -o-linear-gradient(top, #3D94F6, #1E62D0);
background-image: linear-gradient(to bottom, #3D94F6, #1E62D0);
-webkit-border-radius: 10px 0px 0px 10px;
-moz-border-radius: 10px 0px 0px 10px;
border-radius: 10px 0px 0px 10px;
color: #FFFFFF;
font-family: verdana;
font-size: 15px;
font-weight: bold;
padding: 5px 10px;
box-shadow: 1px 1px 20px 0px #000000;
-webkit-box-shadow: 1px 1px 20px 0px #000000;
-moz-box-shadow: 1px 1px 20px 0px #000000;
text-shadow: 1px 1px 20px #000000;
border: solid #337FED 1px;
line-height:20px;
text-decoration: none;
display: inline-block;
cursor: pointer;

}
#odeme:hover {
background: #1E62D0;
background-image: -webkit-linear-gradient(top, #1E62D0, #3D94F6);
background-image: -moz-linear-gradient(top, #1E62D0, #3D94F6);
background-image: -ms-linear-gradient(top, #1E62D0, #3D94F6);
background-image: -o-linear-gradient(top, #1E62D0, #3D94F6);
background-image: linear-gradient(to bottom, #1E62D0, #3D94F6);
text-decoration: none;
}
#navi {
	position: fixed;
	/*top: 0px;*/
	left:40px;
	width: 100%;
	height: 70px;
	margin: 0px ;
	padding: 0 ;
	background-color: transparent;
	z-index: 900;    

}
.navitext {
	background-color: #007cf9;
	border-radius:3px;
}
.navitext p {
margin-top:10px;
	width: 135px;
	height: 50px;
font-family:'Helvetica Neue', helvetica;
font-weight: bold;
font-size: 16px !important;
text-align: center;
color:  #2B1E68;
background-color: transparent;
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}
.navitext:hover p,.navitext-aktiv2:hover p {
/*	background-color: #3B4852;*/
color: white;
}
.navitext-aktiv p  {
	width: 125px;
	height: 100px;

font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
line-height: 80px;
font-size: 16px !important;
text-align: center;
color: #3B4852;
border-top : solid 10px  #3B4852;

}
.navitext-aktiv2 p  {
	width: 125px;
	height: 100px;

font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;

font-weight: bold;
line-height: 80px;
font-size: 16px !important;
text-align: center;
color: #3B4852;
border-top : solid 10px  #3B4852;

}
.navitext-flage p {
	width: 125px;
	height: 10px;
line-height: 100px;
text-align: center;
background-color: transparent;
border: none;
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}
.navitext-face p {
	width: 125px;
	height: 10px;
line-height: 100px;
text-align: center;
background-color: transparent;
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}
 

#pos0 { /*notwendig damit pos3 nicht hover bis zum logo */
margin: 0px;
padding: 0px;
	position: absolute;
	top: 0px;
	right: 1100px;
	width: 600px;
	height: 100px;
	z-index: 3;

}
#pos1-eng:hover,#pos1:hover,#pos1a:hover,#pos1b:hover,#pos2:hover,#pos2a:hover,#pos3:hover,#pos4:hover,#pos5:hover,#pos6:hover,#pos7:hover,#pos8:hover {
	height: 40px;
}

#pos1 {
margin: 0px;
padding: 0px;
	position: absolute;
	top: 30px;
	right:950px;
	width: 125px;
	height: 0px;
	z-index: 2;

/*    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;*/
}
#pos1a {
margin: 0px;
padding: 0px;
	position: absolute;
	top: 30px;
	right:850px;
	width: 125px;
	height: 0px;
	z-index: 2;

/*    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;*/
}
#pos1b {
margin: 0px;
padding: 0px;
	position: absolute;
	top: 30px;
	right:735px;
	width: 125px;
	height: 0px;
	z-index: 2;

/*    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;*/
}
#pos1-eng {
margin: 0px;
padding: 0px;
	position: absolute;
	top: 0px;
	right: 715px;
	width: 110px;
	height: 0px;
	z-index: 2;

/*    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;*/
}

#pos2 {
margin: 0px;
padding: 0px;
	position: absolute;
	top: 30px;
	right: 645px;
	width: 90px;
	height: 0px;
	z-index: 2;
 
/*    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;*/
}
#pos2 p {
	position: absolute;
	top: 0px;
	right: -15px;
	height: 0px;
}
#pos3 {
margin: 0px;
padding: 0px;
	position: absolute;
	top: 30px;
	right: 500px;
	width: 160px;
	height: 0px;
	z-index: 2;

/*    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;*/
}
#pos3  p {
	padding-left:5px;
	width: 150px !important;
}

#pos4 {
	position: absolute;
	top: 20px;
	right: -10px;
	width: 100%;
	height: 0px;
	background-color: white;
}
#pos4 p {
	position: absolute;
	top: 0px;
	right: 375px;
	height: 0px;
	padding-top:10px;
	height: 30px !important;
}
#pos4:hover p {
	position: absolute;
	top: 0px;
	right: 375px;
		padding-top:10px;
	height: 30px !important;
	background-color: #007cf9;
	border-radius:3px;
/*    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;*/
}

/* pos gibts nicht
#pos5 {
margin: 0px;
padding: 0px;
	position: absolute;
	top: 0px;
	right: 345px;
	width: 125px;
	height: 0px;
	z-index: 1;
	background-color: #3B4852;
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;	
}
*/


#pos6 {
margin: 0px;
padding:0px;
	position: absolute;
	top: 30px;
	right:225px;
	width: 115px;
	height: 0px;
	z-index:1;

/*    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;*/
	
}
#pos6 p {
	position: absolute;
	top: 0px;
	right: -5px;
	height: 0px;
}

#pos7 {
margin: 0px;
padding: 0px;
	position: absolute;
	top: 30px;
	right: 130px;
	width: 85px;
	height: 0px;
	z-index:1;

/*    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;*/
}

#pos7 p {
	position: absolute;
	top: 0px;
	right: -23px;
	height: 0px;
}

#pos8 {
margin: 0px;
padding: 0px;
	position: absolute;
	top: 30px;
	right: 45px;
	width: 80px;
	height: 0px;
	z-index:1;

/*    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;*/
}

#pos8 p {
	position: absolute;
	top: 0px;
	right: -23px;
	height: 0px;
}

#pos9 {
margin: 0px;
padding: 0px;
	position: absolute;
	top: 77px;
	right: 50px;
	width: 40px;
	height: 50px;
	z-index:-12;
}
#pos9:hover {
	opacity:0.5;
}
#pos10 {
margin: 0px;
padding: 0px;
	position: absolute;
	top: 77px;
	right: 88px;
	width: 40px;
	height: 50px;
	z-index:-12;
}
#pos10:hover {
	opacity:0.5;
}
#pos11 {
margin: 0px;
padding: 0px;
	position: absolute;
	top: 77px;
	right: 125px;
	width: 40px;
	height: 50px;
	z-index:-5;
}
#pos11:hover {
	opacity:0.5;
}

.altmenu-klein {
display: none;
position: absolute;
top: 35px;
left: 0px;
width: 100px;
height: 50px;

border-bottom: solid 1px #A9AE00;
z-index: 0 ;
}
.altmenu-klein2 {
display: none;
position: absolute;
top: 70px;
left: 0px;
width: 130px;
height: 50px;

border-bottom: solid 1px #A9AE00;
z-index: 0 ;
}
.altmenu-klein ul {
	display:inline-block;
	width:160px;
	height:130px;
	background-color:#007cf9;
border-radius:0px 5px 5px 5px;	
}
.altmenu-klein ul li {
	display:inline-block;
	list-style-type: none;
	height:10px;
	width:200px;
	padding:5px;
	margin-left:10px;
	margin-bottom:10px;
	
	
}
.altmenu-klein ul li h4 {
	font-family:'Helvetica Neue', helvetica;
	color:white;
	font-size:14px;
	margin:0px;
	padding:0px;
	text-align:left;
	
}
.altmenu-klein ul li h4:hover {
	font-family:'Helvetica Neue', helvetica;
	color:#dfdfd0;
	font-size:14px;
	
}
#pos8:hover .altmenu-klein,#pos7:hover .altmenu-klein, #pos1b:hover .altmenu-klein, #pos6:hover .altmenu-klein, #pos2:hover .altmenu-klein, #pos3:hover .altmenu-klein {
	display: inline-block;
}
#menubox {
display: none;
position: absolute;
top: 70px;
right: 100px;
/*	width: 1367px;*/
width: 100%;
height: 250px;
background-color: #FFFFFF;
border-bottom: solid 1px #A9AE00;
z-index: 0 ;
}
#menubox2 {
display: none;
position: absolute;
top: 50px;
right: 50px;
/*	width: 1367px;*/
width: 100%;
height: 280px;
background-color: white;
border-bottom: solid 1px #A9AE00;
z-index: 0 ;
}
#menubox3 {
display: none;
position: absolute;
top: 100px;
right: 0px;
/*	width: 1367px;*/
width: 100%;
height: 300px;
background-color: white;
border-bottom: solid 1px #A9AE00;
z-index: 0 ;
}
/*  #menu-button-sichtbar NÖTİG da sonst bei hover pos7 Üretim button verschwindet */
#menubox3 #menu-button-sichtbar {
	display: none;
}
#pos7:hover #menubox3 #menu-button-sichtbar {
	display: block;
}
#menu-button-sichtbar {
	position: absolute;
	top: -100px;
	right: 420px;
}
#menu-button-sichtbar h4 {
	width: 125px;
	height: 100px;
/*font-family: 'Lobster', cursive;*/	
font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
font-weight: bold;
line-height: 100px;
font-size: 16px !important;
text-align: center;
color: #3B4852;
background-color: transparent;	
}
#menubox-untergrund {
display: none;
position: absolute;
bottom: -1000px;
right: 0px;
width: 100%;
height: 20px;
background-color: rgba(128,128,128,0.7);
box-shadow: 0px 340px 10px 1200px rgba(128,128,128,0.7);

z-index: -10 !important;
}
#menubox2-untergrund {
display: none;
position: absolute;
bottom: -1000px;
right: 0px;
width: 100%;
height: 20px;
background-color: rgba(128,128,128,0.7);
box-shadow: 0px 340px 10px 1200px rgba(128,128,128,0.7);

z-index: -10 !important;
}
#menubox3-untergrund {
display: none;
position: absolute;
bottom: -1000px;
right: 0px;
width: 100%;
height: 20px;
background-color: rgba(128,128,128,0.7);
box-shadow: 0px 340px 10px 1200px rgba(128,128,128,0.7);

z-index: -10 !important;
}
#pos3:hover #menubox,#pos3:hover #menubox-untergrund {
	display: block;
}
#pos4:hover #menubox2,#pos4:hover #menubox2-untergrund {
	display: block;
}
#pos7:hover #menubox3,#pos7:hover #menubox3-untergrund {
	display: block;
}

#menubox h1 {
color: red;
text-align: left !important;
font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;

font-weight:  lighter !important;	
font-size: 16px;
}
#menubox2 h1 {
color: #000000;
text-align: left !important;
font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;

font-weight:  lighter !important;
font-size: 16px;
}
#menubox3 h1 {
color: #000000;
text-align: left !important;
font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;

font-weight:  lighter !important;
font-size: 16px;
}
#menubox-uberschrift {
	position: absolute;
	top: 10px;
	left: 650px;
	width: 650px;
	border-bottom: solid 1px #C0C0C0;
	text-align: left;
}
#menubox2-uberschrift {
	position: absolute;
	top: 10px;
	left: 600px;
	width: 700px;
	border-bottom: solid 1px #C0C0C0;
	text-align: left;
}
#menubox3-uberschrift {
	position: absolute;
	top: 10px;
	left: 200px;
	width: 600px;
	border-bottom: solid 1px #C0C0C0;
	text-align: left;
}
#menubox2-slogan {
	position: absolute;
	top: 100px;
	left:70px;
	
}
#menu-pos1 {
	position: absolute;
	top: 50px;
	left: 810px;
margin: 0px !important;
padding: 0px !important;

}
#menu-pos2 {
	position: absolute;
	top: 50px;
	left: 400px;
}
#menu-pos3 {
	position: absolute;
	top: 50px;
	left: 600px;
}
#menu-pos1a {
	position: absolute;
	top: 50px;
	left: 200px;
margin: 0px !important;
padding: 0px !important;

}
#menu-pos2a {
	position: absolute;
	top: 50px;
	left: 400px;
}
#menu-pos3a {
	position: absolute;
	top: 50px;
	left: 600px;
}


.altmenu-text a h6 {
margin: 0px !important;
padding: 0px !important;
color:red !important ;
height: 20px;
width: 150px;
font-size: 16px;
text-align: left !important;
font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;

font-weight:  lighter !important;

}
.altmenu-text a:hover h6 {
color:#9F9F9F !important ;
text-decoration: underline;
}
.altmenu-text-plakalar a h6 {
margin: 0px !important;
padding: 0px !important;
color:black !important ;
height: 20px;
width: 150px;
font-size: 16px;
text-align: left !important;
font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;

font-weight:  lighter !important;

}
.altmenu-text-plakalar a:hover h6 {
color:#9F9F9F !important ;
text-decoration: underline;
}
.altmenu-text a:hover h1 {
color:#9F9F9F !important ;
text-decoration: underline;
}
.altmenu2-text a h6 {
margin: 0px !important;
padding: 0px !important;
color:black !important ;
height: 20px;
width: 110px;

font-size: 16px;
text-align: right !important;
font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;

font-weight:  lighter !important;

}
.altmenu2-text a:hover h6 {
color:#9F9F9F !important ;
text-decoration: underline;
}
.altmenu2-text a:hover h1 {
color:#9F9F9F !important ;
text-decoration: underline;
}
.altmenu2-text a h5 {
margin: 0px !important;
padding: 0px !important;
color:#0091dc !important ;
height: 20px;
width: 170px;
font-size: 16px;
text-align: left !important;
/*font-family: 'Lobster', cursive;*/	
font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;

font-weight:  bold !important;

}

#altmenu1 {
	position: absolute;
	top: 70px;
	left: 800px;
	width: 200px;
	height: 200px;
}

#altmenu2 {
	position: absolute;
	top: 70px;
	left: 500px;
	width: 200px;	
}

#altmenu3 {
	position: absolute;
	top: 70px;
	left: 620px;
	width: 300px;	
}
#altmenu4 {
	position: absolute;
	top: 70px;
	left: 445px;
	width: 300px;
}
#altmenu1a {
	position: absolute;
	top: 70px;
	left: 590px;
	width: 200px;
	height: 200px;
}

#altmenu2a {
	position: absolute;
	top: 70px;
	left: 730px;
	width: 200px;
}
#altmenu3a {
	position: absolute;
	top: 70px;
	left: 950px;
	width: 300px;
}

#altmenu4a {
	position: absolute;
	top: 70px;
	left: 1100px;
	width: 400px;
}
#altmenu5a {
	position: absolute;
	top: 70px;
	left: 1200px;
	width: 300px;
}
.altmenupos0 {
position: absolute;
top:-20px ;
left: -20px;
}
.altmenupos0-2 {
position: absolute;
top:-20px ;
left: 10px;
}
.altmenupos1 {
position: absolute;
top:5px ;
left: -30px;
}
.altmenupos2 {
position: absolute;
top:30px ;
left: -30px;
}
.altmenupos3 {
position: absolute;
top:55px ;
left: -30px;
}
.altmenupos3b {
position: absolute;
top:75px ;
left: -30px;
}
.altmenupos4 {
position: absolute;
top:80px ;
left: -30px;
}
.altmenupos5 {
position: absolute;
top:105px ;
left: -30px;
}
.altmenupos6 {
position: absolute;
top:130px ;
left: -30px;
}
.altmenupos7 {
position: absolute;
top:155px ;
left: -70px;
}
.altmenupos8 {
position: absolute;
top:180px ;
left: 10px;
}
.altmenupos9 {
position: absolute;
top:80px ;
left: 150px;
}
.altmenupos9b {
position: absolute;
top:105px ;
left: 150px;
}
.altmenupos10 {
position: absolute;
top:5px ;
left: 200px;
}
.span {
	display: none;
}
h6:hover ~ .span {
	display: block !important;
}

#span-null {
	position: absolute;
	top:-50px;
	left: -600px;
	z-index: 10;
}
#span-null2 {
	position: absolute;
	top:-30px;
	left: 10px;
	z-index: 10;
}
#span-null-siparis {
	position: absolute;
	top:-50px;
	left: 492px;
	z-index: 10;
}
#span-magaza {
	position: absolute;
	top:-55px;
	left: 0px;
	z-index: 10;
}
#span-banka {
	position: absolute;
	top:-80px;
	left: 560px;
	z-index: 10;
}
#span-ozelproje {
	position: absolute;
	top:-105px;
	left: 560px;
	z-index: 10;
}
#span-yurtdisiproje {
	position: absolute;
	top:-130px;
	left: 560px;
	z-index: 10;
}
#span-parlak {
	position: absolute;
	top:-130px;
	left: 737px;
	z-index: 10;
}
#span-akrilik1 {
	position: absolute;
	top:-155px;
	left: 737px;
	z-index: 10;
}
#span-otel {
	position: absolute;
	top:-55px;
	left: 420px;
	z-index: 10;
}
#span-kamu {
	position: absolute;
	top:-80px;
	left: 420px;
	z-index: 10;
}
#span-konut {
	position: absolute;
	top:-105px;
	left: 420px;
	z-index: 10;
}
#span-okul {
	position: absolute;
	top:-130px;
	left: 420px;
	z-index: 10;
}
#span-teknik {
	position: absolute;
	top:-155px;
	left: 597px;
	z-index: 10;
}
#span-laminat {
	position: absolute;
	top:-30px;
	left: 427px;
	z-index: 10;
}
#span-kereste {
	position: absolute;
	top:-55px;
	left: 427px;
	z-index: 10;
}
#span-kapi {
	position: absolute;
	top:-80px;
	left: 427px;
	z-index: 10;
}
#span-dekorasyon {
	position: absolute;
	top:-130px;
	left: 537px;
	z-index: 10;
}
#span-kenarbandi {
	position: absolute;
	top:-30px;
	left: 307px;
	z-index: 10;
}
#span-parke {
	position: absolute;
	top:-105px;
	left: 427px;
	z-index: 10;
}
#span-tutkal {
	position: absolute;
	top:-55px;
	left: 307px;
	z-index: 10;
}
#span-yanurunler {
	position: absolute;
	top:-80px;
	left: 307px;
	z-index: 10;
}
#span-uretim {
	position: absolute;
	top:-105px;
	left: 337px;
	z-index: 10;
}

#span-tamamlayici {
	position: absolute;
	top:-180px;
	left: 537px;
	z-index: 10;
}
#span-plakasatis {
	position: absolute;
	top:-30px;
	left: 482px;
	z-index: 10;
}
#span-ebatlamaform {
	position: absolute;
	top:-55px;
	left: 482px;
	z-index: 10;
}
#span-membran-siparis {
	position: absolute;
	top:-80px;
	left: 482px;
	z-index: 10;
}
#span-vitray{
	position: absolute;
	top:-30px;
	left: 700px;
	z-index: 10;
}
#span-tv{
	position: absolute;
	top:-55px;
	left: 700px;
	z-index: 10;
}
#span-ev{
	position: absolute;
	top:-80px;
	left: 700px;
	z-index: 10;
}
#span-mutfak{
	position: absolute;
	top:-125px;
	left: 700px;
	z-index: 10;
}

#span-laminat{
	position: absolute;
	top:-55px;
	left: 560px;
	z-index: 10;
}
#span-ahsapparke{
	position: absolute;
	top:-80px;
	left: 560px;
	z-index: 10;
}
#span-lamineparke{
	position: absolute;
	top:-105px;
	left: 560px;
	z-index: 10;
}
#span-metalfermuar{
	position: absolute;
	top:-35px;
	left: -265px;
	z-index: 10;
}
#span-kemikfermuar{
	position: absolute;
	top:-60px;
	left:-265px;
	z-index: 10;
}
#span-bardak180{
	position: absolute;
	top:-85px;
	left: -265px;
	z-index: 10;
}
#span-bardak125{
	position: absolute;
	top:-115px;
	left: -265px;
	z-index: 10;
}
#span-bardak100{
	position: absolute;
	top:-140px;
	left: -265px;
	z-index: 10;
}
#span-amerikankapi{
	position: absolute;
	top:-130px;
	left: 435px;
	z-index: 10;
}
#span-pet33{
	position: absolute;
	top:-30px;
	left: -460px;
	z-index: 10;
}
#span-pet05{
	position: absolute;
	top:-65px;
	left: -450px;
	z-index: 10;
}
#span-pet15{
	position: absolute;
	top:-87px;
	left: -450px;
	z-index: 10;
}
#span-pet5{
	position: absolute;
	top:-90px;
	left: -455px;
	z-index: 10;
}
#span-pet10{
	position: absolute;
	top:-110px;
	left: -455px;
	z-index: 10;
}
#span-pet19{
	position: absolute;
	top:-140px;
	left: -455px;
	z-index: 10;
}
#span-damaca19{
	position: absolute;
	top:-190px;
	left: -400px;
	z-index: 10;
}
#span-damaca19don{
	position: absolute;
	top:-215px;
	left: -455px;
	z-index: 10;
}
#span-cam33{
	position: absolute;
	top:-15px;
	left: -510px;
	z-index: 10;
}
#span-cam75{
	position: absolute;
	top:-30px;
	left: -510px;
	z-index: 10;
}
#span-sedir{
	position: absolute;
	top:-105px;
	left: 175px;
	z-index: 10;
}
#span-koltuk{
	position: absolute;
	top:-130px;
	left: 175px;
	z-index: 10;
}


#logo:hover {
  transform: perspective(500px) rotateY(360deg);
    -moz-transform:  translate(NaNpx,0px)  ;
	 transform: perspective(500px) rotateY(360deg);
  
}
/*diese drehen bewirkt das es bei aufruf der seite 2mal dreht*/
.drehen{
  animation: drehen ease-out 7s;
  animation-iteration-count: 2;
  transform-origin: 50% 50%;
  -webkit-animation: drehen ease 7s;
  -webkit-animation-iteration-count: 2;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: drehen ease 7s;
  -moz-animation-iteration-count: 2;
  -moz-transform-origin: 50% 50%;
  -o-animation: drehen ease 7s;
  -o-animation-iteration-count: 2;
  -o-transform-origin: 50% 50%;
  -ms-animation: drehen ease 7s;
  -ms-animation-iteration-count: 2;
  -ms-transform-origin: 50% 50%;
}

@keyframes drehen{
  0% {
    opacity:1;
  }
   60% {
    opacity:1;
      transform: perspective(500px) rotateY(0deg);
  }
  100% {
    opacity:1;
  transform: perspective(500px) rotateY(360deg);
  }
}

@-moz-keyframes drehen{
  0% {
    opacity:0;
    -moz-transform:  translate(0px,0px)  ;
  }
  20% {
    opacity:0;
    transform:  translate(0px,0px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(NaNpx,0px)  ;
  }
}

@-webkit-keyframes drehen {
  0% {
    opacity:1;
  }
   60% {
    opacity:1;
      transform: perspective(500px) rotateY(0deg);
  }
  100% {
    opacity:1;
  transform: perspective(500px) rotateY(360deg);
  }
}

@-o-keyframes drehen {
  0% {
    opacity:0;
    -o-transform:  translate(0px,0px)  ;
  }
  20% {
    opacity:0;
    transform:  translate(0px,0px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(NaNpx,0px)  ;
  }
}

@-ms-keyframes drehen {
  0% {
    opacity:0;
    -ms-transform:  translate(0px,0px)  ;
  }
  20% {
    opacity:0;
    transform:  translate(0px,0px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(NaNpx,0px)  ;
  }
}