/* 
    Document   : main
    Created on : Oct 29, 2012, 6:56:41 PM
    Author     : makary
    Description:
        Purpose of the stylesheet follows.
*/
      @font-face {
                        font-family: arial,helvetica,clean,sans-serif;font-weight:bold;
                        src: url('INNOSTARTMEDIUM.eot');
                        src: url('fonts/Gotham-Book.eot');
                        src: local('‚ò∫'), url('INNOSTARTMEDIUM.svg#Gotham-Medium') format('svg'),
                        url('INNOSTARTMEDIUM.woff') format('woff');
       }
      @font-face {
                        font-family: arial,helvetica,clean,sans-serif;
                        src: url('INNOSTARTBOOK.eot');
                        src: local('‚ò∫'), url('INNOSTARTBOOK.svg#Gotham-Book') format('svg'),
                        url('INNOSTARTBOOK.woff') format('woff');
                        font-weight:normal;
       }

b{
    font-weight:normal;
    font-family: arial,helvetica,clean,sans-serif;font-weight:bold;
}
html {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-smooth: always;
    text-rendering:optimizeLegibility;   
    
}
root { 
    display: block;
}
body{
    overflow-y: scroll;
    height: 5000px;
}
h1, h2, p, li{
    font-family: verdana;
    float: none;
    text-align: left;
    
}
h1{
    font-size: 30px;
    letter-spacing: 1px;
    font-family: verdana;
}
h2{    
    color: rgb(0, 0, 0);
    font-family: arial,helvetica,clean,sans-serif;
    font-size: 40px;
    letter-spacing: 1px;  
    visibility: visible;
}
h3{
    font-size: 12px;
    font-style:italic;
    font-family: verdana;
}
h4{
    font-style: italic;
    font-size: 15px;
    letter-spacing: 1px;  
    font-family: verdana;
}
h5{
    font-size: 32px;
    text-transform:uppercase;
    text-align: left;
    font-weight: bold;
}
p{
    font-family: arial,helvetica,clean,sans-serif;
}
span{
    display: inline;
}
a{
    color: inherit;
    text-decoration: inherit;
    font-family: arial,helvetica,clean,sans-serif;
}
ol li{
    line-height: 20px;
    letter-spacing: 1px;
    margin-left: 20px;
    list-style: disc;
    font-family: arial,helvetica,clean,sans-serif;
    color:#3d3d3d;
}
div{
    float: left;
}
#siteContainer{
    position: absolute;
    top:0px;
    left:0px;
    width: 100%;
    height:auto;
}
#bgImage{
    position: fixed;
    top:0px;
    left:0px;
    width: 100%;
    height:100%;
}
#siteBody{
    position: fixed;
    width: 100%;
    height: auto;
    background-image: url('/public/img/white_bg.jpg');
}
#header{
    height: 81px;
    width: 100%;
    position: fixed; 
    background-color: #000000;
    z-index: 101;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	
}
#logo{
    margin-top: 23px;
    display: inline-block;
    
}
#logo img{
    width:225px;
}

#menu{
    display: inline-block;
    height: 30px;
    margin-left: 30px;
    margin-top: 35px;
    width: 655px;
    text-align: justify;
}
#menu ul{
    display: inline;
    text-align: left;
}
#menu ul li{
    text-align: center;
    display: inline-block;
    letter-spacing: 1px;
    white-space: nowrap;
    float: none;
    z-index: 100;
    padding-bottom: 1px;
}
#menu ul li a{
    text-transform:uppercase;
    font-size: 14px;
    z-index: 100;
    font-family: arial,helvetica,clean,sans-serif;
    float: none;
    color:#ffffff;
}
#menu #tab1content{
    width:202px;
}
#menu #tab1content li{
    width:202px;
}
#menu #tab2content{
    width: 330px;
}
#menu #tab2content li{
    width:330px;
}
#menu a{
    float: none;
    text-decoration: none;
    cursor:pointer;
}
#menu span{
    display: inline-block;
    height: 0;
    width: 100%;
}
#siteContent{
    width: 100%;
    height: auto;
    text-align: left;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}
