body html {
	width:100%;
	height:100%;
	
}

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



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

#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: 135px;
	background-color: white;
	border-top:solid 2px #232323;
	border-bottom:solid 1px #cacad9;
	z-index: 99;
}
#band-unten {
	position: absolute;
	top: 2120px;
	width: 100%;
	height: 40px;
	background-color: #646464;
	border-top : solid 3px #444444;
	z-index: 99999;
}
#band-unten-iletisim {
	position: absolute;
	top: 625px;
	width: 100%;
	height: 30px;
	background-color: #646464;
	border-top : solid 3px #444444;
	z-index: 99999;
}


#band-unten ul {
	width: 100%;
	height: 100%;
	overflow: hidden;
	
}
#band-unten ul li {
list-style: none;
	float: left;
	padding-left: 10px;
}
#band-unten ul li:hover img {
opacity:0.5;
}
#band-unten ul li p {
padding-top: 15px;
color: white;
font-size: 16px;
font-family:'Helvetica Neue', helvetica;
}
#band-unten h6 {
	position: absolute;
	top: 20px;
	right: 10px;
	color: #808080;
font-size: 15px !important;
font-family:'Helvetica Neue', helvetica;
}
#band-unten h6:hover {
	color: #9F9F9F;
} 
#band-unten-iletisim h6 {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #808080;
font-size: 14px !important;
font-family:'Helvetica Neue', helvetica;
}
#band-unten-iletisim h6:hover {
	color: #9F9F9F;
} 
#logo {
	position:fixed;
	top:20px;
	height:auto;
	left:55px;
	width:24%;
	z-index:1101;

}
#logo img {
	width:89px;
	height:100px;
}
#navi {
	position: fixed;
	top: 5;
	left:-100px;
	width: 100%;
	height: 100px;
	margin: 0px ;
	padding: 0 ;
	z-index: 900;    
}

.navitext p {
	width: 125px;
	height: 100px;
font-family:'Helvetica Neue', helvetica;
font-weight: bold;
line-height: 100px;
font-size: 12px !important;
text-align: center;
color: #232323 !important;
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: transparent;
color: #9D0A0E !important;
}
.navitext2 p {
	width: 125px;
	height: 100px;
font-family:'Helvetica Neue', helvetica;
font-weight: bold;
line-height: 100px;
font-size: 12px !important;
text-align: center;
color: #232323 !important;
background-color: transparent;
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}
.navitext2:hover p,.navitext-aktiv2:hover p {
	background-color: transparent;
color: #9D0A0E !important;
}
.navitext-aktiv p  {
	width: 125px;
	height: 100px;
font-family:'Helvetica Neue', helvetica;
font-weight: bold;
line-height: 80px;
font-size: 16px !important;
text-align: center;
color: #232323 !important;
border-top : solid 10px  #3B4852;

}
.navitext-aktiv2 p  {
	width: 125px;
	height: 100px;
font-family:'Helvetica Neue', helvetica;
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;
    -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,#pos2:hover,#pos3:hover,#pos4:hover,#pos5:hover,#pos6:hover,#pos7:hover {
	height: 100px;
	
	}

#pos1 {
margin: 0px;
padding: 0px;
	position: absolute;
	top: 35px;
	right:780px;
	width: 125px;
	height: 0px;
	z-index: 2;
	background-color: transparent;
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}
#pos1-eng {
margin: 0px;
padding: 0px;
	position: absolute;
	top: 55px;
	right: 715px;
	width: 110px;
	height: 0px;
	z-index: 2;
	background-color: #3B4852;
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}
#pos1-aktiv {
margin: 0px;
padding: 0px;
	position: absolute;
	top: 55px;
	right: 800px;
	width: 125px;
	height: 10px;
	z-index: 2;
	background-color: #3B4852;
}
#pos2 {
margin: 0px;
padding: 0px;
	position: absolute;
	top: 35px;
	right: 660px;
	width: 125px;
	height: 0px;
	z-index: 2;
	-webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;	
}
#pos2-aktiv {
margin: 0px;
padding: 0px;
	position: absolute;
	top: 55px;
	right: 670px;
	width: 125px;
	height: 10px;
	z-index: 2;
	background-color: transparent;
}
#pos3 {
	position: absolute;
	top: 35px;
	right: -100px;
	width: 100%;
	height: 0px;
	background-color: white;
