﻿#slideoutNavigation {
			position: fixed;
			top: 150px;
			left: 0;
			/*width: 35px;*/
			padding: 12px 0;
			text-align: center;
			/*background: #6DAD53;*/
			-webkit-transition-duration: 0.3s;
			-moz-transition-duration: 0.3s;
			-o-transition-duration: 0.3s;
			transition-duration: 0.3s;
			-webkit-border-radius: 0 5px 5px 0;
			-moz-border-radius: 0 5px 5px 0;
			border-radius: 0 5px 5px 0;
}


#slideout_innerNavigation {
			position: fixed;
			top: 100px;
			left: -450px;
			background: #abe1fb;
			width: 450px;
			padding: 25px;
			height: 300px;
			-webkit-transition-duration: 0.3s;
			-moz-transition-duration: 0.3s;
			-o-transition-duration: 0.3s;
			transition-duration: 0.3s;
			text-align: left;
			-webkit-border-radius: 0 0 5px 0;
			-moz-border-radius: 0 0 5px 0;
			border-radius: 0 0 5px 0;
			background-color: #84CF96;
			border-top:thin green solid ;
			
			}
#slideout_innerNavigation:hover {
  left: 450px;
}
#slideoutNavigation:hover #slideout_innerNavigation {
  left: 0;
}

#slideoutPrices {
			position: fixed;
			top: 250px;
			left: 0;
			/*width: 35px;*/
			padding: 12px 0;
			text-align: center;
			/*background: #6DAD53;*/
			-webkit-transition-duration: 0.3s;
			-moz-transition-duration: 0.3s;
			-o-transition-duration: 0.3s;
			transition-duration: 0.3s;
			-webkit-border-radius: 0 5px 5px 0;
			-moz-border-radius: 0 5px 5px 0;
			border-radius: 0 5px 5px 0;
}
#slideoutPrices_inner {
			position: fixed;
			top: 250px;
			left: -450px;
			background: #abe1fb;
			width: 450px;
			padding: 25px;
			height: 150px;
			-webkit-transition-duration: 0.3s;
			-moz-transition-duration: 0.3s;
			-o-transition-duration: 0.3s;
			transition-duration: 0.3s;
			text-align: left;
			-webkit-border-radius: 0 0 5px 0;
			-moz-border-radius: 0 0 5px 0;
			border-radius: 0 0 5px 0;
			background-color: #84CF96;
			border-top:thin green solid ;
}
#slideoutPrices_inner:hover {
  left: 450px;
}
#slideoutPrices:hover #slideoutPrices_inner {
  left: 0;
}

#slideoutApplication {
			position: fixed;
			top: 350px;
			left: 0;
			/*width: 35px;*/
			padding: 12px 0;
			text-align: center;
			/*background: #6DAD53;*/
			-webkit-transition-duration: 0.3s;
			-moz-transition-duration: 0.3s;
			-o-transition-duration: 0.3s;
			transition-duration: 0.3s;
			-webkit-border-radius: 0 5px 5px 0;
			-moz-border-radius: 0 5px 5px 0;
			border-radius: 0 5px 5px 0;
}
#slideoutApplication_inner {
			position: fixed;
			top: 350px;
			left: -450px;
			background: #abe1fb;
			width: 450px;
			padding: 25px;
			height: 30px;
			-webkit-transition-duration: 0.3s;
			-moz-transition-duration: 0.3s;
			-o-transition-duration: 0.3s;
			transition-duration: 0.3s;
			text-align: left;
			-webkit-border-radius: 0 0 5px 0;
			-moz-border-radius: 0 0 5px 0;
			border-radius: 0 0 5px 0;
			background-color: #84CF96;
			border-top:thin green solid ;
}
#slideoutApplication_inner:hover {
  left: 450px;
}
#slideoutApplication:hover #slideoutApplication_inner {
  left: 0;
}



#slideoutSoftware {
			position: fixed;
			top: 450px;
			left: 0;
			/*width: 35px;*/
			padding: 12px 0;
			text-align: center;
			/*background: #6DAD53;*/
			-webkit-transition-duration: 0.3s;
			-moz-transition-duration: 0.3s;
			-o-transition-duration: 0.3s;
			transition-duration: 0.3s;
			-webkit-border-radius: 0 5px 5px 0;
			-moz-border-radius: 0 5px 5px 0;
			border-radius: 0 5px 5px 0;
}
#slideoutSoftware_inner {
			position: fixed;
			top: 450px;
			left: -450px;
			background: #abe1fb;
			width: 450px;
			padding: 25px;
			height: 100px;
			-webkit-transition-duration: 0.3s;
			-moz-transition-duration: 0.3s;
			-o-transition-duration: 0.3s;
			transition-duration: 0.3s;
			text-align: left;
			-webkit-border-radius: 0 0 5px 0;
			-moz-border-radius: 0 0 5px 0;
			border-radius: 0 0 5px 0;
			background-color: #84CF96;
			border-top:thin green solid ;
}
#slideoutSoftware_inner:hover {
  left: 450px;
}
#slideoutSoftware:hover #slideoutSoftware_inner {
  left: 0;
}


@media screen and (max-width: 600px) {
  #slideout_innerNavigation {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}

@media screen and (max-width: 600px) {
  #slideoutPrices {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}


@media screen and (max-width: 600px) {
  #slideout_innerApplication {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}


@media screen and (max-width: 600px) {
  #slideoutSoftware {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}


@media screen and (min-width:600px) {
	#headermenu {
		visibility: hidden;
		clear: both;
		float: left;
		margin: 10px auto 5px 20px;
		width: 28%;
		display: none;
	}
}


#textblock{
	margin-left:25px;
}