.slide{
    height: 100%;
    width:100%;
}
#footer p{
    margin-top: 150px;
}
.siteText{
    width:960px;
}
#language{
    margin-top: 35px;
    float: right;
}
#language a{
    color:#ffffff; 
    padding-bottom: 1px;
}
.scrollSlide{
    width: 100%;
}
.firstSlide{
    background-image: url('/public/img/team.jpg');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-color: #87868b;
    
}
#forms{
	font-size: 13px;
	line-height: 16px;
	position: relative;
	margin-left: -17.2%;
	left: 50%;
        /*width: 100%;*/
	/*float:center;*/
} 
#forms input, #loginform  input{
    
    background-color: rgba(66,66,66, 0.18);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    border: 0px;
    padding:14px 14px 12px 14px;
    width: 300px;
    font-family: verdana;
    margin-bottom: 15px;
}
#forms textarea{
    font-family: verdana;
    border: 0px;
    background-color: rgba(66,66,66, 0.18);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    padding:15px 15px 15px 15px;
    width: 300px;
    height: 110px;
}
#entritt input{
    float: center;
}
#entritt textarea{
    float: center;
    resize: none;
    margin-bottom: 15px;
    clear: both;
    float: none;
}
form{
	overflow: hidden;
}
#entritt{
    float: center;
}
#entreiben{
    float: center;
}
#selectiondiv {
	width: 330px;
	overflow: hidden;
	margin-left: 67px;
	float:none;
	background-image: url(/public/img/nyilacska.png);
	background-repeat: no-repeat;
	background-position: 299px center;
	
}

.contacttitle {
	color: #E67E45;
	text-align: left;
	font-family: arial,helvetica,clean,sans-serif;font-weight:bold;
}

#forms select{
    background-color: rgba(66,66,66, 0.18);
	-webkit-appearance: none;
	-moz-appearance: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
	border: 0px;
    border-radius: 4px;
    
    padding:14px 14px 12px 14px;
    width:120%;
    overflow:hidden;   
    font-family: verdana;
}

#forms #entreibenSub, #loginform #entreibenSub{
    margin-top: 13px;
    display: inline;
    color: #868686;
    width: auto;
    padding:11px 9px 12px 9px;
    background-color: rgb(66,66,66);
    float: right;
    cursor: pointer;
}

#forms #entreibenSub:hover{
    background-color: rgba(66,66,66, 0.18);
    color:#000000;
}
#forms #entrittSub,#loginform #entreibenSub{
    margin-top: 10px;
    display: inline;
    color: #868686;
    width: auto;
    padding:10px 16px 10px 16px;
	text-transform:uppercase;
    background-color: rgb(66,66,66);
    float: right;
    cursor: pointer;
		color: #4b9dca;
}
#forms #entrittSub:hover{
    background-color: rgba(66,66,66, 0.18);
    color:#000000;
}
#forms h5{
    margin-bottom: 30px;
}
#sliderDots{
    margin-top: 10px;
    width: 100%;
    height: 17px;
    text-align: center;
}
#sliderDots div{
    float: none;
    display: inline-block;
    cursor:pointer;
    width:19px;
    height: 17px;
    background-image: url('/public/img/black_dot.png');
    margin-right: 23px;
    background-repeat: no-repeat;
}
#sliderDots:last-child{
    margin-right:0px; 
}
#sliderDots .on{
    background-image: url('/public/img/blue_dot.png');
    background-repeat: no-repeat; 
}
.Hsleider{
    height: 152px;
}
.Hsleider p{
    font-family: arial,helvetica,clean,sans-serif;
    color:#fff;
    font-size: 14px;
    text-align: center;
}
.intro{
	text-align: center;
    margin-top: 58px;
    font-weight: bold;
    color:#fff;
    text-transform:uppercase;
    line-height: 55px;
    margin-bottom: 26px;
}
.Hsleider h2{
    display: inline;
    color:#fff;
}
.Hsleider p{
    display: inline;
}
.innostartmenu{
    display: inline-block;
    height: 30px;
    text-align: justify;    
    width:100%;
}
.innostartmenu .innoslidemenu{
    display: inline;
    text-align: left;
}
.innostartmenu .innoslidemenu li{
    text-align: center;
    display: inline-block;
    letter-spacing: 1px;
    white-space: nowrap;
    float: none;
    z-index: 100;
    padding-bottom: 1px;
    cursor: pointer;
}
.innostartmenu span{
    display: inline-block;
    height: 0;
    width: 100%;
}
.innoslidemenu li a{
    font-size: 32px;
    text-transform:uppercase;
    font-family: arial,helvetica,clean,sans-serif;
}
.innoslidemenu .on{
    color: #E67E45;
    border-bottom: 4px solid  #E67E45;
    padding-bottom: 0px;
}
.slide2text{
    width:100%;
    margin-top: 93px;
}
.slide2Text p{
        white-space: normal;
	font-size: 13px;

}
.slide2text div{
    display: inline-block;
    float: left;
}
.slide2Imgae{
    width:340px;
}
.slide2Imgae img{
    width:341px;
}