z-index: 1 !important;

}
#pos3 p {
	position: absolute;
	top: 0px;
	right: 620px;
	height: 0px;
}
#pos3:hover p {
	position: absolute;
	top: 40px;
	right:620px;
	height: 60px;
	background-color: #ffffff;
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}
#pos3:hover ~ #pos4, #pos3:hover ~ #pos7{      /* wichtig sonst verschwindet pos4 und pos7 bei pos3:hover */
z-index: 100 !important;
}

#pos4 {
	position: absolute;
	top: 35px;
	right: -50px;
	width: 100%;
	height: 0px;
	background-color: white;
}
#pos4 p {
	position: absolute;
	top: 0px;
	right: 670px !important;
	height: 0px;
}
#pos4:hover p {
	position: absolute;
	top: 40px;
	right: 670px !important;
	height: 60px;
	background-color: #ffffff;
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}


#pos5 {
margin: 0px;
padding: 0px;
	position: absolute;
	top: 35px;
	right: 520px;
	width: 125px;
	height: 0px;
	z-index: 1;
	background-color: transparent;
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;	
}
#pos5-aktiv {
margin: 0px;
padding: 0px;
	position: absolute;
	top: 35px;
	right: 305px;
	width: 125px;
	height: 10px;
	z-index: 1;
	background-color: #3B4852;
}
#pos5a {
margin: 0px;
padding: 0px;
	position: absolute;
	top: 35px;
	right: 410px;
	width: 125px;
	height: 0px;
	z-index: 1;
	background-color: transparent;
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;	
}
#pos5a-aktiv {
margin: 0px;
padding: 0px;
	position: absolute;
	top: 35px;
	right: 410px;
	width: 125px;
	height: 10px;
	z-index: 1;
	background-color: #3B4852;
}
#pos6 {
margin: 0px;
padding: 0px;
	position: absolute;
	top: 35px;
	right: 300px;
	width: 115px;
	height: 0px;
	z-index:1;
	background-color: transparent;
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;	
}
#pos6-aktiv {
margin: 0px;
padding: 0px;
	position: absolute;
	top: 35px;
	right: 200px;
	width: 115px;
	height: 10px;
	z-index:1;
	background-color: #3B4852;
}
#pos6a {
margin: 0px;
padding: 0px;
	position: absolute;
	top: 35px;
	right: 190px;
	width: 115px;
	height: 0px;
	z-index:1;
	background-color: transparent;
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;	
}
#pos7 {
margin: 0px;
padding: 0px;
	position: absolute;
	top: 35px;
	right: 100px;
	width: 115px;
	height: 0px;
	z-index:1;
	background-color: transparent;
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;	
}

.opac:hover {
	opacity:0.5;
}
#pos8 {
	position: absolute;
	top: 65px;
	right: 40px;
	z-index: 2;
}
#pos9 {
	position: absolute;
	top: 35px;
	right: 50px;
}
#pos10 {
	position: absolute;
	top: 70px;
	right: 50px;
}



#menubox {
display: none;
position: absolute;
top: 100px;
right: 0px;

width: 100%;
height: 250px;
background-color: #ffffff;
border-bottom: solid 1px #A9AE00;
z-index: 0 ;
}
#menubox2 {
display: none;
position: absolute;
top: 100px;
right: 0px;
/*	width: 1367px;*/
width: 100%;
height: 250px;
background-color: #ffffff;
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: #232323;
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: 670px;
}
#menu-button-sichtbar h4 {
	width: 125px;
	height: 100px;
font-family:'Helvetica Neue', helvetica;
font-weight: bold;
line-height: 100px;
font-size: 12px !important;
text-align: center;
color: black;
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;
}


#menubox h1 {
color: black;
text-align: left !important;
font-family:  Arial !important;
font-weight:  bold !important;	
font-size: 14px;
}
#menubox2 h1 {
color: #000000;
text-align: left !important;
font-family:  Arial !important;
font-weight:  bold !important;
font-size: 14px;
}
#menubox3 h1 {
color: #000000;
text-align: left !important;
font-family:  Arial !important;
font-weight:  lighter !important;
font-size: 16px;
}
#menubox-uberschrift {
	position: absolute;
	top: 10px;
	left: 200px;
	width: 600px;
	border-bottom: solid 1px #C0C0C0;
	text-align: left;
}
#menubox2-uberschrift {
	position: absolute;
	top: 10px;
	left: 200px;
	width: 600px;
	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;
}

