/*beginn navi oben */
#linie-uber-navi {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100px;
    background-color: white;
    border-bottom:solid 2px #808080;
 z-index: 2;
}
#linie-unter-slide {
    position: absolute;
    top: 400px;
    left: 0px;
    width: 100%;
    height: 600px;
   background-color: #FFFFFF;
    border-top : solid 2px black;
    z-index: 100;
    
}
#linie-unter-slide-imalat {
    position: absolute;
    top: 100px;
    left: 0px;
    width: 100%;
    height: 600px;
   background-color: #FFFFFF;
    border-top : solid 2px black;
    z-index: 100;
    
}
#linie-unter-slide-hakkimizda {
    position: absolute;
    top: 600px;
    left: 0px;
    width: 100%;
    height: 900px;
    background-color: white;
    border-top : solid 2px black;
    z-index: 100;
}
#linie-unter-slide-iletisim {
    position: absolute;
    top: 300px;
    left: 0px;
    width: 100%;
    height: 370px;
   background-color: #FFFFFF;
    border-top : solid 2px black;
    z-index: 100;

}
#linie-3 {
    position: absolute;
    top: 1000px;
    left: 0px;
    width: 100%;
    height: 150px;
    background-color: #010101;
    border-top : solid 3px #DDC16A;
    z-index: 100;
}
#linie-3-imalat {
    position: absolute;
    top: 750px;
    left: 0px;
    width: 100%;
    height: 150px;
    background-color: #010101;
    border-top : solid 3px #DDC16A;
    z-index: 100;
}
#linie-3-seperator {
    position: absolute;
    top: 6120px;
    left: 0px;
    width: 100%;
    height: 150px;
    background-color: #010101;
    border-top : solid 3px #DDC16A;
    z-index: 100;
}
#linie-3-dus-ist {
    position: absolute;
    top: 750px;
    left: 0px;
    width: 100%;
    height: 150px;
    background-color: #010101;
    border-top : solid 3px #DDC16A;
    z-index: 100;
}
#linie-3-dus-london {
    position: absolute;
    top: 1480px;
    left: 0px;
    width: 100%;
    height: 150px;
    background-color: #010101;
    border-top : solid 3px #DDC16A;
    z-index: 100;
}
#linie-3-dus-ny {
    position: absolute;
    top: 1980px;
    left: 0px;
    width: 100%;
    height: 150px;
    background-color: #010101;
    border-top : solid 3px #DDC16A;
    z-index: 100;
}
#linie-3-dus-paris {
    position: absolute;
    top: 1480px;
    left: 0px;
    width: 100%;
    height: 150px;
    background-color: #010101;
    border-top : solid 3px #DDC16A;
    z-index: 100;
}
#linie-3-seramik {
    position: absolute;
    top: 750px;
    left: 0px;
    width: 100%;
    height: 150px;
    background-color: #010101;
    border-top : solid 3px #DDC16A;
    z-index: 100;
}
#linie-3-yerdolap {
    position: absolute;
    top: 560px;
    left: 0px;
    width: 100%;
    height: 150px;
    background-color: #010101;
    border-top : solid 3px #DDC16A;
    z-index: 100;
}
#linie-3-dekopanel {
    position: absolute;
    top: 1150px;
    left: 0px;
    width: 100%;
    height: 150px;
    background-color: #010101;
    border-top : solid 3px #DDC16A;
    z-index: 100;
}
#linie-3-membran-kapak {
    position: absolute;
    top: 6700px;
    left: 0px;
    width: 100%;
    height: 150px;
    background-color: #010101;
    border-top : solid 3px #DDC16A;
    z-index: 100;
}
#linie-3-hakkimizda {
    position: absolute;
    top: 1100px;
    left: 0px;
    width: 100%;
    height: 600px;
    background-color: #2C291B;
    border-top : solid 2px black;
    z-index: 100;
}
#linie-3-iletisim {
    position: absolute;
    top: 670px;
    left: 0px;
    width: 100%;
    height: 150px;
    background-color: #010101;
    border-top : solid 3px #DDC16A;
    z-index: 100;
}
#fix {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 110px;
    width: 100%;
    background-color: #FFFFFF;
    border-bottom:solid 2px #808080;    
    z-index: 99999999;
}
#logo {
    position: absolute;
    top: 0px;
    left: 50px;
    height: 110px;
    width: 400px;
    overflow: hidden;
    background-color: #FFFFFF;
    z-index: 110;
    
    -webkit-transition-property: background-color, color;
    -webkit-transition-duration: 1.5s;
    -moz-transition-property: background-color, color;
    -moz-transition-duration: 1.5s;
    -o-transition-property: background-color, color;
    -o-transition-duration: 1.5s;
    -ms-transition-property: background-color, color;
    -ms-transition-duration: 1.5s;
    transition-property: background-color, color;
    transition-duration: 1.5s;
}
#logo:hover {
background:-webkit-gradient(linear, 98% 20%, 10% 21%, from(#FFFFFF), to(#C0C0C0))
}

#logo > #logo1 img {
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-ms-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
}
#logo:hover >#logo1 img {
transform: rotate(360deg) scale(1) skew(1deg) translate(0px);
-webkit-transform: rotate(360deg) scale(1) skew(0deg) translate(0px);
-moz-transform: rotate(360deg) scale(1) skew(0deg) translate(0px);
-o-transform: rotate(360deg) scale(1) skew(0deg) translate(0px);
-ms-transform: rotate(360deg) scale(1) skew(0deg) translate(0px);
overflow: hidden;
}
#logo1 {
position: relative;
top:3px;
    left: 0px;
    z-index: 999;
}
#logo2 {
position: absolute;
top:-5px;
    left: 94px;
    z-index: 999;
}