.slide2Text{
    margin-left: 83px;
    width:403px;
    margin-top: 53px;
    z-index: 100;
    position: relative;
}
.slide2Text p {
    line-height: 22px;
    font-size: 13px;
    color:#3d3d3d;
    padding-right: 100px;
}
.slide2text .teamdiv img{
    width:180px;
    margin: 0px;
    padding: 0px;
}
.slide2text .teamdiv div{
    width:180px;
    height: 155px;
    margin: 0px;
    padding: 0px;
}
.slide2text .teamdiv{
    width:180px;
    line-height: 0px;

}

.horisontalDown{
    margin-top: 78px;
    margin-left: -47px;
    margin-right: -47px;
    
}
.dasTeamDescription p{
	color: #000;
    margin-left: 55px;
    margin-top: 12px;
    font-size: 12px;
    line-height: 17px;
}
.slide3Div{
    width:210px;
    text-align: center;
    margin-right: 146px;
}
.slide3Div h1{
    font-size: 18px;
    font-family: arial,helvetica,clean,sans-serif;font-weight:bold;
    text-transform:uppercase;
    text-align: center;
}
.cityinfo {
	width:100px;
	height:40px;
	background-color:blue;
}
.slide3Div img{
    margin-top: 50px;
}
.slide3Div p{
	font-size: 13px;
    margin-top: 50px;
    color:#3d3d3d;
    line-height: 20px;
}
#rotateHex{
}
#hexCont{
    text-transform:uppercase;
    line-height: 0px;
    white-space: nowrap;
    width:450px;
    height: 450px;
    transform-origin: 50% 50% 0; 
      -webkit-transform-origin: 50% 50%;
     -webkit-transform: rotate(0deg);  /* Saf3.1+, Chrome */
     -moz-transform: rotate(0deg);  /* FF3.5+ */
      -ms-transform: rotate(0deg);  /* IE9 */
       -o-transform: rotate(0deg);  /* Opera 10.5 */ 
          transform: rotate(0deg);
          writing-mode: lr-tb;
               zoom: 1;
}
#hexCont p{
	/*padding: 20px;*/
    display:block;
    position: absolute;
    text-transform:uppercase;
    cursor: pointer;
    z-index: 1000;
}
#hexCont div{
    display: block;
    position: relative;
    z-index: 100;
}
#hexCont{
        word-spacing: 0px;
        float: right;

}
#rotateHex {
    line-height: 0px;
    width:450px;
}
#rotateHex .r0{
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    writing-mode: lr-tb;
    position: relative;
    left: 159px;
    top: 103px;
    z-index: 100
}
.nl #rotateHex .r0{
	left: 181px;
}
#rotateHex .r60{
    -webkit-transform: rotate(210deg);
    -moz-transform: rotate(210deg);
    -o-transform: rotate(210deg);
    writing-mode: lr-tb;
    position: relative;
    top: 164px;
    left: 65px;
    z-index: 100

}
#rotateHex .r120{
    -webkit-transform: rotate(150deg);
    -moz-transform: rotate(150deg);
    -o-transform: rotate(150deg);
    writing-mode: lr-tb;
    position: relative;
    top: 286px;
    left: 64px;
    z-index: 100
}
#rotateHex .r240{
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    writing-mode: lr-tb;
    position: relative;
    left: 336px;
    top: 294px;
    z-index: 100
}
#rotateHex .r180{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    writing-mode: lr-tb;
    position: relative;
    left: 172px;
    top: 348px;
    z-index: 100
}
.nl #rotateHex .r180{
	left: 145px;
	top: 334px;
}
#rotateHex .r300{
    -webkit-transform: rotate(330deg);
    -moz-transform: rotate(330deg);
    -o-transform: rotate(330deg);
    writing-mode: lr-tb;
    position: relative;
    left: 313px;
    top: 151px;
    z-index: 100
}
.pointer{
    display: none;
    clear: none;
    display: block;
    position: absolute;
    width: 260px;
    z-index: 2;
    float: left;
    margin-left: 91px;
    margin-top: 2px;
}
#pointer_div{
    text-align: left;
    margin-top: 5px;
    width: 450px;
    display:inline-block;    
}
.slide2Text h2{
    color:#4eade1;
	    text-transform:uppercase;
}
#slide4 h2{
    margin-bottom: 50px;
}
#slide4 p{
    font-size: 14px;
    line-height: 20px;
    white-space:normal;   
}
#slide4Div{
    overflow: visible;
    margin-left: 0px;
}
#slide4Div{
    overflow: visible;
    width:220%;
        white-space:nowrap;


}
#slide4Div .slide{
    display: inline-block;
    width:45%;
}
#slideMap{
    margin-left: 210px;
    overflow: visible;
    margin-top: 200px;
}
#map{
    background-image: url('/public/img/map.png');
    width:100%;
    margin-left: -590px;
    background-repeat: no-repeat;
    margin-top: -569px;
    height: 1148px;  
}
#Landcontainer{
    height: 150px;
    line-height: 0;
    margin-left: 462px;
    margin-top: 38px;
    overflow: visible;
    width: 780px;
}
.firstLine{
    margin-left: 248px;
}
.verticalLine{
    width:4px;
    height: 37px;
    background-color: #E67E45;    
}
#horisontalLine{
    background-color: #E67E45;
    clear: both;
    height: 5px;
    margin-left: -560px;
    width: 1009px;  
}
.LandTextCont{
    background-color: #FFFFFF;
    border-bottom: 5px solid #4AA2D1;
    cursor: pointer;
    height: 187px;
    line-height: 0;
    margin-left: -52px;
    margin-top: 20px;
    width: 118px;
}
.LandTextCont p{
    letter-spacing: 0px;
	font-size: 13px;
    text-align: center;
    width: 100%;
    height: 100%;
    display: inline-block;
    white-space: normal;
    line-height: 21px;
    text-transform:uppercase;
    font-family: arial,helvetica,clean,sans-serif;
    font-weight:bold;
	
}
.lastContE{
    margin-right: 0px;
}
.MapArrow{
    display: block;
    margin-left: 118px;
    margin-top: -100px;
}
#Lnl{
    margin-left: 440px;
    margin-top: 572px;
    display: inline-block;
    cursor: pointer;
}