#menu-pos1 {
	position: absolute;
	top: 50px;
	left: 200px;
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:black !important ;
height: 20px;
width: 150px;
font-size: 16px;
text-align: left !important;
font-family:  Arial !important;
font-weight:  bold !important;

}
.altmenu-text a:hover h6 {
color:#9D0A0E !important ;

}
.altmenu-text-plakalar a h6 {
margin: 0px !important;
padding: 0px !important;
color:#000000 !important ;
height: 20px;
width: 150px;
font-size: 14px;
text-align: left !important;
font-family:  Arial !important;
font-weight:  lighter !important;

}
.altmenu-text-plakalar a:hover h6 {
color:#9D0A0E !important ;

}
.altmenu-text a:hover h1 {
color:#9F9F9F !important ;
text-decoration: underline;
}
.altmenu-text a h5 {
margin: 0px !important;
padding: 0px !important;
color:#DC1B23 !important ;
height: 20px;
width: 170px;
font-size: 16px;
text-align: left !important;
font-family:  Arial !important;
font-weight:  bold !important;

}
.altmenu-text a:hover h5 {
color:#9F9F9F !important ;

}
.altmenu2-text a h6 {
margin: 0px !important;
padding: 0px !important;
color:black !important ;
height: 20px;
width: 270px;
font-size: 16px;
text-align: left !important;
font-family:  Arial !important;
font-weight:  bold !important;

}
.altmenu2-text a:hover h6 {
color:#9F9F9F !important ;

}
.altmenu2-text a h5 {
margin: 0px !important;
padding: 0px !important;
color:#DC1B23 !important ;
height: 20px;
width: 170px;
font-size: 16px;
text-align: left !important;
font-family:  Arial !important;
font-weight:  bold !important;

}
.altmenu2-text a:hover h5 {
color:#9F9F9F !important ;
text-decoration: underline;
}
.altmenu2-text a:hover h1 {
color:#9F9F9F !important ;
text-decoration: underline;
}

#altmenu1 {
	position: absolute;
	top: 50px;
	left: 650px;
	width: 200px;
	height: 200px;
}

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

#altmenu3 {
	position: absolute;
	top: 70px;
	left: 700px;
	width: 300px;	
}
#altmenu1a {
	position: absolute;
	top: 70px;
	left: 190px;
	width: 200px;
	height: 200px;
}

#altmenu2a {
	position: absolute;
	top: 95px;
	left: 390px;
	width: 200px;
}
#altmenu3a {
	position: absolute;
	top: 70px;
	left: 250px;
	width: 300px;
}
#altmenu4 {
	position: absolute;
	top: 70px;
	left: 445px;
	width: 300px;
}
.altmenupos0 {
position: absolute;
top:-20px ;
left: 10px;
}
.altmenupos1 {
position: absolute;
top:5px ;
left: 10px;
}
.altmenupos2 {
position: absolute;
top:30px ;
left: 10px;
}
.altmenupos3 {
position: absolute;
top:55px ;
left: 10px;
}
.altmenupos4 {
position: absolute;
top:80px ;
left: 10px;
}
.altmenupos5 {
position: absolute;
top:105px ;
left: 10px;
}
.altmenupos6 {
position: absolute;
top:5px ;
left: 200px;
}
.altmenupos7 {
position: absolute;
top:30px ;
left: 200px;
}
.altmenupos8 {
position: absolute;
top:55px ;
left: 200px;
}
.altmenupos9 {
position: absolute;
top:80px ;
left: 200px;
}
.altmenupos9b {
position: absolute;
top:105px ;
left: 10px;
}
.altmenupos10 {
position: absolute;
top:5px ;
left: 200px;
}
.altmenupos11 {
position: absolute;
top:130px ;
left: 10px;
}
.span {
	display: none;
}
h6:hover ~ .span {
	display: block !important;

}

#span-null {
	position: absolute;
	top:20px;
	left: 250px;
	z-index: 10;
}
#span-null-siparis {
	position: absolute;
	top:-50px;
	left: 492px;
	z-index: 10;
}
#span-mutfak {
	position: absolute;
	top:-5px !important;
	left: 200px;
	z-index: 10;
}

#span-banyo {
	position: absolute;
	top:-30px;
	left: 200px;
	z-index: 10;
}
#span-kapi {
	position: absolute;
	top:-55px;
	left: 200px;
	z-index: 10;
}

#span-okullar {
	position: absolute;
	top:-80px;
	left: 200px;
	z-index: 10;
}
#span-genel {
	position: absolute;
	top:-105px;
	left: 200px;
	z-index: 10;
}
.footer-altseiten {
	font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;	
	text-align:right;
	padding:0px 20px 0px 0px;
	margin:0px;
	color:white;
}