#logo-unten {
    position: absolute;
    top: 30px;
    left: 400px;
}
#flaggen {
    position: absolute;
    top: -40px;
    left: 570px;
    z-index: 999999;
}
#flage-eng {
    position: absolute;
    top: 8px;
    left: 130px;
    background-image: url(../images/flag-eng.png);
    width: 32px;
    height: 20px;
}
#flage-eng:hover {
    background-image: url(../images/flag-eng-gr.png);
}
#flage-tr {
    position: absolute;
    top: 8px;
    left: 0px;
    background-image: url(../images/flag-tr.png);
    width: 32px;
    height: 20px;
    
}
#flage-tr:hover {
    background-image: url(../images/flag-tr-gr.png);
}
#headofis {
    position: absolute;
    top: 40px;
    left: 500px;
    z-index: 1;
}
#headofis-eng {
    position: absolute;
    top: 40px;
    left:510px;
    z-index: 1;
}
#headofis p,#headofis-eng p {
font-size: 14px;
	color: #3F5B76;
}
#headofis:hover p,#headofis-eng:hover p {
	color: #000000;
}
#navi2 {
    position: absolute;
    top: 40px;
    left: 35%;
    width: 100%;
    height: 110px;
    font-family: Tahoma;
    z-index: 99999999;

}

#navi2 ul {
    list-style: none;
}
#navi2 a {
    text-decoration: none;
}
.button-navi2-aktif  {
    background-color: white;
    float: left; /* wichtig damit li abstaende = null */
    padding: 20px 0px 15px 0px;
    font-size: 13px;
    border-right: solid 1px #C0C0C0;
    text-align: center;
    width: 110px;
    -webkit-transition-property: background-color, color;
    -webkit-transition-duration: 1.5s;
    -moz-transition-property: background-color, color;
    -moz-transition-duration: 1.5s;
    -o-transition-property: background-color, color;
    -o-transition-duration: 1.5s;
    -ms-transition-property: background-color, color;
    -ms-transition-duration: 1.5s;
    transition-property: background-color, color;
    transition-duration: 1.5s;
}

.button-navi2 a {
    color: black;
    margin: 0px;
    padding: 0px;
}
.button-navi2  {
    float: left; /* wichtig damit li abstaende = null */
    padding: 0px 20px 15px 0px;
    font-size: 13px;
    text-align: center;
    width:110px;
    -webkit-transition-property: background-color, color;
    -webkit-transition-duration: 1.5s;
    -moz-transition-property: background-color, color;
    -moz-transition-duration: 1.5s;
    -o-transition-property: background-color, color;
    -o-transition-duration: 1.5s;
    -ms-transition-property: background-color, color;
    -ms-transition-duration: 1.5s;
    transition-property: background-color, color;
    transition-duration: 1.5s;
}

.button-navi2:hover a {
    color: black;
    padding-bottom: 10px;
    border-bottom: solid 5px #808080;
}

#navi2 ul li > #menubox {
display: none;
    position: absolute;
    top: 25px;
    left: -70px;
    width:810px;
    height: 0px;
    padding-right: 5px;
    background-color: #FFFFFF;
    z-index: 9999;    

}
#navi2 ul li:hover > #menubox {
    display:  block;
    height: 30px;
    border-top : solid 5px #808080;
    border-bottom : solid 0px black;
}
#menubox ul li {
float: left;      
        margin: 5px;
        width: 130px;
}
#menubox ul li p {
 font-family: Arial;
 font-size: 15px;
 color: black;
}
#menubox ul li:hover p {
 color: red;
}
.altmenu ul,.altmenu2 ul {
   position: absolute;
   left: 0px;
   float: none !important;
   display: none;
   width: 565px;
   height: 140px;
   background-color: white;
   border-bottom:solid 5px #808080
}
.altmenu ul li {
   float: none !important;
   width: 300px !important;
   padding-left: 5px;
   margin-left: 0px;
   text-align: left;
}
.altmenu2 ul li {
   float: none !important;
   width: 300px !important;
   padding-left: 150px;
   margin-left: 0px;
   text-align: left;
   
}
#menubox ul li:hover .altmenu ul, #menubox ul li:hover .altmenu2 ul {
   display: block;
   color: red;
}
.altmenu ul li p, .altmenu2 ul li p {
    color: green !important;
}
.altmenu ul li:hover p,.altmenu2 ul li:hover p {
    color: black !important;
}