#Lch{
    margin-left: -150px;
    margin-top: 745px;
    display: inline-block;
    cursor: pointer;
}
#Lhun{
    margin-left: 68px;
    margin-top: 755px;
    display: inline-block;
    cursor: pointer;
}
.map_desc{
    margin-left: 5px;
}
.nums{
    font-family: arial,helvetica,clean,sans-serif;font-weight:bold;
    font-size: 40px;
    width:100%;
    text-align: center;
    color:#cdcdcd;
}
.LandTextContBig{
    padding-left: 50px;
    margin-right: 28px; 
}
.Active{
    color: #4EADE1;
    margin-right: 0;
    width: 511px;
}
.Active .nums{
    color: #4aa2d1;
}
.mapDesc {
    width:0px;
    overflow:hidden;
}


.mapDesc{
    background-image: url("/public/img/map_bg.png");
    display: inline-block;
    height: 100%;
    margin-left: 118px;
    margin-right: 0;
    margin-top: -111px;
    padding-right: 0;
    padding-top: 5px;
    white-space: normal;
    width: 400px;
}
#SiteZigZag{
    height: 100%;
    width:100%;
    background-image: url('/public/img/zigzag.png');
    background-repeat:  repeat-x;
    background-position: center bottom;
    margin-top: 41px;
}
#slideDiv{
    width:100%;
    height: 670px;
    margin-top: -10px;

}
#slideDiv div{
    display: inline-block;
}
#slideRight{
	line-height: 16px;
	font-size: 13px;
    width:468px;
    height: 100%;
    margin-left: 10px;
    text-align: left;
    padding-top: 20px;
}
#slideLeft{
	line-height: 16px;
	font-size: 13px;
    width:468px;
    height: 100%;
    margin-right: 10px;
    padding-top: 20px;
}
#HslideLine{
    width:4px;
    background-color: #000;
    height: 100%;
}
#DotImg{
    margin-top: 10px;
	<!--[if lte IE 8]>
		margin-left: 50%;
		padding-left: -50%;
	<![endif]-->
}
.workflow1, .workflow2, .workflow3, .workflow4,.workflow5, .workflow6{
    height: 100px;
    width:100%;
}
#slideDiv img{
    height: 90px;
}
#slideLeft img{
    float: right;
    text-align: right;
}
#slideRight img{
    float: left;
    text-align: right;
}
#slideLeft div{
    width:100%;
}
#slideRight div{
    width:100%;
}
#slideLeft p{
    width:100%;
    text-align: left;
}
#slideRight p{
    width: 260px;
    text-align: left;
}
.blue{
    color:#4eade1;
}
.red{
    color:#ef7d19;
}
#LandCont{
    height: 211px;
    margin-left: -610px;
    overflow: hidden;
    text-align: justify;
    width: 1200px;
}
#LandCont div{
    display: inline-block;
}

.maptextcontainer {
	line-height: 13px;
	width:400px;
	overflow:hidden;
	float:right;
	color: #605f5e;
	font-size: 11px;
        font-family: arial,helvetica,clean,sans-serif;font-weight:bold;
}

.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}
#slidingtext{
    width:600px;
    margin-right: 0px;
    padding-left: 10px;
    padding-right: 10px;
}
#slidingtext h1{
    text-align: center;
	font-size: 18px;
	line-height: 22px;
	color: rgb(0, 0, 0);
}
#slidingtext p{
    margin-top: 5px;
    text-align: center;
}
#slidingtext img{
    margin: 0px;
}
.dasTeamDescription{
    width:650px;
}
#footerDiv{
    background-color: #000;
    height: 400px;
    line-height: 25px;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
#footerDiv img{
    margin-top: 40px;
    margin-bottom: 10px;
}
#footerDiv p,#footerDiv a,#footerDiv img{
	line-height: 25px;
	font-size: 13px;
    color: #fff;
    text-align: left;
    float: left;
}
#footerDiv .siteText{
    width:960px;

}
#footerDiv .siteText div{
    margin-top: 30px;
    width:190px;
    display: inline-block;
}
.onlineangebot {
	margin-top: -88px;
	-webkit-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 15px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 15px rgba(50, 50, 50, 0.75);
	width:38px;
	
	height:177px;
	float:right;
	border:3px solid;
	border-color:white;
	
	z-index: 50;
	position: fixed;
	right: 0;
	top: 50%;
}
.innershad {
	-moz-box-shadow: inset -9px 0 30px -10px #000;
	-webkit-box-shadow: inset -9px 0 30px -10px #000;
	box-shadow: inset -9px 0 30px -10px #000;
	height:100%;
	width:100%;
	float:right;
	background-color:rgb(234, 140, 78);
}

.onlineangebot a {
	font-family: arial,helvetica,clean,sans-serif;font-weight:bold;
}
#angebottext {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	margin-top: 30px;
	height: 120px;
	width: 138px;
	font-size: 18px;
	white-space: nowrap;
}
#loginsubmit{
    margin-top: 13px;
    display: inline;
    color: #868686;
    width: auto;
    padding:11px 9px 12px 9px;
    background-color: rgb(66,66,66);
    float: right;
    cursor: pointer;
	color: #4b9dca;
}
#loginform input {
	color: #6e6e6e;
}
.bold{
    font-family: arial,helvetica,clean,sans-serif;font-weight:bold;
    font-size: 14px;
}
.semibold{
    font-family: arial,helvetica,clean,sans-serif;font-weight:bold;
    font-size: 14px;
    font-weight: bold;
}
.mapDesc p{
    font-family: arial,helvetica,clean,sans-serif;
    font-size: 12px;
    line-height: 17px;
    padding-left: 12px;
    padding-right: 5px;
    text-align: left;
    text-transform: none;
    width: auto;
    font-weight: normal;
}
eng, de{
    display: inline;
}
.map_desc{
    width:121px;
    height: 55px;
}
#rotateMap{
    width:450px;
    height: 450px;
    margin-top: -450px;
    z-index: 100;
    position: relative;
}
#Map area:hover{
    cursor:pointer;
}
area:hover{
    cursor:pointer;
}
#selectiondiv{
    margin-bottom: 15px;
}
.slideB{
    color: rgb(0, 0, 0);
    font-family: arial,helvetica,clean,sans-serif;
    font-size: 40px;
    letter-spacing: 1px;  
    visibility: visible;    
}
.sliderTitle{
    color: rgb(0, 0, 0);
    font-family: arial,helvetica,clean,sans-serif;
    font-size: 18px;
    letter-spacing: 1px;
    visibility: visible;
    font-weight: bold;
    text-align: center;
}
#slidingtext h3{
    font-size: 14px;
    font-style: normal;
    font-family: arial,helvetica,clean,sans-serif;
}